mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 09:19:04 -04:00
Upgrade EUI to v70.2.4 (#144845)
## Summary `eui@67.1.8` ⏩ `eui@70.2.2` ⚠️ Note: This upgrade contains breaking changes to `EuiFlexGroup` and `EuiFlexGrid`, primarily around switching margins and negative margins to `gap`. Please do a quick QA pass of your app to scan for any issues. We're happy to help resolve minor fixes, or potentially follow up after PR merges. You can find us over in #eui! ## [`70.2.4`](https://github.com/elastic/eui/tree/v70.2.4) **Bug fixes** - Fixed visual bug in nested `EuiFlexGroup`s, where the parent `EuiFlexGroup` is responsive but a child `EuiFlexGroup` is not ([#6381](https://github.com/elastic/eui/pull/6381)) ## [`70.2.3`](https://github.com/elastic/eui/tree/v70.2.3) **Bug fixes** - Fixed incorrect margins in `EuiSuperDatePicker` caused by `EuiFlex` CSS gap change ([#6380](https://github.com/elastic/eui/pull/6380)) ## [`70.2.2`](https://github.com/elastic/eui/tree/v70.2.2) - `EuiButton` now accepts `minWidth={false}` ([#6373](https://github.com/elastic/eui/pull/6373)) **Bug fixes** - `EuiButton` no longer outputs unnecessary inline styles for `minWidth={0}` or `minWidth={false}` ([#6373](https://github.com/elastic/eui/pull/6373)) - `EuiFacetButton` no longer reports type issues when passing props accepted by `EuiButton` ([#6373](https://github.com/elastic/eui/pull/6373)) - Fixed the shadow sizes of `.eui-yScrollWithShadows` and `.eui-xScrollWithShadows` ([#6374](https://github.com/elastic/eui/pull/6374)) ## [`70.2.1`](https://github.com/elastic/eui/tree/v70.2.1) **Bug fixes** - Re-fixed `EuiPageSection` not correctly merging `contentProps.css` ([#6365](https://github.com/elastic/eui/pull/6365)) - Fixed `EuiTab` not defaulting to size `m` ([#6366](https://github.com/elastic/eui/pull/6366)) ## [`70.2.0`](https://github.com/elastic/eui/tree/v70.2.0) - Added a keyboard shortcuts popover to `EuiDataGrid`'s toolbar. This can be visually hidden via `toolbarVisibility.showKeyboardShortcuts`, but will always remain accessible to keyboard and screen reader users. ([#6036](https://github.com/elastic/eui/pull/6036)) - `EuiScreenReaderOnly`'s `showOnFocus` prop now also shows on focus within its children ([#6036](https://github.com/elastic/eui/pull/6036)) - Added `onFocus` prop callback to `EuiSuperDatePicker` ([#6320](https://github.com/elastic/eui/pull/6320)) **Bug fixes** - Fixed `EuiSelectable` to ensure the full options list is re-displayed when the search bar is controlled and cleared using `searchProps.value` ([#6317](https://github.com/elastic/eui/pull/6317)) - Fixed incorrect padding on `xl`-sized `EuiTabs` ([#6336](https://github.com/elastic/eui/pull/6336)) - Fixed `EuiCard` not correctly merging `css` on its child `icon`s ([#6341](https://github.com/elastic/eui/pull/6341)) - Fixed `EuiCheckableCard` not setting `css` on the correct DOM node ([#6341](https://github.com/elastic/eui/pull/6341)) - Fixed a webkit rendering issue with `EuiModal`s containing `EuiBasicTable`s tall enough to scroll ([#6343](https://github.com/elastic/eui/pull/6343)) - Fixed bug in `to_initials` that truncates custom initials ([#6346](https://github.com/elastic/eui/pull/6346)) - Fix bug in `EuiCard` where layout breaks when `horizontal` and `selectable` are both passed ([#6348](https://github.com/elastic/eui/pull/6348)) ## [`70.1.0`](https://github.com/elastic/eui/tree/v70.1.0) - Added the `hint` prop to the `<EuiSearchBar />`. This prop lets the consumer render a hint below the search bar that will be displayed on focus. ([#6319](https://github.com/elastic/eui/pull/6319)) - Added the `hasDragDrop` prop to `EuiPopover`. Use this prop if your popover contains `EuiDragDropContext`. ([#6329](https://github.com/elastic/eui/pull/6329)) **Bug fixes** - Fixed `EuiButton`'s cursor style when the button is disabled ([#6323](https://github.com/elastic/eui/pull/6323)) - Fixed `EuiPageTemplate` not recognizing child `EuiPageSidebar`s/`EuiPageTemplate.Sidebar`s with `css` props ([#6324](https://github.com/elastic/eui/pull/6324)) - Fixed `EuiBetaBadge` to always respect its `anchorProps` values, including when there is no tooltip content ([#6326](https://github.com/elastic/eui/pull/6326)) - Temporarily patched `EuiModal` to not cause scroll-jumping issues on modal open ([#6327](https://github.com/elastic/eui/pull/6327)) - Fixed buggy drag & drop behavior within `EuiDataGrid`'s columns & sorting toolbar popovers ([#6329](https://github.com/elastic/eui/pull/6329)) - Fixed `EuiButton` not correctly passing `textProps` for children inside fragments or i18n components ([#6332](https://github.com/elastic/eui/pull/6332)) - Fixed `EuiButton` not correctly respecting `minWidth={0}` ([#6332](https://github.com/elastic/eui/pull/6332)) **CSS-in-JS conversions** - Converted `EuiTabs` to Emotion ([#6311](https://github.com/elastic/eui/pull/6311)) ## [`70.0.0`](https://github.com/elastic/eui/tree/v70.0.0) - Added the `enabled` option to the `<EuiInMemoryTable />` `executeQueryOptions` prop. This option prevents the Query from being executed when controlled by the consumer. ([#6284](https://github.com/elastic/eui/pull/6284)) **Bug fixes** - Fixed `EuiOverlayMask` to set a `[data-relative-to-header=above|below]` attribute to replace the `--aboveHeader` and `--belowHeader` classNames removed in its Emotion conversion ([#6289](https://github.com/elastic/eui/pull/6289)) - Fixed `EuiHeader` CSS using removed `EuiOverlayMask` class modifiers ([#6293](https://github.com/elastic/eui/pull/6293)) - Fixed `EuiToolTip` not respecting reduced motion preferences ([#6295](https://github.com/elastic/eui/pull/6295)) - Fixed a bug with `EuiTour` where passing any `panelProps` would cause the beacon to disappear ([#6298](https://github.com/elastic/eui/pull/6298)) **Breaking changes** - `@emotion/css` is now a required peer dependency, alongside `@emotion/react` ([#6288](https://github.com/elastic/eui/pull/6288)) - `@emotion/cache` is no longer required peer dependency, although your project must still use it if setting custom cache/injection locations ([#6288](https://github.com/elastic/eui/pull/6288)) **CSS-in-JS conversions** - Converted `EuiCode` and `EuiCodeBlock` to Emotion; Removed `euiCodeSyntaxTokens` Sass mixin and `$euiCodeBlockPaddingModifiers`; ([#6263](https://github.com/elastic/eui/pull/6263)) - Converted `EuiResizableContainer` and `EuiResizablePanel` to Emotion ([#6287](https://github.com/elastic/eui/pull/6287)) ## [`69.0.0`](https://github.com/elastic/eui/tree/v69.0.0) - Added support for `fullWidth` prop on EuiForm, which will be the default for all rows/controls within ([#6229](https://github.com/elastic/eui/pull/6229)) - Added support for `onResizeStart` and `onResizeEnd` callbacks to `EuiResizableContainer` ([#6236](https://github.com/elastic/eui/pull/6236)) - Added optional case sensitive option matching to `EuiComboBox` with the `isCaseSensitive` prop ([#6268](https://github.com/elastic/eui/pull/6268)) - `EuiFlexItem` now supports `grow={0}` ([#6270](https://github.com/elastic/eui/pull/6270)) - Added the `alignItems` prop to `EuiFlexGrid` ([#6281](https://github.com/elastic/eui/pull/6281)) - Added `filter`, `filterExclude`, `filterIgnore`, `filterInclude`, `indexTemporary`, `infinity`, `sortAscending`, and `sortDescending` glyphs to `EuiIcon` ([#6282](https://github.com/elastic/eui/pull/6282)) **Bug fixes** - Fixed `EuiTextProps` to show the `color` type option `inherit` as default ([#6267](https://github.com/elastic/eui/pull/6267)) - `EuiFlexGroup` now correctly respects `gutterSize` when responsive ([#6270](https://github.com/elastic/eui/pull/6270)) - Fixed the last breadcrumb in `EuiBreadcrumbs`'s `breadcrumbs` array not respecting `truncate` overrides ([#6280](https://github.com/elastic/eui/pull/6280)) **Breaking changes** - `EuiFlexGrid` no longer supports `columns={0}`. Use `EuiFlexGroup` instead for normal flex display ([#6270](https://github.com/elastic/eui/pull/6270)) - `EuiFlexGrid` now uses modern `display: grid` CSS ([#6270](https://github.com/elastic/eui/pull/6270)) - `EuiFlexGroup`, `EuiFlexGrid`, and `EuiFlexItem` now use modern `gap` CSS instead of margins and negative margins ([#6270](https://github.com/elastic/eui/pull/6270)) - `EuiFlexGroup` no longer applies responsive styles to `column` or `columnReverse` directions ([#6270](https://github.com/elastic/eui/pull/6270)) **CSS-in-JS conversions** - Converted `EuiFlexGroup`, `EuiFlexGrid`, and `EuiFlexItem` to Emotion ([#6270](https://github.com/elastic/eui/pull/6270)) ## [`68.0.0`](https://github.com/elastic/eui/tree/v68.0.0) - Added `beta` glyph to `EuiIcon` ([#6250](https://github.com/elastic/eui/pull/6250)) - Added `launch` and `spaces` glyphs to `EuiIcon` ([#6260](https://github.com/elastic/eui/pull/6260)) - Added the `fallbackDestination` prop to `EuiSkipLink`, which accepts a string of query selectors to fall back to if the `destinationId` does not have a valid target. Defaults to `main` ([#6261](https://github.com/elastic/eui/pull/6261)) - `EuiSkipLink` is now always an `a` tag to ensure that it is always placed within screen reader link menus. ([#6261](https://github.com/elastic/eui/pull/6261)) **Bug fixes** - Fixed `EuiSuperDatePicker` not correctly merging passed `className`s ([#6253](https://github.com/elastic/eui/pull/6253)) - Fixed `EuiColorStops` not correctly merging in passed `data-test-subj`s, `style`s, or `...rest` ([#6255](https://github.com/elastic/eui/pull/6255)) - Fixed `EuiResizablePanel` incorrectly passing `style` to the wrapper instead of the panel. Use `wrapperProps.style` to pass styles to the wrapper. ([#6255](https://github.com/elastic/eui/pull/6255)) - Fixed custom `onClick`s passed to `EuiSkipLink` overriding `overrideLinkBehavior` ([#6261](https://github.com/elastic/eui/pull/6261)) **Breaking changes** - Removed `inherit` and `ghost` color from `EuiListGroupItem` ([#6207](https://github.com/elastic/eui/pull/6207)) - Changed default color to `text` instead of `inherit` ([#6207](https://github.com/elastic/eui/pull/6207)) **CSS-in-JS conversions** - Converted `EuiListGroup` and `EuiListGroupItem` to Emotion; Removed `$euiListGroupGutterTypes`, `$euiListGroupItemColorTypes` and `$euiListGroupItemSizeTypes`; ([#6207](https://github.com/elastic/eui/pull/6207)) - Converted `EuiBadgeGroup` to Emotion ([#6258](https://github.com/elastic/eui/pull/6258)) - Converted `EuiBetaBadge` to Emotion ([#6258](https://github.com/elastic/eui/pull/6258)) - Converted `EuiNotificationBadge` to Emotion ([#6258](https://github.com/elastic/eui/pull/6258)) Co-authored-by: Elizabet Oliveira <elizabet.oliveira@elastic.co> Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Constance
GitHub
parent
0db3ab0c19
commit
c408cebb12
222 changed files with 6257 additions and 12851 deletions
|
|
@ -108,7 +108,7 @@
|
|||
"@elastic/datemath": "5.0.3",
|
||||
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.4.0-canary.1",
|
||||
"@elastic/ems-client": "8.3.3",
|
||||
"@elastic/eui": "67.1.8",
|
||||
"@elastic/eui": "70.2.4",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ Array [
|
|||
type="button"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -29,20 +29,20 @@ Array [
|
|||
class="euiCollapsibleNavGroup__children"
|
||||
>
|
||||
<ul
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--ghost euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-text-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-text-isClickable"
|
||||
data-test-subj="collapsibleNavCustomNavLink"
|
||||
href="Custom link"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="Custom link"
|
||||
>
|
||||
Custom link
|
||||
|
|
@ -57,7 +57,7 @@ Array [
|
|||
class="euiHorizontalRule euiHorizontalRule--full emotion-euiHorizontalRule-full"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -70,25 +70,25 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Pinned links"
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-text-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-text-isClickable"
|
||||
data-test-subj="homeLink"
|
||||
href="/"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__icon"
|
||||
class="euiListGroupItem__icon emotion-euiListGroupItem__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="home"
|
||||
/>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="Home"
|
||||
>
|
||||
Home
|
||||
|
|
@ -117,10 +117,10 @@ Array [
|
|||
class="euiAccordion__buttonContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h3
|
||||
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
|
||||
|
|
@ -164,22 +164,22 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Recently viewed links"
|
||||
class="euiListGroup kbnCollapsibleNav__recentsListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup kbnCollapsibleNav__recentsListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
aria-label="recent 1"
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink--recent"
|
||||
href="http://localhost/recent%201"
|
||||
rel="noreferrer"
|
||||
title="recent 1"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="recent 1"
|
||||
>
|
||||
recent 1
|
||||
|
|
@ -187,18 +187,18 @@ Array [
|
|||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
aria-label="recent 2"
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink--recent"
|
||||
href="http://localhost/recent%202"
|
||||
rel="noreferrer"
|
||||
title="recent 2"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="recent 2"
|
||||
>
|
||||
recent 2
|
||||
|
|
@ -215,7 +215,7 @@ Array [
|
|||
class="euiHorizontalRule euiHorizontalRule--full emotion-euiHorizontalRule-full"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem eui-yScroll"
|
||||
class="euiFlexItem eui-yScroll emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--withHeading"
|
||||
|
|
@ -235,17 +235,17 @@ Array [
|
|||
class="euiAccordion__buttonContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoKibana"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h3
|
||||
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
|
||||
|
|
@ -289,20 +289,20 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Primary navigation links, Analytics"
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="discover"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="discover"
|
||||
>
|
||||
discover
|
||||
|
|
@ -310,16 +310,16 @@ Array [
|
|||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="visualize"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="visualize"
|
||||
>
|
||||
visualize
|
||||
|
|
@ -327,16 +327,16 @@ Array [
|
|||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="dashboard"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="dashboard"
|
||||
>
|
||||
dashboard
|
||||
|
|
@ -367,17 +367,17 @@ Array [
|
|||
class="euiAccordion__buttonContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoObservability"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h3
|
||||
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
|
||||
|
|
@ -421,20 +421,20 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Primary navigation links, Observability"
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="metrics"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="metrics"
|
||||
>
|
||||
metrics
|
||||
|
|
@ -442,16 +442,16 @@ Array [
|
|||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="logs"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="logs"
|
||||
>
|
||||
logs
|
||||
|
|
@ -482,17 +482,17 @@ Array [
|
|||
class="euiAccordion__buttonContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoSecurity"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h3
|
||||
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
|
||||
|
|
@ -536,20 +536,20 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Primary navigation links, Security"
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="siem"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="siem"
|
||||
>
|
||||
siem
|
||||
|
|
@ -580,17 +580,17 @@ Array [
|
|||
class="euiAccordion__buttonContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="managementApp"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h3
|
||||
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
|
||||
|
|
@ -634,20 +634,20 @@ Array [
|
|||
>
|
||||
<ul
|
||||
aria-label="Primary navigation links, Management"
|
||||
class="euiListGroup"
|
||||
style="max-width: none;"
|
||||
class="euiListGroup emotion-euiListGroup-none"
|
||||
style="max-inline-size: none;"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-subdued-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-subdued-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="monitoring"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="monitoring"
|
||||
>
|
||||
monitoring
|
||||
|
|
@ -669,19 +669,19 @@ Array [
|
|||
class="euiCollapsibleNavGroup__children"
|
||||
>
|
||||
<ul
|
||||
class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
|
||||
class="euiListGroup emotion-euiListGroup-s-flush-maxWidthDefault"
|
||||
>
|
||||
<li
|
||||
class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
|
||||
class="euiListGroupItem emotion-euiListGroupItem-text-s"
|
||||
>
|
||||
<a
|
||||
class="euiListGroupItem__button"
|
||||
class="euiListGroupItem__button emotion-euiListGroupItem__inner-s-text-isClickable"
|
||||
data-test-subj="collapsibleNavAppLink"
|
||||
href="canvas"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="euiListGroupItem__label"
|
||||
class="euiListGroupItem__label emotion-euiListGroupItem__label-truncate"
|
||||
title="canvas"
|
||||
>
|
||||
canvas
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
|
||||
import './collapsible_nav.scss';
|
||||
import {
|
||||
EuiThemeProvider,
|
||||
EuiCollapsibleNav,
|
||||
EuiCollapsibleNavGroup,
|
||||
EuiFlexItem,
|
||||
|
|
@ -19,7 +20,7 @@ import {
|
|||
} from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { groupBy, sortBy } from 'lodash';
|
||||
import React, { Fragment, useMemo } from 'react';
|
||||
import React, { useMemo } from 'react';
|
||||
import useObservable from 'react-use/lib/useObservable';
|
||||
import * as Rx from 'rxjs';
|
||||
import type { HttpStart } from '@kbn/core-http-browser';
|
||||
|
|
@ -162,35 +163,35 @@ export function CollapsibleNav({
|
|||
size={248}
|
||||
>
|
||||
{customNavLink && (
|
||||
<Fragment>
|
||||
<>
|
||||
<EuiFlexItem grow={false} style={{ flexShrink: 0 }}>
|
||||
<EuiCollapsibleNavGroup
|
||||
background="dark"
|
||||
className="eui-yScroll"
|
||||
style={{ maxHeight: '40vh' }}
|
||||
>
|
||||
<EuiListGroup
|
||||
listItems={[
|
||||
createEuiListItem({
|
||||
link: customNavLink,
|
||||
basePath,
|
||||
navigateToUrl,
|
||||
dataTestSubj: 'collapsibleNavCustomNavLink',
|
||||
onClick: closeNav,
|
||||
externalLink: true,
|
||||
iconProps: { color: 'ghost' },
|
||||
}),
|
||||
]}
|
||||
maxWidth="none"
|
||||
gutterSize="none"
|
||||
size="s"
|
||||
color="ghost"
|
||||
/>
|
||||
<EuiThemeProvider colorMode="dark">
|
||||
<EuiListGroup
|
||||
listItems={[
|
||||
createEuiListItem({
|
||||
link: customNavLink,
|
||||
basePath,
|
||||
navigateToUrl,
|
||||
dataTestSubj: 'collapsibleNavCustomNavLink',
|
||||
onClick: closeNav,
|
||||
externalLink: true,
|
||||
}),
|
||||
]}
|
||||
maxWidth="none"
|
||||
gutterSize="none"
|
||||
size="s"
|
||||
/>
|
||||
</EuiThemeProvider>
|
||||
</EuiCollapsibleNavGroup>
|
||||
</EuiFlexItem>
|
||||
|
||||
<EuiHorizontalRule margin="none" />
|
||||
</Fragment>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* Pinned items */}
|
||||
|
|
|
|||
|
|
@ -27,9 +27,9 @@ exports[`#start() returns \`Context\` component 1`] = `
|
|||
"euiCardSelect.select": "Select",
|
||||
"euiCardSelect.selected": "Selected",
|
||||
"euiCardSelect.unavailable": "Unavailable",
|
||||
"euiCodeBlock.copyButton": "Copy",
|
||||
"euiCodeBlock.fullscreenCollapse": "Collapse",
|
||||
"euiCodeBlock.fullscreenExpand": "Expand",
|
||||
"euiCodeBlockCopy.copy": "Copy",
|
||||
"euiCodeBlockFullScreen.fullscreenCollapse": "Collapse",
|
||||
"euiCodeBlockFullScreen.fullscreenExpand": "Expand",
|
||||
"euiCollapsedItemActions.allActions": "All actions",
|
||||
"euiColorPicker.alphaLabel": "Alpha channel (opacity) value",
|
||||
"euiColorPicker.closeLabel": "Press the down key to open a popover containing color options",
|
||||
|
|
@ -147,6 +147,30 @@ exports[`#start() returns \`Context\` component 1`] = `
|
|||
"euiHue.label": "Select the HSV color mode \\"hue\\" value",
|
||||
"euiImageButton.closeFullScreen": "Press Escape or click to close image fullscreen mode",
|
||||
"euiImageButton.openFullScreen": "Click to open this image in fullscreen mode",
|
||||
"euiKeyboardShortcuts.ctrl": "Ctrl",
|
||||
"euiKeyboardShortcuts.ctrlEndDescription": "Move to the last cell of the current page",
|
||||
"euiKeyboardShortcuts.ctrlHomeDescription": "Move to the first cell of the current page",
|
||||
"euiKeyboardShortcuts.downArrowDescription": "Move one cell down",
|
||||
"euiKeyboardShortcuts.downArrowTitle": "Down arrow",
|
||||
"euiKeyboardShortcuts.endDescription": "Move to the last cell of the current row",
|
||||
"euiKeyboardShortcuts.endTitle": "End",
|
||||
"euiKeyboardShortcuts.enterDescription": "Open cell details and actions",
|
||||
"euiKeyboardShortcuts.enterTitle": "Enter",
|
||||
"euiKeyboardShortcuts.escapeDescription": "Close cell details and actions",
|
||||
"euiKeyboardShortcuts.escapeTitle": "Escape",
|
||||
"euiKeyboardShortcuts.homeDescription": "Move to the first cell of the current row",
|
||||
"euiKeyboardShortcuts.homeTitle": "Home",
|
||||
"euiKeyboardShortcuts.leftArrowDescription": "Move one cell left",
|
||||
"euiKeyboardShortcuts.leftArrowTitle": "Left arrow",
|
||||
"euiKeyboardShortcuts.pageDownDescription": "Go to the first row of the next page",
|
||||
"euiKeyboardShortcuts.pageDownTitle": "Page Down",
|
||||
"euiKeyboardShortcuts.pageUpDescription": "Go to the last row of the previous page",
|
||||
"euiKeyboardShortcuts.pageUpTitle": "Page Up",
|
||||
"euiKeyboardShortcuts.rightArrowDescription": "Move one cell right",
|
||||
"euiKeyboardShortcuts.rightArrowTitle": "Right arrow",
|
||||
"euiKeyboardShortcuts.title": "Keyboard shortcuts",
|
||||
"euiKeyboardShortcuts.upArrowDescription": "Move one cell up",
|
||||
"euiKeyboardShortcuts.upArrowTitle": "Up arrow",
|
||||
"euiLink.external.ariaLabel": "External link",
|
||||
"euiLink.newTarget.screenReaderOnlyText": "(opens in a new tab or window)",
|
||||
"euiLoadingChart.ariaLabel": "Loading",
|
||||
|
|
|
|||
|
|
@ -125,18 +125,24 @@ export const getEuiContextMapping = (): EuiTokensObject => {
|
|||
defaultMessage: 'Unavailable',
|
||||
description: 'Displayed button text when a card option is unavailable.',
|
||||
}),
|
||||
'euiCodeBlock.copyButton': i18n.translate('core.euiCodeBlock.copyButton', {
|
||||
'euiCodeBlockCopy.copy': i18n.translate('core.euiCodeBlockCopy.copy', {
|
||||
defaultMessage: 'Copy',
|
||||
description: 'ARIA label for a button that copies source code text to the clipboard',
|
||||
}),
|
||||
'euiCodeBlock.fullscreenCollapse': i18n.translate('core.euiCodeBlock.fullscreenCollapse', {
|
||||
defaultMessage: 'Collapse',
|
||||
description: 'ARIA label for a button that exits fullscreen view',
|
||||
}),
|
||||
'euiCodeBlock.fullscreenExpand': i18n.translate('core.euiCodeBlock.fullscreenExpand', {
|
||||
defaultMessage: 'Expand',
|
||||
description: 'ARIA label for a button that enters fullscreen view',
|
||||
}),
|
||||
'euiCodeBlockFullScreen.fullscreenCollapse': i18n.translate(
|
||||
'core.euiCodeBlockFullScreen.fullscreenCollapse',
|
||||
{
|
||||
defaultMessage: 'Collapse',
|
||||
description: 'ARIA label for a button that exits fullscreen view',
|
||||
}
|
||||
),
|
||||
'euiCodeBlockFullScreen.fullscreenExpand': i18n.translate(
|
||||
'core.euiCodeBlockFullScreen.fullscreenExpand',
|
||||
{
|
||||
defaultMessage: 'Expand',
|
||||
description: 'ARIA label for a button that enters fullscreen view',
|
||||
}
|
||||
),
|
||||
'euiCollapsedItemActions.allActions': i18n.translate(
|
||||
'core.euiCollapsedItemActions.allActions',
|
||||
{
|
||||
|
|
@ -385,6 +391,126 @@ export const getEuiContextMapping = (): EuiTokensObject => {
|
|||
'There is a new region landmark called {landmarkHeading} with page level controls at the end of the document.',
|
||||
values: { landmarkHeading },
|
||||
}),
|
||||
'euiKeyboardShortcuts.title': i18n.translate('core.euiKeyboardShortcuts.title', {
|
||||
defaultMessage: 'Keyboard shortcuts',
|
||||
}),
|
||||
'euiKeyboardShortcuts.upArrowTitle': i18n.translate('core.euiKeyboardShortcuts.upArrowTitle', {
|
||||
defaultMessage: 'Up arrow',
|
||||
}),
|
||||
'euiKeyboardShortcuts.upArrowDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.upArrowDescription',
|
||||
{
|
||||
defaultMessage: 'Move one cell up',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.downArrowTitle': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.downArrowTitle',
|
||||
{
|
||||
defaultMessage: 'Down arrow',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.downArrowDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.downArrowDescription',
|
||||
{
|
||||
defaultMessage: 'Move one cell down',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.rightArrowTitle': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.rightArrowTitle',
|
||||
{
|
||||
defaultMessage: 'Right arrow',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.rightArrowDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.rightArrowDescription',
|
||||
{
|
||||
defaultMessage: 'Move one cell right',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.leftArrowTitle': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.leftArrowTitle',
|
||||
{
|
||||
defaultMessage: 'Left arrow',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.leftArrowDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.leftArrowDescription',
|
||||
{
|
||||
defaultMessage: 'Move one cell left',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.homeTitle': i18n.translate('core.euiKeyboardShortcuts.homeTitle', {
|
||||
defaultMessage: 'Home',
|
||||
}),
|
||||
'euiKeyboardShortcuts.homeDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.homeDescription',
|
||||
{
|
||||
defaultMessage: 'Move to the first cell of the current row',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.endTitle': i18n.translate('core.euiKeyboardShortcuts.endTitle', {
|
||||
defaultMessage: 'End',
|
||||
}),
|
||||
'euiKeyboardShortcuts.endDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.endDescription',
|
||||
{
|
||||
defaultMessage: 'Move to the last cell of the current row',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.ctrl': i18n.translate('core.euiKeyboardShortcuts.ctrl', {
|
||||
defaultMessage: 'Ctrl',
|
||||
}),
|
||||
'euiKeyboardShortcuts.ctrlHomeDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.ctrlHomeDescription',
|
||||
{
|
||||
defaultMessage: 'Move to the first cell of the current page',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.ctrlEndDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.ctrlEndDescription',
|
||||
{
|
||||
defaultMessage: 'Move to the last cell of the current page',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.pageUpTitle': i18n.translate('core.euiKeyboardShortcuts.pageUpTitle', {
|
||||
defaultMessage: 'Page Up',
|
||||
}),
|
||||
'euiKeyboardShortcuts.pageUpDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.pageUpDescription',
|
||||
{
|
||||
defaultMessage: 'Go to the last row of the previous page',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.pageDownTitle': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.pageDownTitle',
|
||||
{
|
||||
defaultMessage: 'Page Down',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.pageDownDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.pageDownDescription',
|
||||
{
|
||||
defaultMessage: 'Go to the first row of the next page',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.enterTitle': i18n.translate('core.euiKeyboardShortcuts.enterTitle', {
|
||||
defaultMessage: 'Enter',
|
||||
}),
|
||||
'euiKeyboardShortcuts.enterDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.enterDescription',
|
||||
{
|
||||
defaultMessage: 'Open cell details and actions',
|
||||
}
|
||||
),
|
||||
'euiKeyboardShortcuts.escapeTitle': i18n.translate('core.euiKeyboardShortcuts.escapeTitle', {
|
||||
defaultMessage: 'Escape',
|
||||
}),
|
||||
'euiKeyboardShortcuts.escapeDescription': i18n.translate(
|
||||
'core.euiKeyboardShortcuts.escapeDescription',
|
||||
{
|
||||
defaultMessage: 'Close cell details and actions',
|
||||
}
|
||||
),
|
||||
'euiDataGrid.screenReaderNotice': i18n.translate('core.euiDataGrid.screenReaderNotice', {
|
||||
defaultMessage: 'Cell contains interactive content.',
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -148,7 +148,7 @@ exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `
|
|||
</span>
|
||||
</button>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="confirmModalConfirmButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -348,7 +348,7 @@ exports[`ModalService openConfirm() renders a string confirm message 2`] = `
|
|||
</span>
|
||||
</button>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="confirmModalConfirmButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -2,110 +2,114 @@
|
|||
|
||||
exports[`SampleDataCard installed renders with app links 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical-hasBetaBadge"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-hasBetaBadge"
|
||||
data-test-subj="sampleDataSetCardsample-data-set"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
>
|
||||
Sample Data Set
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
Sample Data Set
|
||||
installed
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge euiBetaBadge--hollow emotion-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
installed
|
||||
</span>
|
||||
</span>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Remove Sample Data Set"
|
||||
class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
|
||||
data-test-subj="removeSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="euiButtonContent euiButtonEmpty__content"
|
||||
>
|
||||
<span
|
||||
class="euiButtonEmpty__text"
|
||||
>
|
||||
Remove
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-spaceBetween-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
data-test-subj="launchSampleDataSetsample-data-set"
|
||||
id="sampleDataLinkssample-data-set"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover__anchor css-16vtueo-render"
|
||||
<button
|
||||
aria-label="Remove Sample Data Set"
|
||||
class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
|
||||
data-test-subj="removeSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
>
|
||||
<button
|
||||
aria-label="View Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
type="button"
|
||||
<span
|
||||
class="euiButtonContent euiButtonEmpty__content"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
class="euiButtonEmpty__text"
|
||||
>
|
||||
Remove
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
data-test-subj="launchSampleDataSetsample-data-set"
|
||||
id="sampleDataLinkssample-data-set"
|
||||
>
|
||||
<div
|
||||
class="euiPopover__anchor css-16vtueo-render"
|
||||
>
|
||||
<button
|
||||
aria-label="View Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
View data
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
View data
|
||||
</span>
|
||||
<span
|
||||
color="inherit"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
color="inherit"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -116,99 +120,103 @@ exports[`SampleDataCard installed renders with app links 1`] = `
|
|||
|
||||
exports[`SampleDataCard installed renders without app links 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical-hasBetaBadge"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-hasBetaBadge"
|
||||
data-test-subj="sampleDataSetCardsample-data-set"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
>
|
||||
Sample Data Set
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
Sample Data Set
|
||||
installed
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge euiBetaBadge--hollow emotion-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
installed
|
||||
</span>
|
||||
</span>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-spaceBetween-stretch-row"
|
||||
>
|
||||
<button
|
||||
aria-label="Remove Sample Data Set"
|
||||
class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
|
||||
data-test-subj="removeSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiButtonContent euiButtonEmpty__content"
|
||||
<button
|
||||
aria-label="Remove Sample Data Set"
|
||||
class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
|
||||
data-test-subj="removeSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="euiButtonEmpty__text"
|
||||
class="euiButtonContent euiButtonEmpty__content"
|
||||
>
|
||||
Remove
|
||||
<span
|
||||
class="euiButtonEmpty__text"
|
||||
>
|
||||
Remove
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<button
|
||||
aria-label="View Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
data-test-subj="launchSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
aria-label="View Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="launchSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
View data
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
View data
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -217,68 +225,72 @@ exports[`SampleDataCard installed renders without app links 1`] = `
|
|||
|
||||
exports[`SampleDataCard not installed renders 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left"
|
||||
data-test-subj="sampleDataSetCardsample-data-set"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
>
|
||||
Sample Data Set
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<button
|
||||
aria-label="Add Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
data-test-subj="addSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
<img
|
||||
alt=""
|
||||
src="test-file-stub"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-left"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
Sample Data Set
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
This is a sample data set you can use.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexEnd-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Add Sample Data Set"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="addSampleDataSetsample-data-set"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Add data
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Add data
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,17 +2,17 @@
|
|||
|
||||
exports[`install footer should render 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexEnd-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<button
|
||||
aria-label="Add Data Set Name"
|
||||
class="euiButton emotion-euiButtonDisplay-m-isDisabled-m-base-disabled"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-isDisabled-m-base-disabled"
|
||||
data-test-subj="addSampleDataSetdata-set-id"
|
||||
disabled=""
|
||||
type="button"
|
||||
|
|
|
|||
|
|
@ -2,14 +2,14 @@
|
|||
|
||||
exports[`install footer should render 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexEnd-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Add Data Set Name"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="addSampleDataSetdata-set-id"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
exports[`install footer should render 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-spaceBetween-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Remove Data Set Name"
|
||||
|
|
@ -25,11 +25,11 @@ exports[`install footer should render 1`] = `
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="View Data Set Name"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="launchSampleDataSetdata-set-id"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ exports[`should render popover when appLinks is not empty 1`] = `
|
|||
>
|
||||
<button
|
||||
aria-label="View Sample eCommerce orders"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
@ -43,7 +43,7 @@ exports[`should render popover with ordered appLinks 1`] = `
|
|||
>
|
||||
<button
|
||||
aria-label="View Sample eCommerce orders"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
@ -67,7 +67,7 @@ exports[`should render popover with ordered appLinks 1`] = `
|
|||
exports[`should render simple button when appLinks is empty 1`] = `
|
||||
<button
|
||||
aria-label="View Sample eCommerce orders"
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="launchSampleDataSetecommerce"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -7,8 +7,7 @@
|
|||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { EuiFlexGrid, EuiFlexItem } from '@elastic/eui';
|
||||
import { FlexGridColumns } from '@elastic/eui/src/components/flex/flex_grid';
|
||||
import { EuiFlexGrid, EuiFlexGridProps, EuiFlexItem } from '@elastic/eui';
|
||||
import { SampleDataCard } from '@kbn/home-sample-data-card';
|
||||
|
||||
import { useList } from './hooks';
|
||||
|
|
@ -18,7 +17,7 @@ import { useList } from './hooks';
|
|||
*/
|
||||
export interface Props {
|
||||
/** Number of columns, defaults to 3. */
|
||||
columns?: FlexGridColumns;
|
||||
columns?: EuiFlexGridProps['columns'];
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
data-test-subj="ExceptionItemCardCommentsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -205,7 +205,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
data-test-subj="ExceptionItemCardCommentsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -400,7 +400,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
data-test-subj="ExceptionItemCardCommentsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -538,7 +538,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
data-test-subj="ExceptionItemCardCommentsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive css-d309m3"
|
||||
class="euiFlexGroup css-d309m3"
|
||||
data-test-subj="EntryContentNestedEntry"
|
||||
>
|
||||
<span
|
||||
|
|
@ -65,7 +65,7 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive css-d309m3"
|
||||
class="euiFlexGroup css-d309m3"
|
||||
data-test-subj="EntryContentNestedEntry"
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -6,11 +6,11 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
|
||||
data-test-subj="MetaInfoDetailsmetaInfoDetails"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -19,7 +19,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdate"
|
||||
>
|
||||
<span
|
||||
|
|
@ -41,7 +41,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -50,14 +50,14 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdateValue"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-xs-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiBadge emotion-EuiInnerText"
|
||||
|
|
@ -81,11 +81,11 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
|
||||
data-test-subj="MetaInfoDetailsmetaInfoDetails"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -94,7 +94,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdate"
|
||||
>
|
||||
<span
|
||||
|
|
@ -116,7 +116,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -125,14 +125,14 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdateValue"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-xs-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiBadge emotion-EuiInnerText"
|
||||
|
|
@ -213,11 +213,11 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
|
||||
data-test-subj="MetaInfoDetailsmetaInfoDetails"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -226,7 +226,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdate"
|
||||
>
|
||||
<span
|
||||
|
|
@ -246,7 +246,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -255,14 +255,14 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdateValue"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-xs-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiBadge emotion-EuiInnerText"
|
||||
|
|
@ -286,11 +286,11 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
|
||||
data-test-subj="MetaInfoDetailsmetaInfoDetails"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -299,7 +299,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdate"
|
||||
>
|
||||
<span
|
||||
|
|
@ -319,7 +319,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-EuiText"
|
||||
|
|
@ -328,14 +328,14 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="MetaInfoDetailslastUpdateValue"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-xs-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiBadge emotion-EuiInnerText"
|
||||
|
|
|
|||
|
|
@ -17,10 +17,10 @@ Object {
|
|||
class="euiContextMenuItem__text"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive css-5zp1nn"
|
||||
class="euiFlexGroup css-5zp1nn"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="generateLinedRulesMenuItemsTestLeftIcon"
|
||||
>
|
||||
<span
|
||||
|
|
@ -59,10 +59,10 @@ Object {
|
|||
class="euiContextMenuItem__text"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive css-5zp1nn"
|
||||
class="euiFlexGroup css-5zp1nn"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="generateLinedRulesMenuItemsTestLeftIcon"
|
||||
>
|
||||
<span
|
||||
|
|
@ -158,7 +158,7 @@ Object {
|
|||
class="euiContextMenuItem__text"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive css-5zp1nn"
|
||||
class="euiFlexGroup css-5zp1nn"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
|
|
@ -192,7 +192,7 @@ Object {
|
|||
class="euiContextMenuItem__text"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive css-5zp1nn"
|
||||
class="euiFlexGroup css-5zp1nn"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -116,7 +116,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -202,7 +202,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -231,7 +231,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -317,7 +317,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -352,7 +352,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -444,7 +444,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -479,7 +479,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -571,7 +571,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -607,7 +607,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -700,7 +700,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -735,7 +735,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
|
|||
|
|
@ -47,19 +47,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -68,7 +68,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -97,10 +97,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -110,7 +110,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -148,16 +148,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -171,10 +171,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -190,10 +190,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -229,7 +229,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
class="euiOverlayMask emotion-euiOverlayMask-aboveHeader"
|
||||
data-euiportal="true"
|
||||
data-relative-to-header="above"
|
||||
>
|
||||
|
|
@ -365,7 +365,7 @@ Object {
|
|||
</span>
|
||||
</button>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="editModalSaveBtn"
|
||||
form="modalForm_generated-id"
|
||||
type="submit"
|
||||
|
|
@ -428,19 +428,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -449,7 +449,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -478,10 +478,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -491,7 +491,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -529,16 +529,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -552,10 +552,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -571,10 +571,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -710,19 +710,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -731,7 +731,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -760,10 +760,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -773,7 +773,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -811,16 +811,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -834,10 +834,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -853,10 +853,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -935,19 +935,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -956,7 +956,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -985,10 +985,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -998,7 +998,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -1036,16 +1036,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1059,10 +1059,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -1078,10 +1078,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1217,19 +1217,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -1238,7 +1238,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</h1>
|
||||
|
|
@ -1253,10 +1253,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -1266,7 +1266,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -1290,16 +1290,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1313,10 +1313,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -1332,10 +1332,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1415,19 +1415,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -1436,7 +1436,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</h1>
|
||||
|
|
@ -1451,10 +1451,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -1464,7 +1464,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -1488,16 +1488,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1511,10 +1511,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="RightSideMenuItemsManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -1530,10 +1530,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1670,19 +1670,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -1691,7 +1691,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</h1>
|
||||
|
|
@ -1706,10 +1706,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -1719,7 +1719,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -1743,16 +1743,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1766,10 +1766,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1929,19 +1929,19 @@ Object {
|
|||
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TitleText"
|
||||
|
|
@ -1950,7 +1950,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</h1>
|
||||
|
|
@ -1965,10 +1965,10 @@ Object {
|
|||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
|
|
@ -1978,7 +1978,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -2002,16 +2002,16 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="RightSideMenuItemsContainer"
|
||||
>
|
||||
<div
|
||||
|
|
@ -2025,10 +2025,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div />
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
class="euiOverlayMask emotion-euiOverlayMask-aboveHeader"
|
||||
data-euiportal="true"
|
||||
data-relative-to-header="above"
|
||||
>
|
||||
|
|
@ -142,7 +142,7 @@ Object {
|
|||
</span>
|
||||
</button>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="editModalSaveBtn"
|
||||
form="modalForm_generated-id"
|
||||
type="submit"
|
||||
|
|
|
|||
|
|
@ -6,14 +6,14 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -48,10 +48,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -82,14 +82,14 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -124,10 +124,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -215,7 +215,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
|
|
@ -229,10 +229,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -248,10 +248,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -282,7 +282,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
|
|
@ -296,10 +296,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -315,10 +315,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -406,7 +406,7 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
|
|
@ -420,10 +420,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -439,10 +439,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -553,7 +553,7 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
|
|
@ -567,10 +567,10 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -586,10 +586,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -677,14 +677,14 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -719,10 +719,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -834,14 +834,14 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -876,10 +876,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -967,14 +967,14 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1009,10 +1009,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -1028,10 +1028,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1062,14 +1062,14 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
|
||||
data-test-subj="Container"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1104,10 +1104,10 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="ManageRulesButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -1123,10 +1123,10 @@ Object {
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TextWithEditTestText"
|
||||
|
|
@ -18,17 +18,17 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TextWithEditTestText"
|
||||
|
|
@ -37,7 +37,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
/>
|
||||
</div>
|
||||
</div>,
|
||||
|
|
@ -101,10 +101,10 @@ Object {
|
|||
"baseElement": <body>
|
||||
<div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TextWithEditTestText"
|
||||
|
|
@ -113,7 +113,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
@ -134,10 +134,10 @@ Object {
|
|||
</body>,
|
||||
"container": <div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive css-nhr7ke"
|
||||
class="euiFlexGroup css-nhr7ke"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrow10"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-10"
|
||||
>
|
||||
<span
|
||||
data-test-subj="TextWithEditTestText"
|
||||
|
|
@ -146,7 +146,7 @@ Object {
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero emotion-EuiFlexItem"
|
||||
class="euiFlexItem emotion-EuiFlexItem"
|
||||
>
|
||||
<button
|
||||
aria-label="Edit Text List Header"
|
||||
|
|
|
|||
|
|
@ -1,407 +1,83 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
|
||||
<ExitFullScreenButtonKibanaProvider
|
||||
coreStart={
|
||||
Object {
|
||||
"chrome": Object {
|
||||
"setIsVisible": [MockFunction] {
|
||||
"calls": Array [
|
||||
Array [
|
||||
false,
|
||||
],
|
||||
],
|
||||
"results": Array [
|
||||
Object {
|
||||
"type": "return",
|
||||
"value": undefined,
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
>
|
||||
<ExitFullScreenButton
|
||||
onExit={[MockFunction]}
|
||||
<div>
|
||||
<p
|
||||
aria-live="polite"
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
<ExitFullScreenButton
|
||||
css={
|
||||
Object {
|
||||
"map": undefined,
|
||||
"name": "knjqgf",
|
||||
"next": undefined,
|
||||
"styles": "
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
",
|
||||
"toString": [Function],
|
||||
}
|
||||
}
|
||||
onClick={[Function]}
|
||||
In full screen mode, press ESC to exit.
|
||||
</p>
|
||||
<button
|
||||
class="exitFullScreenButton"
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
data-test-subj="exitFullScreenModeButton"
|
||||
>
|
||||
<span
|
||||
class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
|
||||
>
|
||||
<div>
|
||||
<EuiScreenReaderOnly>
|
||||
<p
|
||||
aria-live="polite"
|
||||
css="unknown styles"
|
||||
key="null"
|
||||
>
|
||||
<Insertion
|
||||
cache={
|
||||
Object {
|
||||
"insert": [Function],
|
||||
"inserted": Object {
|
||||
"hus3oj-euiScreenReaderOnly": true,
|
||||
},
|
||||
"key": "css",
|
||||
"nonce": undefined,
|
||||
"registered": Object {},
|
||||
"sheet": StyleSheet {
|
||||
"_alreadyInsertedOrderInsensitiveRule": true,
|
||||
"_insertTag": [Function],
|
||||
"before": null,
|
||||
"container": <head>
|
||||
<style
|
||||
data-emotion="css"
|
||||
data-s=""
|
||||
>
|
||||
|
||||
.emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
|
||||
</style>
|
||||
<style
|
||||
data-styled="active"
|
||||
data-styled-version="5.1.0"
|
||||
/>
|
||||
<style
|
||||
data-styled="active"
|
||||
data-styled-version="5.1.0"
|
||||
/>
|
||||
</head>,
|
||||
"ctr": 1,
|
||||
"insertionPoint": undefined,
|
||||
"isSpeedy": false,
|
||||
"key": "css",
|
||||
"nonce": undefined,
|
||||
"prepend": undefined,
|
||||
"tags": Array [
|
||||
<style
|
||||
data-emotion="css"
|
||||
data-s=""
|
||||
>
|
||||
|
||||
.emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
|
||||
</style>,
|
||||
],
|
||||
},
|
||||
}
|
||||
}
|
||||
isStringTag={true}
|
||||
serialized={
|
||||
Object {
|
||||
"map": undefined,
|
||||
"name": "hus3oj-euiScreenReaderOnly",
|
||||
"next": undefined,
|
||||
"styles": ";
|
||||
// Take the element out of the layout
|
||||
position: absolute;
|
||||
// Keep it vertically inline
|
||||
inset-block-start: auto;
|
||||
// Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
|
||||
inset-inline-start: -10000px;
|
||||
// The element must have a size (for some screen readers)
|
||||
|
||||
inline-size: 1px;
|
||||
block-size: 1px;
|
||||
|
||||
// But reduce the visible size to nothing
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
// And ensure no overflows occur
|
||||
overflow: hidden;
|
||||
// Chrome requires the negative margin to not cause overflows of parent containers
|
||||
margin: -1px;
|
||||
;label:euiScreenReaderOnly;;;;",
|
||||
"toString": [Function],
|
||||
}
|
||||
}
|
||||
/>
|
||||
<p
|
||||
aria-live="polite"
|
||||
className="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
In full screen mode, press ESC to exit.
|
||||
</p>
|
||||
</p>
|
||||
</EuiScreenReaderOnly>
|
||||
<button
|
||||
className="exitFullScreenButton"
|
||||
data-test-subj="exitFullScreenModeButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<EuiFlexGroup
|
||||
alignItems="center"
|
||||
component="span"
|
||||
gutterSize="s"
|
||||
responsive={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<EuiIcon
|
||||
size="m"
|
||||
type="logoElastic"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoElastic"
|
||||
size="m"
|
||||
/>
|
||||
</EuiIcon>
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
>
|
||||
Exit full screen
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<EuiIcon
|
||||
size="s"
|
||||
type="fullScreenExit"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="fullScreenExit"
|
||||
size="s"
|
||||
/>
|
||||
</EuiIcon>
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
</span>
|
||||
</EuiFlexGroup>
|
||||
</button>
|
||||
</div>
|
||||
</ExitFullScreenButton>
|
||||
</ExitFullScreenButton>
|
||||
</ExitFullScreenButtonKibanaProvider>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoElastic"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
>
|
||||
Exit full screen
|
||||
</span>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="fullScreenExit"
|
||||
/>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
|
||||
<ExitFullScreenButtonProvider
|
||||
setIsFullscreen={
|
||||
[MockFunction] {
|
||||
"calls": Array [
|
||||
Array [
|
||||
true,
|
||||
],
|
||||
],
|
||||
"results": Array [
|
||||
Object {
|
||||
"type": "return",
|
||||
"value": undefined,
|
||||
},
|
||||
],
|
||||
}
|
||||
}
|
||||
>
|
||||
<ExitFullScreenButton
|
||||
onExit={[MockFunction]}
|
||||
<div>
|
||||
<p
|
||||
aria-live="polite"
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
<ExitFullScreenButton
|
||||
css={
|
||||
Object {
|
||||
"map": undefined,
|
||||
"name": "knjqgf",
|
||||
"next": undefined,
|
||||
"styles": "
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
",
|
||||
"toString": [Function],
|
||||
}
|
||||
}
|
||||
onClick={[Function]}
|
||||
In full screen mode, press ESC to exit.
|
||||
</p>
|
||||
<button
|
||||
class="exitFullScreenButton"
|
||||
css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."
|
||||
data-test-subj="exitFullScreenModeButton"
|
||||
>
|
||||
<span
|
||||
class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
|
||||
>
|
||||
<div>
|
||||
<EuiScreenReaderOnly>
|
||||
<p
|
||||
aria-live="polite"
|
||||
css="unknown styles"
|
||||
key="null"
|
||||
>
|
||||
<Insertion
|
||||
cache={
|
||||
Object {
|
||||
"insert": [Function],
|
||||
"inserted": Object {
|
||||
"hus3oj-euiScreenReaderOnly": true,
|
||||
},
|
||||
"key": "css",
|
||||
"nonce": undefined,
|
||||
"registered": Object {},
|
||||
"sheet": StyleSheet {
|
||||
"_alreadyInsertedOrderInsensitiveRule": true,
|
||||
"_insertTag": [Function],
|
||||
"before": null,
|
||||
"container": <head>
|
||||
<style
|
||||
data-emotion="css"
|
||||
data-s=""
|
||||
>
|
||||
|
||||
.emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
|
||||
</style>
|
||||
<style
|
||||
data-styled="active"
|
||||
data-styled-version="5.1.0"
|
||||
/>
|
||||
</head>,
|
||||
"ctr": 1,
|
||||
"insertionPoint": undefined,
|
||||
"isSpeedy": false,
|
||||
"key": "css",
|
||||
"nonce": undefined,
|
||||
"prepend": undefined,
|
||||
"tags": Array [
|
||||
<style
|
||||
data-emotion="css"
|
||||
data-s=""
|
||||
>
|
||||
|
||||
.emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
|
||||
</style>,
|
||||
],
|
||||
},
|
||||
}
|
||||
}
|
||||
isStringTag={true}
|
||||
serialized={
|
||||
Object {
|
||||
"map": undefined,
|
||||
"name": "hus3oj-euiScreenReaderOnly",
|
||||
"next": undefined,
|
||||
"styles": ";
|
||||
// Take the element out of the layout
|
||||
position: absolute;
|
||||
// Keep it vertically inline
|
||||
inset-block-start: auto;
|
||||
// Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
|
||||
inset-inline-start: -10000px;
|
||||
// The element must have a size (for some screen readers)
|
||||
|
||||
inline-size: 1px;
|
||||
block-size: 1px;
|
||||
|
||||
// But reduce the visible size to nothing
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
// And ensure no overflows occur
|
||||
overflow: hidden;
|
||||
// Chrome requires the negative margin to not cause overflows of parent containers
|
||||
margin: -1px;
|
||||
;label:euiScreenReaderOnly;;;;",
|
||||
"toString": [Function],
|
||||
}
|
||||
}
|
||||
/>
|
||||
<p
|
||||
aria-live="polite"
|
||||
className="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
In full screen mode, press ESC to exit.
|
||||
</p>
|
||||
</p>
|
||||
</EuiScreenReaderOnly>
|
||||
<button
|
||||
className="exitFullScreenButton"
|
||||
data-test-subj="exitFullScreenModeButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<EuiFlexGroup
|
||||
alignItems="center"
|
||||
component="span"
|
||||
gutterSize="s"
|
||||
responsive={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<EuiIcon
|
||||
size="m"
|
||||
type="logoElastic"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoElastic"
|
||||
size="m"
|
||||
/>
|
||||
</EuiIcon>
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
>
|
||||
Exit full screen
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
component="span"
|
||||
grow={false}
|
||||
>
|
||||
<span
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<EuiIcon
|
||||
size="s"
|
||||
type="fullScreenExit"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="fullScreenExit"
|
||||
size="s"
|
||||
/>
|
||||
</EuiIcon>
|
||||
</span>
|
||||
</EuiFlexItem>
|
||||
</span>
|
||||
</EuiFlexGroup>
|
||||
</button>
|
||||
</div>
|
||||
</ExitFullScreenButton>
|
||||
</ExitFullScreenButton>
|
||||
</ExitFullScreenButtonProvider>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoElastic"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
>
|
||||
Exit full screen
|
||||
</span>
|
||||
<span
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="fullScreenExit"
|
||||
/>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ describe('<ExitFullScreenButton />', () => {
|
|||
describe('with manual services', () => {
|
||||
test('is rendered', () => {
|
||||
const component = componentMount(<ExitFullScreenButton onExit={jest.fn()} />);
|
||||
expect(component).toMatchSnapshot();
|
||||
expect(component.render()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('passing `false` to toggleChrome does not toggle chrome', () => {
|
||||
|
|
@ -90,7 +90,7 @@ describe('<ExitFullScreenButton />', () => {
|
|||
describe('with kibana services', () => {
|
||||
test('is rendered', () => {
|
||||
const component = kibanaMount(<ExitFullScreenButton onExit={jest.fn()} />);
|
||||
expect(component).toMatchSnapshot();
|
||||
expect(component.render()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('passing `false` to toggleChrome does not toggle chrome', () => {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
exports[`<ToolbarButton /> is rendered 1`] = `
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
intl="[object Object]"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
exports[`<ToolbarButton /> is rendered 1`] = `
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
intl="[object Object]"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ exports[`<ToolbarPopover /> is rendered 1`] = `
|
|||
class="euiPopover__anchor css-16vtueo-render"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
|
||||
exports[`<Toolbar /> is rendered 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
@ -23,10 +23,10 @@ exports[`<Toolbar /> is rendered 1`] = `
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-xs-flexStart-center-row"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,69 +8,73 @@ exports[`NoDataCard props button 1`] = `
|
|||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Button
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Button
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -84,69 +88,73 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
|
|||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard custom_class emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Button
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Button
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -160,69 +168,73 @@ exports[`NoDataCard props href 1`] = `
|
|||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="#"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="#"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Button
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Button
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -236,53 +248,57 @@ exports[`NoDataCard props no access to Fleet 1`] = `
|
|||
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-subdued-EuiCard"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical-disabled"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical-disabled"
|
||||
>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
class="euiCard__titleButton emotion-euiCard__text-center-disabled"
|
||||
disabled=""
|
||||
>
|
||||
<span
|
||||
class="emotion-euiTextColor-default"
|
||||
>
|
||||
Contact your administrator
|
||||
</span>
|
||||
</button>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
<span
|
||||
class="emotion-euiTextColor-default"
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
class="euiCard__titleButton emotion-euiCard__text-center-disabled"
|
||||
disabled=""
|
||||
>
|
||||
This integration is not yet enabled. Your administrator has the required permissions to turn it on.
|
||||
</span>
|
||||
<span
|
||||
class="emotion-euiTextColor-default"
|
||||
>
|
||||
Contact your administrator
|
||||
</span>
|
||||
</button>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
<span
|
||||
class="emotion-euiTextColor-default"
|
||||
>
|
||||
This integration is not yet enabled. Your administrator has the required permissions to turn it on.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -297,69 +313,73 @@ exports[`NoDataCard renders 1`] = `
|
|||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
|
||||
>
|
||||
<div
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
class="euiCard__top emotion-euiCard__top-vertical"
|
||||
>
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
<div
|
||||
class="euiCard__image emotion-euiCard__image"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
<figure
|
||||
class="euiImageWrapper emotion-euiImageWrapper-fullWidth"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<img
|
||||
alt=""
|
||||
class="euiImage emotion-euiImage-fullWidth"
|
||||
src="test-file-stub"
|
||||
style="width:max(100%, 360px);height:240px;object-fit:cover;background:aliceblue"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="/app/integrations/browse"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiScreenReaderOnly"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Card title
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -18,10 +18,10 @@ exports[`KibanaPageTemplate render basic template 1`] = `
|
|||
style="max-width:1200px"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-constrainedWidth-m"
|
||||
|
|
@ -32,13 +32,13 @@ exports[`KibanaPageTemplate render basic template 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
test
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -84,6 +84,6 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.3.3': ['Elastic License 2.0'],
|
||||
'@elastic/eui@67.1.8': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'@elastic/eui@70.2.4': ['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
|
||||
};
|
||||
|
|
|
|||
|
|
@ -246,7 +246,7 @@ export class AdvancedSettings extends Component<AdvancedSettingsProps, AdvancedS
|
|||
|
||||
return (
|
||||
<div>
|
||||
<EuiFlexGroup gutterSize="none">
|
||||
<EuiFlexGroup>
|
||||
<EuiFlexItem>
|
||||
<PageTitle />
|
||||
</EuiFlexItem>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ exports[`renders DashboardSaveModal 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -32,7 +31,6 @@ exports[`renders DashboardSaveModal 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -167,13 +167,13 @@ exports[`Inspector Data View component should render loading state 1`] = `
|
|||
exports[`Inspector Data View component should render single table without selector 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -183,7 +183,7 @@ Array [
|
|||
class="euiPopover__anchor css-16vtueo-render"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-s-s-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-s-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
@ -212,13 +212,13 @@ Array [
|
|||
class="euiTableHeaderMobile"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-l-spaceBetween-baseline-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiTableSortMobile"
|
||||
|
|
@ -306,18 +306,18 @@ Array [
|
|||
class="euiTableCellContent euiTableCellContent--overflowingContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
123
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-flexStart-center-row"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -332,10 +332,10 @@ Array [
|
|||
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"
|
||||
class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -367,7 +367,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<nav
|
||||
aria-label="Pagination for table: "
|
||||
|
|
@ -448,10 +448,10 @@ Array [
|
|||
exports[`Inspector Data View component should support multiple datatables 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-xs"
|
||||
|
|
@ -468,17 +468,17 @@ Array [
|
|||
class="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-xs-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<strong>
|
||||
Selected:
|
||||
</strong>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -513,7 +513,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -523,7 +523,7 @@ Array [
|
|||
class="euiPopover__anchor css-16vtueo-render"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-s-s-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-s-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
@ -552,13 +552,13 @@ Array [
|
|||
class="euiTableHeaderMobile"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-l-spaceBetween-baseline-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiTableSortMobile"
|
||||
|
|
@ -647,18 +647,18 @@ Array [
|
|||
class="euiTableCellContent euiTableCellContent--overflowingContent"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
123
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-flexStart-center-row"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -673,10 +673,10 @@ Array [
|
|||
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"
|
||||
class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -708,7 +708,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<nav
|
||||
aria-label="Pagination for table: "
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`BytesFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`DateFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`DateFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -36,7 +35,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -72,7 +70,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
|
|||
describedByIds={Array []}
|
||||
display="row"
|
||||
error={null}
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -96,7 +93,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -117,7 +113,6 @@ exports[`DurationFormatEditor should not render show suffix on dynamic output 1`
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -186,7 +181,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -217,7 +211,6 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -300,7 +293,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -331,7 +323,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -367,7 +358,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
describedByIds={Array []}
|
||||
display="row"
|
||||
error={null}
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -391,7 +381,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -411,7 +400,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -432,7 +420,6 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`HistogramFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label="Aggregated number format"
|
||||
|
|
@ -35,7 +34,6 @@ exports[`HistogramFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`NumberFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`PercentFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -91,7 +91,6 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -201,7 +200,6 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`StringFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`TruncateFormatEditor should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
|
|||
class="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
class="euiSwitch"
|
||||
class="euiSwitch emotion-euiSwitch"
|
||||
>
|
||||
<button
|
||||
aria-checked="false"
|
||||
|
|
@ -287,13 +287,13 @@ exports[`UrlFormatEditor should render normally 1`] = `
|
|||
class="euiTableHeaderMobile"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-l-spaceBetween-baseline-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
/>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@ exports[`FormatEditorSamples should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
exports[`Header should render normally 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-s"
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ describe('DiscoverFieldSearch', () => {
|
|||
const onChange = jest.fn();
|
||||
const component = mountComponent({ ...defaultProps, ...{ onChange } });
|
||||
const btn = findTestSubject(component, 'toggleFieldFilterButton');
|
||||
const badge = btn.find('.euiNotificationBadge');
|
||||
const badge = btn.find('.euiNotificationBadge').last();
|
||||
expect(badge.text()).toEqual('0');
|
||||
btn.simulate('click');
|
||||
const aggregatableButtonGroup = findButtonGroup(component, 'aggregatable');
|
||||
|
|
@ -69,7 +69,7 @@ describe('DiscoverFieldSearch', () => {
|
|||
let btn = findTestSubject(component, 'toggleFieldFilterButton');
|
||||
btn.simulate('click');
|
||||
btn = findTestSubject(component, 'toggleFieldFilterButton');
|
||||
const badge = btn.find('.euiNotificationBadge');
|
||||
const badge = btn.find('.euiNotificationBadge').last();
|
||||
// no active filters
|
||||
expect(badge.text()).toEqual('0');
|
||||
// change value of aggregatable select
|
||||
|
|
@ -101,7 +101,7 @@ describe('DiscoverFieldSearch', () => {
|
|||
const component = mountComponent();
|
||||
const btn = findTestSubject(component, 'toggleFieldFilterButton');
|
||||
btn.simulate('click');
|
||||
const badge = btn.find('.euiNotificationBadge');
|
||||
const badge = btn.find('.euiNotificationBadge').last();
|
||||
expect(badge.text()).toEqual('0');
|
||||
const missingSwitch = findTestSubject(component, 'missingSwitch');
|
||||
missingSwitch.simulate('change', { target: { value: false } });
|
||||
|
|
|
|||
|
|
@ -1,3 +1,8 @@
|
|||
.dscSkipButton {
|
||||
z-index: $euiZLevel1;
|
||||
transition: none !important;
|
||||
&:focus {
|
||||
animation: none !important;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ describe('Skip to Bottom Button', function () {
|
|||
|
||||
it('should be clickable', function () {
|
||||
component = mountWithIntl(<SkipBottomButton {...props} />);
|
||||
component.find('button').simulate('click');
|
||||
component.find('[data-test-subj="discoverSkipTableButton"]').last().simulate('click');
|
||||
expect(props.onClick).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
import React from 'react';
|
||||
import './skip_bottom_button.scss';
|
||||
import { EuiSkipLink } from '@elastic/eui';
|
||||
import { EuiScreenReaderOnly, EuiButton } from '@elastic/eui';
|
||||
import { FormattedMessage } from '@kbn/i18n-react';
|
||||
|
||||
export interface SkipBottomButtonProps {
|
||||
|
|
@ -20,22 +20,19 @@ export interface SkipBottomButtonProps {
|
|||
|
||||
export function SkipBottomButton({ onClick }: SkipBottomButtonProps) {
|
||||
return (
|
||||
<EuiSkipLink
|
||||
size="s"
|
||||
onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
|
||||
// prevent the anchor to reload the page on click
|
||||
event.preventDefault();
|
||||
// The destinationId prop cannot be leveraged here as the table needs
|
||||
// to be updated firsts
|
||||
onClick();
|
||||
}}
|
||||
className="dscSkipButton"
|
||||
id="dscSkipButton"
|
||||
destinationId=""
|
||||
data-test-subj="discoverSkipTableButton"
|
||||
position="absolute"
|
||||
>
|
||||
<FormattedMessage id="discover.skipToBottomButtonLabel" defaultMessage="Go to end of table" />
|
||||
</EuiSkipLink>
|
||||
<EuiScreenReaderOnly showOnFocus>
|
||||
<EuiButton
|
||||
fill
|
||||
size="s"
|
||||
onClick={onClick}
|
||||
className="dscSkipButton"
|
||||
data-test-subj="discoverSkipTableButton"
|
||||
>
|
||||
<FormattedMessage
|
||||
id="discover.skipToBottomButtonLabel"
|
||||
defaultMessage="Go to end of table"
|
||||
/>
|
||||
</EuiButton>
|
||||
</EuiScreenReaderOnly>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
exports[`Loading indicator default renders correctly 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-spaceAround-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
aria-label="Loading"
|
||||
|
|
@ -18,10 +18,10 @@ exports[`Loading indicator default renders correctly 1`] = `
|
|||
|
||||
exports[`Loading indicator elastic renders correctly 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-spaceAround-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
aria-label="Loading"
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@ describe('Discover grid cell rendering', function () {
|
|||
/>
|
||||
);
|
||||
expect(component.html()).toMatchInlineSnapshot(
|
||||
`"<div class=\\"euiFlexGroup euiFlexGroup--directionRow\\"><div class=\\"euiFlexItem\\"><span class=\\"dscDiscoverGrid__cellPopoverValue eui-textBreakWord\\">100</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonIcon euiButtonIcon--xSmall css-1q7ycil-euiButtonIcon-empty-primary-hoverStyles\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
|
||||
`"<div class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"dscDiscoverGrid__cellPopoverValue eui-textBreakWord\\">100</span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon euiButtonIcon--xSmall css-1q7ycil-euiButtonIcon-empty-primary-hoverStyles\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -146,7 +146,7 @@ describe('Discover grid cell rendering', function () {
|
|||
/>
|
||||
);
|
||||
expect(component.html()).toMatchInlineSnapshot(
|
||||
`"<div class=\\"euiFlexGroup euiFlexGroup--directionRow\\"><div class=\\"euiFlexItem\\"><span class=\\"dscDiscoverGrid__cellPopoverValue eui-textBreakWord\\">100</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonIcon euiButtonIcon--xSmall css-1q7ycil-euiButtonIcon-empty-primary-hoverStyles\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
|
||||
`"<div class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"dscDiscoverGrid__cellPopoverValue eui-textBreakWord\\">100</span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon euiButtonIcon--xSmall css-1q7ycil-euiButtonIcon-empty-primary-hoverStyles\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
|
||||
);
|
||||
findTestSubject(component, 'docTableClosePopover').simulate('click');
|
||||
expect(closePopoverMockFn).toHaveBeenCalledTimes(1);
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
exports[`FieldName renders a geo field 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldIcon"
|
||||
class="euiFlexItem kbnDocViewer__fieldIcon emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToken kbnFieldIcon emotion-euiToken-square-light-s-euiColorVis5"
|
||||
|
|
@ -17,10 +17,10 @@ Array [
|
|||
</span>
|
||||
</div>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-none-flexStart-flexStart-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldName eui-textBreakAll"
|
||||
class="euiFlexItem kbnDocViewer__fieldName eui-textBreakAll emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToolTipAnchor eui-textBreakAll emotion-euiToolTipAnchor-inlineBlock"
|
||||
|
|
@ -37,7 +37,7 @@ Array [
|
|||
exports[`FieldName renders a number field by providing a field record 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldIcon"
|
||||
class="euiFlexItem kbnDocViewer__fieldIcon emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToken kbnFieldIcon emotion-euiToken-square-light-s-euiColorVis0"
|
||||
|
|
@ -51,10 +51,10 @@ Array [
|
|||
</span>
|
||||
</div>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-none-flexStart-flexStart-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldName eui-textBreakAll"
|
||||
class="euiFlexItem kbnDocViewer__fieldName eui-textBreakAll emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToolTipAnchor eui-textBreakAll emotion-euiToolTipAnchor-inlineBlock"
|
||||
|
|
@ -71,7 +71,7 @@ Array [
|
|||
exports[`FieldName renders a string field by providing fieldType and fieldName 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldIcon"
|
||||
class="euiFlexItem kbnDocViewer__fieldIcon emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToken kbnFieldIcon emotion-euiToken-square-light-s-euiColorVis1"
|
||||
|
|
@ -85,10 +85,10 @@ Array [
|
|||
</span>
|
||||
</div>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-none-flexStart-flexStart-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldName eui-textBreakAll"
|
||||
class="euiFlexItem kbnDocViewer__fieldName eui-textBreakAll emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToolTipAnchor eui-textBreakAll emotion-euiToolTipAnchor-inlineBlock"
|
||||
|
|
@ -105,7 +105,7 @@ Array [
|
|||
exports[`FieldName renders unknown field 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldIcon"
|
||||
class="euiFlexItem kbnDocViewer__fieldIcon emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToken kbnFieldIcon emotion-euiToken-circle-light-s-gray"
|
||||
|
|
@ -119,10 +119,10 @@ Array [
|
|||
</span>
|
||||
</div>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-none-flexStart-flexStart-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero kbnDocViewer__fieldName eui-textBreakAll"
|
||||
class="euiFlexItem kbnDocViewer__fieldName eui-textBreakAll emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="euiToolTipAnchor eui-textBreakAll emotion-euiToolTipAnchor-inlineBlock"
|
||||
|
|
|
|||
|
|
@ -6,14 +6,7 @@
|
|||
* Side Public License, v 1.
|
||||
*/
|
||||
|
||||
import {
|
||||
EuiTabs,
|
||||
EuiTab,
|
||||
useEuiPaddingSize,
|
||||
EuiBetaBadge,
|
||||
EuiFlexGroup,
|
||||
EuiFlexItem,
|
||||
} from '@elastic/eui';
|
||||
import { EuiTabs, EuiTab, useEuiPaddingSize, EuiBetaBadge } from '@elastic/eui';
|
||||
import React from 'react';
|
||||
import { FormattedMessage } from '@kbn/i18n-react';
|
||||
import { css } from '@emotion/react';
|
||||
|
|
@ -37,8 +30,8 @@ export const DocumentViewModeToggle = ({
|
|||
background-color: ${euiThemeVars.euiPageBackgroundColor};
|
||||
`;
|
||||
|
||||
const badgeCellCss = css`
|
||||
margin-left: ${useEuiPaddingSize('s')};
|
||||
const betaBadgeCss = css`
|
||||
vertical-align: middle;
|
||||
`;
|
||||
|
||||
const showViewModeToggle = uiSettings.get(SHOW_FIELD_STATISTICS) ?? false;
|
||||
|
|
@ -62,24 +55,21 @@ export const DocumentViewModeToggle = ({
|
|||
onClick={() => setDiscoverViewMode(VIEW_MODE.AGGREGATED_LEVEL)}
|
||||
className="dscViewModeToggle__tab"
|
||||
data-test-subj="dscViewModeFieldStatsButton"
|
||||
append={
|
||||
<EuiBetaBadge
|
||||
label={i18n.translate('discover.viewModes.fieldStatistics.betaTitle', {
|
||||
defaultMessage: 'Beta',
|
||||
})}
|
||||
size="s"
|
||||
className="fieldStatsBetaBadge"
|
||||
css={betaBadgeCss}
|
||||
/>
|
||||
}
|
||||
>
|
||||
<EuiFlexGroup alignItems="center" gutterSize="none" responsive={false}>
|
||||
<EuiFlexItem>
|
||||
<FormattedMessage
|
||||
id="discover.viewModes.fieldStatistics.label"
|
||||
defaultMessage="Field statistics"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem css={badgeCellCss}>
|
||||
<EuiBetaBadge
|
||||
label={i18n.translate('discover.viewModes.fieldStatistics.betaTitle', {
|
||||
defaultMessage: 'Beta',
|
||||
})}
|
||||
size="s"
|
||||
className="fieldStatsBetaBadge"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
<FormattedMessage
|
||||
id="discover.viewModes.fieldStatistics.label"
|
||||
defaultMessage="Field statistics"
|
||||
/>
|
||||
</EuiTab>
|
||||
</EuiTabs>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -26,7 +26,7 @@ describe('CronEditor', () => {
|
|||
/>
|
||||
);
|
||||
|
||||
expect(component).toMatchSnapshot();
|
||||
expect(component.render()).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
|
|||
class="euiFlyoutBody emotion-euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow css-1fk8opf-noBanner"
|
||||
class="euiFlyoutBody__overflow css-18yrfj9-noBanner"
|
||||
tabindex="0"
|
||||
>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -8,10 +8,10 @@ Array [
|
|||
Load Kibana objects
|
||||
</h2>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-m"
|
||||
|
|
@ -22,10 +22,10 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="loadSavedObjects"
|
||||
type="button"
|
||||
>
|
||||
|
|
@ -65,10 +65,10 @@ Array [
|
|||
Load Kibana objects
|
||||
</h2>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-m"
|
||||
|
|
@ -79,10 +79,10 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
data-test-subj="loadSavedObjects"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -62,7 +62,6 @@ exports[`isCloudEnabled is false should render ON_PREM instructions with instruc
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
|
|||
|
|
@ -131,7 +131,6 @@ exports[`renders ControlsTab 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="selectControlType"
|
||||
|
|
@ -163,7 +162,6 @@ exports[`renders ControlsTab 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="addControl"
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -49,7 +48,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -80,7 +78,6 @@ exports[`renders dynamic options should display disabled dynamic options with to
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -130,7 +127,6 @@ exports[`renders dynamic options should display dynamic options for string field
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -160,7 +156,6 @@ exports[`renders dynamic options should display dynamic options for string field
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -210,7 +205,6 @@ exports[`renders dynamic options should display size field when dynamic options
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -240,7 +234,6 @@ exports[`renders dynamic options should display size field when dynamic options
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -271,7 +264,6 @@ exports[`renders dynamic options should display size field when dynamic options
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -321,7 +313,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -366,7 +357,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -396,7 +386,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -427,7 +416,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="updateFiltersOnChange"
|
||||
|
|
@ -27,7 +26,6 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="useTimeFilter"
|
||||
|
|
@ -49,7 +47,6 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="pinFilters"
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@ exports[`renders RangeControlEditor 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="stepSize-0"
|
||||
|
|
@ -41,7 +40,6 @@ exports[`renders RangeControlEditor 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="decimalPlaces-0"
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ exports[`renders control with warning 1`] = `
|
|||
data-test-subj="inputControl0"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="controlId"
|
||||
|
|
@ -37,7 +36,6 @@ exports[`renders disabled control with tooltip 1`] = `
|
|||
data-test-subj="inputControl0"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="controlId"
|
||||
|
|
@ -63,7 +61,6 @@ exports[`renders enabled control 1`] = `
|
|||
data-test-subj="inputControl0"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="controlId"
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@ Array [
|
|||
class="euiFlyoutHeader emotion-euiFlyoutHeader-hasBorder"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-s"
|
||||
|
|
@ -18,7 +18,7 @@ Array [
|
|||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -56,7 +56,7 @@ Array [
|
|||
class="euiFlyoutBody insInspectorPanel__flyoutBody emotion-euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow css-1fk8opf-noBanner"
|
||||
class="euiFlyoutBody__overflow css-18yrfj9-noBanner"
|
||||
tabindex="0"
|
||||
>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -1130,10 +1130,10 @@ exports[`Overview renders correctly without solutions 1`] = `
|
|||
|
||||
exports[`Overview show loading spinner during loading 1`] = `
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
aria-label="Loading"
|
||||
|
|
|
|||
|
|
@ -15,17 +15,17 @@ exports[`<ExitFullScreenButton /> is rendered 1`] = `
|
|||
data-test-subj="exitFullScreenModeLogo"
|
||||
>
|
||||
<span
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="logoElastic"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
data-test-subj="exitFullScreenModeText"
|
||||
>
|
||||
<div>
|
||||
|
|
@ -39,7 +39,7 @@ exports[`<ExitFullScreenButton /> is rendered 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="dshExitFullScreenButton__icon"
|
||||
|
|
|
|||
|
|
@ -17,10 +17,10 @@ exports[`KibanaPageTemplate render basic template 1`] = `
|
|||
style="max-width:1200px"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-constrainedWidth-m"
|
||||
|
|
@ -31,13 +31,13 @@ exports[`KibanaPageTemplate render basic template 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
test
|
||||
</div>
|
||||
|
|
@ -397,10 +397,10 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
|
|||
style="max-width:1200px"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-constrainedWidth-m"
|
||||
|
|
@ -411,13 +411,13 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
test
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,165 +2,181 @@
|
|||
|
||||
exports[`NoDataCard props button 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center-vertical"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center"
|
||||
>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-center"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiCard__text-center"
|
||||
>
|
||||
Button
|
||||
Card title
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Button
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`NoDataCard props href 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-euiCard-center-vertical"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-euiCard-center"
|
||||
>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="#"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Card title
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<a
|
||||
aria-describedby="generated-idDescription"
|
||||
class="euiCard__titleAnchor emotion-euiCard__text-center-interactive"
|
||||
href="#"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Card title
|
||||
</a>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="emotion-euiCard__footer"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
class="emotion-euiButtonDisplayContent"
|
||||
>
|
||||
Button
|
||||
<span
|
||||
class="eui-textTruncate"
|
||||
>
|
||||
Button
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`NoDataCard props recommended 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center-vertical-hasBetaBadge"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center-hasBetaBadge"
|
||||
>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-center"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-center"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="Recommended"
|
||||
>
|
||||
Card title
|
||||
Recommended
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge euiBetaBadge--hollow emotion-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="Recommended"
|
||||
>
|
||||
Recommended
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`NoDataCard renders 1`] = `
|
||||
<div
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center-vertical"
|
||||
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard emotion-euiPanel-grow-m-l-plain-hasShadow-euiCard-center"
|
||||
>
|
||||
<div
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
class="euiCard__main emotion-euiCard__main-vertical"
|
||||
>
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-center"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
class="euiCard__content emotion-euiCard__content-vertical"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
<p
|
||||
class="euiTitle euiCard__title emotion-euiTitle-s"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
<span
|
||||
class="emotion-euiCard__text-center"
|
||||
>
|
||||
Card title
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="euiText emotion-euiText-s-euiCard__description"
|
||||
id="generated-idDescription"
|
||||
>
|
||||
<p>
|
||||
Description
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,10 +8,10 @@ exports[`Intro component renders correctly 1`] = `
|
|||
class="euiPageHeaderContent emotion-euiPageHeaderContent-border-l"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
|
||||
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<h1
|
||||
class="euiTitle emotion-euiTitle-l"
|
||||
|
|
@ -20,16 +20,16 @@ exports[`Intro component renders correctly 1`] = `
|
|||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-rowReverse"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<a
|
||||
class="euiButton emotion-euiButtonDisplay-s-s-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-s-base-primary"
|
||||
data-test-subj="savedObjectEditViewInApp"
|
||||
href="/some-url"
|
||||
rel="noreferrer"
|
||||
|
|
@ -46,10 +46,10 @@ exports[`Intro component renders correctly 1`] = `
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-s-s-base-danger"
|
||||
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-s-base-danger"
|
||||
data-test-subj="savedObjectEditDelete"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -69,7 +69,6 @@ exports[`Table prevents saved objects from being deleted 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -97,7 +96,6 @@ exports[`Table prevents saved objects from being deleted 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -309,7 +307,6 @@ exports[`Table should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -337,7 +334,6 @@ exports[`Table should render normally 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@ exports[`share url panel content render 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -121,7 +120,6 @@ exports[`share url panel content render 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -140,7 +138,6 @@ exports[`share url panel content render 1`] = `
|
|||
data-test-subj="createShortUrl"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -205,7 +202,6 @@ exports[`share url panel content should enable saved object export option when o
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -306,7 +302,6 @@ exports[`share url panel content should enable saved object export option when o
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -325,7 +320,6 @@ exports[`share url panel content should enable saved object export option when o
|
|||
data-test-subj="createShortUrl"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -390,7 +384,6 @@ exports[`share url panel content should hide short url section when allowShortUr
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -511,7 +504,6 @@ exports[`should show url param extensions 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
@ -612,7 +604,6 @@ exports[`should show url param extensions 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
key="testExtension"
|
||||
|
|
@ -625,7 +616,6 @@ exports[`should show url param extensions 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -644,7 +634,6 @@ exports[`should show url param extensions 1`] = `
|
|||
data-test-subj="createShortUrl"
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
labelType="label"
|
||||
|
|
|
|||
|
|
@ -118,7 +118,7 @@ describe('Layout', () => {
|
|||
const component = await mountComponent();
|
||||
setBreakpoint(component, 's');
|
||||
const expectedHeight = component.find(Panels).prop('topPanelHeight');
|
||||
expect(component.find(Chart).childAt(0).getDOMNode()).toHaveStyle({
|
||||
expect(component.find(Chart).find('div.euiFlexGroup').first().getDOMNode()).toHaveStyle({
|
||||
height: `${expectedHeight}px`,
|
||||
});
|
||||
});
|
||||
|
|
@ -127,7 +127,7 @@ describe('Layout', () => {
|
|||
const component = await mountComponent({ chart: { ...createChart(), hidden: true } });
|
||||
setBreakpoint(component, 's');
|
||||
const expectedHeight = component.find(Panels).prop('topPanelHeight');
|
||||
expect(component.find(Chart).childAt(0).getDOMNode()).not.toHaveStyle({
|
||||
expect(component.find(Chart).find('div.euiFlexGroup').first().getDOMNode()).not.toHaveStyle({
|
||||
height: `${expectedHeight}px`,
|
||||
});
|
||||
});
|
||||
|
|
@ -136,7 +136,7 @@ describe('Layout', () => {
|
|||
const component = await mountComponent({ chart: null });
|
||||
setBreakpoint(component, 's');
|
||||
const expectedHeight = component.find(Panels).prop('topPanelHeight');
|
||||
expect(component.find(Chart).childAt(0).getDOMNode()).not.toHaveStyle({
|
||||
expect(component.find(Chart).find('div.euiFlexGroup').first().getDOMNode()).not.toHaveStyle({
|
||||
height: `${expectedHeight}px`,
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -284,7 +284,7 @@ describe('SearchBar', () => {
|
|||
},
|
||||
})
|
||||
);
|
||||
const queryInput = component.find(QUERY_INPUT).at(0).getDOMNode();
|
||||
const queryInput = component.find(QUERY_INPUT).last().getDOMNode();
|
||||
expect(queryInput.querySelector('textarea')).toBeDisabled();
|
||||
expect(queryInput.querySelector('[title="Clear input"]')).toBeNull();
|
||||
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
// EUITODO: Convert to EuiCodeBlock
|
||||
.tvbError__stack {
|
||||
padding: $euiSizeS;
|
||||
background: $euiCodeBlockBackgroundColor;
|
||||
color: $euiCodeBlockColor;
|
||||
background: $euiColorLightestShade;
|
||||
color: $euiTextColor;
|
||||
line-height: $euiLineHeight;
|
||||
font-family: $euiCodeFontFamily;
|
||||
font-weight: $euiFontWeightRegular;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
@ -74,7 +73,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
@ -98,7 +96,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
@ -124,7 +121,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
@ -147,7 +143,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
@ -201,7 +196,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
id="42"
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ export default function ({
|
|||
'dashboard_controls_light',
|
||||
updateBaselines
|
||||
);
|
||||
expect(percentDifference).to.be.lessThan(0.025);
|
||||
expect(percentDifference).to.be.lessThan(0.06);
|
||||
});
|
||||
|
||||
it('in dark mode', async () => {
|
||||
|
|
@ -133,7 +133,7 @@ export default function ({
|
|||
'dashboard_controls_dark',
|
||||
updateBaselines
|
||||
);
|
||||
expect(percentDifference).to.be.lessThan(0.025);
|
||||
expect(percentDifference).to.be.lessThan(0.07);
|
||||
});
|
||||
|
||||
after(async () => {
|
||||
|
|
|
|||
|
|
@ -65,10 +65,10 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
|
|||
const controlIds = await dashboardControls.getAllControlIds();
|
||||
const firstControl = await find.byXPath(`//div[@data-control-id="${controlIds[0]}"]`);
|
||||
expect(await firstControl.elementHasClass('controlFrameWrapper--medium')).to.be(true);
|
||||
expect(await firstControl.elementHasClass('euiFlexItem--flexGrowZero')).to.be(false);
|
||||
expect(await firstControl.getAttribute('class')).not.to.contain('euiFlexItem-growZero');
|
||||
const secondControl = await find.byXPath(`//div[@data-control-id="${controlIds[1]}"]`);
|
||||
expect(await secondControl.elementHasClass('controlFrameWrapper--small')).to.be(true);
|
||||
expect(await secondControl.elementHasClass('euiFlexItem--flexGrowZero')).to.be(true);
|
||||
expect(await secondControl.getAttribute('class')).to.contain('euiFlexItem-growZero');
|
||||
|
||||
await dashboardControls.openCreateControlFlyout();
|
||||
const smallWidthButton = await testSubjects.find('control-editor-width-small');
|
||||
|
|
|
|||
|
|
@ -20,6 +20,8 @@ import {
|
|||
EuiTableSortingType,
|
||||
EuiToolTip,
|
||||
RIGHT_ALIGNMENT,
|
||||
useEuiTheme,
|
||||
euiPaletteColorBlind,
|
||||
} from '@elastic/eui';
|
||||
|
||||
import { i18n } from '@kbn/i18n';
|
||||
|
|
@ -28,7 +30,6 @@ import { FormattedMessage } from '@kbn/i18n-react';
|
|||
import type { ChangePoint } from '@kbn/ml-agg-utils';
|
||||
|
||||
import { SEARCH_QUERY_LANGUAGE } from '../../application/utils/search_utils';
|
||||
import { useEuiTheme } from '../../hooks/use_eui_theme';
|
||||
import { useAiopsAppContext } from '../../hooks/use_aiops_app_context';
|
||||
|
||||
import { MiniHistogram } from '../mini_histogram';
|
||||
|
|
@ -82,7 +83,8 @@ export const SpikeAnalysisGroupsTable: FC<SpikeAnalysisTableProps> = ({
|
|||
{}
|
||||
);
|
||||
|
||||
const euiTheme = useEuiTheme();
|
||||
const { euiTheme } = useEuiTheme();
|
||||
const visColors = euiPaletteColorBlind();
|
||||
const primaryBackgroundColor = useEuiBackgroundColor('primary');
|
||||
|
||||
const { pinnedGroup, selectedGroup, setPinnedGroup, setSelectedGroup } =
|
||||
|
|
@ -260,9 +262,7 @@ export const SpikeAnalysisGroupsTable: FC<SpikeAnalysisTableProps> = ({
|
|||
color="hollow"
|
||||
>
|
||||
<span>{`${fieldName}: `}</span>
|
||||
<span
|
||||
style={{ color: euiTheme.euiCodeBlockStringColor }}
|
||||
>{`${group[fieldName]}`}</span>
|
||||
<span style={{ color: visColors[2] }}>{`${group[fieldName]}`}</span>
|
||||
</EuiBadge>
|
||||
<EuiSpacer size="xs" />
|
||||
</>
|
||||
|
|
@ -479,12 +479,12 @@ export const SpikeAnalysisGroupsTable: FC<SpikeAnalysisTableProps> = ({
|
|||
|
||||
if (selectedGroup && selectedGroup.id === group.id) {
|
||||
return {
|
||||
backgroundColor: euiTheme.euiColorLightestShade,
|
||||
backgroundColor: euiTheme.colors.lightestShade,
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
backgroundColor: euiTheme.euiColorEmptyShade,
|
||||
backgroundColor: euiTheme.colors.emptyShade,
|
||||
};
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -19,9 +19,9 @@ import { getAnimationOptions, getNodeHeight } from './cytoscape_options';
|
|||
import { useAnyOfApmParams } from '../../../hooks/use_apm_params';
|
||||
|
||||
const ControlsContainer = euiStyled('div')`
|
||||
left: ${({ theme }) => theme.eui.gutterTypes.gutterMedium};
|
||||
left: ${({ theme }) => theme.eui.euiSize};
|
||||
position: absolute;
|
||||
top: ${({ theme }) => theme.eui.gutterTypes.gutterSmall};
|
||||
top: ${({ theme }) => theme.eui.euiSizeS};
|
||||
z-index: 1; /* The element containing the cytoscape canvas has z-index = 0. */
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@ import { useTheme } from '../../../hooks/use_theme';
|
|||
import { useApmPluginContext } from '../../../context/apm_plugin/use_apm_plugin_context';
|
||||
|
||||
const EmptyBannerContainer = euiStyled.div`
|
||||
margin: ${({ theme }) => theme.eui.gutterTypes.gutterSmall};
|
||||
margin: ${({ theme }) => theme.eui.euiSizeS};
|
||||
/* Add some extra margin so it displays to the right of the controls. */
|
||||
left: calc(
|
||||
${({ theme }) => theme.eui.gutterTypes.gutterExtraLarge} +
|
||||
${({ theme }) => theme.eui.gutterTypes.gutterSmall}
|
||||
${({ theme }) => theme.eui.euiSizeXXL} +
|
||||
${({ theme }) => theme.eui.euiSizeS}
|
||||
);
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
|
|
@ -54,8 +54,8 @@ export function EmptyBanner() {
|
|||
// subtract the space for controls and margins.
|
||||
const width =
|
||||
cy.width() -
|
||||
parseInt(theme.eui.gutterTypes.gutterExtraLarge, 10) -
|
||||
parseInt(theme.eui.gutterTypes.gutterLarge, 10);
|
||||
parseInt(theme.eui.euiSizeXXL, 10) -
|
||||
parseInt(theme.eui.euiSizeL, 10);
|
||||
|
||||
return (
|
||||
<EmptyBannerContainer style={{ width }}>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ exports[`TransactionActionMenu component matches the snapshot 1`] = `
|
|||
class="euiPopover__anchor css-16vtueo-render"
|
||||
>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -6,49 +6,29 @@
|
|||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { css } from '@emotion/css';
|
||||
import PropTypes from 'prop-types';
|
||||
import { EuiCard, EuiIcon } from '@elastic/eui';
|
||||
|
||||
export const DatasourceSelector = ({ onSelect, datasources, current }) => {
|
||||
// TODO: custom css shouldn't be necessary after https://github.com/elastic/eui/issues/6345
|
||||
// tested this placeholder fix on mac in Chrome, Firefox, Safari, and Edge
|
||||
// with multiple zoom levels and with keyboard <tab> navigation
|
||||
// and in a responsive design / mobile view
|
||||
const cardStyles = css`
|
||||
padding-bottom: 60px;
|
||||
position: relative;
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
`;
|
||||
|
||||
return (
|
||||
<div className="canvasDataSource__list">
|
||||
{datasources.map((d) => (
|
||||
<EuiCard
|
||||
key={d.name}
|
||||
title={d.displayName}
|
||||
titleElement="h5"
|
||||
titleSize="xs"
|
||||
icon={<EuiIcon type={d.image} size="l" />}
|
||||
description={d.help}
|
||||
layout="horizontal"
|
||||
className={`canvasDataSource__card ${cardStyles}`}
|
||||
selectable={{
|
||||
isSelected: d.name === current ? true : false,
|
||||
onClick: () => onSelect(d.name),
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export const DatasourceSelector = ({ onSelect, datasources, current }) => (
|
||||
<div className="canvasDataSource__list">
|
||||
{datasources.map((d) => (
|
||||
<EuiCard
|
||||
key={d.name}
|
||||
title={d.displayName}
|
||||
titleElement="h5"
|
||||
titleSize="xs"
|
||||
icon={<EuiIcon type={d.image} size="l" />}
|
||||
description={d.help}
|
||||
layout="horizontal"
|
||||
className="canvasDataSource__card"
|
||||
selectable={{
|
||||
isSelected: d.name === current ? true : false,
|
||||
onClick: () => onSelect(d.name),
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
|
||||
DatasourceSelector.propTypes = {
|
||||
onSelect: PropTypes.func.isRequired,
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
|
|||
import { EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiButton, EuiFieldText } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { EuiButtonSize } from '@elastic/eui/src/components/button/button';
|
||||
import { FlexGroupGutterSize } from '@elastic/eui/src/components/flex/flex_group';
|
||||
import { EuiFlexGroupGutterSize } from '@elastic/eui/src/components/flex/flex_group';
|
||||
import { getTimeInterval } from '../../../lib/time_interval';
|
||||
|
||||
const strings = {
|
||||
|
|
@ -35,7 +35,7 @@ const strings = {
|
|||
};
|
||||
|
||||
interface Props {
|
||||
gutterSize: FlexGroupGutterSize;
|
||||
gutterSize: EuiFlexGroupGutterSize;
|
||||
buttonSize: EuiButtonSize;
|
||||
onSubmit: (interval: number) => void;
|
||||
defaultValue: any;
|
||||
|
|
|
|||
|
|
@ -126,16 +126,16 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
style="bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem title"
|
||||
class="euiFlexItem title emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<a
|
||||
|
|
@ -150,7 +150,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="min-width: 0; cursor: default;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -166,17 +166,17 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
style="margin: 0px 12px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Previous Page"
|
||||
|
|
@ -194,7 +194,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text"
|
||||
|
|
@ -217,7 +217,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Next Page"
|
||||
|
|
@ -236,10 +236,10 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-flexEnd-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -400,16 +400,16 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
style="bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem title"
|
||||
class="euiFlexItem title emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<a
|
||||
|
|
@ -424,7 +424,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="min-width: 0; cursor: default;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -440,17 +440,17 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
style="margin: 0px 12px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Previous Page"
|
||||
|
|
@ -468,7 +468,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text"
|
||||
|
|
@ -491,7 +491,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Next Page"
|
||||
|
|
@ -510,10 +510,10 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-flexEnd-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -674,16 +674,16 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
style="bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem title"
|
||||
class="euiFlexItem title emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<a
|
||||
|
|
@ -698,7 +698,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="min-width: 0; cursor: default;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -714,17 +714,17 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
style="margin: 0px 12px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Previous Page"
|
||||
|
|
@ -742,7 +742,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text"
|
||||
|
|
@ -765,7 +765,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Next Page"
|
||||
|
|
@ -784,10 +784,10 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-flexEnd-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -949,16 +949,16 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
style="bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem title"
|
||||
class="euiFlexItem title emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<a
|
||||
|
|
@ -973,7 +973,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="min-width: 0; cursor: default;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -989,17 +989,17 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
style="margin: 0px 12px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Previous Page"
|
||||
|
|
@ -1017,7 +1017,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text"
|
||||
|
|
@ -1040,7 +1040,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Next Page"
|
||||
|
|
@ -1059,10 +1059,10 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-flexEnd-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
@ -1223,16 +1223,16 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
style="bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem title"
|
||||
class="euiFlexItem title emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="flex-shrink: 0;"
|
||||
>
|
||||
<a
|
||||
|
|
@ -1247,7 +1247,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
style="min-width: 0; cursor: default;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1263,17 +1263,17 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
style="margin: 0px 12px;"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Previous Page"
|
||||
|
|
@ -1291,7 +1291,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text"
|
||||
|
|
@ -1314,7 +1314,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<button
|
||||
aria-label="Next Page"
|
||||
|
|
@ -1333,10 +1333,10 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-flexEnd-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiPopover emotion-euiPopover"
|
||||
|
|
|
|||
|
|
@ -222,7 +222,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
style="padding: 16px;"
|
||||
>
|
||||
<div
|
||||
class="euiSwitch"
|
||||
class="euiSwitch emotion-euiSwitch"
|
||||
>
|
||||
<button
|
||||
aria-checked="false"
|
||||
|
|
@ -265,10 +265,10 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
/>
|
||||
<form>
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-s-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<div
|
||||
class="euiFormRow euiFormRow--hasLabel euiFormRow--compressed"
|
||||
|
|
@ -314,7 +314,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
|
||||
|
|
@ -583,7 +583,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
|
|||
class="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
class="euiSwitch"
|
||||
class="euiSwitch emotion-euiSwitch"
|
||||
>
|
||||
<button
|
||||
aria-checked="false"
|
||||
|
|
@ -769,7 +769,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] =
|
|||
class="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
class="euiSwitch"
|
||||
class="euiSwitch emotion-euiSwitch"
|
||||
>
|
||||
<button
|
||||
aria-checked="true"
|
||||
|
|
|
|||
|
|
@ -24,16 +24,10 @@ import { ATTC_DESCRIPTION, ATTC_STAT } from './translations';
|
|||
|
||||
const MetricsFlexGroup = styled.div`
|
||||
${({ theme }) => css`
|
||||
.euiFlexGroup {
|
||||
border: ${theme.eui.euiBorderThin};
|
||||
border-radius: ${theme.eui.euiBorderRadius};
|
||||
margin: 0 0 ${theme.eui.euiSizeL} 0;
|
||||
}
|
||||
@media only screen and (max-width: ${theme.eui.euiBreakpoints.s}) {
|
||||
.euiFlexGroup {
|
||||
padding: ${theme.eui.euiSizeM};
|
||||
}
|
||||
}
|
||||
border: ${theme.eui.euiBorderThin};
|
||||
border-radius: ${theme.eui.euiBorderRadius};
|
||||
padding: ${theme.eui.euiSizeM};
|
||||
margin-bottom: ${theme.eui.euiSizeL};
|
||||
`}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -6,9 +6,8 @@
|
|||
*/
|
||||
|
||||
import React, { useMemo } from 'react';
|
||||
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import { EuiFlexGroup, EuiFlexItem, EuiFlexItemProps } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { FlexItemGrowSize } from '@elastic/eui/src/components/flex/flex_item';
|
||||
import { statusColors } from '../../../common/constants';
|
||||
import { DASHBOARD_COUNTER_CARDS } from '../test_subjects';
|
||||
import { CspCounterCard, CspCounterCardProps } from '../../../components/csp_counter_card';
|
||||
|
|
@ -23,7 +22,7 @@ import {
|
|||
} from '../../../common/hooks/use_navigate_findings';
|
||||
import { RULE_FAILED } from '../../../../common/constants';
|
||||
|
||||
export const dashboardColumnsGrow: Record<string, FlexItemGrowSize> = {
|
||||
export const dashboardColumnsGrow: Record<string, EuiFlexItemProps['grow']> = {
|
||||
first: 3,
|
||||
second: 8,
|
||||
third: 8,
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ describe('<CrossClusterReplicationHome />', () => {
|
|||
});
|
||||
|
||||
test('should set the default selected tab to "Follower indices"', () => {
|
||||
expect(component.find('.euiTab-isSelected').text()).toBe('Follower indices');
|
||||
expect(component.find('button.euiTab-isSelected').text()).toBe('Follower indices');
|
||||
|
||||
// Verify that the <FollowerIndicesList /> component is rendered
|
||||
expect(component.find('FollowerIndicesList').length).toBe(1);
|
||||
|
|
@ -59,7 +59,7 @@ describe('<CrossClusterReplicationHome />', () => {
|
|||
await nextTick();
|
||||
component.update();
|
||||
|
||||
expect(component.find('.euiTab-isSelected').text()).toBe('Auto-follow patterns');
|
||||
expect(component.find('button.euiTab-isSelected').text()).toBe('Auto-follow patterns');
|
||||
|
||||
// Verify that the <AutoFollowPatternList /> component is rendered
|
||||
expect(component.find('AutoFollowPatternList').length).toBe(1);
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import React, { FC, ReactNode } from 'react';
|
||||
import { EuiFlexGrid } from '@elastic/eui';
|
||||
import { EuiFlexGroup } from '@elastic/eui';
|
||||
|
||||
interface Props {
|
||||
children: ReactNode;
|
||||
|
|
@ -14,8 +14,8 @@ interface Props {
|
|||
}
|
||||
export const ExpandedRowContent: FC<Props> = ({ children, dataTestSubj }) => {
|
||||
return (
|
||||
<EuiFlexGrid data-test-subj={dataTestSubj} gutterSize={'s'}>
|
||||
<EuiFlexGroup data-test-subj={dataTestSubj} gutterSize={'s'}>
|
||||
{children}
|
||||
</EuiFlexGrid>
|
||||
</EuiFlexGroup>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@ exports[`Overrides render overrides 1`] = `
|
|||
describedByIds={Array []}
|
||||
display="row"
|
||||
error="Value must be greater than 3 and less than or equal to 1000000"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
isInvalid={false}
|
||||
|
|
@ -27,7 +26,6 @@ exports[`Overrides render overrides 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
@ -76,7 +74,6 @@ exports[`Overrides render overrides 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
helpText={
|
||||
|
|
@ -329,7 +326,6 @@ exports[`Overrides render overrides 1`] = `
|
|||
<EuiFormRow
|
||||
describedByIds={Array []}
|
||||
display="row"
|
||||
fullWidth={false}
|
||||
hasChildLabel={true}
|
||||
hasEmptyLabelSpace={false}
|
||||
label={
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ import { PackagePolicyInputVarField } from './components';
|
|||
// on smaller screens, fields should be displayed in one column
|
||||
const FormGroupResponsiveFields = styled(EuiDescribedFormGroup)`
|
||||
@media (max-width: 767px) {
|
||||
.euiFlexGroup--responsive {
|
||||
[class*='euiFlexGroup-responsive'] {
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { EuiTab, EuiListGroupItem, EuiAccordion, EuiFieldText } from '@elastic/eui';
|
||||
import { EuiListGroupItem, EuiAccordion, EuiFieldText } from '@elastic/eui';
|
||||
import * as Rx from 'rxjs';
|
||||
import { mountWithIntl } from '@kbn/test-jest-helpers';
|
||||
import { Settings, SettingsWorkspaceProps } from './settings';
|
||||
|
|
@ -158,12 +158,9 @@ describe('settings', () => {
|
|||
);
|
||||
});
|
||||
|
||||
function toTab(tab: string) {
|
||||
function toTab(testSubj: string) {
|
||||
act(() => {
|
||||
instance
|
||||
.find(EuiTab)
|
||||
.findWhere((node) => node.key() === tab)
|
||||
.prop('onClick')!({});
|
||||
instance.find(`EuiTab[data-test-subj="${testSubj}"]`).prop('onClick')!({} as any);
|
||||
});
|
||||
instance.update();
|
||||
}
|
||||
|
|
@ -217,7 +214,7 @@ describe('settings', () => {
|
|||
|
||||
describe('blocklist', () => {
|
||||
beforeEach(() => {
|
||||
toTab('Block list');
|
||||
toTab('blocklist');
|
||||
});
|
||||
|
||||
it('should switch tab to blocklist', () => {
|
||||
|
|
@ -288,7 +285,7 @@ describe('settings', () => {
|
|||
}
|
||||
|
||||
beforeEach(() => {
|
||||
toTab('Drilldowns');
|
||||
toTab('drillDowns');
|
||||
});
|
||||
|
||||
it('should switch tab to url templates', () => {
|
||||
|
|
|
|||
|
|
@ -128,10 +128,10 @@ Array [
|
|||
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
|
||||
/>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<dl
|
||||
class="euiDescriptionList emotion-euiDescriptionList-column-left"
|
||||
|
|
@ -182,7 +182,7 @@ Array [
|
|||
</dl>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<dl
|
||||
class="euiDescriptionList emotion-euiDescriptionList-column-left"
|
||||
|
|
@ -255,10 +255,10 @@ Array [
|
|||
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
|
||||
/>,
|
||||
<div
|
||||
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<dl
|
||||
class="euiDescriptionList emotion-euiDescriptionList-column-left"
|
||||
|
|
@ -309,7 +309,7 @@ Array [
|
|||
</dl>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem"
|
||||
class="euiFlexItem emotion-euiFlexItem-grow-1"
|
||||
>
|
||||
<dl
|
||||
class="euiDescriptionList emotion-euiDescriptionList-column-left"
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ exports[`policy table shows empty state when there are no policies 1`] = `
|
|||
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
|
||||
/>
|
||||
<button
|
||||
class="euiButton emotion-euiButtonDisplay-m-m-fill-primary"
|
||||
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-fill-primary"
|
||||
data-test-subj="createPolicyButton"
|
||||
type="button"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ describe('<IndexManagementHome />', () => {
|
|||
const { find } = testBed;
|
||||
|
||||
const indexManagementContainer = find('indexManagementHeaderContent');
|
||||
const tabListContainer = indexManagementContainer.find('.euiTabs');
|
||||
const tabListContainer = indexManagementContainer.find('div.euiTabs');
|
||||
const allTabs = tabListContainer.children();
|
||||
const allTabsLabels = ['Indices', 'Data Streams', 'Index Templates', 'Component Templates'];
|
||||
|
||||
|
|
|
|||
|
|
@ -445,10 +445,10 @@ describe('<TemplateCreate />', () => {
|
|||
test('should have 3 tabs', () => {
|
||||
const { find } = testBed;
|
||||
|
||||
expect(find('summaryTabContent').find('.euiTab').length).toBe(3);
|
||||
expect(find('summaryTabContent').find('button.euiTab').length).toBe(3);
|
||||
expect(
|
||||
find('summaryTabContent')
|
||||
.find('.euiTab')
|
||||
.find('button.euiTab')
|
||||
.map((t) => t.text())
|
||||
).toEqual(['Summary', 'Preview', 'Request']);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -124,7 +124,11 @@ export const formSetup = async (initTestBed: SetupFunc<TestSubjects>) => {
|
|||
const tabs = ['summary', 'preview', 'request'];
|
||||
|
||||
await act(async () => {
|
||||
testBed.find('summaryTabContent').find('.euiTab').at(tabs.indexOf(tab)).simulate('click');
|
||||
testBed
|
||||
.find('summaryTabContent')
|
||||
.find('button.euiTab')
|
||||
.at(tabs.indexOf(tab))
|
||||
.simulate('click');
|
||||
});
|
||||
|
||||
testBed.component.update();
|
||||
|
|
|
|||
|
|
@ -134,10 +134,10 @@ describe('<ComponentTemplateCreate />', () => {
|
|||
);
|
||||
|
||||
// Verify 2 tabs exist
|
||||
expect(find('stepReview.content').find('.euiTab').length).toBe(2);
|
||||
expect(find('stepReview.content').find('button.euiTab').length).toBe(2);
|
||||
expect(
|
||||
find('stepReview.content')
|
||||
.find('.euiTab')
|
||||
.find('button.euiTab')
|
||||
.map((t) => t.text())
|
||||
).toEqual(['Summary', 'Request']);
|
||||
|
||||
|
|
|
|||
|
|
@ -45,7 +45,11 @@ export const getFormActions = (testBed: TestBed) => {
|
|||
const selectReviewTab = (tab: 'summary' | 'request') => {
|
||||
const tabs = ['summary', 'request'];
|
||||
|
||||
testBed.find('stepReview.content').find('.euiTab').at(tabs.indexOf(tab)).simulate('click');
|
||||
testBed
|
||||
.find('stepReview.content')
|
||||
.find('button.euiTab')
|
||||
.at(tabs.indexOf(tab))
|
||||
.simulate('click');
|
||||
};
|
||||
|
||||
const completeStepLogistics = async ({ name }: { name: string }) => {
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue