* Updated to eui@30.4.1, fixed types and unit tests * Cleanup some imports * Fix a text color swap, now back to danger text * Bump EUI to v30.4.2 * Revert snapshot changes from ownFocus modification * Clean up alert flyout test actions to better represent user actions * Upgrade EUI to 30.5.1 * More accurate test interaction Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
parent
8937712170
commit
bdbcb16b6f
|
@ -104,7 +104,7 @@
|
|||
"@elastic/datemath": "link:packages/elastic-datemath",
|
||||
"@elastic/elasticsearch": "7.10.0",
|
||||
"@elastic/ems-client": "7.11.0",
|
||||
"@elastic/eui": "30.2.0",
|
||||
"@elastic/eui": "30.5.1",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/good": "^9.0.1-kibana3",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
|
|
|
@ -4753,12 +4753,11 @@ exports[`Header renders 1`] = `
|
|||
hasArrow={true}
|
||||
id="headerHelpMenu"
|
||||
isOpen={false}
|
||||
ownFocus={true}
|
||||
ownFocus={false}
|
||||
panelPaddingSize="m"
|
||||
repositionOnScroll={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -319,7 +319,6 @@ class HeaderHelpMenuUI extends Component<Props, State> {
|
|||
data-test-subj="helpMenuButton"
|
||||
id="headerHelpMenu"
|
||||
isOpen={this.state.isOpen}
|
||||
ownFocus
|
||||
repositionOnScroll
|
||||
>
|
||||
<EuiPopoverTitle>
|
||||
|
|
|
@ -304,7 +304,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
|
|||
url="/plugins/home/assets/welcome_graphic_light_2x.png"
|
||||
>
|
||||
<figure
|
||||
className="euiImage "
|
||||
className="euiImage euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
|
@ -1023,7 +1023,7 @@ exports[`DashboardEmptyScreen renders correctly without visualize paragraph 1`]
|
|||
url="/plugins/home/assets/welcome_graphic_light_2x.png"
|
||||
>
|
||||
<figure
|
||||
className="euiImage "
|
||||
className="euiImage euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
|
|
|
@ -50,7 +50,6 @@ export function LibraryNotificationPopover({
|
|||
|
||||
return (
|
||||
<EuiPopover
|
||||
ownFocus
|
||||
button={
|
||||
<EuiButtonIcon
|
||||
data-test-subj={`embeddablePanelNotification-${id}`}
|
||||
|
|
|
@ -110,7 +110,6 @@ function FilterBarUI(props: Props) {
|
|||
closePopover={() => setIsAddFilterPopoverOpen(false)}
|
||||
anchorPosition="downLeft"
|
||||
panelPaddingSize="none"
|
||||
ownFocus={true}
|
||||
initialFocus=".filterEditor__hiddenItem"
|
||||
repositionOnScroll
|
||||
>
|
||||
|
|
|
@ -71,7 +71,6 @@ export function QueryLanguageSwitcher(props: Props) {
|
|||
<EuiPopover
|
||||
id="queryLanguageSwitcherPopover"
|
||||
anchorClassName="euiFormControlLayout__append"
|
||||
ownFocus
|
||||
anchorPosition={props.anchorPosition || 'downRight'}
|
||||
button={button}
|
||||
isOpen={isPopoverOpen}
|
||||
|
|
|
@ -206,7 +206,6 @@ export function SavedQueryManagementComponent({
|
|||
anchorPosition="downLeft"
|
||||
panelPaddingSize="none"
|
||||
buffer={-8}
|
||||
ownFocus
|
||||
repositionOnScroll
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -75,7 +75,6 @@ export function ChangeIndexPattern({
|
|||
closePopover={() => setPopoverIsOpen(false)}
|
||||
display="block"
|
||||
panelPaddingSize="s"
|
||||
ownFocus
|
||||
>
|
||||
<div style={{ width: 320 }}>
|
||||
<EuiPopoverTitle>
|
||||
|
|
|
@ -197,7 +197,6 @@ export function DiscoverField({
|
|||
|
||||
return (
|
||||
<EuiPopover
|
||||
ownFocus
|
||||
display="block"
|
||||
button={
|
||||
<FieldButton
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
import React, { EventHandler, MouseEvent as ReactMouseEvent } from 'react';
|
||||
import React from 'react';
|
||||
import { act } from 'react-dom/test-utils';
|
||||
import { mountWithIntl } from '@kbn/test/jest';
|
||||
import { findTestSubject } from '@elastic/eui/lib/test';
|
||||
|
@ -146,33 +146,4 @@ describe('DiscoverFieldSearch', () => {
|
|||
popover = component.find(EuiPopover);
|
||||
expect(popover.prop('isOpen')).toBe(false);
|
||||
});
|
||||
|
||||
test('click outside popover should close popover', () => {
|
||||
const triggerDocumentMouseDown: EventHandler<any> = (e: ReactMouseEvent<any>) => {
|
||||
const event = new Event('mousedown');
|
||||
// @ts-ignore
|
||||
event.euiGeneratedBy = e.nativeEvent.euiGeneratedBy;
|
||||
document.dispatchEvent(event);
|
||||
};
|
||||
const triggerDocumentMouseUp: EventHandler<any> = (e: ReactMouseEvent<any>) => {
|
||||
const event = new Event('mouseup');
|
||||
// @ts-ignore
|
||||
event.euiGeneratedBy = e.nativeEvent.euiGeneratedBy;
|
||||
document.dispatchEvent(event);
|
||||
};
|
||||
const component = mountWithIntl(
|
||||
<div onMouseDown={triggerDocumentMouseDown} onMouseUp={triggerDocumentMouseUp} id="wrapperId">
|
||||
<DiscoverFieldSearch {...defaultProps} />
|
||||
</div>
|
||||
);
|
||||
const btn = findTestSubject(component, 'toggleFieldFilterButton');
|
||||
btn.simulate('click');
|
||||
let popover = component.find(EuiPopover);
|
||||
expect(popover.length).toBe(1);
|
||||
expect(popover.prop('isOpen')).toBe(true);
|
||||
component.find('#wrapperId').simulate('mousedown');
|
||||
component.find('#wrapperId').simulate('mouseup');
|
||||
popover = component.find(EuiPopover);
|
||||
expect(popover.prop('isOpen')).toBe(false);
|
||||
});
|
||||
});
|
||||
|
|
|
@ -99,7 +99,6 @@ export class RecentlyAccessed extends Component {
|
|||
return (
|
||||
<EuiPopover
|
||||
id="popover"
|
||||
ownFocus
|
||||
button={openPopoverComponent}
|
||||
isOpen={this.state.isPopoverOpen}
|
||||
closePopover={this.closePopover}
|
||||
|
|
|
@ -240,12 +240,11 @@ exports[`InspectorPanel should render as expected 1`] = `
|
|||
hasArrow={true}
|
||||
id="inspectorViewChooser"
|
||||
isOpen={false}
|
||||
ownFocus={true}
|
||||
ownFocus={false}
|
||||
panelPaddingSize="none"
|
||||
repositionOnScroll={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -121,7 +121,6 @@ export class InspectorViewChooser extends Component<Props, State> {
|
|||
return (
|
||||
<EuiPopover
|
||||
id="inspectorViewChooser"
|
||||
ownFocus
|
||||
button={triggerButton}
|
||||
isOpen={this.state.isSelectorOpen}
|
||||
closePopover={this.closeSelector}
|
||||
|
|
|
@ -186,7 +186,6 @@ export function openContextMenu(
|
|||
closePopover={onClose}
|
||||
panelPaddingSize="none"
|
||||
anchorPosition="downRight"
|
||||
ownFocus={true}
|
||||
>
|
||||
<EuiContextMenu
|
||||
initialPanelId="mainMenu"
|
||||
|
|
|
@ -152,7 +152,6 @@ const VisLegendItemComponent = ({
|
|||
|
||||
const renderDetails = () => (
|
||||
<EuiPopover
|
||||
ownFocus
|
||||
display="block"
|
||||
button={button}
|
||||
isOpen={selected}
|
||||
|
|
|
@ -94,11 +94,6 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownRight"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -518,11 +513,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownRight"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -24,7 +24,7 @@ const ItemRow = styled.div`
|
|||
|
||||
const SubduedDescriptionListTitle = styled(EuiDescriptionListTitle)`
|
||||
&&& {
|
||||
color: ${({ theme }) => theme.eui.textColors.subdued};
|
||||
color: ${({ theme }) => theme.eui.euiTextSubduedColor};
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
@ -20,7 +20,7 @@ export const ItemRow = styled('tr')`
|
|||
`;
|
||||
|
||||
export const ItemTitle = styled('td')`
|
||||
color: ${({ theme }) => theme.eui.textColors.subdued};
|
||||
color: ${({ theme }) => theme.eui.euiTextSubduedColor};
|
||||
padding-right: 1rem;
|
||||
`;
|
||||
|
||||
|
|
|
@ -129,7 +129,7 @@ const getStyle = (theme: EuiTheme): cytoscape.Stylesheet[] => {
|
|||
color: (el: cytoscape.NodeSingular) =>
|
||||
el.hasClass('primary') || el.selected()
|
||||
? theme.eui.euiColorPrimaryText
|
||||
: theme.eui.textColors.text,
|
||||
: theme.eui.euiTextColor,
|
||||
// theme.euiFontFamily doesn't work here for some reason, so we're just
|
||||
// specifying a subset of the fonts for the label text.
|
||||
'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',
|
||||
|
|
|
@ -22,7 +22,7 @@ const CausedByContainer = styled('h5')`
|
|||
`;
|
||||
|
||||
const CausedByHeading = styled('span')`
|
||||
color: ${({ theme }) => theme.eui.textColors.subdued};
|
||||
color: ${({ theme }) => theme.eui.euiTextSubduedColor};
|
||||
display: block;
|
||||
font-size: ${({ theme }) => theme.eui.euiFontSizeXS};
|
||||
font-weight: ${({ theme }) => theme.eui.euiFontWeightBold};
|
||||
|
|
|
@ -23,11 +23,6 @@ exports[`Storyshots renderers/TimeFilter default 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
id="QuickSelectPopover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor euiQuickSelectPopover__anchor"
|
||||
|
@ -109,11 +104,6 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
id="QuickSelectPopover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor euiQuickSelectPopover__anchor"
|
||||
|
@ -152,11 +142,6 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -183,11 +168,6 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
|
|||
</div>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownRight euiPopover--displayBlock"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -235,11 +215,6 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
id="QuickSelectPopover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor euiQuickSelectPopover__anchor"
|
||||
|
@ -321,11 +296,6 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
id="QuickSelectPopover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor euiQuickSelectPopover__anchor"
|
||||
|
@ -407,11 +377,6 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
id="QuickSelectPopover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor euiQuickSelectPopover__anchor"
|
||||
|
@ -450,11 +415,6 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -481,11 +441,6 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
|
|||
</div>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownRight euiPopover--displayBlock"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -10,7 +10,7 @@ exports[`Storyshots arguments/Palette default 1`] = `
|
|||
}
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -19,66 +19,7 @@ exports[`Storyshots arguments/Palette default 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="paul_tor_14"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
readOnly={false}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
@ -18,7 +18,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
|
|||
className="canvasAsset__thumb canvasCheckered"
|
||||
>
|
||||
<figure
|
||||
className="euiImage canvasAsset__img "
|
||||
className="euiImage canvasAsset__img euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt="Asset thumbnail"
|
||||
|
@ -196,7 +196,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
|
|||
className="canvasAsset__thumb canvasCheckered"
|
||||
>
|
||||
<figure
|
||||
className="euiImage canvasAsset__img "
|
||||
className="euiImage canvasAsset__img euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt="Asset thumbnail"
|
||||
|
|
|
@ -302,7 +302,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
|
|||
className="canvasAsset__thumb canvasCheckered"
|
||||
>
|
||||
<figure
|
||||
className="euiImage canvasAsset__img "
|
||||
className="euiImage canvasAsset__img euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt="Asset thumbnail"
|
||||
|
@ -469,7 +469,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
|
|||
className="canvasAsset__thumb canvasCheckered"
|
||||
>
|
||||
<figure
|
||||
className="euiImage canvasAsset__img "
|
||||
className="euiImage canvasAsset__img euiImage--original"
|
||||
>
|
||||
<img
|
||||
alt="Asset thumbnail"
|
||||
|
|
|
@ -5,11 +5,6 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -66,11 +61,6 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -110,11 +100,6 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors, value missin
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -154,11 +139,6 @@ exports[`Storyshots components/Color/ColorPickerPopover three colors 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
exports[`Storyshots components/FontPicker default 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -11,54 +11,13 @@ exports[`Storyshots components/FontPicker default 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
defaultValue=""
|
||||
type="hidden"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots components/FontPicker with value 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -67,66 +26,6 @@ exports[`Storyshots components/FontPicker with value 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="'American Typewriter', 'Courier New', Courier, Monaco, mono"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"fontFamily": "'American Typewriter', 'Courier New', Courier, Monaco, mono",
|
||||
}
|
||||
}
|
||||
>
|
||||
American Typewriter
|
||||
</div>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"fontFamily": "'American Typewriter', 'Courier New', Courier, Monaco, mono",
|
||||
}
|
||||
}
|
||||
>
|
||||
American Typewriter
|
||||
</div>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
@ -9,7 +9,7 @@ exports[`Storyshots components/Color/PalettePicker clearable 1`] = `
|
|||
}
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -18,50 +18,7 @@ exports[`Storyshots components/Color/PalettePicker clearable 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="clear"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option: None, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
readOnly={false}
|
||||
type="button"
|
||||
>
|
||||
None
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
@ -75,7 +32,7 @@ exports[`Storyshots components/Color/PalettePicker default 1`] = `
|
|||
}
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -84,66 +41,7 @@ exports[`Storyshots components/Color/PalettePicker default 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="paul_tor_14"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
readOnly={false}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
@ -157,7 +55,7 @@ exports[`Storyshots components/Color/PalettePicker interactive 1`] = `
|
|||
}
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -166,66 +64,7 @@ exports[`Storyshots components/Color/PalettePicker interactive 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="paul_tor_14"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
readOnly={false}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="euiColorPalettePicker__itemGradient"
|
||||
style={
|
||||
Object {
|
||||
"background": "linear-gradient(to right, #882E72 0%, #882E72 7%, #B178A6 7%, #B178A6 14%, #D6C1DE 14%, #D6C1DE 21%, #1965B0 21%, #1965B0 28%, #5289C7 28%, #5289C7 35%, #7BAFDE 35%, #7BAFDE 42%, #4EB265 42%, #4EB265 50%, #90C987 50%, #90C987 57%, #CAE0AB 57%, #CAE0AB 64%, #F7EE55 64%, #F7EE55 71%, #F6C141 71%, #F6C141 78%, #F1932D 78%, #F1932D 85%, #E8601C 85%, #E8601C 92%, #DC050C 92%, #DC050C 100%)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
@ -3,11 +3,6 @@
|
|||
exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -37,11 +32,6 @@ exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
|
|||
exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -78,11 +68,6 @@ exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
|
|||
exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -18,7 +18,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
|
|||
className="euiFlexItem"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -27,48 +27,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
defaultValue=""
|
||||
type="hidden"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
@ -216,11 +175,6 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -496,7 +450,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
|
|||
className="euiFlexItem"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -505,48 +459,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
defaultValue=""
|
||||
type="hidden"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="undefined generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onClick={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
@ -694,11 +607,6 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -79,7 +79,7 @@ Array [
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -88,86 +88,7 @@ Array [
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="boolean"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis7 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenBoolean"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
Boolean
|
||||
</span>
|
||||
</div>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis7 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenBoolean"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
Boolean
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -442,7 +363,7 @@ Array [
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -451,86 +372,7 @@ Array [
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="number"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis0 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenNumber"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
Number
|
||||
</span>
|
||||
</div>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis0 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenNumber"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
Number
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -746,7 +588,7 @@ Array [
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -755,86 +597,7 @@ Array [
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="string"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis1 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenString"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
String
|
||||
</span>
|
||||
</div>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis1 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenString"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
String
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1026,7 +789,7 @@ Array [
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -1035,86 +798,7 @@ Array [
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="string"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis1 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenString"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
String
|
||||
</span>
|
||||
</div>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="canvasEditVar__typeOption"
|
||||
>
|
||||
<span
|
||||
className="euiToken euiToken--euiColorVis1 euiToken--square euiToken--light euiToken--small canvasEditVar__tokenIcon"
|
||||
style={Object {}}
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="tokenString"
|
||||
size="m"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
String
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -3,11 +3,6 @@
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -36,11 +31,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] =
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -69,11 +59,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] =
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -102,11 +87,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`]
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -135,11 +115,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = `
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -168,11 +143,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`
|
|||
exports[`Storyshots components/WorkpadHeader/EditMenu single grouped element selected 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -3,11 +3,6 @@
|
|||
exports[`Storyshots components/WorkpadHeader/ElementMenu default 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -4,11 +4,6 @@ exports[`Storyshots components/WorkpadHeader/ShareMenu default 1`] = `
|
|||
<div>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -3,11 +3,6 @@
|
|||
exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -35,11 +30,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = `
|
|||
exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -67,11 +57,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = `
|
|||
exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -99,11 +84,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`]
|
|||
exports[`Storyshots components/WorkpadHeader/ViewMenu with refresh enabled 1`] = `
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownLeft"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -53,11 +53,6 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter"
|
||||
id="field_value_selection_0"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -117,11 +112,6 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownRight"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -293,7 +293,7 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -302,68 +302,7 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="solid"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px solid",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px solid",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -436,11 +375,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorUpCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -762,7 +696,7 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -771,68 +705,7 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="dotted"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px dotted",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px dotted",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -905,11 +778,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorUpCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -1243,7 +1111,7 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
|
|||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
<div
|
||||
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
|
||||
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
|
@ -1252,68 +1120,7 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
|
|||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
>
|
||||
<input
|
||||
id="generated-id"
|
||||
type="hidden"
|
||||
value="solid"
|
||||
/>
|
||||
<div
|
||||
className="euiFormControlLayout euiFormControlLayout--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormControlLayout__childrenWrapper"
|
||||
>
|
||||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
id="generated-id"
|
||||
>
|
||||
Select an option:
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px solid",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
, is selected
|
||||
</span>
|
||||
<button
|
||||
aria-haspopup="true"
|
||||
aria-labelledby="generated-id generated-id"
|
||||
className="euiSuperSelectControl euiSuperSelectControl--compressed"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
"border": "4px solid",
|
||||
"height": 16,
|
||||
}
|
||||
}
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
|
||||
>
|
||||
<span
|
||||
className="euiFormControlLayoutCustomIcon"
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="euiFormControlLayoutCustomIcon__icon"
|
||||
data-euiicon-type="arrowDown"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1386,11 +1193,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorUpCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -29,11 +29,6 @@ exports[`Storyshots arguments/ContainerStyle simple 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorLeftCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
@ -101,11 +96,6 @@ exports[`Storyshots arguments/ContainerStyle/components simple template 1`] = `
|
|||
<div
|
||||
className="euiPopover euiPopover--anchorLeftCenter"
|
||||
id="color-picker-popover"
|
||||
onKeyDown={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
className="euiPopover__anchor"
|
||||
|
|
|
@ -8,5 +8,5 @@ import styled from 'styled-components';
|
|||
import { EuiContextMenuItem } from '@elastic/eui';
|
||||
|
||||
export const DangerEuiContextMenuItem = styled(EuiContextMenuItem)`
|
||||
color: ${(props) => props.theme.eui.textColors.danger};
|
||||
color: ${(props) => props.theme.eui.euiTextColors.danger};
|
||||
`;
|
||||
|
|
|
@ -252,6 +252,7 @@ export function SearchBar({
|
|||
|
||||
return (
|
||||
<EuiSelectableTemplateSitewide
|
||||
isPreFiltered
|
||||
onChange={onChange}
|
||||
options={options}
|
||||
popoverButtonBreakpoints={['xs', 's']}
|
||||
|
@ -267,7 +268,6 @@ export function SearchBar({
|
|||
</EuiHeaderSectionItemButton>
|
||||
}
|
||||
searchProps={{
|
||||
onSearch: () => undefined,
|
||||
onKeyUpCapture: (e: React.KeyboardEvent<HTMLInputElement>) =>
|
||||
setSearchValue(e.currentTarget.value),
|
||||
'data-test-subj': 'nav-search-input',
|
||||
|
|
|
@ -8,6 +8,10 @@ import React from 'react';
|
|||
import { mount, ReactWrapper } from 'enzyme';
|
||||
import { useListKeys } from './use_list_keys';
|
||||
|
||||
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
|
||||
htmlIdGenerator: () => () => `id-${Math.random()}`,
|
||||
}));
|
||||
|
||||
describe('use_list_keys', () => {
|
||||
function ListingComponent({ items }: { items: object[] }) {
|
||||
const getListKey = useListKeys(items);
|
||||
|
|
|
@ -349,7 +349,6 @@ exports[`extend index management ilm summary extension should return extension w
|
|||
panelPaddingSize="m"
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
@ -598,7 +597,6 @@ exports[`extend index management ilm summary extension should return extension w
|
|||
panelPaddingSize="m"
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -47,7 +47,7 @@ TimeRuler.displayName = 'TimeRuler';
|
|||
const TimeRulerTickLabel = euiStyled.text`
|
||||
font-size: 9px;
|
||||
line-height: ${(props) => props.theme.eui.euiLineHeight};
|
||||
fill: ${(props) => props.theme.eui.textColors.subdued};
|
||||
fill: ${(props) => props.theme.eui.euiTextSubduedColor};
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
`;
|
||||
|
|
|
@ -1373,12 +1373,16 @@ exports[`UploadLicense should display an error when ES says license is expired 1
|
|||
token="euiForm.addressFormErrors"
|
||||
>
|
||||
<EuiCallOut
|
||||
aria-live="assertive"
|
||||
className="euiForm__errors"
|
||||
color="danger"
|
||||
role="alert"
|
||||
title="Please address the highlighted errors."
|
||||
>
|
||||
<div
|
||||
aria-live="assertive"
|
||||
className="euiCallOut euiCallOut--danger euiForm__errors"
|
||||
role="alert"
|
||||
>
|
||||
<div
|
||||
className="euiCallOutHeader"
|
||||
|
@ -2091,12 +2095,16 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
|
|||
token="euiForm.addressFormErrors"
|
||||
>
|
||||
<EuiCallOut
|
||||
aria-live="assertive"
|
||||
className="euiForm__errors"
|
||||
color="danger"
|
||||
role="alert"
|
||||
title="Please address the highlighted errors."
|
||||
>
|
||||
<div
|
||||
aria-live="assertive"
|
||||
className="euiCallOut euiCallOut--danger euiForm__errors"
|
||||
role="alert"
|
||||
>
|
||||
<div
|
||||
className="euiCallOutHeader"
|
||||
|
@ -2809,12 +2817,16 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
|
|||
token="euiForm.addressFormErrors"
|
||||
>
|
||||
<EuiCallOut
|
||||
aria-live="assertive"
|
||||
className="euiForm__errors"
|
||||
color="danger"
|
||||
role="alert"
|
||||
title="Please address the highlighted errors."
|
||||
>
|
||||
<div
|
||||
aria-live="assertive"
|
||||
className="euiCallOut euiCallOut--danger euiForm__errors"
|
||||
role="alert"
|
||||
>
|
||||
<div
|
||||
className="euiCallOutHeader"
|
||||
|
@ -3527,12 +3539,16 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
|
|||
token="euiForm.addressFormErrors"
|
||||
>
|
||||
<EuiCallOut
|
||||
aria-live="assertive"
|
||||
className="euiForm__errors"
|
||||
color="danger"
|
||||
role="alert"
|
||||
title="Please address the highlighted errors."
|
||||
>
|
||||
<div
|
||||
aria-live="assertive"
|
||||
className="euiCallOut euiCallOut--danger euiForm__errors"
|
||||
role="alert"
|
||||
>
|
||||
<div
|
||||
className="euiCallOutHeader"
|
||||
|
|
|
@ -44,6 +44,7 @@ exports[`Should render icon select 1`] = `
|
|||
clickOutsideDisables={true}
|
||||
>
|
||||
<EuiSelectable
|
||||
isPreFiltered={false}
|
||||
onChange={[Function]}
|
||||
options={
|
||||
Array [
|
||||
|
|
|
@ -26,6 +26,7 @@ exports[`Should remove selected fields from selectable 1`] = `
|
|||
panelPaddingSize="none"
|
||||
>
|
||||
<EuiSelectable
|
||||
isPreFiltered={false}
|
||||
onChange={[Function]}
|
||||
options={
|
||||
Array [
|
||||
|
@ -96,6 +97,7 @@ exports[`Should render 1`] = `
|
|||
panelPaddingSize="none"
|
||||
>
|
||||
<EuiSelectable
|
||||
isPreFiltered={false}
|
||||
onChange={[Function]}
|
||||
options={
|
||||
Array [
|
||||
|
|
|
@ -89,8 +89,7 @@ export const cytoscapeOptions: cytoscape.CytoscapeOptions = {
|
|||
// @ts-ignore
|
||||
'background-image': (el: cytoscape.NodeSingular) => iconForNode(el),
|
||||
'border-width': (el: cytoscape.NodeSingular) => (el.selected() ? 2 : 1),
|
||||
// @ts-ignore
|
||||
color: theme.textColors.default,
|
||||
color: theme.euiTextColors.default,
|
||||
'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',
|
||||
'font-size': theme.euiFontSizeXS,
|
||||
'min-zoomed-font-size': parseInt(theme.euiSizeL, 10),
|
||||
|
|
|
@ -50,7 +50,7 @@ Array [
|
|||
/>
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
clickOutsideDisables={false}
|
||||
>
|
||||
<div
|
||||
data-eui="EuiFocusTrap"
|
||||
|
@ -251,7 +251,7 @@ Array [
|
|||
/>
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
clickOutsideDisables={false}
|
||||
>
|
||||
<div
|
||||
data-eui="EuiFocusTrap"
|
||||
|
|
|
@ -36,6 +36,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"gutterExtraSmall": "4px",
|
||||
"gutterSmall": "8px",
|
||||
},
|
||||
"euiBodyLineHeight": 1,
|
||||
"euiBorderColor": "#343741",
|
||||
"euiBorderEditable": "2px dotted #343741",
|
||||
"euiBorderRadius": "4px",
|
||||
|
@ -68,7 +69,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiButtonHeightSmall": "32px",
|
||||
"euiButtonIconTypes": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"danger": "#ff6666",
|
||||
"disabled": "#4c4e51",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
|
@ -139,6 +140,8 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiCodeBlockTitleColor": "#da8b45",
|
||||
"euiCodeBlockTypeColor": "#6092c0",
|
||||
"euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
|
||||
"euiCodeFontWeightBold": 700,
|
||||
"euiCodeFontWeightRegular": 400,
|
||||
"euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
|
||||
"euiCollapsibleNavGroupDarkHighContrastColor": "#1ba9f5",
|
||||
"euiCollapsibleNavGroupLightBackgroundColor": "#1a1b20",
|
||||
|
@ -148,9 +151,11 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiColorChartBand": "#2a2b33",
|
||||
"euiColorChartLines": "#343741",
|
||||
"euiColorDanger": "#ff6666",
|
||||
"euiColorDangerText": "#ff7575",
|
||||
"euiColorDangerText": "#ff6666",
|
||||
"euiColorDarkShade": "#98a2b3",
|
||||
"euiColorDarkestShade": "#d4dae5",
|
||||
"euiColorDisabled": "#434548",
|
||||
"euiColorDisabledText": "#4c4e51",
|
||||
"euiColorEmptyShade": "#1d1e24",
|
||||
"euiColorFullShade": "#ffffff",
|
||||
"euiColorGhost": "#ffffff",
|
||||
|
@ -159,6 +164,11 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiColorLightShade": "#343741",
|
||||
"euiColorLightestShade": "#25262e",
|
||||
"euiColorMediumShade": "#535966",
|
||||
"euiColorPaletteDisplaySizes": Object {
|
||||
"sizeExtraSmall": "4px",
|
||||
"sizeMedium": "16px",
|
||||
"sizeSmall": "8px",
|
||||
},
|
||||
"euiColorPickerIndicatorSize": "12px",
|
||||
"euiColorPickerSaturationRange0": "#000000",
|
||||
"euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
|
||||
|
@ -220,7 +230,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
},
|
||||
"euiExpressionColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"danger": "#ff6666",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
|
@ -234,13 +244,14 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
},
|
||||
"euiFilePickerTallHeight": "128px",
|
||||
"euiFlyoutBorder": "1px solid #343741",
|
||||
"euiFocusBackgroundColor": "#232635",
|
||||
"euiFocusBackgroundColor": "#08334a",
|
||||
"euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
|
||||
"euiFocusRingAnimStartSize": "6px",
|
||||
"euiFocusRingAnimStartSizeLarge": "10px",
|
||||
"euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
|
||||
"euiFocusRingSize": "3px",
|
||||
"euiFocusRingSizeLarge": "4px",
|
||||
"euiFocusTransparency": 0.3,
|
||||
"euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
||||
"euiFontFeatureSettings": "calt 1 kern 1 liga 1",
|
||||
"euiFontSize": "16px",
|
||||
|
@ -314,6 +325,16 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiKeyPadMenuSize": "96px",
|
||||
"euiLineHeight": 1.5,
|
||||
"euiLinkColor": "#1ba9f5",
|
||||
"euiLinkColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff6666",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
"text": "#dfe5ef",
|
||||
"warning": "#ffce7a",
|
||||
},
|
||||
"euiListGroupGutterTypes": Object {
|
||||
"gutterMedium": "16px",
|
||||
"gutterSmall": "8px",
|
||||
|
@ -524,8 +545,8 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiTableFocusClickableColor": "rgba(27, 169, 245, 0.09999999999999998)",
|
||||
"euiTableHoverClickableColor": "rgba(27, 169, 245, 0.050000000000000044)",
|
||||
"euiTableHoverColor": "#1e1e25",
|
||||
"euiTableHoverSelectedColor": "#202230",
|
||||
"euiTableSelectedColor": "#232635",
|
||||
"euiTableHoverSelectedColor": "#072e43",
|
||||
"euiTableSelectedColor": "#08334a",
|
||||
"euiTextColor": "#dfe5ef",
|
||||
"euiTextColors": Object {
|
||||
"accent": "#f990c0",
|
||||
|
@ -721,16 +742,6 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"xs": "4px",
|
||||
"xxl": "40px",
|
||||
},
|
||||
"textColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
"text": "#dfe5ef",
|
||||
"warning": "#ffce7a",
|
||||
},
|
||||
"textareaResizing": Object {
|
||||
"both": "resizeBoth",
|
||||
"horizontal": "resizeHorizontal",
|
||||
|
|
|
@ -12,7 +12,7 @@ const Wrapper = styled.div`
|
|||
margin-top: ${theme.eui.euiSizeS};
|
||||
|
||||
.siemSubtitle__item {
|
||||
color: ${theme.eui.textColors.subdued};
|
||||
color: ${theme.eui.euiTextSubduedColor};
|
||||
font-size: ${theme.eui.euiFontSizeXS};
|
||||
line-height: ${theme.eui.euiLineHeight};
|
||||
|
||||
|
|
|
@ -115,7 +115,7 @@ export const BarText = styled.p.attrs({
|
|||
className: 'siemUtilityBar__text',
|
||||
})`
|
||||
${({ theme }) => css`
|
||||
color: ${theme.eui.textColors.subdued};
|
||||
color: ${theme.eui.euiTextSubduedColor};
|
||||
font-size: ${theme.eui.euiFontSizeXS};
|
||||
line-height: ${theme.eui.euiLineHeight};
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -67,7 +67,7 @@ const NO_WRAP_TRUNCATE_STYLE: CSSProperties = Object.freeze({
|
|||
});
|
||||
|
||||
const DangerEuiContextMenuItem = styled(EuiContextMenuItem)`
|
||||
color: ${(props) => props.theme.eui.textColors.danger};
|
||||
color: ${(props) => props.theme.eui.euiColorDangerText};
|
||||
`;
|
||||
|
||||
// eslint-disable-next-line react/display-name
|
||||
|
|
|
@ -36,6 +36,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"gutterExtraSmall": "4px",
|
||||
"gutterSmall": "8px",
|
||||
},
|
||||
"euiBodyLineHeight": 1,
|
||||
"euiBorderColor": "#343741",
|
||||
"euiBorderEditable": "2px dotted #343741",
|
||||
"euiBorderRadius": "4px",
|
||||
|
@ -68,7 +69,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiButtonHeightSmall": "32px",
|
||||
"euiButtonIconTypes": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"danger": "#ff6666",
|
||||
"disabled": "#4c4e51",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
|
@ -139,6 +140,8 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiCodeBlockTitleColor": "#da8b45",
|
||||
"euiCodeBlockTypeColor": "#6092c0",
|
||||
"euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
|
||||
"euiCodeFontWeightBold": 700,
|
||||
"euiCodeFontWeightRegular": 400,
|
||||
"euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
|
||||
"euiCollapsibleNavGroupDarkHighContrastColor": "#1ba9f5",
|
||||
"euiCollapsibleNavGroupLightBackgroundColor": "#1a1b20",
|
||||
|
@ -148,9 +151,11 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiColorChartBand": "#2a2b33",
|
||||
"euiColorChartLines": "#343741",
|
||||
"euiColorDanger": "#ff6666",
|
||||
"euiColorDangerText": "#ff7575",
|
||||
"euiColorDangerText": "#ff6666",
|
||||
"euiColorDarkShade": "#98a2b3",
|
||||
"euiColorDarkestShade": "#d4dae5",
|
||||
"euiColorDisabled": "#434548",
|
||||
"euiColorDisabledText": "#4c4e51",
|
||||
"euiColorEmptyShade": "#1d1e24",
|
||||
"euiColorFullShade": "#ffffff",
|
||||
"euiColorGhost": "#ffffff",
|
||||
|
@ -159,6 +164,11 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiColorLightShade": "#343741",
|
||||
"euiColorLightestShade": "#25262e",
|
||||
"euiColorMediumShade": "#535966",
|
||||
"euiColorPaletteDisplaySizes": Object {
|
||||
"sizeExtraSmall": "4px",
|
||||
"sizeMedium": "16px",
|
||||
"sizeSmall": "8px",
|
||||
},
|
||||
"euiColorPickerIndicatorSize": "12px",
|
||||
"euiColorPickerSaturationRange0": "#000000",
|
||||
"euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
|
||||
|
@ -220,7 +230,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
},
|
||||
"euiExpressionColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"danger": "#ff6666",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
|
@ -234,13 +244,14 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
},
|
||||
"euiFilePickerTallHeight": "128px",
|
||||
"euiFlyoutBorder": "1px solid #343741",
|
||||
"euiFocusBackgroundColor": "#232635",
|
||||
"euiFocusBackgroundColor": "#08334a",
|
||||
"euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
|
||||
"euiFocusRingAnimStartSize": "6px",
|
||||
"euiFocusRingAnimStartSizeLarge": "10px",
|
||||
"euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
|
||||
"euiFocusRingSize": "3px",
|
||||
"euiFocusRingSizeLarge": "4px",
|
||||
"euiFocusTransparency": 0.3,
|
||||
"euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
||||
"euiFontFeatureSettings": "calt 1 kern 1 liga 1",
|
||||
"euiFontSize": "16px",
|
||||
|
@ -314,6 +325,16 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiKeyPadMenuSize": "96px",
|
||||
"euiLineHeight": 1.5,
|
||||
"euiLinkColor": "#1ba9f5",
|
||||
"euiLinkColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff6666",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
"text": "#dfe5ef",
|
||||
"warning": "#ffce7a",
|
||||
},
|
||||
"euiListGroupGutterTypes": Object {
|
||||
"gutterMedium": "16px",
|
||||
"gutterSmall": "8px",
|
||||
|
@ -524,8 +545,8 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiTableFocusClickableColor": "rgba(27, 169, 245, 0.09999999999999998)",
|
||||
"euiTableHoverClickableColor": "rgba(27, 169, 245, 0.050000000000000044)",
|
||||
"euiTableHoverColor": "#1e1e25",
|
||||
"euiTableHoverSelectedColor": "#202230",
|
||||
"euiTableSelectedColor": "#232635",
|
||||
"euiTableHoverSelectedColor": "#072e43",
|
||||
"euiTableSelectedColor": "#08334a",
|
||||
"euiTextColor": "#dfe5ef",
|
||||
"euiTextColors": Object {
|
||||
"accent": "#f990c0",
|
||||
|
@ -721,16 +742,6 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"xs": "4px",
|
||||
"xxl": "40px",
|
||||
},
|
||||
"textColors": Object {
|
||||
"accent": "#f990c0",
|
||||
"danger": "#ff7575",
|
||||
"ghost": "#ffffff",
|
||||
"primary": "#1ba9f5",
|
||||
"secondary": "#7de2d1",
|
||||
"subdued": "#81858f",
|
||||
"text": "#dfe5ef",
|
||||
"warning": "#ffce7a",
|
||||
},
|
||||
"textareaResizing": Object {
|
||||
"both": "resizeBoth",
|
||||
"horizontal": "resizeHorizontal",
|
||||
|
|
|
@ -21,6 +21,10 @@ import { coreMock } from '../../../../../../../src/core/public/mocks';
|
|||
import { NotificationsStart } from 'kibana/public';
|
||||
import { toastDrilldownsCRUDError } from '../../hooks/i18n';
|
||||
|
||||
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
|
||||
htmlIdGenerator: () => () => `id-${Math.random()}`,
|
||||
}));
|
||||
|
||||
const storage = new Storage(new StubBrowserStorage());
|
||||
const toasts = coreMock.createStart().notifications.toasts;
|
||||
const FlyoutManageDrilldowns = createFlyoutManageDrilldowns({
|
||||
|
|
|
@ -8,6 +8,10 @@ import { Demo } from './test_samples/demo';
|
|||
import { fireEvent, render } from '@testing-library/react';
|
||||
import React from 'react';
|
||||
|
||||
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
|
||||
htmlIdGenerator: () => () => `id-${Math.random()}`,
|
||||
}));
|
||||
|
||||
test('configure valid URL template', () => {
|
||||
const screen = render(<Demo />);
|
||||
|
||||
|
|
|
@ -56,7 +56,6 @@ describe('StepScreenshotDisplayProps', () => {
|
|||
panelPaddingSize="m"
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
@ -129,7 +128,6 @@ describe('StepScreenshotDisplayProps', () => {
|
|||
panelPaddingSize="m"
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -8,6 +8,7 @@ import { FtrProviderContext } from '../../ftr_provider_context';
|
|||
|
||||
export function UptimeAlertsProvider({ getService }: FtrProviderContext) {
|
||||
const testSubjects = getService('testSubjects');
|
||||
const find = getService('find');
|
||||
const browser = getService('browser');
|
||||
|
||||
return {
|
||||
|
@ -46,7 +47,7 @@ export function UptimeAlertsProvider({ getService }: FtrProviderContext) {
|
|||
) {
|
||||
await testSubjects.click(expressionAttribute);
|
||||
await testSubjects.setValue(fieldAttribute, value);
|
||||
return browser.pressKeys(browser.keys.ESCAPE);
|
||||
return await testSubjects.click(expressionAttribute);
|
||||
},
|
||||
async setAlertStatusNumTimes(value: string) {
|
||||
return this.setAlertExpressionValue(
|
||||
|
@ -72,7 +73,7 @@ export function UptimeAlertsProvider({ getService }: FtrProviderContext) {
|
|||
for (let i = 0; i < optionAttributes.length; i += 1) {
|
||||
await testSubjects.click(optionAttributes[i], 5000);
|
||||
}
|
||||
return browser.pressKeys(browser.keys.ESCAPE);
|
||||
return testSubjects.click(expressionAttribute, 5000);
|
||||
},
|
||||
async setMonitorStatusSelectableToHours() {
|
||||
return this.setAlertExpressionSelectable(
|
||||
|
@ -99,17 +100,17 @@ export function UptimeAlertsProvider({ getService }: FtrProviderContext) {
|
|||
async clickLocationExpression(filter: string) {
|
||||
await testSubjects.click('uptimeCreateStatusAlert.filter_location');
|
||||
await testSubjects.click(`filter-popover-item_${filter}`);
|
||||
return browser.pressKeys(browser.keys.ESCAPE);
|
||||
return find.clickByCssSelector('body');
|
||||
},
|
||||
async clickPortExpression(filter: string) {
|
||||
await testSubjects.click('uptimeCreateStatusAlert.filter_port');
|
||||
await testSubjects.click(`filter-popover-item_${filter}`);
|
||||
return browser.pressKeys(browser.keys.ESCAPE);
|
||||
return find.clickByCssSelector('body');
|
||||
},
|
||||
async clickTypeExpression(filter: string) {
|
||||
await testSubjects.click('uptimeCreateStatusAlert.filter_scheme');
|
||||
await testSubjects.click(`filter-popover-item_${filter}`);
|
||||
return browser.pressKeys(browser.keys.ESCAPE);
|
||||
return find.clickByCssSelector('body');
|
||||
},
|
||||
async clickSaveAlertButton() {
|
||||
return testSubjects.click('saveAlertButton');
|
||||
|
|
17
yarn.lock
17
yarn.lock
|
@ -1477,10 +1477,10 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui@30.2.0":
|
||||
version "30.2.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-30.2.0.tgz#17bc630eb1a03e05d453b9934568cfbf3a82b736"
|
||||
integrity sha512-VUmy7Qz49kN8a3f58bilfMwBo9zCJvHyBOUdDA1O77jFYv3+Hg7e/+uGb7Q1k6kSmCfv4r99eZWrcxVroYU4nQ==
|
||||
"@elastic/eui@30.5.1":
|
||||
version "30.5.1"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-30.5.1.tgz#c9782c2f4763d563de6afcc2fc56d81c1e5b183c"
|
||||
integrity sha512-W8rW49prYG0XHNdMWGTxNW50Kef3/fh+IL5mzMOKLao1W4h0F45efIDbnIHyjGl//akknIIEa6bwdTU4dmLBgA==
|
||||
dependencies:
|
||||
"@types/chroma-js" "^2.0.0"
|
||||
"@types/lodash" "^4.14.160"
|
||||
|
@ -1492,7 +1492,7 @@
|
|||
"@types/vfile-message" "^2.0.0"
|
||||
chroma-js "^2.1.0"
|
||||
classnames "^2.2.6"
|
||||
highlight.js "^9.12.0"
|
||||
highlight.js "^9.18.5"
|
||||
lodash "^4.17.20"
|
||||
numeral "^2.0.6"
|
||||
prop-types "^15.6.0"
|
||||
|
@ -15807,11 +15807,16 @@ heap@^0.2.6:
|
|||
resolved "https://registry.yarnpkg.com/heap/-/heap-0.2.6.tgz#087e1f10b046932fc8594dd9e6d378afc9d1e5ac"
|
||||
integrity sha1-CH4fELBGky/IWU3Z5tN4r8nR5aw=
|
||||
|
||||
highlight.js@9.15.10, highlight.js@^9.12.0, highlight.js@~9.15.0, highlight.js@~9.15.1:
|
||||
highlight.js@9.15.10, highlight.js@~9.15.0, highlight.js@~9.15.1:
|
||||
version "9.15.10"
|
||||
resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.15.10.tgz#7b18ed75c90348c045eef9ed08ca1319a2219ad2"
|
||||
integrity sha512-RoV7OkQm0T3os3Dd2VHLNMoaoDVx77Wygln3n9l5YV172XonWG6rgQD3XnF/BuFFZw9A0TJgmMSO8FEWQgvcXw==
|
||||
|
||||
highlight.js@^9.18.5:
|
||||
version "9.18.5"
|
||||
resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.5.tgz#d18a359867f378c138d6819edfc2a8acd5f29825"
|
||||
integrity sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==
|
||||
|
||||
highlight.js@~9.12.0:
|
||||
version "9.12.0"
|
||||
resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.12.0.tgz#e6d9dbe57cbefe60751f02af336195870c90c01e"
|
||||
|
|
Loading…
Reference in a new issue