mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 17:28:26 -04:00
Upgrade EUI to v77.2.2 (#155208)
## Summary `eui@77.1.1` ⏩ `eui@77.2.2` Closes https://github.com/elastic/eui/issues/6724 --- ## [`77.2.2`](https://github.com/elastic/eui/tree/v77.2.2) - Updated `EuiFocusTrap` to support the `gapMode` prop configuration (now defaults to `padding`) ([#6744](https://github.com/elastic/eui/pull/6744)) **Bug fixes** - Fixed the `scrollLock` property on `EuiFocusTrap` (and other components using `EuiFocusTrap`, such as `EuiFlyout` and `EuiModal`) to no longer block scrolling on nested portalled content, such as combobox dropdowns ([#6744](https://github.com/elastic/eui/pull/6744)) ## [`77.2.1`](https://github.com/elastic/eui/tree/v77.2.1) **Bug fixes** - Fixed `EuiFieldNumber`'s native browser validity detection causing extra unnecessary rerenders ([#6741](https://github.com/elastic/eui/pull/6741)) ## [`77.2.0`](https://github.com/elastic/eui/tree/v77.2.0) - Updated `EuiFieldNumber` to detect native browser invalid state and show an invalid icon ([#6704](https://github.com/elastic/eui/pull/6704)) - Improved the input widths of `EuiRange` and `EuiDualRange` when `showInput={true}` to account for invalid icons ([#6704](https://github.com/elastic/eui/pull/6704)) - Improved the `isInvalid` styling of `EuiDualRange` when `showInput="inputWithPopover"` ([#6704](https://github.com/elastic/eui/pull/6704)) - Updated `EuiFormControlLayoutIcons` to render left icons in expected DOM order ([#6705](https://github.com/elastic/eui/pull/6705)) - Updated `EuiDatePickerRange`'s `isInvalid` state to match other range inputs ([#6705](https://github.com/elastic/eui/pull/6705)) - Updated `EuiSuperDatePicker`'s `isInvalid` state to match other range inputs ([#6705](https://github.com/elastic/eui/pull/6705)) **Bug fixes** - Fixed `EuiValidatableControl` to correctly display `isInvalid` states on mount ([#6705](https://github.com/elastic/eui/pull/6705)) - Fixed an issue with `EuiSearchBar` where quoted phrases were not quoted when generating an Elasticsearch query. ([#6714](https://github.com/elastic/eui/pull/6714)) --------- Co-authored-by: Constance Chen <constance.chen.3@gmail.com> Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Constance Chen <constance.chen@elastic.co>
This commit is contained in:
Trevor Pierce
GitHub
parent
ea407983bb
commit
fee63e3ea9
20 changed files with 110 additions and 77 deletions
|
|
@ -97,7 +97,7 @@
|
|||
"@elastic/datemath": "5.0.3",
|
||||
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.6.0-canary.3",
|
||||
"@elastic/ems-client": "8.4.0",
|
||||
"@elastic/eui": "77.1.2",
|
||||
"@elastic/eui": "77.2.2",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -146,6 +146,7 @@ exports[`#start() returns \`Context\` component 1`] = `
|
|||
"euiFlyout.screenReaderNonModalDialog": "You are in a non-modal dialog. To close the dialog, press Escape.",
|
||||
"euiForm.addressFormErrors": "Please address the highlighted errors.",
|
||||
"euiFormControlLayoutClearButton.label": "Clear input",
|
||||
"euiFormControlLayoutDelimited.delimiterLabel": "to",
|
||||
"euiFullscreenSelector.fullscreenButton": "Enter fullscreen",
|
||||
"euiFullscreenSelector.fullscreenButtonActive": "Exit fullscreen",
|
||||
"euiHeaderLinks.appNavigation": "App menu",
|
||||
|
|
|
|||
|
|
@ -778,6 +778,12 @@ export const getEuiContextMapping = (): EuiTokensObject => {
|
|||
description: 'ARIA label on a button that removes any entry in a form field',
|
||||
}
|
||||
),
|
||||
'euiFormControlLayoutDelimited.delimiterLabel': i18n.translate(
|
||||
'core.euiFormControlLayoutDelimited.delimiterLabel',
|
||||
{
|
||||
defaultMessage: 'to',
|
||||
}
|
||||
),
|
||||
'euiFullscreenSelector.fullscreenButton': i18n.translate(
|
||||
'core.euiFullscreenSelector.fullscreenButton',
|
||||
{
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Clear input"
|
||||
|
|
@ -120,7 +120,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Clear input"
|
||||
|
|
@ -252,7 +252,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -317,7 +317,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -438,7 +438,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -501,7 +501,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -622,7 +622,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
aria-label="Loading"
|
||||
|
|
@ -692,7 +692,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
aria-label="Loading"
|
||||
|
|
|
|||
|
|
@ -301,7 +301,6 @@ Object {
|
|||
class="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<input
|
||||
aria-invalid="false"
|
||||
class="euiFieldText euiFieldText--fullWidth"
|
||||
data-test-subj="editModalNameTextField"
|
||||
id="generated-id"
|
||||
|
|
|
|||
|
|
@ -77,7 +77,6 @@ Object {
|
|||
class="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<input
|
||||
aria-invalid="false"
|
||||
class="euiFieldText euiFieldText--fullWidth"
|
||||
data-test-subj="editModalNameTextField"
|
||||
id="generated-id"
|
||||
|
|
|
|||
|
|
@ -85,6 +85,6 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.4.0': ['Elastic License 2.0'],
|
||||
'@elastic/eui@77.1.2': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'@elastic/eui@77.2.2': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
};
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -249,7 +249,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -585,7 +585,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -675,7 +675,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1029,7 +1029,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1116,7 +1116,7 @@ exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1203,7 +1203,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1412,7 +1412,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1592,7 +1592,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -1928,7 +1928,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2018,7 +2018,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2107,7 +2107,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2287,7 +2287,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2623,7 +2623,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2713,7 +2713,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -2827,7 +2827,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -3036,7 +3036,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -3216,7 +3216,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -3552,7 +3552,7 @@ Array [
|
|||
</option>
|
||||
</select>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
|
|||
|
|
@ -832,8 +832,9 @@ export default class QueryStringInputUI extends PureComponent<QueryStringInputPr
|
|||
>
|
||||
{this.forwardNewValueIfNeeded(this.getQueryString())}
|
||||
</EuiTextArea>
|
||||
{/* EUI TODO: This will need to be fixed before the Emotion conversion */}
|
||||
{this.props.iconType ? (
|
||||
<div className="euiFormControlLayoutIcons">
|
||||
<div className="euiFormControlLayoutIcons euiFormControlLayoutIcons--absolute euiFormControlLayoutIcons--left">
|
||||
<EuiIcon
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
aria-hidden="true"
|
||||
|
|
|
|||
|
|
@ -296,7 +296,6 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
>
|
||||
<input
|
||||
aria-describedby="generated-id-help-0"
|
||||
aria-invalid="false"
|
||||
class="euiFieldText euiFieldText--compressed"
|
||||
id="generated-id"
|
||||
type="text"
|
||||
|
|
|
|||
|
|
@ -170,9 +170,10 @@ exports[`CronEditor is rendered with a DAY frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -1135,9 +1136,10 @@ exports[`CronEditor is rendered with a DAY frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -1934,9 +1936,10 @@ exports[`CronEditor is rendered with a DAY frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -2149,9 +2152,10 @@ exports[`CronEditor is rendered with a HOUR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -3137,9 +3141,10 @@ exports[`CronEditor is rendered with a HOUR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -3346,9 +3351,10 @@ exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -3554,9 +3560,10 @@ exports[`CronEditor is rendered with a MONTH frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -4482,9 +4489,10 @@ exports[`CronEditor is rendered with a MONTH frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -5114,9 +5122,10 @@ exports[`CronEditor is rendered with a MONTH frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -5921,9 +5930,10 @@ exports[`CronEditor is rendered with a MONTH frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -6136,9 +6146,10 @@ exports[`CronEditor is rendered with a WEEK frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -6728,9 +6739,10 @@ exports[`CronEditor is rendered with a WEEK frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -7352,9 +7364,10 @@ exports[`CronEditor is rendered with a WEEK frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -8155,9 +8168,10 @@ exports[`CronEditor is rendered with a WEEK frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -8370,9 +8384,10 @@ exports[`CronEditor is rendered with a YEAR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -9161,9 +9176,10 @@ exports[`CronEditor is rendered with a YEAR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -9611,9 +9627,10 @@ exports[`CronEditor is rendered with a YEAR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -10251,9 +10268,10 @@ exports[`CronEditor is rendered with a YEAR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
@ -11062,9 +11080,10 @@ exports[`CronEditor is rendered with a YEAR frequency 1`] = `
|
|||
compressed={false}
|
||||
isDropdown={true}
|
||||
isLoading={false}
|
||||
side="right"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<EuiFormControlLayoutCustomIcon
|
||||
size="m"
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
import React from 'react';
|
||||
|
||||
import { shallow, mount } from 'enzyme';
|
||||
import { shallow } from 'enzyme';
|
||||
|
||||
import { EuiForm, EuiFieldText, EuiModal } from '@elastic/eui';
|
||||
import { FormattedMessage } from '@kbn/i18n-react';
|
||||
|
|
@ -45,7 +45,7 @@ describe('SchemaAddFieldModal', () => {
|
|||
|
||||
it('sets loading state in useEffect', () => {
|
||||
setState(true);
|
||||
const wrapper = mount(<SchemaAddFieldModal {...props} />);
|
||||
const wrapper = shallow(<SchemaAddFieldModal {...props} />);
|
||||
wrapper.setProps({ ...errors });
|
||||
const input = wrapper.find(EuiFieldText);
|
||||
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ import {
|
|||
EuiDatePickerRange,
|
||||
EuiSelect,
|
||||
EuiSuperSelect,
|
||||
EuiFormControlLayoutDelimited,
|
||||
} from '@elastic/eui';
|
||||
|
||||
import { BlockedWindowItem } from './blocked_window_item';
|
||||
|
|
@ -75,22 +76,27 @@ describe('BlockedWindowItem', () => {
|
|||
it('handles "start" time change', () => {
|
||||
const wrapper = shallow(<BlockedWindowItem {...props} />);
|
||||
const dayRange = wrapper.find(EuiDatePickerRange).dive();
|
||||
dayRange
|
||||
const rangeDelimiter = dayRange.find(EuiFormControlLayoutDelimited).dive();
|
||||
|
||||
rangeDelimiter
|
||||
.find(EuiDatePicker)
|
||||
.first()
|
||||
.simulate('change', moment().utc().set({ hour: 10, minute: 0, seconds: 0 }));
|
||||
|
||||
expect(rangeDelimiter.find(EuiDatePicker)).toHaveLength(2);
|
||||
expect(setBlockedTimeWindow).toHaveBeenCalledWith(0, 'start', '10:00:00Z');
|
||||
});
|
||||
|
||||
it('handles "end" time change', () => {
|
||||
const wrapper = shallow(<BlockedWindowItem {...props} />);
|
||||
const dayRange = wrapper.find(EuiDatePickerRange).dive();
|
||||
dayRange
|
||||
const rangeDelimiter = dayRange.find(EuiFormControlLayoutDelimited).dive();
|
||||
rangeDelimiter
|
||||
.find(EuiDatePicker)
|
||||
.last()
|
||||
.simulate('change', moment().utc().set({ hour: 12, minute: 0, seconds: 0 }));
|
||||
|
||||
expect(rangeDelimiter.find(EuiDatePicker)).toHaveLength(2);
|
||||
expect(setBlockedTimeWindow).toHaveBeenCalledWith(0, 'end', '12:00:00Z');
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@ export class DecimalDegreesForm extends Component<Props, State> {
|
|||
onChange={this._onLatChange}
|
||||
isInvalid={isLatInvalid}
|
||||
data-test-subj="latitudeInput"
|
||||
step="any" // Browsers will validate decimals as invalid otherwise
|
||||
/>
|
||||
</EuiFormRow>
|
||||
|
||||
|
|
@ -107,6 +108,7 @@ export class DecimalDegreesForm extends Component<Props, State> {
|
|||
onChange={this._onLonChange}
|
||||
isInvalid={isLonInvalid}
|
||||
data-test-subj="longitudeInput"
|
||||
step="any" // Browsers will validate decimals as invalid otherwise
|
||||
/>
|
||||
</EuiFormRow>
|
||||
|
||||
|
|
@ -124,6 +126,7 @@ export class DecimalDegreesForm extends Component<Props, State> {
|
|||
onChange={this._onZoomChange}
|
||||
isInvalid={isZoomInvalid}
|
||||
data-test-subj="zoomInput"
|
||||
step="any" // Browsers will validate decimals as invalid otherwise
|
||||
/>
|
||||
</EuiFormRow>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,15 +14,8 @@ exports[`CertificatesSearch renders expected elements for valid props 1`] = `
|
|||
<div
|
||||
class="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<input
|
||||
aria-label="Search certificates"
|
||||
class="euiFieldSearch euiFieldSearch--fullWidth"
|
||||
data-test-subj="uptimeCertSearch"
|
||||
placeholder="Search certificates"
|
||||
type="search"
|
||||
/>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--left euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<span
|
||||
class="euiFormControlLayoutCustomIcon"
|
||||
|
|
@ -34,6 +27,13 @@ exports[`CertificatesSearch renders expected elements for valid props 1`] = `
|
|||
/>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
aria-label="Search certificates"
|
||||
class="euiFieldSearch euiFieldSearch--fullWidth"
|
||||
data-test-subj="uptimeCertSearch"
|
||||
placeholder="Search certificates"
|
||||
type="search"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ exports[`<IndicatorsBarChartWrapper /> when not loading or refetching should ren
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -121,7 +121,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -247,7 +247,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
@ -316,7 +316,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
|
||||
>
|
||||
<button
|
||||
aria-label="Open list of options"
|
||||
|
|
|
|||
|
|
@ -282,9 +282,9 @@ export class GisPageObject extends FtrService {
|
|||
`Set view lat: ${lat.toString()}, lon: ${lon.toString()}, zoom: ${zoom.toString()}`
|
||||
);
|
||||
await this.setViewPopoverToggle.open();
|
||||
await this.testSubjects.setValue('latitudeInput', lat.toString());
|
||||
await this.testSubjects.setValue('longitudeInput', lon.toString());
|
||||
await this.testSubjects.setValue('zoomInput', zoom.toString());
|
||||
await this.testSubjects.setValue('latitudeInput', lat.toString(), { clearWithKeyboard: true });
|
||||
await this.testSubjects.setValue('longitudeInput', lon.toString(), { clearWithKeyboard: true });
|
||||
await this.testSubjects.setValue('zoomInput', zoom.toString(), { clearWithKeyboard: true });
|
||||
await this.testSubjects.click('submitViewButton');
|
||||
await this.waitForMapPanAndZoom();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1543,10 +1543,10 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui@77.1.2":
|
||||
version "77.1.2"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-77.1.2.tgz#85c20c682058ada1a9478af2894c290cc20c1678"
|
||||
integrity sha512-cq7TI/rOomifh/KXU1V+wGirClomkMcQ166K9/7eMyqJb50AAuweu5JkjiDRNvB06uX1lDP6GjSb+oGvf8885A==
|
||||
"@elastic/eui@77.2.2":
|
||||
version "77.2.2"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-77.2.2.tgz#9c5cce85b156dafd733f3bedbd78bae6db5dc2fd"
|
||||
integrity sha512-DSvPkqQES5zPwUKsRVMjf4hBRTlVPFd9W5j7n0/IhDS5M3aZWPCIPRnMLE6MhzXBQ1WktW6A7nqlupF4iL3S0w==
|
||||
dependencies:
|
||||
"@types/chroma-js" "^2.0.0"
|
||||
"@types/lodash" "^4.14.160"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue