github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v95.9.0 (#190752)

Browse source 
`v95.7.0` ⏩ `v95.9.0`

> [!CAUTION]
> This PR contains the final set of Emotion conversions for all EuiForm
components.
> If your plugin contains any custom CSS/styling to **EuiFormRow,
EuiFormControlLayout, EuiCheckbox, EuiRadio, or EuiSwitch**, ⚠️ make
sure to QA your UI to ensure no visual regressions have occurred! ⚠️

---

## [`v95.9.0`](https://github.com/elastic/eui/releases/v95.9.0)

- Updated `EuiSearchBar`'s optional `box.schema` prop with a new
`recognizedFields` configuration. This allows specifying the phrases
that will be parsed as field clauses
([#7960](https://github.com/elastic/eui/pull/7960))
- Updated `EuiIcon` with a new `tokenSemanticText` glyph
([#7971](https://github.com/elastic/eui/pull/7971))
- Added support for TypeScript 5
([#7980](https://github.com/elastic/eui/pull/7980))

**Bug fixes**

- Fixed `EuiSelectableTemplateSitewide` styles when used within a
dark-themed `EuiHeader`
([#7977](https://github.com/elastic/eui/pull/7977))

## [`v95.8.0`](https://github.com/elastic/eui/releases/v95.8.0)

- Updated `EuiHeaderLinks`'s mobile menu to set a slight popover padding
by default ([#7961](https://github.com/elastic/eui/pull/7961))
- This can be overridden via `popoverProps.panelPaddingSize` if needed.
- Updated `EuiHeaderLink` to default to a size of `s` (down from `m`)
([#7961](https://github.com/elastic/eui/pull/7961))

**Accessibility**

- Updated the `aria-label` attribute for the `EuiFieldSearch` clear
button ([#7970](https://github.com/elastic/eui/pull/7970))

**Bug fixes**

- Fixed a visual bug with `<EuiDualRange showInput="inputWithPopover"
/>` form controls ([#7957](https://github.com/elastic/eui/pull/7957))

**Deprecations**

- Deprecated `EuiFormRow`'s `columnCompressedSwitch` display prop. Use
`columnCompressed` instead, which will automatically account for child
`EuiSwitch`es ([#7968](https://github.com/elastic/eui/pull/7968))
- Deprecated `EuiFormRow`'s `rowCompressed` display prop. Use `row`
instead for vertical forms, or `centerCompressed` for inline forms
([#7968](https://github.com/elastic/eui/pull/7968))
- (Styling) Updated `EuiFormRow`'s `hasEmptySpaceLabel` prop to no
longer attempt to automatically align its content to a vertical center.
Use the `display="center"` prop for that instead
([#7968](https://github.com/elastic/eui/pull/7968))

**CSS-in-JS conversions**

- Converted `EuiFormControlLayout` to Emotion
([#7954](https://github.com/elastic/eui/pull/7954))
- Removed `.euiFormControlLayout--*icons` classNames and
`--eui-form-control-layout-icons-padding` CSS var. Use
`--euiFormControlRightIconsCount` or `--euiFormControlLeftIconsCount`
instead
- Converted `EuiFormLayoutDelimited` to Emotion
([#7957](https://github.com/elastic/eui/pull/7957))
- Fixed `cloneElementWithCss` throwing an error when used multiple times
without a `key` prop ([#7957](https://github.com/elastic/eui/pull/7957))
- Updated `cloneElementWithCss` utility to support a third argument that
allows prepending vs. appending the cloned Emotion css className
([#7957](https://github.com/elastic/eui/pull/7957))
- Removed `@euiFormControlLayoutClearIcon` Sass mixin
([#7959](https://github.com/elastic/eui/pull/7959))
- Converted `EuiDescribedFormGroup` to Emotion
([#7964](https://github.com/elastic/eui/pull/7964))
- Converted `EuiForm`, `EuiFormHelpText`, and `EuiFormErrorText` to
Emotion ([#7966](https://github.com/elastic/eui/pull/7966))
- Converted `EuiFormLabel` and `EuiFormLegend` to Emotion; Removed
`@euiFormLabel` mixin
([#7967](https://github.com/elastic/eui/pull/7967))
- Converted `EuiFormRow` to Emotion
([#7968](https://github.com/elastic/eui/pull/7968))
- Converted `EuiCheckbox` to Emotion
([#7969](https://github.com/elastic/eui/pull/7969))
- Converted `EuiRadio` to Emotion
([#7969](https://github.com/elastic/eui/pull/7969))
- Converted `EuiSwitch` to Emotion
([#7969](https://github.com/elastic/eui/pull/7969))
- Removed the following Sass variables:
([#7969](https://github.com/elastic/eui/pull/7969))
  - `$euiFormCustomControlDisabledIconColor`
  - `$euiFormCustomControlBorderColor`
  - `$euiRadioSize`
  - `$euiCheckBoxSize`
  - `$euiCheckboxBorderRadius`
  - `$euiSwitchHeight` (and compressed/mini variants)
  - `$euiSwitchWidth` (and compressed/mini variants)
  - `$euiSwitchThumbSize` (and compressed/mini variants)
  - `$euiSwitchIconHeight`
  - `$euiSwitchOffColor`
- Removed the following Sass mixins:
([#7969](https://github.com/elastic/eui/pull/7969))
  - `euiIconBackground`
  - `euiCustomControl`
  - `euiCustomControlSelected`
  - `euiCustomControlDisabled`
  - `euiCustomControlFocused`

---------

Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
This commit is contained in:
Cee Chen 2024-08-30 17:47:17 -07:00 • committed by GitHub
parent 70a33f4eb2
commit a88cfc825d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
140 changed files with 1157 additions and 1979 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -115,7 +115,7 @@
"@elastic/ecs": "^8.11.1",
"@elastic/elasticsearch": "^8.15.0",
"@elastic/ems-client": "8.5.3",
"@elastic/eui": "95.7.0",
"@elastic/eui": "95.9.0",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

1
packages/core/chrome/core-chrome-browser-internal/src/ui/header/__snapshots__/screen_reader_a11y.test.tsx.snap generated
View file

@ -223,7 +223,6 @@ exports[`ScreenReaderRouteAnnouncements renders 1`] = `
<EuiScreenReaderOnly>
<div
css="unknown styles"
key="null"
tabIndex={-1}
>
<Insertion

1
packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap generated
View file

@ -140,6 +140,7 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiExternalLinkIcon.newTarget.screenReaderOnlyText": "(opens in a new tab or window)",
"euiFieldPassword.maskPassword": "Mask password",
"euiFieldPassword.showPassword": "Show password as plain text. Note: this will visually expose your password on the screen.",
"euiFieldSearch.clearSearchButtonLabel": "Clear search input",
"euiFilePicker.filesSelected": [Function],
"euiFilePicker.promptText": "Select or drag and drop a file",
"euiFilePicker.removeSelected": "Remove",

4
packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx
View file

@ -725,6 +725,10 @@ export const getEuiContextMapping = (): EuiTokensObject => {
'euiFieldPassword.maskPassword': i18n.translate('core.euiFieldPassword.maskPassword', {
defaultMessage: 'Mask password',
}),
'euiFieldSearch.clearSearchButtonLabel': i18n.translate(
'core.euiFieldSearch.clearSearchButtonLabel',
{ defaultMessage: 'Clear search input' }
),
'euiFilePicker.removeSelectedAriaLabel': i18n.translate(
'core.euiFilePicker.removeSelectedAriaLabel',
{

2
packages/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item.tsx
View file

@ -229,7 +229,7 @@ export function ColorRangeItem({
append={getAppend(rangeType, mode)}
onBlur={onLeaveFocus}
data-test-subj={`lnsPalettePanel_dynamicColoring_range_value_${index}`}
prepend={<span className="euiFormLabel">{isLast ? '\u2264' : '\u2265'}</span>}
prepend={isLast ? '\u2264' : '\u2265'}
aria-label={i18n.translate('coloring.dynamicColoring.customPalette.rangeAriaLabel', {
defaultMessage: 'Range {index}',
values: {

48
packages/kbn-reporting/public/share/share_context_menu/__snapshots__/screen_capture_panel_content.test.tsx.snap generated
View file

@ -16,7 +16,7 @@ exports[`ScreenCapturePanelContent properly renders a view with "canvas" layout
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFormRow"
class="euiFormRow emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -29,41 +29,39 @@ exports[`ScreenCapturePanelContent properly renders a view with "canvas" layout
aria-checked="false"
aria-describedby="generated-id-help-0"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
data-test-subj="reportModeToggle"
id="generated-id"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-off"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-off-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Full page layout
</span>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
Remove borders and footer logo
@ -200,7 +198,7 @@ exports[`ScreenCapturePanelContent properly renders a view with "print" layout o
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFormRow"
class="euiFormRow emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -213,41 +211,39 @@ exports[`ScreenCapturePanelContent properly renders a view with "print" layout o
aria-checked="false"
aria-describedby="generated-id-help-0"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
data-test-subj="usePrintLayout"
id="generated-id"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-off"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-off-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Optimize for printing
</span>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
Uses multiple pages, showing at most 2 visualizations per page

542
packages/kbn-search-connectors/components/cron_editor/__snapshots__/cron_editor.test.tsx.snap generated
View file

File diff suppressed because it is too large Load diff

60
packages/kbn-securitysolution-autocomplete/src/field/__tests__/__snapshots__/index.test.tsx.snap generated
View file

@ -13,10 +13,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 2;"
>
<div
@ -39,22 +39,22 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<button
aria-label="Clear input"
class="euiFormControlLayoutClearButton"
class="euiFormControlLayoutClearButton emotion-euiFormControlLayoutClearButton"
data-test-subj="comboBoxClearButton"
type="button"
>
<span
class="euiFormControlLayoutClearButton__icon"
class="euiFormControlLayoutClearButton__icon emotion-euiFormControlLayoutClearButton__icon-m"
data-euiicon-type="cross"
/>
</button>
<button
aria-label="Open list of options"
class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon-clickable"
data-test-subj="comboBoxToggleListButton"
tabindex="-1"
type="button"
@ -81,10 +81,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 2;"
>
<div
@ -107,22 +107,22 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<button
aria-label="Clear input"
class="euiFormControlLayoutClearButton"
class="euiFormControlLayoutClearButton emotion-euiFormControlLayoutClearButton"
data-test-subj="comboBoxClearButton"
type="button"
>
<span
class="euiFormControlLayoutClearButton__icon"
class="euiFormControlLayoutClearButton__icon emotion-euiFormControlLayoutClearButton__icon-m"
data-euiicon-type="cross"
/>
</button>
<button
aria-label="Open list of options"
class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon-clickable"
data-test-subj="comboBoxToggleListButton"
tabindex="-1"
type="button"
@ -206,10 +206,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout euiFormControlLayout-isDisabled emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<div
class="euiComboBox__inputWrap euiComboBox__inputWrap--plainText emotion-euiComboBoxInputWrapper-plainText-disabled"
@ -246,10 +246,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout euiFormControlLayout-isDisabled emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<div
class="euiComboBox__inputWrap euiComboBox__inputWrap--plainText emotion-euiComboBoxInputWrapper-plainText-disabled"
@ -343,10 +343,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 1;"
>
<div
@ -369,11 +369,11 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<button
aria-label="Open list of options"
class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon-clickable"
data-test-subj="comboBoxToggleListButton"
tabindex="-1"
type="button"
@ -400,10 +400,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 1;"
>
<div
@ -426,11 +426,11 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<button
aria-label="Open list of options"
class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon-clickable"
data-test-subj="comboBoxToggleListButton"
tabindex="-1"
type="button"
@ -514,10 +514,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout euiFormControlLayout-isDisabled emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 1;"
>
<div
@ -541,7 +541,7 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right-disabled"
>
<span
aria-label="Loading"
@ -564,10 +564,10 @@ Object {
class="euiPopover euiInputPopover emotion-euiPopover-block-EuiInputPopover"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth emotion-euiComboBox__formControlLayout"
class="euiFormControlLayout euiFormControlLayout-isDisabled emotion-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 1;"
>
<div
@ -591,7 +591,7 @@ Object {
/>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right-disabled"
>
<span
aria-label="Loading"

16
packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap generated
View file

@ -274,7 +274,7 @@ Object {
id="modalForm_generated-id"
>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
@ -282,7 +282,7 @@ Object {
>
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -293,10 +293,10 @@ Object {
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<input
class="euiFieldText emotion-euiFieldText-fullWidth"
@ -311,14 +311,14 @@ Object {
</div>
</div>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -329,10 +329,10 @@ Object {
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--euiTextArea emotion-euiTextArea"
class="euiFormControlLayout euiFormControlLayout--euiTextArea emotion-euiFormControlLayout-fullWidth-euiTextArea"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<textarea
class="euiTextArea emotion-euiTextArea-vertical-fullWidth"

16
packages/kbn-securitysolution-exception-list-components/src/list_header/edit_modal/__snapshots__/edit_modal.test.tsx.snap generated
View file

@ -54,7 +54,7 @@ Object {
id="modalForm_generated-id"
>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
@ -62,7 +62,7 @@ Object {
>
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -73,10 +73,10 @@ Object {
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<input
class="euiFieldText emotion-euiFieldText-fullWidth"
@ -91,14 +91,14 @@ Object {
</div>
</div>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -109,10 +109,10 @@ Object {
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--euiTextArea emotion-euiTextArea"
class="euiFormControlLayout euiFormControlLayout--euiTextArea emotion-euiFormControlLayout-fullWidth-euiTextArea"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<textarea
class="euiTextArea emotion-euiTextArea-vertical-fullWidth"

6
packages/kbn-test-jest-helpers/src/testbed/testbed.ts
View file

@ -231,11 +231,11 @@ export function registerTestBed<T extends string = string, P extends object = an
) => {
let errorMessagesWrappers: ReactWrapper<HTMLAttributes, any, ReactComponent>;
if (typeof wrapper === 'string') {
errorMessagesWrappers = find(wrapper).find('.euiFormErrorText');
errorMessagesWrappers = find(wrapper).find('div.euiFormErrorText');
} else {
errorMessagesWrappers = wrapper
? wrapper.find('.euiFormErrorText')
: component.find('.euiFormErrorText');
? wrapper.find('div.euiFormErrorText')
: component.find('div.euiFormErrorText');
}
return errorMessagesWrappers.map((err) => err.text());
};

2
src/dev/license_checker/config.ts
View file

@ -86,7 +86,7 @@ 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.5.3': ['Elastic License 2.0'],
'@elastic/eui@95.7.0': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@95.9.0': ['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
'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
'@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)

24
src/plugins/controls/public/control_group/control_group.scss
View file

@ -90,10 +90,6 @@ $controlMinWidth: $euiSize * 14;
}
}
.controlFrame__labelToolTip {
max-width: 40%;
}
.controlFrame__formControlLayout {
width: 100%;
min-width: $controlMinWidth;
@ -101,8 +97,7 @@ $controlMinWidth: $euiSize * 14;
.controlFrame__formControlLayoutLabel {
@include euiTextTruncate;
border-radius: $euiBorderRadius;
padding-left: 0;
padding: 0;
}
&:not(.controlFrame__formControlLayout-clone) {
@ -111,12 +106,21 @@ $controlMinWidth: $euiSize * 14;
}
}
// Make sure controls with popover, tooltip, and tour wrappers inherit height correctly
[data-euiportal='true'],
.euiPopover,
.euiToolTipAnchor {
height: 100%;
}
.euiFormControlLayout__prepend {
padding-left: 0;
gap: 0;
}
.controlFrame__control {
height: 100%;
transition: opacity .1s;
background-color: $euiFormBackgroundColor !important;
@include euiFormControlSideBorderRadius($euiFormControlBorderRadius, $side: 'right', $internal: true);
}
.controlFrame--controlLoading {
@ -209,4 +213,4 @@ $controlMinWidth: $euiSize * 14;
font-weight: $euiFontWeightMedium;
}
}
}
}

52
src/plugins/controls/public/range_slider/components/range_slider.scss
View file

@ -1,52 +0,0 @@
.rangeSliderAnchor__button {
.euiFormControlLayout {
align-items: center;
box-shadow: none;
background-color: transparent;
.euiFormControlLayout__childrenWrapper {
background-color: transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: $euiBorderRadius;
border-bottom-right-radius: $euiBorderRadius;
.euiFormControlLayoutDelimited__delimiter, .euiFormControlLayoutIcons--static {
height: auto !important;
}
}
}
.rangeSlider__invalidToken {
height: $euiSizeS * 2;
padding: 0 $euiSizeS;
.euiIcon {
background-color: transparent;
width: $euiSizeS * 2;
border-radius: $euiSizeXS;
padding: 0 calc($euiSizeXS / 2);
}
}
}
.rangeSliderAnchor__fieldNumber {
font-weight: $euiFontWeightMedium;
box-shadow: none;
text-align: center;
background-color: transparent;
&.rangeSliderAnchor__fieldNumber--valid:invalid:not(:focus) {
background-image: none; // override the red underline for values between steps
}
&.rangeSliderAnchor__fieldNumber--invalid {
color: $euiColorWarningText;
}
&:placeholder-shown, &::placeholder {
font-weight: $euiFontWeightRegular;
color: $euiTextSubduedColor;
text-decoration: none;
}
}

34
src/plugins/controls/public/range_slider/components/range_slider_control.tsx
View file

@ -9,15 +9,22 @@
import { debounce } from 'lodash';
import React, { FC, useState, useMemo, useEffect, useCallback, useRef } from 'react';
import { EuiRangeTick, EuiDualRange, EuiDualRangeProps, EuiToken, EuiToolTip } from '@elastic/eui';
import {
EuiRangeTick,
EuiDualRange,
EuiDualRangeProps,
EuiToken,
EuiToolTip,
useEuiTheme,
} from '@elastic/eui';
import { RangeValue } from '../../../common/range_slider/types';
import { useRangeSlider } from '../embeddable/range_slider_embeddable';
import { ControlError } from '../../control_group/component/control_error_component';
import './range_slider.scss';
import { MIN_POPOVER_WIDTH } from '../../constants';
import { useFieldFormatter } from '../../hooks/use_field_formatter';
import { rangeSliderControlStyles } from '../../react_controls/controls/data_controls/range_slider/components/range_slider.styles';
import { RangeSliderStrings } from './range_slider_strings';
export const RangeSliderControl: FC = () => {
@ -120,6 +127,9 @@ export const RangeSliderControl: FC = () => {
[isLoading, displayedMin, displayedMax]
);
const euiTheme = useEuiTheme();
const styles = rangeSliderControlStyles(euiTheme);
const getCommonInputProps = useCallback(
({
inputValue,
@ -134,23 +144,27 @@ export const RangeSliderControl: FC = () => {
isInvalid: undefined, // disabling this prop to handle our own validation styling
placeholder,
readOnly: false, // overwrites `canOpenPopover` to ensure that the inputs are always clickable
className: `rangeSliderAnchor__fieldNumber ${
isInvalid
? 'rangeSliderAnchor__fieldNumber--invalid'
: 'rangeSliderAnchor__fieldNumber--valid'
}`,
css: [
styles.fieldNumbers.rangeSliderFieldNumber,
isInvalid ? styles.fieldNumbers.invalid : styles.fieldNumbers.valid,
],
className: 'rangeSliderAnchor__fieldNumber',
'data-test-subj': `rangeSlider__${testSubj}`,
value: inputValue === placeholder ? '' : inputValue,
title: !isInvalid && step ? '' : undefined, // overwrites native number input validation error when the value falls between two steps
};
},
[isInvalid, step]
[isInvalid, step, styles]
);
return error ? (
<ControlError error={error} />
) : (
<span className="rangeSliderAnchor__button" data-test-subj={`range-slider-control-${id}`}>
<div
css={[styles.rangeSliderControl, isInvalid && styles.invalid]}
className="rangeSliderAnchor__button"
data-test-subj={`range-slider-control-${id}`}
>
<EuiDualRange
ref={rangeSliderRef}
id={id}
@ -212,6 +226,6 @@ export const RangeSliderControl: FC = () => {
debouncedOnChange([String(minSelection), String(maxSelection)]);
}}
/>
</span>
</div>
);
};

15
src/plugins/controls/public/react_controls/control_group/components/control_panel.scss
View file

@ -4,21 +4,18 @@
height: $euiButtonHeight;
box-shadow: none !important;
background-color: $euiFormBackgroundColor !important;
border-radius: 0 $euiBorderRadius $euiBorderRadius 0 !important;
&--roundedBorders {
border-radius: $euiBorderRadius !important;
}
&--labelWrapper {
max-width: 40%;
height: 100%;
.controlPanel--label {
@include euiTextTruncate;
background-color: transparent;
border-radius: $euiBorderRadius;
margin-left: 0 !important;
padding-left: 0 !important;
padding: 0;
}
}
@ -35,4 +32,8 @@
padding-left: $euiSizeM;
}
}
}
}
.controlFrame__dragHandle {
line-height: 0; // Vertically center the grab handle
}

43
src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider.scss
View file

@ -1,43 +0,0 @@
.rangeSliderAnchor__button {
.euiFormControlLayout {
box-shadow: none;
background-color: transparent !important;
}
.rangeSlider__invalidToken {
padding: 0 $euiSizeS;
display: flex;
.euiToolTipAnchor {
align-self: center;
}
.euiIcon {
background-color: transparent;
width: $euiSizeS * 2;
border-radius: $euiSizeXS;
padding: 0 calc($euiSizeXS / 2);
}
}
}
.rangeSliderAnchor__fieldNumber {
min-width: auto !important;
font-weight: $euiFontWeightMedium;
height: calc($euiButtonHeight - 3px) !important;
background-color: transparent !important;
&.rangeSliderAnchor__fieldNumber--valid:invalid:not(:focus) {
background-image: none; // override the red underline for values between steps
}
&.rangeSliderAnchor__fieldNumber--invalid {
color: $euiColorWarningText;
}
&:placeholder-shown, &::placeholder {
font-weight: $euiFontWeightRegular;
color: $euiTextSubduedColor;
text-decoration: none;
}
}

88
src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider.styles.ts Normal file
View file

@ -0,0 +1,88 @@
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
import { css } from '@emotion/react';
import { UseEuiTheme } from '@elastic/eui';
// @ts-ignore - Kibana has trouble reaching into lib/components for types
import { euiFormControlDefaultShadow } from '@elastic/eui/lib/components/form/form.styles';
export const rangeSliderControlStyles = (euiThemeContext: UseEuiTheme) => {
const { euiTheme } = euiThemeContext;
return {
// Wrapper
// NOTE: This component is used by a ControlPanel component that already sets its own
// EuiFormControlLayout, so unfortunately there is some double nesting going on here
// that we need to account for via height inheritence & unsetting EuiDualRange's
// form control layout colors/borders
rangeSliderControl: css`
&,
.euiPopover,
.euiFormControlLayoutDelimited {
height: 100%;
}
.euiFormControlLayout {
background-color: transparent;
border: none;
border-radius: 0;
}
`,
invalid: css`
/* EUI CSS util for the generating the underline background-image/gradient */
${euiFormControlDefaultShadow(euiThemeContext, {
withBorder: false,
withBackgroundColor: false,
withBackgroundAnimation: true,
})}
/* Stretch the underline across the entire __childrenWrapper and set it to a custom warning color */
background-size: 100% 100%;
--euiFormControlStateColor: ${euiTheme.colors.warning};
/* But restore the danger color for truly invalid inputs (e.g. min larger than max) */
&:has(input:invalid) {
--euiFormControlStateColor: ${euiTheme.colors.danger};
}
/* Remove the append background so the caution icon looks more natural */
.euiFormControlLayout__append {
background-color: transparent;
}
`,
// Inputs
fieldNumbers: {
rangeSliderFieldNumber: css`
font-weight: ${euiTheme.font.weight.medium};
background-color: transparent;
&:placeholder-shown,
&::placeholder {
font-weight: ${euiTheme.font.weight.regular};
color: ${euiTheme.colors.subduedText};
}
`,
invalid: css`
&:not(:invalid) {
color: ${euiTheme.colors.warningText};
}
&:invalid {
color: ${euiTheme.colors.dangerText};
}
`,
// unset the red underline for values between steps
valid: css`
&:invalid:not(:focus) {
--euiFormControlStateColor: transparent;
}
`,
},
};
};

32
src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider_control.tsx
View file

@ -8,11 +8,18 @@
import React, { FC, useState, useMemo, useEffect, useRef, useCallback } from 'react';
import { debounce } from 'lodash';
import { EuiRangeTick, EuiDualRange, EuiDualRangeProps, EuiToken, EuiToolTip } from '@elastic/eui';
import {
EuiRangeTick,
EuiDualRange,
EuiDualRangeProps,
EuiToken,
EuiToolTip,
useEuiTheme,
} from '@elastic/eui';
import { RangeValue } from '../types';
import './range_slider.scss';
import { MIN_POPOVER_WIDTH } from '../../../constants';
import { RangeSliderStrings } from '../range_slider_strings';
import { rangeSliderControlStyles } from './range_slider.styles';
interface Props {
fieldFormatter?: (value: string) => string;
@ -123,6 +130,9 @@ export const RangeSliderControl: FC<Props> = ({
[isLoading, displayedMin, displayedMax]
);
const euiTheme = useEuiTheme();
const styles = rangeSliderControlStyles(euiTheme);
const getCommonInputProps = useCallback(
({
inputValue,
@ -137,17 +147,17 @@ export const RangeSliderControl: FC<Props> = ({
isInvalid: undefined, // disabling this prop to handle our own validation styling
placeholder,
readOnly: false, // overwrites `canOpenPopover` to ensure that the inputs are always clickable
className: `rangeSliderAnchor__fieldNumber ${
isInvalid
? 'rangeSliderAnchor__fieldNumber--invalid'
: 'rangeSliderAnchor__fieldNumber--valid'
}`,
css: [
styles.fieldNumbers.rangeSliderFieldNumber,
isInvalid ? styles.fieldNumbers.invalid : styles.fieldNumbers.valid,
],
className: 'rangeSliderAnchor__fieldNumber',
'data-test-subj': `rangeSlider__${testSubj}`,
value: inputValue === placeholder ? '' : inputValue,
title: !isInvalid && step ? '' : undefined, // overwrites native number input validation error when the value falls between two steps
};
},
[isInvalid, step]
[isInvalid, step, styles]
);
const minInputProps = useMemo(() => {
@ -167,7 +177,11 @@ export const RangeSliderControl: FC<Props> = ({
}, [getCommonInputProps, max, displayedValue]);
return (
<span className="rangeSliderAnchor__button" data-test-subj={`range-slider-control-${uuid}`}>
<span
css={[styles.rangeSliderControl, isInvalid && styles.invalid]}
className="rangeSliderAnchor__button"
data-test-subj={`range-slider-control-${uuid}`}
>
<EuiDualRange
ref={rangeSliderRef}
id={uuid}

8
src/plugins/dashboard/public/dashboard_container/embeddable/api/overlays/__snapshots__/save_modal.test.js.snap generated
View file

@ -9,13 +9,7 @@ exports[`renders DashboardSaveModal 1`] = `
onSave={[Function]}
options={
<React.Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiFlexGroup
alignItems="center"
gutterSize="s"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`BytesFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -38,7 +34,6 @@ exports[`BytesFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="numberEditorFormatPattern"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/date/__snapshots__/date.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`DateFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -38,7 +34,6 @@ exports[`DateFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="dateEditorPattern"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/date_nanos/__snapshots__/date_nanos.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`DateFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -38,7 +34,6 @@ exports[`DateFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="dateEditorPattern"

80
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/duration/__snapshots__/duration.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`DurationFormatEditor should not render show suffix on dynamic output 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -14,7 +10,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
id="indexPatternFieldEditor.duration.inputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorInputFormat"
@ -32,10 +27,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -43,7 +34,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
id="indexPatternFieldEditor.duration.outputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorOutputFormat"
@ -65,11 +55,7 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
error={null}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -77,7 +63,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
id="indexPatternFieldEditor.duration.decimalPlacesLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
isInvalid={false}
@ -87,13 +72,7 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
value={2}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
disabled={false}
@ -106,13 +85,7 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
onChange={[Function]}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={true}
disabled={false}
@ -174,10 +147,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
exports[`DurationFormatEditor should render human readable output normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -185,7 +154,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
id="indexPatternFieldEditor.duration.inputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorInputFormat"
@ -203,10 +171,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -214,7 +178,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
id="indexPatternFieldEditor.duration.outputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorOutputFormat"
@ -284,10 +247,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
exports[`DurationFormatEditor should render non-human readable output normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -295,7 +254,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
id="indexPatternFieldEditor.duration.inputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorInputFormat"
@ -313,10 +271,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -324,7 +278,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
id="indexPatternFieldEditor.duration.outputFormatLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="durationEditorOutputFormat"
@ -346,11 +299,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
error={null}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -358,7 +307,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
id="indexPatternFieldEditor.duration.decimalPlacesLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
isInvalid={false}
@ -368,13 +316,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
value={2}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
label={
@ -386,13 +328,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
onChange={[Function]}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
disabled={true}
@ -405,13 +341,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
onChange={[Function]}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={true}
disabled={true}

10
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/histogram/__snapshots__/histogram.test.tsx.snap generated
View file

@ -3,12 +3,7 @@
exports[`HistogramFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Aggregated number format"
labelType="label"
>
<EuiSelect
onChange={[Function]}
@ -32,10 +27,6 @@ exports[`HistogramFormatEditor should render normally 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -55,7 +46,6 @@ exports[`HistogramFormatEditor should render normally 1`] = `
}
isInvalid={false}
label="Numeral format pattern (optional)"
labelType="label"
>
<EuiFieldText
isInvalid={false}

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/number/__snapshots__/number.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`NumberFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -38,7 +34,6 @@ exports[`NumberFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="numberEditorFormatPattern"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/percent/__snapshots__/percent.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`PercentFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<span>
<EuiLink
@ -38,7 +34,6 @@ exports[`PercentFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="numberEditorFormatPattern"

10
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.tsx.snap generated
View file

@ -84,17 +84,12 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
size="l"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Value for unknown key"
id="indexPatternFieldEditor.staticLookup.unknownKeyLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="staticLookupEditorUnknownValue"
@ -187,17 +182,12 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
size="l"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Value for unknown key"
id="indexPatternFieldEditor.staticLookup.unknownKeyLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="staticLookupEditorUnknownValue"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/string/__snapshots__/string.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`StringFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -14,7 +10,6 @@ exports[`StringFormatEditor should render normally 1`] = `
id="indexPatternFieldEditor.string.transformLabel"
/>
}
labelType="label"
>
<EuiSelect
data-test-subj="stringEditorTransform"

5
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`TruncateFormatEditor should render normally 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -14,7 +10,6 @@ exports[`TruncateFormatEditor should render normally 1`] = `
id="indexPatternFieldEditor.truncate.lengthLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="truncateEditorLength"

60
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/url/__snapshots__/url.test.tsx.snap generated
View file

@ -3,14 +3,14 @@
exports[`UrlFormatEditor should render normally 1`] = `
<div>
<div
class="euiFormRow euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -21,10 +21,10 @@ exports[`UrlFormatEditor should render normally 1`] = `
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -49,10 +49,10 @@ exports[`UrlFormatEditor should render normally 1`] = `
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -66,14 +66,14 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormRow euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -89,33 +89,31 @@ exports[`UrlFormatEditor should render normally 1`] = `
<button
aria-checked="false"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
id="generated-id"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-off"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-off-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Off
@ -124,7 +122,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormRow euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -132,7 +130,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
>
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -143,10 +141,10 @@ exports[`UrlFormatEditor should render normally 1`] = `
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="generated-id-help-0"
@ -159,7 +157,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
<a
@ -185,7 +183,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormRow euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -193,7 +191,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
>
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -204,10 +202,10 @@ exports[`UrlFormatEditor should render normally 1`] = `
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout"
class="euiFormControlLayout emotion-euiFormControlLayout"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="generated-id-help-0"
@ -220,7 +218,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
<a
@ -246,14 +244,14 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<div
class="euiFormRow euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>

5
src/plugins/data_view_field_editor/public/components/field_format_editor/samples/__snapshots__/samples.test.tsx.snap generated
View file

@ -2,17 +2,12 @@
exports[`FormatEditorSamples should render normally 1`] = `
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Samples"
id="indexPatternFieldEditor.samplesHeader"
/>
}
labelType="label"
>
<EuiBasicTable
className="kbnFieldFormatEditor__samples"

500
src/plugins/es_ui_shared/public/components/cron_editor/__snapshots__/cron_editor.test.tsx.snap generated
View file

@ -3,14 +3,14 @@
exports[`CronEditor is rendered with a DAY frequency 1`] = `
Array [
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -21,16 +21,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -70,10 +74,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -87,7 +91,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -95,7 +99,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -113,15 +117,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
At
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
At
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -251,10 +259,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -270,15 +278,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
:
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
:
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -588,10 +600,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -612,14 +624,14 @@ Array [
exports[`CronEditor is rendered with a HOUR frequency 1`] = `
Array [
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -630,16 +642,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -679,10 +695,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -696,7 +712,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -704,7 +720,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -715,16 +731,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
At
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
At
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1034,10 +1054,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1055,14 +1075,14 @@ Array [
exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -1073,16 +1093,20 @@ exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1122,10 +1146,10 @@ exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1143,14 +1167,14 @@ exports[`CronEditor is rendered with a MINUTE frequency 1`] = `
exports[`CronEditor is rendered with a MONTH frequency 1`] = `
Array [
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -1161,16 +1185,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1210,10 +1238,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1227,7 +1255,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -1235,7 +1263,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -1246,16 +1274,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
On the
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
On the
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1420,10 +1452,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1437,7 +1469,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -1445,7 +1477,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -1463,15 +1495,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
At
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
At
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1601,10 +1637,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1620,15 +1656,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
:
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
:
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -1938,10 +1978,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -1962,14 +2002,14 @@ Array [
exports[`CronEditor is rendered with a WEEK frequency 1`] = `
Array [
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -1980,16 +2020,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2029,10 +2073,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2046,7 +2090,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -2054,7 +2098,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -2065,16 +2109,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
On
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
On
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2119,10 +2167,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2136,7 +2184,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -2144,7 +2192,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -2162,15 +2210,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
At
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
At
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2300,10 +2352,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2319,15 +2371,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
:
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
:
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2637,10 +2693,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2661,14 +2717,14 @@ Array [
exports[`CronEditor is rendered with a YEAR frequency 1`] = `
Array [
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -2679,16 +2735,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
Every
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
Every
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2728,10 +2788,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2745,7 +2805,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -2753,7 +2813,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -2764,16 +2824,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
In
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
In
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -2843,10 +2907,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -2860,7 +2924,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -2868,7 +2932,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -2879,16 +2943,20 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
for="generated-id"
>
On the
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
for="generated-id"
>
On the
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -3053,10 +3121,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -3070,7 +3138,7 @@ Array [
</div>
</div>,
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--hasLabel"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow-fullWidth"
data-test-subj="cronFrequencyConfiguration"
id="generated-id-row"
>
@ -3078,7 +3146,7 @@ Array [
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -3096,15 +3164,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
At
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
At
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -3234,10 +3306,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"
@ -3253,15 +3325,19 @@ Array [
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group"
>
<label
class="euiFormLabel euiFormControlLayout__prepend"
>
:
</label>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__prepend emotion-euiFormControlLayout__side-prepend"
>
<label
class="euiFormLabel emotion-euiFormLabel"
>
:
</label>
</div>
<div
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper-inGroup-prependOnly"
style="--euiFormControlRightIconsCount: 1;"
>
<select
@ -3571,10 +3647,10 @@ Array [
</option>
</select>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-right"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"

8
src/plugins/home/public/application/components/tutorial/__snapshots__/tutorial.test.js.snap generated
View file

@ -62,13 +62,7 @@ exports[`isCloudEnabled is false should render ON_PREM instructions with instruc
title="jest test tutorial"
/>
<EuiSpacer />
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiButtonGroup
buttonSize="m"
color="text"

10
src/plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.tsx.snap generated
View file

@ -129,12 +129,7 @@ exports[`renders ControlsTab 1`] = `
<EuiFlexGroup>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="selectControlType"
labelType="label"
>
<EuiSelect
aria-label="Select control type"
@ -160,12 +155,7 @@ exports[`renders ControlsTab 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="addControl"
labelType="label"
>
<EuiButton
aria-label="Add control"

60
src/plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.tsx.snap generated
View file

@ -17,10 +17,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
onChange={[Function]}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Allow multiple selection"
@ -29,7 +25,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -44,10 +39,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Only available for \\"string\\" fields"
@ -56,7 +47,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={true}
@ -72,10 +62,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Number of options"
@ -90,7 +76,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
id="inputControl.editor.listControl.sizeLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="listControlSizeInput"
@ -119,10 +104,6 @@ exports[`renders dynamic options should display dynamic options for string field
onChange={[Function]}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Allow multiple selection"
@ -131,7 +112,6 @@ exports[`renders dynamic options should display dynamic options for string field
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -146,10 +126,6 @@ exports[`renders dynamic options should display dynamic options for string field
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Update options in response to user input"
@ -158,7 +134,6 @@ exports[`renders dynamic options should display dynamic options for string field
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={true}
@ -193,10 +168,6 @@ exports[`renders dynamic options should display size field when dynamic options
onChange={[Function]}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Allow multiple selection"
@ -205,7 +176,6 @@ exports[`renders dynamic options should display size field when dynamic options
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -220,10 +190,6 @@ exports[`renders dynamic options should display size field when dynamic options
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Update options in response to user input"
@ -232,7 +198,6 @@ exports[`renders dynamic options should display size field when dynamic options
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={false}
@ -248,10 +213,6 @@ exports[`renders dynamic options should display size field when dynamic options
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Number of options"
@ -266,7 +227,6 @@ exports[`renders dynamic options should display size field when dynamic options
id="inputControl.editor.listControl.sizeLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="listControlSizeInput"
@ -295,10 +255,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
onChange={[Function]}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Options are based on the value of parent control. Disabled if parent is not set."
@ -313,7 +269,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
id="inputControl.editor.listControl.parentLabel"
/>
}
labelType="label"
>
<EuiSelect
onChange={[Function]}
@ -337,10 +292,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Allow multiple selection"
@ -349,7 +300,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -364,10 +314,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Update options in response to user input"
@ -376,7 +322,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={false}
@ -392,10 +337,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<Memo(MemoizedFormattedMessage)
defaultMessage="Number of options"
@ -410,7 +351,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
id="inputControl.editor.listControl.sizeLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="listControlSizeInput"

15
src/plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.tsx.snap generated
View file

@ -3,12 +3,7 @@
exports[`OptionsTab should renders OptionsTab 1`] = `
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="updateFiltersOnChange"
labelType="label"
>
<EuiSwitch
checked={false}
@ -23,12 +18,7 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="useTimeFilter"
labelType="label"
>
<EuiSwitch
checked={false}
@ -43,12 +33,7 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="pinFilters"
labelType="label"
>
<EuiSwitch
checked={false}

10
src/plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.tsx.snap generated
View file

@ -17,10 +17,6 @@ exports[`renders RangeControlEditor 1`] = `
onChange={[Function]}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="stepSize-0"
label={
<Memo(MemoizedFormattedMessage)
@ -28,7 +24,6 @@ exports[`renders RangeControlEditor 1`] = `
id="inputControl.editor.rangeControl.stepSizeLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="rangeControlSizeInput0"
@ -37,10 +32,6 @@ exports[`renders RangeControlEditor 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="decimalPlaces-0"
label={
<Memo(MemoizedFormattedMessage)
@ -48,7 +39,6 @@ exports[`renders RangeControlEditor 1`] = `
id="inputControl.editor.rangeControl.decimalPlacesLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="rangeControlDecimalPlacesInput0"

15
src/plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.tsx.snap generated
View file

@ -3,10 +3,6 @@
exports[`renders control with warning 1`] = `
<EuiFormRow
data-test-subj="inputControl0"
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="controlId"
label={
<React.Fragment>
@ -23,7 +19,6 @@ exports[`renders control with warning 1`] = `
test control
</React.Fragment>
}
labelType="label"
>
<div>
My Control
@ -34,13 +29,8 @@ exports[`renders control with warning 1`] = `
exports[`renders disabled control with tooltip 1`] = `
<EuiFormRow
data-test-subj="inputControl0"
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="controlId"
label="test control"
labelType="label"
>
<EuiToolTip
anchorClassName="eui-displayBlock"
@ -59,13 +49,8 @@ exports[`renders disabled control with tooltip 1`] = `
exports[`renders enabled control 1`] = `
<EuiFormRow
data-test-subj="inputControl0"
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="controlId"
label="test control"
labelType="label"
>
<div>
My Control

2
src/plugins/interactive_setup/public/cluster_address_form.test.tsx
View file

@ -15,7 +15,7 @@ import { ClusterAddressForm } from './cluster_address_form';
import { Providers } from './plugin';
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
htmlIdGenerator: () => () => `id-${Math.random()}`,
useGeneratedHtmlId: () => `id-${Math.random()}`,
}));
describe('ClusterAddressForm', () => {

1
src/plugins/interactive_setup/public/cluster_configuration_form.test.tsx
View file

@ -16,6 +16,7 @@ import { Providers } from './plugin';
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
htmlIdGenerator: () => () => `id-${Math.random()}`,
useGeneratedHtmlId: () => `id-${Math.random()}`,
}));
describe('ClusterConfigurationForm', () => {

1
src/plugins/interactive_setup/public/enrollment_token_form.test.tsx
View file

@ -17,6 +17,7 @@ import type { EnrollmentToken } from '../common';
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
htmlIdGenerator: () => () => `id-${Math.random()}`,
useGeneratedHtmlId: () => `id-${Math.random()}`,
}));
const token: EnrollmentToken = {

1
src/plugins/interactive_setup/public/verification_code_form.test.tsx
View file

@ -16,6 +16,7 @@ import { VerificationCodeForm } from './verification_code_form';
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
htmlIdGenerator: () => () => `id-${Math.random()}`,
useGeneratedHtmlId: () => `id-${Math.random()}`,
}));
describe('VerificationCodeForm', () => {

5
src/plugins/presentation_util/public/components/saved_object_save_modal_dashboard_selector.tsx
View file

@ -20,6 +20,7 @@ import {
EuiPanel,
EuiSpacer,
EuiCheckbox,
EuiFormErrorText,
} from '@elastic/eui';
import DashboardPicker, { DashboardPickerProps } from './dashboard_picker/dashboard_picker';
@ -86,14 +87,14 @@ export function SaveModalDashboardSelector(props: SaveModalDashboardSelectorProp
onChange={onSelectDashboard}
/>
{hasAttemptedSubmit && dashboardOption === 'existing' && !hasSelectedDashboard ? (
<div className="euiFormErrorText euiFormRow__text">
<EuiFormErrorText>
{i18n.translate(
'presentationUtil.saveModalDashboard.existingDashboardRequiredMessage',
{
defaultMessage: 'Dashboard is required',
}
)}
</div>
</EuiFormErrorText>
) : null}
</div>
<EuiSpacer size="s" />

40
src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap generated
View file

@ -26,12 +26,8 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
onSubmit={[Function]}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error="A title is required"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -39,7 +35,6 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
id="savedObjects.saveModal.titleLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="savedObjectTitle"
@ -55,11 +50,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
@ -77,7 +68,6 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
/>
</EuiText>
}
labelType="label"
>
<EuiTextArea
data-test-subj="savedObjectDescription"
@ -150,12 +140,8 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
onSubmit={[Function]}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error="A title is required"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -163,7 +149,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
id="savedObjects.saveModal.titleLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="savedObjectTitle"
@ -179,11 +164,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
@ -201,7 +182,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
/>
</EuiText>
}
labelType="label"
>
<EuiTextArea
data-test-subj="savedObjectDescription"
@ -274,12 +254,8 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
onSubmit={[Function]}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error="A title is required"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -287,7 +263,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
id="savedObjects.saveModal.titleLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="savedObjectTitle"
@ -303,11 +278,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
@ -325,7 +296,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
/>
</EuiText>
}
labelType="label"
>
<EuiTextArea
data-test-subj="savedObjectDescription"
@ -402,12 +372,8 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
error="A title is required"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -415,7 +381,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
id="savedObjects.saveModal.titleLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="savedObjectTitle"
@ -431,11 +396,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
@ -453,7 +414,6 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
/>
</EuiText>
}
labelType="label"
>
<EuiTextArea
data-test-subj="savedObjectDescription"

10
src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap generated
View file

@ -295,11 +295,7 @@ exports[`Flyout should render import step 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<EuiTitle
size="xs"
@ -312,7 +308,6 @@ exports[`Flyout should render import step 1`] = `
</span>
</EuiTitle>
}
labelType="label"
>
<EuiFilePickerClass
accept=".ndjson"
@ -327,12 +322,7 @@ exports[`Flyout should render import step 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<ImportModeControl
initialValues={

26
src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/table.test.tsx.snap generated
View file

@ -75,17 +75,12 @@ exports[`Table prevents hidden saved objects from being deleted 1`] = `
repositionToCrossAxis={true}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Options"
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.exportOptionsLabel"
/>
}
labelType="label"
>
<EuiSwitch
checked={true}
@ -99,13 +94,7 @@ exports[`Table prevents hidden saved objects from being deleted 1`] = `
onChange={[Function]}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiButton
fill={true}
iconType="exportAction"
@ -307,17 +296,12 @@ exports[`Table should render normally 1`] = `
repositionToCrossAxis={true}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Options"
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.exportOptionsLabel"
/>
}
labelType="label"
>
<EuiSwitch
checked={true}
@ -331,13 +315,7 @@ exports[`Table should render normally 1`] = `
onChange={[Function]}
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiButton
fill={true}
iconType="exportAction"

2
src/plugins/unified_search/public/query_string_input/language_switcher.tsx
View file

@ -56,7 +56,7 @@ export const QueryLanguageSwitcher = React.memo(function QueryLanguageSwitcher({
size="m"
iconType="filter"
onClick={() => setIsPopoverOpen(!isPopoverOpen)}
className="euiFormControlLayout__append kqlQueryBar__languageSwitcherButton"
className="kqlQueryBar__languageSwitcherButton"
data-test-subj={'switchQueryLanguageButton'}
aria-label={strings.getSwitchLanguageButtonText()}
disabled={isDisabled}

36
src/plugins/unified_search/public/query_string_input/query_string_input.tsx
View file

@ -14,7 +14,7 @@ import {
EuiButton,
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
EuiFormControlLayoutIcons,
EuiIconProps,
EuiLink,
EuiOutsideClickDetector,
@ -851,32 +851,28 @@ 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 euiFormControlLayoutIcons--absolute euiFormControlLayoutIcons--left">
<EuiIcon
className="euiFormControlLayoutCustomIcon__icon"
aria-hidden="true"
type={this.props.iconType}
/>
</div>
<EuiFormControlLayoutIcons
side="left"
iconsPosition="absolute"
icon={{ type: this.props.iconType }}
isDisabled={this.props.isDisabled}
/>
) : null}
{this.props.isClearable && !this.props.isDisabled && this.props.query.query ? (
<div className="euiFormControlLayoutIcons euiFormControlLayoutIcons--absolute euiFormControlLayoutIcons--right">
<button
type="button"
className="euiFormControlLayoutClearButton"
title={strings.getQueryBarClearInputLabel()}
onClick={() => {
<EuiFormControlLayoutIcons
side="right"
iconsPosition="absolute"
clear={{
onClick: () => {
this.onQueryStringChange('');
if (this.props.autoSubmit) {
this.onSubmit({ query: '', language: this.props.query.language });
}
}}
>
<EuiIcon className="euiFormControlLayoutClearButton__icon" type="cross" />
</button>
</div>
},
title: strings.getQueryBarClearInputLabel(),
}}
/>
) : null}
</div>
<EuiPortal>

5
src/plugins/vis_default_editor/public/components/controls/__snapshots__/extended_bounds.test.tsx.snap generated
View file

@ -2,14 +2,9 @@
exports[`ExtendedBoundsParamEditor should be rendered with default set of props 1`] = `
<EuiFormRow
describedByIds={Array []}
display="row"
error="Min should be less than or equal to Max."
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
labelType="label"
>
<EuiFlexGroup
gutterSize="s"

4
src/plugins/vis_default_editor/public/components/controls/__snapshots__/metric_agg.test.tsx.snap generated
View file

@ -2,14 +2,10 @@
exports[`MetricAggParamEditor should be rendered with default set of props 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label="Metric"
labelType="label"
>
<EuiSelect
compressed={true}

4
src/plugins/vis_default_editor/public/components/controls/__snapshots__/size.test.tsx.snap generated
View file

@ -2,11 +2,8 @@
exports[`SizeParamEditor should init with the default set of props 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<React.Fragment>
@ -16,7 +13,6 @@ exports[`SizeParamEditor should init with the default set of props 1`] = `
/>
</React.Fragment>
}
labelType="label"
>
<EuiFieldNumber
compressed={true}

4
src/plugins/vis_default_editor/public/components/controls/__snapshots__/time_interval.test.tsx.snap generated
View file

@ -2,11 +2,8 @@
exports[`TimeIntervalParamEditor should match snapshot 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText={
<React.Fragment>
<Memo(MemoizedFormattedMessage)
@ -17,7 +14,6 @@ exports[`TimeIntervalParamEditor should match snapshot 1`] = `
}
isInvalid={true}
label="Minimum interval"
labelType="label"
>
<EuiComboBox
async={false}

4
src/plugins/vis_default_editor/public/components/controls/__snapshots__/top_aggregate.test.tsx.snap generated
View file

@ -2,11 +2,8 @@
exports[`TopAggregateParamEditor should init with the default set of props 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<React.Fragment>
@ -22,7 +19,6 @@ exports[`TopAggregateParamEditor should init with the default set of props 1`] =
/>
</React.Fragment>
}
labelType="label"
>
<EuiSelect
compressed={true}

30
src/plugins/vis_types/timeseries/public/application/components/splits/__snapshots__/terms.test.js.snap generated
View file

@ -5,10 +5,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
<EuiFlexGroup>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -16,7 +12,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.groupByLabel"
/>
}
labelType="label"
>
<GroupBySelect
onChange={[Function]}
@ -69,10 +64,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
<EuiFlexGroup>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -80,7 +71,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.includeLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="groupByInclude"
@ -91,10 +81,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -102,7 +88,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.excludeLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="groupByExclude"
@ -115,10 +100,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
<EuiFlexGroup>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -126,7 +107,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.topLabel"
/>
}
labelType="label"
>
<EuiFieldNumber
onChange={[Function]}
@ -136,10 +116,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -147,7 +123,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.orderByLabel"
/>
}
labelType="label"
>
<MetricSelect
additionalOptions={
@ -188,10 +163,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="42"
label={
<Memo(MemoizedFormattedMessage)
@ -199,7 +170,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
id="visTypeTimeseries.splits.terms.directionLabel"
/>
}
labelType="label"
>
<EuiComboBox
async={false}

4
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/point_options.test.tsx.snap generated
View file

@ -15,13 +15,9 @@ exports[`PointOptions component should init with the default set of props 1`] =
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Dots size"
labelType="label"
>
<EuiRangeClass
compressed={true}

4
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/y_extents.test.tsx.snap generated
View file

@ -2,14 +2,10 @@
exports[`YExtents component should init with the default set of props 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
error={Array []}
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
labelType="label"
>
<EuiFlexGroup
gutterSize="s"

2
test/functional/page_objects/time_picker.ts
View file

@ -201,7 +201,7 @@ export class TimePickerPageObject extends FtrService {
}
public async isOff() {
return await this.find.existsByCssSelector('.euiAutoRefresh .euiFormControlLayout--readOnly');
return await this.find.existsByCssSelector('.euiAutoRefresh .euiFormControlLayout-readOnly');
}
public async getRefreshConfig(keepQuickSelectOpen = false) {

3
x-pack/plugins/aiops/public/components/log_rate_analysis/item_filter_popover.tsx
View file

@ -156,8 +156,7 @@ export const ItemFilterPopover: FC<ItemFilterPopoverProps> = ({
data-test-subj={`aiopsFieldSelectorFieldNameListItem${
!skippedItems.includes(fieldName) ? ' checked' : ''
}`}
className="euiSwitch--mini"
compressed
mini
label={fieldName}
onChange={(e) => setItemsFilter([fieldName], e.target.checked)}
checked={!skippedItems.includes(fieldName)}

37
x-pack/plugins/aiops/public/components/log_rate_analysis/log_rate_analysis_results.tsx
View file

@ -17,7 +17,6 @@ import {
EuiEmptyPrompt,
EuiFlexGroup,
EuiFlexItem,
EuiFormRow,
EuiSpacer,
EuiText,
} from '@elastic/eui';
@ -428,26 +427,22 @@ export const LogRateAnalysisResults: FC<LogRateAnalysisResultsProps> = ({
shouldRerunAnalysis={shouldRerunAnalysis}
>
<EuiFlexItem grow={false}>
<EuiFormRow display="columnCompressedSwitch">
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
<EuiText size="xs">{groupResultsMessage}</EuiText>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButtonGroup
data-test-subj={`aiopsLogRateAnalysisGroupSwitch${
groupResults ? ' checked' : ''
}`}
buttonSize="s"
isDisabled={disabledGroupResultsSwitch}
legend="Smart grouping"
options={toggleButtons}
idSelected={toggleIdSelected}
onChange={onGroupResultsToggle}
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFormRow>
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
<EuiText size="xs">{groupResultsMessage}</EuiText>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButtonGroup
data-test-subj={`aiopsLogRateAnalysisGroupSwitch${groupResults ? ' checked' : ''}`}
buttonSize="s"
isDisabled={disabledGroupResultsSwitch}
legend="Smart grouping"
options={toggleButtons}
idSelected={toggleIdSelected}
onChange={onGroupResultsToggle}
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<FieldFilterPopover

83
x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap generated
View file

@ -210,34 +210,32 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
<button
aria-checked="false"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
id="cycle"
name="cycle"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-off"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-off-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Cycle Slides
@ -254,14 +252,14 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFormRow euiFormRow--hasLabel euiFormRow--compressed"
class="euiFormRow euiFormRow--hasLabel emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
class="euiFormLabel euiFormRow__label emotion-euiFormLabel"
for="generated-id"
id="generated-id-label"
>
@ -272,10 +270,10 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
class="euiFormRow__fieldWrapper"
>
<div
class="euiFormControlLayout euiFormControlLayout--compressed"
class="euiFormControlLayout emotion-euiFormControlLayout-compressed"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="generated-id-help-0"
@ -287,7 +285,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
</div>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
Use shorthand notation, like 30s, 10m, or 1h
@ -299,9 +297,12 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
class="euiFormRow euiFormRow--hasEmptyLabelSpace emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiSpacer euiSpacer--m euiFormRow__labelWrapper emotion-euiSpacer-m"
/>
<div
class="euiFormRow__fieldWrapper"
>
@ -541,7 +542,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
style="padding: 16px;"
>
<div
class="euiFormRow"
class="euiFormRow emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -554,7 +555,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
aria-checked="false"
aria-describedby="generated-id-help-0"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
data-test-subj="hideToolbarSwitch"
id="generated-id"
name="toolbarHide"
@ -562,34 +563,32 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-off"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-off-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Hide Toolbar
</span>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
Hide the toolbar when the mouse is not within the Canvas?
@ -717,7 +716,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] =
style="padding: 16px;"
>
<div
class="euiFormRow"
class="euiFormRow emotion-euiFormRow"
id="generated-id-row"
>
<div
@ -730,7 +729,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] =
aria-checked="true"
aria-describedby="generated-id-help-0"
aria-labelledby="generated-id"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button"
data-test-subj="hideToolbarSwitch"
id="generated-id"
name="toolbarHide"
@ -738,34 +737,32 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] =
type="button"
>
<span
class="euiSwitch__body"
class="euiSwitch__body emotion-euiSwitch__body-on"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
class="euiSwitch__icons emotion-euiSwitch__icons-on-enabled"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
data-euiicon-type="check"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
data-euiicon-type="cross"
/>
</span>
</span>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-on"
/>
</button>
<span
class="euiSwitch__label"
class="euiSwitch__label emotion-euiSwitch__label"
id="generated-id"
>
Hide Toolbar
</span>
</div>
<div
class="euiFormHelpText euiFormRow__text"
class="euiFormHelpText euiFormRow__text emotion-euiFormHelpText"
id="generated-id-help-0"
>
Hide the toolbar when the mouse is not within the Canvas?

8
x-pack/plugins/cases/public/components/configure_cases/field_mapping.tsx
View file

@ -6,7 +6,7 @@
*/
import React from 'react';
import { EuiFlexItem, EuiFlexGroup, useEuiFontSize } from '@elastic/eui';
import { EuiFlexItem, EuiFlexGroup, EuiFormLabel, useEuiFontSize } from '@elastic/eui';
import { css } from '@emotion/react';
import { FieldMappingRowStatic } from './field_mapping_row_static';
@ -32,13 +32,13 @@ const FieldMappingComponent: React.FC<FieldMappingProps> = ({
{' '}
<EuiFlexGroup responsive={false}>
<EuiFlexItem>
<span className="euiFormLabel">{i18n.FIELD_MAPPING_FIRST_COL}</span>
<EuiFormLabel>{i18n.FIELD_MAPPING_FIRST_COL}</EuiFormLabel>
</EuiFlexItem>
<EuiFlexItem data-test-subj="case-configure-field-mappings-second-col-label">
<span className="euiFormLabel">{i18n.FIELD_MAPPING_SECOND_COL(actionTypeName)}</span>
<EuiFormLabel>{i18n.FIELD_MAPPING_SECOND_COL(actionTypeName)}</EuiFormLabel>
</EuiFlexItem>
<EuiFlexItem>
<span className="euiFormLabel">{i18n.FIELD_MAPPING_THIRD_COL}</span>
<EuiFormLabel>{i18n.FIELD_MAPPING_THIRD_COL}</EuiFormLabel>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>

6
x-pack/plugins/cases/public/components/header_page/editable_title.test.tsx
View file

@ -229,7 +229,7 @@ describe('EditableTitle', () => {
wrapper.find('button[data-test-subj="editable-title-submit-btn"]').simulate('click');
wrapper.update();
expect(wrapper.find('.euiFormErrorText').text()).toBe(
expect(wrapper.find('div.euiFormErrorText').text()).toBe(
'The length of the title is too long. The maximum length is 160 characters.'
);
@ -256,7 +256,7 @@ describe('EditableTitle', () => {
wrapper.find('button[data-test-subj="editable-title-submit-btn"]').simulate('click');
wrapper.update();
expect(wrapper.find('.euiFormErrorText').text()).toBe('A name is required.');
expect(wrapper.find('div.euiFormErrorText').text()).toBe('A name is required.');
expect(submitTitle).not.toHaveBeenCalled();
expect(
@ -284,7 +284,7 @@ describe('EditableTitle', () => {
wrapper.find('button[data-test-subj="editable-title-submit-btn"]').simulate('click');
wrapper.update();
expect(wrapper.find('.euiFormErrorText').text()).toBe(
expect(wrapper.find('div.euiFormErrorText').text()).toBe(
'The length of the title is too long. The maximum length is 160 characters.'
);

13
x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/synchronization/blocked_window_item.test.tsx
View file

@ -75,28 +75,29 @@ describe('BlockedWindowItem', () => {
it('handles "start" time change', () => {
const wrapper = shallow(<BlockedWindowItem {...props} />);
const dayRange = wrapper.find(EuiDatePickerRange).dive();
const dayRange = wrapper.find(EuiDatePickerRange).dive().childAt(0).dive();
const rangeDelimiter = dayRange.find(EuiFormControlLayoutDelimited).dive();
rangeDelimiter
.find('.euiDatePickerRange__start')
.dive()
.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();
const dayRange = wrapper.find(EuiDatePickerRange).dive().childAt(0).dive();
const rangeDelimiter = dayRange.find(EuiFormControlLayoutDelimited).dive();
rangeDelimiter
.find('.euiDatePickerRange__end')
.dive()
.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');
});
});

3
x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/output_form_secret_form_row.tsx
View file

@ -11,6 +11,7 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiFormRow,
type EuiFormRowProps,
EuiIcon,
EuiLink,
EuiPanel,
@ -24,7 +25,7 @@ import { i18n } from '@kbn/i18n';
export const SecretFormRow: React.FC<{
fullWidth?: boolean;
children: ConstructorParameters<typeof EuiFormRow>[0]['children'];
children: EuiFormRowProps['children'];
useSecretsStorage: boolean;
isConvertedToSecret?: boolean;
onToggleSecretStorage: (secretEnabled: boolean) => void;

1
x-pack/plugins/lens/public/datasources/form_based/dimension_panel/format_selector.tsx
View file

@ -367,7 +367,6 @@ export function FormatSelector(props: FormatSelectorProps) {
<EuiFormRow
display="columnCompressed"
hasEmptyLabelSpace
label=" "
helpText={
<EuiLink
href={docLinks.links.indexPatterns.fieldFormattersNumber}

12
x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap generated
View file

@ -175,6 +175,9 @@ exports[`UploadLicense should display an error when ES says license is expired 1
</ul>
</div>
</div>
<div
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFilePicker emotion-euiFilePicker-fullWidth"
>
@ -314,6 +317,9 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
</ul>
</div>
</div>
<div
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFilePicker emotion-euiFilePicker-fullWidth"
>
@ -453,6 +459,9 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
</ul>
</div>
</div>
<div
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFilePicker emotion-euiFilePicker-fullWidth"
>
@ -592,6 +601,9 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
</ul>
</div>
</div>
<div
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFilePicker emotion-euiFilePicker-fullWidth"
>

2
x-pack/plugins/lists/public/exceptions/components/builder/entry_renderer.test.tsx
View file

@ -241,7 +241,7 @@ describe('BuilderEntryItem', () => {
await waitFor(() => {
wrapper.update();
expect(wrapper.find('.euiFormHelpText.euiFormRow__text').text()).toMatch(
expect(wrapper.find('div.euiFormHelpText.euiFormRow__text').text()).toMatch(
/This field is defined as different types across the following indices or is unmapped. This can cause unexpected query results./
);
});

8
x-pack/plugins/logstash/public/application/components/pipeline_editor/__snapshots__/flex_item_setting.test.js.snap generated
View file

@ -5,12 +5,8 @@ exports[`FlexItemSetting component renders a null label if label/tooltip text no
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
label={null}
labelType="label"
>
<p>
The child elements
@ -24,9 +20,6 @@ exports[`FlexItemSetting component renders component and children as expected 1`
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
@ -34,7 +27,6 @@ exports[`FlexItemSetting component renders component and children as expected 1`
formRowTooltipText="tooltip text"
/>
}
labelType="label"
>
<p>
The child elements

110
x-pack/plugins/logstash/public/application/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap generated
View file

@ -27,18 +27,13 @@ exports[`PipelineEditor component includes required error message for falsy pipe
isInvalid={true}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline ID"
id="xpack.logstash.pipelineEditor.pipelineIdFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputId"
@ -51,18 +46,13 @@ exports[`PipelineEditor component includes required error message for falsy pipe
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -73,18 +63,13 @@ exports[`PipelineEditor component includes required error message for falsy pipe
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -106,10 +91,6 @@ exports[`PipelineEditor component includes required error message for falsy pipe
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -118,7 +99,6 @@ exports[`PipelineEditor component includes required error message for falsy pipe
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"
@ -309,18 +289,13 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
isInvalid={true}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline ID"
id="xpack.logstash.pipelineEditor.pipelineIdFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputId"
@ -333,18 +308,13 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -355,18 +325,13 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -388,10 +353,6 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -400,7 +361,6 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"
@ -591,18 +551,13 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
isInvalid={true}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline ID"
id="xpack.logstash.pipelineEditor.pipelineIdFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputId"
@ -615,18 +570,13 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -637,18 +587,13 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -670,10 +615,6 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -682,7 +623,6 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"
@ -869,18 +809,13 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
isInvalid={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -891,18 +826,13 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -924,10 +854,6 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -936,7 +862,6 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"
@ -1137,18 +1062,13 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
isInvalid={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline ID"
id="xpack.logstash.pipelineEditor.pipelineIdFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputId"
@ -1161,18 +1081,13 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -1183,18 +1098,13 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -1216,10 +1126,6 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -1228,7 +1134,6 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"
@ -1415,18 +1320,13 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
isInvalid={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.logstash.pipelineEditor.descriptionFormRowLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="inputDescription"
@ -1437,18 +1337,13 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Pipeline"
id="xpack.logstash.pipelineEditor.pipelineFormRowLabel"
/>
}
labelType="label"
>
<div
data-test-subj="pipelineField"
@ -1470,10 +1365,6 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<FormLabelWithIconTip
formRowLabelText="Pipeline workers"
@ -1482,7 +1373,6 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
Default value: Number of the host’s CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
data-test-subj="inputWorkers"

16
x-pack/plugins/maps/public/classes/layers/wizards/choropleth_layer_wizard/__snapshots__/layer_template.test.tsx.snap generated
View file

@ -16,13 +16,7 @@ exports[`should render EMS UI when left source is BOUNDARIES_SOURCE.EMS 1`] = `
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiRadioGroup
idSelected="EMS"
onChange={[Function]}
@ -67,13 +61,7 @@ exports[`should render elasticsearch UI when left source is BOUNDARIES_SOURCE.EL
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiRadioGroup
idSelected="ELASTICSEARCH"
onChange={[Function]}

16
x-pack/plugins/maps/public/classes/sources/es_geo_grid_source/__snapshots__/resolution_editor.test.tsx.snap generated
View file

@ -3,12 +3,8 @@
exports[`should render 3 tick slider when renderAs is HEX 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Resolution"
labelType="label"
>
<EuiRangeClass
compressed={true}
@ -44,12 +40,8 @@ exports[`should render 3 tick slider when renderAs is HEX 1`] = `
exports[`should render 4 tick slider when renderAs is GRID 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Resolution"
labelType="label"
>
<EuiRangeClass
compressed={true}
@ -91,12 +83,8 @@ exports[`should render 4 tick slider when renderAs is GRID 1`] = `
exports[`should render 4 tick slider when renderAs is HEATMAP 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Resolution"
labelType="label"
>
<EuiRangeClass
compressed={true}
@ -138,12 +126,8 @@ exports[`should render 4 tick slider when renderAs is HEATMAP 1`] = `
exports[`should render 4 tick slider when renderAs is POINT 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Resolution"
labelType="label"
>
<EuiRangeClass
compressed={true}

16
x-pack/plugins/maps/public/classes/sources/es_search_source/__snapshots__/update_source_editor.test.js.snap generated
View file

@ -40,12 +40,8 @@ exports[`should enable sort order select when sort field provided 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Field"
labelType="label"
>
<SingleFieldSelect
compressed={true}
@ -55,12 +51,8 @@ exports[`should enable sort order select when sort field provided 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Order"
labelType="label"
>
<EuiSelect
compressed={true}
@ -142,12 +134,8 @@ exports[`should render update source editor 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Field"
labelType="label"
>
<SingleFieldSelect
compressed={true}
@ -156,12 +144,8 @@ exports[`should render update source editor 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Order"
labelType="label"
>
<EuiSelect
compressed={true}

32
x-pack/plugins/maps/public/classes/sources/es_search_source/util/__snapshots__/scaling_form.test.tsx.snap generated
View file

@ -22,13 +22,7 @@ exports[`scaling form should disable clusters option when clustering is not supp
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<div>
<EuiRadio
checked={false}
@ -58,13 +52,7 @@ exports[`scaling form should disable clusters option when clustering is not supp
/>
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={true}
compressed={true}
@ -97,13 +85,7 @@ exports[`scaling form should render 1`] = `
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<div>
<EuiRadio
checked={false}
@ -126,13 +108,7 @@ exports[`scaling form should render 1`] = `
/>
</div>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={true}
compressed={true}

17
x-pack/plugins/maps/public/classes/sources/mvt_single_layer_vector_source/__snapshots__/mvt_single_layer_source_settings.test.tsx.snap generated
View file

@ -3,12 +3,8 @@
exports[`should not render fields-editor when there is no layername 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Source layer"
labelType="label"
>
<EuiFieldText
compressed={true}
@ -59,12 +55,8 @@ exports[`should not render fields-editor when there is no layername 1`] = `
exports[`should render with fields 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Source layer"
labelType="label"
>
<EuiFieldText
compressed={true}
@ -110,10 +102,6 @@ exports[`should render with fields 1`] = `
}
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<EuiToolTip
anchorClassName="eui-alignMiddle"
@ -144,7 +132,6 @@ exports[`should render with fields 1`] = `
</span>
</EuiToolTip>
}
labelType="label"
>
<MVTFieldConfigEditor
fields={Array []}
@ -157,12 +144,8 @@ exports[`should render with fields 1`] = `
exports[`should render without fields 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Source layer"
labelType="label"
>
<EuiFieldText
compressed={true}

5
x-pack/plugins/maps/public/classes/sources/mvt_single_layer_vector_source/__snapshots__/mvt_single_layer_vector_source_editor.test.tsx.snap generated
View file

@ -3,13 +3,8 @@
exports[`should render source creation editor (fields should _not_ be included) 1`] = `
<EuiPanel>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="URL of the .mvt vector tile service. e.g. http://company.com/{z}/{x}/{y}.pbf"
label="Url"
labelType="label"
>
<EuiFieldText
compressed={true}

5
x-pack/plugins/maps/public/classes/sources/xyz_tms_source/__snapshots__/xyz_tms_editor.test.tsx.snap generated
View file

@ -3,12 +3,7 @@
exports[`should render 1`] = `
<EuiPanel>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Url"
labelType="label"
>
<EuiFieldText
onChange={[Function]}

4
x-pack/plugins/maps/public/classes/styles/ems/components/__snapshots__/ems_vector_tile_style_editor.test.tsx.snap generated
View file

@ -2,12 +2,8 @@
exports[`EMSVectorTileStyleEditor is rendered 1`] = `
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Color blend"
labelType="label"
>
<EuiColorPicker
aria-label="Color blend"

4
x-pack/plugins/maps/public/classes/styles/heatmap/components/__snapshots__/heatmap_style_editor.test.tsx.snap generated
View file

@ -2,12 +2,8 @@
exports[`HeatmapStyleEditor is rendered 1`] = `
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Color range"
labelType="label"
>
<EuiColorPalettePicker
compressed={true}

8
x-pack/plugins/maps/public/classes/styles/vector/components/__snapshots__/vector_style_editor.test.tsx.snap generated
View file

@ -392,11 +392,7 @@ exports[`should render 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="columnCompressedSwitch"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiSwitch
checked={true}
@ -745,11 +741,7 @@ exports[`should render with no style fields 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="columnCompressedSwitch"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiSwitch
checked={true}

15
x-pack/plugins/maps/public/classes/styles/vector/components/label/__snapshots__/label_position_editor.test.tsx.snap generated
View file

@ -2,12 +2,7 @@
exports[`should render 1`] = `
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Label position"
labelType="label"
>
<EuiSelect
aria-label="Select label position"
@ -44,12 +39,7 @@ exports[`should render as disabled when label is not set 1`] = `
position="top"
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Label position"
labelType="label"
>
<EuiSelect
aria-label="Select label position"
@ -87,12 +77,7 @@ exports[`should render as disabled when label position is disabled 1`] = `
position="top"
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Label position"
labelType="label"
>
<EuiSelect
aria-label="Select label position"

20
x-pack/plugins/maps/public/classes/styles/vector/components/symbol/__snapshots__/custom_icon_modal.test.tsx.snap generated
View file

@ -26,14 +26,10 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
>
<EuiFormRow
className="mapsCustomIconForm__image"
describedByIds={Array []}
display="rowCompressed"
error=""
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="SVGs without sharp corners and intricate details work best. Modifying the settings under Advanced options may improve rendering."
isInvalid={false}
labelType="label"
>
<EuiFilePickerClass
accept=".svg"
@ -46,12 +42,8 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
</EuiFormRow>
<EuiSpacer />
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Name"
labelType="label"
>
<EuiFieldText
className="mapsCustomIconForm__label"
@ -88,10 +80,7 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
</EuiFlexGroup>
<EuiFormRow
className="mapsCustomIconForm__cutoff"
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<EuiToolTip
content="Adjusts the balance of the signed distance function between the inside (approaching 1) and outside (approaching 0) of the icon."
@ -109,7 +98,6 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
</React.Fragment>
</EuiToolTip>
}
labelType="label"
>
<ValidatedRange
className="mapsCutoffRange"
@ -125,10 +113,7 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
</EuiFormRow>
<EuiFormRow
className="mapsCustomIconForm__radius"
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<EuiToolTip
content="Adjusts the size of the signed distance function around the Alpha threshold as a percent of icon size."
@ -146,7 +131,6 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
</React.Fragment>
</EuiToolTip>
}
labelType="label"
>
<ValidatedRange
className="mapsRadiusRange"
@ -243,14 +227,10 @@ exports[`should render an empty custom icon modal 1`] = `
>
<EuiFormRow
className="mapsCustomIconForm__image"
describedByIds={Array []}
display="rowCompressed"
error=""
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="SVGs without sharp corners and intricate details work best. Modifying the settings under Advanced options may improve rendering."
isInvalid={false}
labelType="label"
>
<EuiFilePickerClass
accept=".svg"

5
x-pack/plugins/maps/public/components/__snapshots__/geo_index_pattern_select.test.tsx.snap generated
View file

@ -3,14 +3,9 @@
exports[`should render 1`] = `
<Fragment>
<EuiFormRow
describedByIds={Array []}
display="row"
error=""
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label="Data view"
labelType="label"
>
<MockIndexPatternSelect
data-test-subj="mapGeoIndexPatternSelect"

10
x-pack/plugins/maps/public/components/__snapshots__/validated_number_input.test.tsx.snap generated
View file

@ -2,18 +2,13 @@
exports[`should render with error 1`] = `
<EuiFormRow
describedByIds={Array []}
display="row"
error={
Array [
"Must be between 0 and 20",
]
}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={true}
label="foobar"
labelType="label"
>
<EuiFieldNumber
aria-label="foobar number input"
@ -28,14 +23,9 @@ exports[`should render with error 1`] = `
exports[`should render without error 1`] = `
<EuiFormRow
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label="foobar"
labelType="label"
>
<EuiFieldNumber
aria-label="foobar number input"

16
x-pack/plugins/maps/public/components/draw_forms/geometry_filter_form/__snapshots__/geometry_filter_form.test.js.snap generated
View file

@ -3,12 +3,8 @@
exports[`render 1`] = `
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Geometry label"
labelType="label"
>
<EuiFieldText
compressed={true}
@ -17,12 +13,8 @@ exports[`render 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Spatial relation"
labelType="label"
>
<EuiSelect
compressed={true}
@ -71,12 +63,8 @@ exports[`render 1`] = `
exports[`should render error message 1`] = `
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Geometry label"
labelType="label"
>
<EuiFieldText
compressed={true}
@ -85,12 +73,8 @@ exports[`should render error message 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Spatial relation"
labelType="label"
>
<EuiSelect
compressed={true}

28
x-pack/plugins/maps/public/connected_components/edit_layer_panel/layer_settings/__snapshots__/attribution_form_row.test.tsx.snap generated
View file

@ -7,12 +7,16 @@ exports[`Should render add form row when attribution not provided 1`] = `
<div
className="mapAttributionFormRow"
>
<legend
className="mapAttributionFormRow__legend"
id="mapsLayerSettingsAttributionLegend"
<EuiTitle
size="xxxs"
>
Attribution
</legend>
<legend
className="mapAttributionFormRow__legend"
id="mapsLayerSettingsAttributionLegend"
>
Attribution
</legend>
</EuiTitle>
<div
className="mapAttributionFormRow__field"
>
@ -37,12 +41,16 @@ exports[`Should render edit form row when attribution not provided 1`] = `
<div
className="mapAttributionFormRow"
>
<legend
className="mapAttributionFormRow__legend"
id="mapsLayerSettingsAttributionLegend"
<EuiTitle
size="xxxs"
>
Attribution
</legend>
<legend
className="mapAttributionFormRow__legend"
id="mapsLayerSettingsAttributionLegend"
>
Attribution
</legend>
</EuiTitle>
<div
className="mapAttributionFormRow__field"
>

4
x-pack/plugins/maps/public/connected_components/edit_layer_panel/layer_settings/_attribution_form_row.scss
View file

@ -4,12 +4,12 @@
}
.mapAttributionFormRow__legend {
@include euiFormLabel;
display: inline-flex;
width: calc(33% - #{$euiSizeS});
height: $euiSizeXL;
align-items: center;
margin-right: $euiSizeS;
font-weight: $euiFontWeightSemiBold;
}
.mapAttributionFormRow__field {
@ -24,4 +24,4 @@
display: flex;
justify-content: flex-end;
margin-top: $euiSizeXS;
}
}

17
x-pack/plugins/maps/public/connected_components/edit_layer_panel/layer_settings/attribution_form_row.tsx
View file

@ -6,7 +6,7 @@
*/
import React from 'react';
import { EuiButtonEmpty, EuiLink, EuiPanel } from '@elastic/eui';
import { EuiButtonEmpty, EuiLink, EuiPanel, EuiTitle } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { Attribution } from '../../../../common/descriptor_types';
import { ILayer } from '../../../classes/layers/layer';
@ -25,11 +25,16 @@ export function AttributionFormRow(props: Props) {
return (
<fieldset aria-labelledby="mapsLayerSettingsAttributionLegend">
<div className="mapAttributionFormRow">
<legend id="mapsLayerSettingsAttributionLegend" className="mapAttributionFormRow__legend">
{i18n.translate('xpack.maps.layerSettings.attributionLegend', {
defaultMessage: 'Attribution',
})}
</legend>
<EuiTitle size="xxxs">
<legend
id="mapsLayerSettingsAttributionLegend"
className="mapAttributionFormRow__legend"
>
{i18n.translate('xpack.maps.layerSettings.attributionLegend', {
defaultMessage: 'Attribution',
})}
</legend>
</EuiTitle>
{layerDescriptor.attribution === undefined ? (
<div className="mapAttributionFormRow__field">

55
x-pack/plugins/maps/public/connected_components/map_settings_panel/__snapshots__/navigation_panel.test.tsx.snap generated
View file

@ -15,13 +15,7 @@ exports[`should render 1`] = `
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
compressed={true}
@ -56,12 +50,7 @@ exports[`should render 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial map location"
labelType="label"
>
<EuiRadioGroup
idSelected="LAST_SAVED_LOCATION"
@ -106,13 +95,7 @@ exports[`should render browser location form when initialLocation is BROWSER_LOC
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
compressed={true}
@ -147,12 +130,7 @@ exports[`should render browser location form when initialLocation is BROWSER_LOC
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial map location"
labelType="label"
>
<EuiRadioGroup
idSelected="BROWSER_LOCATION"
@ -180,12 +158,8 @@ exports[`should render browser location form when initialLocation is BROWSER_LOC
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial zoom"
labelType="label"
>
<ValidatedRange
compressed={true}
@ -216,13 +190,7 @@ exports[`should render fixed location form when initialLocation is FIXED_LOCATIO
<EuiSpacer
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFormRow>
<EuiSwitch
checked={false}
compressed={true}
@ -257,12 +225,7 @@ exports[`should render fixed location form when initialLocation is FIXED_LOCATIO
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial map location"
labelType="label"
>
<EuiRadioGroup
idSelected="FIXED_LOCATION"
@ -290,12 +253,8 @@ exports[`should render fixed location form when initialLocation is FIXED_LOCATIO
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial latitude"
labelType="label"
>
<EuiFieldNumber
compressed={true}
@ -304,12 +263,8 @@ exports[`should render fixed location form when initialLocation is FIXED_LOCATIO
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial longitude"
labelType="label"
>
<EuiFieldNumber
compressed={true}
@ -318,12 +273,8 @@ exports[`should render fixed location form when initialLocation is FIXED_LOCATIO
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="columnCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label="Initial zoom"
labelType="label"
>
<ValidatedRange
compressed={true}

4
x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/footer.test.tsx.snap generated
View file

@ -24,11 +24,7 @@ exports[`Footer multiple features, multiple layers: locked should show paginatio
key="layerSelect"
>
<EuiFormRow
describedByIds={Array []}
display="rowCompressed"
hasChildLabel={true}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiSelect
aria-label="Filter results by layer"

69
x-pack/plugins/ml/public/application/components/custom_urls/custom_url_editor/__snapshots__/list.test.tsx.snap generated
View file

@ -13,11 +13,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
>
<EuiFormRow
data-test-subj="mlJobEditCustomUrlItemLabel"
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -25,7 +21,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.labelLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlLabelInput_0"
@ -37,18 +32,13 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="URL"
id="xpack.ml.customUrlEditorList.urlLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlInput_0"
@ -63,11 +53,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -75,7 +61,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.timeRangeLabel"
/>
}
labelType="label"
>
<EuiFieldText
isInvalid={false}
@ -89,11 +74,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -121,11 +102,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -162,11 +139,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
>
<EuiFormRow
data-test-subj="mlJobEditCustomUrlItemLabel"
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -174,7 +147,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.labelLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlLabelInput_1"
@ -186,18 +158,13 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="URL"
id="xpack.ml.customUrlEditorList.urlLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlInput_1"
@ -212,11 +179,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -224,7 +187,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.timeRangeLabel"
/>
}
labelType="label"
>
<EuiFieldText
isInvalid={false}
@ -238,11 +200,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -270,11 +228,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -311,11 +265,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
>
<EuiFormRow
data-test-subj="mlJobEditCustomUrlItemLabel"
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -323,7 +273,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.labelLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlLabelInput_2"
@ -335,18 +284,13 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
</EuiFlexItem>
<EuiFlexItem>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="URL"
id="xpack.ml.customUrlEditorList.urlLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlJobEditCustomUrlInput_2"
@ -361,11 +305,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
error={Array []}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={false}
label={
<Memo(MemoizedFormattedMessage)
@ -373,7 +313,6 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
id="xpack.ml.customUrlEditorList.timeRangeLabel"
/>
}
labelType="label"
>
<EuiFieldText
isInvalid={false}
@ -387,11 +326,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -419,11 +354,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
grow={false}
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={

4
x-pack/plugins/ml/public/application/components/job_selector/job_selector_table/job_selector_table.test.js
View file

@ -113,14 +113,14 @@ describe('JobSelectorTable', () => {
const singleSelectionProps = { ...props, singleSelection: true };
const { getByTestId } = render(<JobSelectorTable {...singleSelectionProps} />);
const radioButton = getByTestId('price-by-day-radio-button');
expect(radioButton.firstChild.checked).toEqual(true);
expect(radioButton.querySelector('input').checked).toEqual(true);
});
test('job cannot be selected if it is not a single metric viewer job', () => {
const timeseriesOnlyProps = { ...props, singleSelection: true, timeseriesOnly: true };
const { getByTestId } = render(<JobSelectorTable {...timeseriesOnlyProps} />);
const radioButton = getByTestId('non-timeseries-job-radio-button');
expect(radioButton.firstChild.disabled).toEqual(true);
expect(radioButton.querySelector('input').disabled).toEqual(true);
});
});

2
x-pack/plugins/ml/public/application/components/rule_editor/_rule_editor.scss
View file

@ -34,7 +34,7 @@
// SASSTODO: Dangerous EUI overwrite
.scope-enable-checkbox {
.euiCheckbox__input[disabled] ~ .euiCheckbox__label {
.euiCheckbox__label {
color: inherit;
}
}

25
x-pack/plugins/ml/public/application/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap generated
View file

@ -13,15 +13,11 @@ exports[`CalendarForm Renders calendar form 1`] = `
/>
</MlPageHeader>
<EuiFormRow
describedByIds={Array []}
display="row"
error={
Array [
"Use lowercase alphanumerics (a-z and 0-9), hyphens or underscores; must start and end with an alphanumeric character",
]
}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={true}
label={
<Memo(MemoizedFormattedMessage)
@ -29,7 +25,6 @@ exports[`CalendarForm Renders calendar form 1`] = `
id="xpack.ml.calendarsEdit.calendarForm.calendarIdLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlCalendarIdInput"
@ -40,17 +35,12 @@ exports[`CalendarForm Renders calendar form 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Description"
id="xpack.ml.calendarsEdit.calendarForm.descriptionLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlCalendarDescriptionInput"
@ -79,17 +69,12 @@ exports[`CalendarForm Renders calendar form 1`] = `
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Jobs"
id="xpack.ml.calendarsEdit.calendarForm.jobsLabel"
/>
}
labelType="label"
>
<EuiComboBox
async={false}
@ -107,17 +92,12 @@ exports[`CalendarForm Renders calendar form 1`] = `
/>
</EuiFormRow>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Groups"
id="xpack.ml.calendarsEdit.calendarForm.groupsLabel"
/>
}
labelType="label"
>
<EuiComboBox
async={false}
@ -139,18 +119,13 @@ exports[`CalendarForm Renders calendar form 1`] = `
size="xl"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
label={
<Memo(MemoizedFormattedMessage)
defaultMessage="Events"
id="xpack.ml.calendarsEdit.calendarForm.eventsLabel"
/>
}
labelType="label"
>
<EventsTable
canCreateCalendar={true}

15
x-pack/plugins/ml/public/application/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap generated
View file

@ -35,10 +35,6 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
data-test-subj="mlFilterListAddItemPopoverContent"
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_add_item_input_row"
label={
<Memo(MemoizedFormattedMessage)
@ -46,7 +42,6 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
id="xpack.ml.settings.filterLists.addItemPopover.itemsLabel"
/>
}
labelType="label"
>
<EuiTextArea
data-test-subj="mlFilterListAddItemTextArea"
@ -123,10 +118,6 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
data-test-subj="mlFilterListAddItemPopoverContent"
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_add_item_input_row"
label={
<Memo(MemoizedFormattedMessage)
@ -134,7 +125,6 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
id="xpack.ml.settings.filterLists.addItemPopover.itemsLabel"
/>
}
labelType="label"
>
<EuiTextArea
data-test-subj="mlFilterListAddItemTextArea"
@ -211,10 +201,6 @@ exports[`AddItemPopover renders the popover 1`] = `
data-test-subj="mlFilterListAddItemPopoverContent"
>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_add_item_input_row"
label={
<Memo(MemoizedFormattedMessage)
@ -222,7 +208,6 @@ exports[`AddItemPopover renders the popover 1`] = `
id="xpack.ml.settings.filterLists.addItemPopover.itemsLabel"
/>
}
labelType="label"
>
<EuiTextArea
data-test-subj="mlFilterListAddItemTextArea"

15
x-pack/plugins/ml/public/application/settings/filter_lists/components/edit_description_popover/__snapshots__/edit_description_popover.test.js.snap generated
View file

@ -34,10 +34,6 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_edit_description_row"
label={
<Memo(MemoizedFormattedMessage)
@ -45,7 +41,6 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
id="xpack.ml.settings.filterLists.editDescriptionPopover.filterListDescriptionAriaLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlFilterListDescriptionInput"
@ -94,10 +89,6 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_edit_description_row"
label={
<Memo(MemoizedFormattedMessage)
@ -105,7 +96,6 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
id="xpack.ml.settings.filterLists.editDescriptionPopover.filterListDescriptionAriaLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlFilterListDescriptionInput"
@ -154,10 +144,6 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="filter_list_edit_description_row"
label={
<Memo(MemoizedFormattedMessage)
@ -165,7 +151,6 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
id="xpack.ml.settings.filterLists.editDescriptionPopover.filterListDescriptionAriaLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlFilterListDescriptionInput"

10
x-pack/plugins/ml/public/application/settings/filter_lists/edit/__snapshots__/header.test.js.snap generated
View file

@ -46,10 +46,6 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Use lowercase alphanumerics (a-z and 0-9), hyphens or underscores; must start and end with an alphanumeric character"
isInvalid={false}
label={
@ -58,7 +54,6 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
id="xpack.ml.settings.filterLists.editFilterHeader.filterListIdAriaLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlNewFilterListIdInput"
@ -146,15 +141,11 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
size="m"
/>
<EuiFormRow
describedByIds={Array []}
display="row"
error={
Array [
"Use lowercase alphanumerics (a-z and 0-9), hyphens or underscores; must start and end with an alphanumeric character",
]
}
hasChildLabel={true}
hasEmptyLabelSpace={false}
isInvalid={true}
label={
<Memo(MemoizedFormattedMessage)
@ -162,7 +153,6 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
id="xpack.ml.settings.filterLists.editFilterHeader.filterListIdAriaLabel"
/>
}
labelType="label"
>
<EuiFieldText
data-test-subj="mlNewFilterListIdInput"

25
x-pack/plugins/monitoring/public/components/metricbeat_migration/flyout/__snapshots__/flyout.test.js.snap generated
View file

@ -21,15 +21,10 @@ exports[`Flyout apm part one should render normally 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Typically a single URL. If multiple URLs, separate with a comma.
The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
label="URL of monitoring cluster"
labelType="label"
>
<EuiFieldText
fullWidth={true}
@ -349,15 +344,10 @@ exports[`Flyout beats part one should render normally 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Typically a single URL. If multiple URLs, separate with a comma.
The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
label="URL of monitoring cluster"
labelType="label"
>
<EuiFieldText
fullWidth={true}
@ -719,15 +709,10 @@ exports[`Flyout elasticsearch part one should render normally 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Typically a single URL. If multiple URLs, separate with a comma.
The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
label="URL of monitoring cluster"
labelType="label"
>
<EuiFieldText
fullWidth={true}
@ -1050,15 +1035,10 @@ exports[`Flyout kibana part one should render normally 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Typically a single URL. If multiple URLs, separate with a comma.
The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
label="URL of monitoring cluster"
labelType="label"
>
<EuiFieldText
fullWidth={true}
@ -1388,15 +1368,10 @@ exports[`Flyout logstash part one should render normally 1`] = `
<EuiFlyoutBody>
<EuiForm>
<EuiFormRow
describedByIds={Array []}
display="row"
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
helpText="Typically a single URL. If multiple URLs, separate with a comma.
The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
label="URL of monitoring cluster"
labelType="label"
>
<EuiFieldText
fullWidth={true}

8
x-pack/plugins/observability_solution/uptime/public/legacy_uptime/components/certificates/__snapshots__/cert_search.test.tsx.snap generated
View file

@ -9,17 +9,17 @@ exports[`CertificatesSearch renders expected elements for valid props 1`] = `
class="c0"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
class="euiFormControlLayout emotion-euiFormControlLayout-fullWidth"
>
<div
class="euiFormControlLayout__childrenWrapper"
class="euiFormControlLayout__childrenWrapper emotion-euiFormControlLayout__childrenWrapper"
style="--euiFormControlLeftIconsCount:1"
>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--left euiFormControlLayoutIcons--absolute"
class="euiFormControlLayoutIcons emotion-euiFormControlLayoutIcons-absolute-left"
>
<span
class="euiFormControlLayoutCustomIcon"
class="euiFormControlLayoutCustomIcon emotion-euiFormControlLayoutCustomIcon"
>
<span
aria-hidden="true"

20
x-pack/plugins/observability_solution/uptime/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap generated
View file

@ -86,34 +86,30 @@ Array [
class="euiPopover emotion-euiPopover-inline-block"
>
<div
class="euiFormRow"
class="euiFormRow emotion-euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__fieldWrapper"
>
<div
class="euiSwitch euiSwitch--compressed emotion-euiSwitch"
class="euiSwitch emotion-euiSwitch"
>
<button
aria-checked="false"
aria-label="Enable status alerts"
class="euiSwitch__button"
class="euiSwitch__button emotion-euiSwitch__button-compressed"
data-test-subj="uptimeDisplayDefineConnector"
id="generated-id"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
/>
</span>
class="euiSwitch__body emotion-euiSwitch__body-off"
/>
<span
class="euiSwitch__thumb emotion-euiSwitch__thumb-off"
/>
</button>
</div>
</div>

Some files were not shown because too many files have changed in this diff Show more