diff --git a/package.json b/package.json index b1daf74591c88..ef1aa33c2602d 100644 --- a/package.json +++ b/package.json @@ -60,7 +60,7 @@ "serverless-security": "node scripts/kibana --dev --serverless=security", "spec_to_console": "node scripts/spec_to_console", "start": "node scripts/kibana --dev", - "storybook": "node --no-deprecation scripts/storybook", + "storybook": "node scripts/storybook", "test:ftr": "node scripts/functional_tests", "test:ftr:runner": "node scripts/functional_test_runner", "test:ftr:server": "node scripts/functional_tests_server", @@ -96,7 +96,6 @@ "@aws-sdk/client-bedrock-runtime": "^3.744.0", "@aws-sdk/client-kendra": "3.744.0", "@aws-sdk/credential-provider-node": "3.744.0", - "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0", "@types/react": "~18.2.0", "@types/react-dom": "~18.2.0", "@xstate5/react/**/xstate": "^5.19.2", @@ -1545,26 +1544,20 @@ "@playwright/test": "1.49.0", "@redocly/cli": "^1.29.0", "@statoscope/webpack-plugin": "^5.28.2", - "@storybook/addon-a11y": "^6.5.16", - "@storybook/addon-actions": "^6.5.16", - "@storybook/addon-docs": "^6.5.16", - "@storybook/addon-essentials": "^6.5.16", - "@storybook/addon-knobs": "^6.4.0", - "@storybook/addon-storyshots": "^6.5.16", - "@storybook/addons": "^6.5.16", - "@storybook/api": "^6.5.16", - "@storybook/builder-webpack5": "^6.5.16", - "@storybook/client-api": "^6.5.16", - "@storybook/components": "^6.5.16", - "@storybook/core": "^6.5.16", - "@storybook/core-common": "^6.5.16", - "@storybook/core-events": "^6.5.16", - "@storybook/manager-webpack5": "^6.5.16", - "@storybook/node-logger": "^6.5.16", - "@storybook/preview-web": "^6.5.16", - "@storybook/react": "^6.5.16", - "@storybook/testing-react": "^1.3.0", - "@storybook/theming": "^6.5.16", + "@storybook/addon-a11y": "^8.6.3", + "@storybook/addon-actions": "^8.6.3", + "@storybook/addon-essentials": "^8.6.3", + "@storybook/addon-webpack5-compiler-babel": "^3.0.5", + "@storybook/blocks": "^8.6.3", + "@storybook/components": "^8.6.3", + "@storybook/core-events": "^8.6.3", + "@storybook/core-server": "^8.6.3", + "@storybook/manager-api": "^8.6.3", + "@storybook/node-logger": "^8.6.3", + "@storybook/preview-api": "^8.6.3", + "@storybook/react": "^8.6.3", + "@storybook/react-webpack5": "^8.6.3", + "@storybook/theming": "^8.6.3", "@testing-library/dom": "^10.4.0", "@testing-library/jest-dom": "^6.6.3", "@testing-library/react": "^16.0.1", @@ -1845,6 +1838,7 @@ "sinon": "^7.4.2", "sort-package-json": "^1.53.1", "source-map": "^0.7.4", + "storybook": "^8.6.3", "string-replace-loader": "^3.1.0", "style-loader": "^4.0.0", "stylelint": "^14.16.1", diff --git a/renovate.json b/renovate.json index 08aa226e9a82d..0fde1c0f49e41 100644 --- a/renovate.json +++ b/renovate.json @@ -3369,7 +3369,8 @@ "main" ], "matchDepPatterns": [ - "^@storybook" + "^@storybook", + "storybook" ], "labels": [ "Team:Operations", @@ -3378,28 +3379,7 @@ "backport:skip" ], "minimumReleaseAge": "7 days", - "allowedVersions": "<7.0", - "enabled": true - }, - { - "groupName": "@storybook/testing-react", - "reviewers": [ - "team:kibana-operations" - ], - "matchBaseBranches": [ - "main" - ], - "matchDepNames": [ - "@storybook/testing-react" - ], - "labels": [ - "Team:Operations", - "release_note:skip", - "ci:build-storybooks", - "backport:skip" - ], - "minimumReleaseAge": "7 days", - "allowedVersions": "<2.0", + "allowedVersions": ">8.0", "enabled": true }, { diff --git a/src/dev/storybook/run_storybook_cli.ts b/src/dev/storybook/run_storybook_cli.ts index dd9855bdbfdd9..26369b6646196 100644 --- a/src/dev/storybook/run_storybook_cli.ts +++ b/src/dev/storybook/run_storybook_cli.ts @@ -41,7 +41,6 @@ run( log.verbose('Loading Storybook:', configDir); - // TODO: once storybook is upgraded into a newer version, --no-deprecation flag could be removed when invoking it through the package.json script runStorybookCli({ configDir, name: alias }); }, { diff --git a/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.mdx b/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.mdx new file mode 100644 index 0000000000000..9fea845b75d28 --- /dev/null +++ b/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.mdx @@ -0,0 +1,39 @@ +import { Canvas, Meta, Story, Controls } from '@storybook/blocks'; +import { I18nProvider } from '@kbn/i18n-react'; +import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; +import { ESQLEditor } from '../esql_editor'; +import * as EsqlEditorStories from './esql_editor.stories'; + +export const Template = (args) => + + {} } }, + uiSettings: { get: () => {} }, + }} + > + + +; + + + +# Overview + +The ESQLEditor component is a reusable component and can be used to support text based languages in your application (SQL, ESQL): + + + + + +When there are errors to the query the UI displays the errors to the editor: + + + + + +## Component props + +The component exposes the following properties: + +../esql\_editor diff --git a/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.js b/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.js new file mode 100644 index 0000000000000..f2f60fdc9e874 --- /dev/null +++ b/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.js @@ -0,0 +1,83 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the "Elastic License + * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side + * Public License v 1"; you may not use this file except in compliance with, at + * your election, the "Elastic License 2.0", the "GNU Affero General Public + * License v3.0 only", or the "Server Side Public License, v 1". + */ + +import React from 'react'; +import { I18nProvider } from '@kbn/i18n-react'; +import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; +import { ESQLEditor } from '../esql_editor'; + +const Template = (args) => ( + + {} } }, + uiSettings: { get: () => {} }, + }} + > + + + +); + +export default { + title: 'Text based languages editor', + component: ESQLEditor, +}; + +export const ExpandedMode = { + render: Template.bind({}), + name: 'expanded mode', + + args: { + query: { + esql: 'from dataview | keep field1, field2', + }, + + 'data-test-subj': 'test-id', + }, + + argTypes: { + onTextLangQueryChange: { + action: 'changed', + }, + + onTextLangQuerySubmit: { + action: 'submitted', + }, + }, +}; + +export const WithErrors = { + render: Template.bind({}), + name: 'with errors', + + args: { + query: { + esql: 'from dataview | keep field1, field2', + }, + + 'data-test-subj': 'test-id', + + errors: [ + new Error( + '[essql] > Unexpected error from Elasticsearch: verification_exception - Found 1 problem line 1:16: Unknown column [field10]' + ), + ], + }, + + argTypes: { + onTextLangQueryChange: { + action: 'changed', + }, + + onTextLangQuerySubmit: { + action: 'submitted', + }, + }, +}; diff --git a/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.mdx b/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.mdx deleted file mode 100644 index 44792be565886..0000000000000 --- a/src/platform/packages/private/kbn-esql-editor/src/__stories__/esql_editor.stories.mdx +++ /dev/null @@ -1,74 +0,0 @@ -import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks'; -import { I18nProvider } from '@kbn/i18n-react'; -import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; -import { ESQLEditor } from '../esql_editor'; - - -export const Template = (args) => - - {} } }, - uiSettings: { get: () => {} }, - }} - > - - -; - - - - -# Overview - -The ESQLEditor component is a reusable component and can be used to support text based languages in your application (SQL, ESQL): - - - - {Template.bind({})} - - - -When there are errors to the query the UI displays the errors to the editor: - - - Unexpected error from Elasticsearch: verification_exception - Found 1 problem line 1:16: Unknown column [field10]' - ), - ] - } - } - argTypes={ - { onTextLangQueryChange: { action: 'changed' }, onTextLangQuerySubmit: { action: 'submitted' }} - } - > - {Template.bind({})} - - - -## Component props - -The component exposes the following properties: - -../esql_editor \ No newline at end of file diff --git a/src/platform/packages/private/shared-ux/storybook/config/main.ts b/src/platform/packages/private/shared-ux/storybook/config/main.ts index 257268c9e0f54..67f62c3364a8f 100644 --- a/src/platform/packages/private/shared-ux/storybook/config/main.ts +++ b/src/platform/packages/private/shared-ux/storybook/config/main.ts @@ -12,8 +12,10 @@ import { defaultConfig } from '@kbn/storybook'; module.exports = { ...defaultConfig, stories: [ - '../../**/*.stories.+(tsx|mdx)', - '../../../../shared/shared-ux/**/*.stories.+(tsx|mdx)', + '../../**/*.stories.tsx', + '../../**/*.mdx', + '../../../../shared/shared-ux/**/*.stories.tsx', + '../../../../shared/shared-ux/**/*.mdx', ], reactOptions: { strictMode: true, diff --git a/src/platform/packages/private/shared-ux/storybook/config/manager.ts b/src/platform/packages/private/shared-ux/storybook/config/manager.ts index 8eca9f0719292..21ab9299e149b 100644 --- a/src/platform/packages/private/shared-ux/storybook/config/manager.ts +++ b/src/platform/packages/private/shared-ux/storybook/config/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID as selectedPanel } from '@storybook/addon-actions'; diff --git a/src/platform/packages/shared/home/sample_data_card/src/footer/footer.stories.tsx b/src/platform/packages/shared/home/sample_data_card/src/footer/footer.stories.tsx index 6db0c78de29d6..57f9643736e1a 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/footer/footer.stories.tsx +++ b/src/platform/packages/shared/home/sample_data_card/src/footer/footer.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import type { SampleDataSet } from '@kbn/home-sample-data-types'; @@ -27,7 +27,7 @@ export default { }, }, decorators: [(Story) =>
{Story()}
], -} as ComponentMeta; +} as Meta; const { description, ...argTypes } = getStoryArgTypes(); diff --git a/src/platform/packages/shared/home/sample_data_card/src/sample_data_card.stories.tsx b/src/platform/packages/shared/home/sample_data_card/src/sample_data_card.stories.tsx index e01d4335af972..03ae719f08d47 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/sample_data_card.stories.tsx +++ b/src/platform/packages/shared/home/sample_data_card/src/sample_data_card.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import type { SampleDataSet } from '@kbn/home-sample-data-types'; @@ -28,7 +28,7 @@ export default { }, }, decorators: [(Story) =>
{Story()}
], -} as ComponentMeta; +} as Meta; const argTypes = getStoryArgTypes(); diff --git a/src/platform/packages/shared/home/sample_data_tab/src/demo_env_panel.stories.tsx b/src/platform/packages/shared/home/sample_data_tab/src/demo_env_panel.stories.tsx index 870b94c1f979e..1a192c747e9f6 100644 --- a/src/platform/packages/shared/home/sample_data_tab/src/demo_env_panel.stories.tsx +++ b/src/platform/packages/shared/home/sample_data_tab/src/demo_env_panel.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { DemoEnvironmentPanel } from './demo_env_panel'; @@ -23,6 +23,6 @@ export default { }, }, decorators: [(Story) =>
{Story()}
], -} as ComponentMeta; +} as Meta; export const DemoPanel = () => ; diff --git a/src/platform/packages/shared/home/sample_data_tab/src/sample_data_tab.stories.tsx b/src/platform/packages/shared/home/sample_data_tab/src/sample_data_tab.stories.tsx index 579b53e0be333..4b80bca6a08b8 100644 --- a/src/platform/packages/shared/home/sample_data_tab/src/sample_data_tab.stories.tsx +++ b/src/platform/packages/shared/home/sample_data_tab/src/sample_data_tab.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { SampleDataTab } from './sample_data_tab'; @@ -25,7 +25,7 @@ export default { }, }, decorators: [(Story) =>
{Story()}
], -} as ComponentMeta; +} as Meta; export const TabContent = (params: Params) => ( diff --git a/src/platform/packages/shared/kbn-ambient-storybook-types/index.d.ts b/src/platform/packages/shared/kbn-ambient-storybook-types/index.d.ts index 1d4bb71039a0f..3b160b5373eb9 100644 --- a/src/platform/packages/shared/kbn-ambient-storybook-types/index.d.ts +++ b/src/platform/packages/shared/kbn-ambient-storybook-types/index.d.ts @@ -7,9 +7,6 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -// Storybook react doesn't declare this in its typings, but it's there. -declare module '@storybook/react/standalone'; - // Storybook references this module. It's @ts-ignored in the codebase but when // built into its dist it strips that out. Add it here to avoid a type checking // error. diff --git a/src/platform/packages/shared/kbn-cases-components/src/__stories__/tooltip.stories.tsx b/src/platform/packages/shared/kbn-cases-components/src/__stories__/tooltip.stories.tsx index 13824fecedb40..1db83244e0753 100644 --- a/src/platform/packages/shared/kbn-cases-components/src/__stories__/tooltip.stories.tsx +++ b/src/platform/packages/shared/kbn-cases-components/src/__stories__/tooltip.stories.tsx @@ -9,7 +9,7 @@ import React from 'react'; import { I18nProvider } from '@kbn/i18n-react'; -import { ComponentStory, ComponentMeta } from '@storybook/react'; +import type { StoryObj, Meta } from '@storybook/react'; import { CaseStatuses } from '../status/types'; import { Tooltip } from '../tooltip/tooltip'; @@ -59,45 +59,45 @@ const Template = (args: CaseTooltipProps) => ( export default { title: 'CaseTooltip', component: Template, -} as ComponentMeta; +} as Meta; -export const Default: ComponentStory = Template.bind({}); +export const Default: StoryObj = Template.bind({}); Default.args = { ...tooltipProps }; -export const LoadingState: ComponentStory = Template.bind({}); +export const LoadingState: StoryObj = Template.bind({}); LoadingState.args = { ...tooltipProps, loading: true }; -export const LongTitle: ComponentStory = Template.bind({}); +export const LongTitle: StoryObj = Template.bind({}); LongTitle.args = { ...tooltipProps, content: { ...tooltipContent, title: longTitle } }; -export const LongDescription: ComponentStory = Template.bind({}); +export const LongDescription: StoryObj = Template.bind({}); LongDescription.args = { ...tooltipProps, content: { ...tooltipContent, description: longDescription }, }; -export const InProgressStatus: ComponentStory = Template.bind({}); +export const InProgressStatus: StoryObj = Template.bind({}); InProgressStatus.args = { ...tooltipProps, content: { ...tooltipContent, status: CaseStatuses['in-progress'] }, }; -export const ClosedStatus: ComponentStory = Template.bind({}); +export const ClosedStatus: StoryObj = Template.bind({}); ClosedStatus.args = { ...tooltipProps, content: { ...tooltipContent, status: CaseStatuses.closed }, }; -export const NoUserInfo: ComponentStory = Template.bind({}); +export const NoUserInfo: StoryObj = Template.bind({}); NoUserInfo.args = { ...tooltipProps, content: { ...tooltipContent, createdBy: {} } }; -export const FullName: ComponentStory = Template.bind({}); +export const FullName: StoryObj = Template.bind({}); FullName.args = { ...tooltipProps, content: { ...tooltipContent, createdBy: { fullName: 'Elastic User' } }, }; -export const LongUserName: ComponentStory = Template.bind({}); +export const LongUserName: StoryObj = Template.bind({}); LongUserName.args = { ...tooltipProps, content: { ...tooltipContent, createdBy: { fullName: 'LoremIpsumElasticUser WithALongSurname' } }, diff --git a/src/platform/packages/shared/kbn-cell-actions/src/__stories__/cell_actions.stories.tsx b/src/platform/packages/shared/kbn-cell-actions/src/__stories__/cell_actions.stories.tsx index c0f8f172381d1..c5d68422d552c 100644 --- a/src/platform/packages/shared/kbn-cell-actions/src/__stories__/cell_actions.stories.tsx +++ b/src/platform/packages/shared/kbn-cell-actions/src/__stories__/cell_actions.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import type { FieldSpec } from '@kbn/data-views-plugin/common'; import { CellActionsProvider } from '../context/cell_actions_context'; import { makeAction } from '../mocks/helpers'; @@ -50,7 +50,7 @@ export default { ], }; -const CellActionsTemplate: ComponentStory> = (args) => ( +const CellActionsTemplate: StoryObj> = (args) => ( {'Field value'} ); diff --git a/src/platform/packages/shared/kbn-chart-icons/src/__stories__/icons.stories.tsx b/src/platform/packages/shared/kbn-chart-icons/src/__stories__/icons.stories.tsx index eeb4105f9b80f..d420f1bf76b9c 100644 --- a/src/platform/packages/shared/kbn-chart-icons/src/__stories__/icons.stories.tsx +++ b/src/platform/packages/shared/kbn-chart-icons/src/__stories__/icons.stories.tsx @@ -9,7 +9,7 @@ import React, { FC, ComponentType } from 'react'; import { EuiFlexItem, EuiFlexGroup, EuiEmptyPrompt, EuiForm, IconType } from '@elastic/eui'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { IconCircle, @@ -224,7 +224,7 @@ function RootComponent(props: RootComponentProps) { ); } -const Template: ComponentStory> = (args) => ; +const Template: StoryObj> = (args) => ; export const Default = Template.bind({}); diff --git a/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/__stories__/color_mapping.stories.tsx b/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/__stories__/color_mapping.stories.tsx index 3ebc8064987b4..593cd8337eb40 100644 --- a/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/__stories__/color_mapping.stories.tsx +++ b/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/__stories__/color_mapping.stories.tsx @@ -10,7 +10,7 @@ import React, { FC, useState } from 'react'; import { getKbnPalettes } from '@kbn/palettes'; import { EuiFlyout, EuiForm, EuiPage, isColorDark } from '@elastic/eui'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { css } from '@emotion/react'; import { CategoricalColorMapping, ColorMappingProps } from '../categorical_color_mapping'; import { DEFAULT_COLOR_MAPPING_CONFIG } from '../config/default_color_mapping'; @@ -25,7 +25,7 @@ export default { decorators: [(story: Function) => story()], }; -const Template: ComponentStory> = (args) => { +const Template: StoryObj> = (args) => { const [updatedModel, setUpdateModel] = useState( DEFAULT_COLOR_MAPPING_CONFIG ); diff --git a/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/__stories__/customizable_palette.stories.tsx b/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/__stories__/customizable_palette.stories.tsx index 3707cfbfa5902..35365acc0e85e 100644 --- a/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/__stories__/customizable_palette.stories.tsx +++ b/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/__stories__/customizable_palette.stories.tsx @@ -9,7 +9,7 @@ import React, { FC, PropsWithChildren } from 'react'; import { EuiForm } from '@elastic/eui'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { CustomizablePalette, CustomizablePaletteProps } from '../palette_configuration'; import { getPaletteRegistry } from './palettes'; @@ -19,7 +19,7 @@ export default { decorators: [(story: Function) => {story()}], }; -const Template: ComponentStory>> = (args) => ( +const Template: StoryObj>> = (args) => ( ); diff --git a/src/platform/packages/shared/kbn-custom-icons/src/components/agent_icon/agent_icon.stories.tsx b/src/platform/packages/shared/kbn-custom-icons/src/components/agent_icon/agent_icon.stories.tsx index 90a91b32ff180..8d0a7c847a655 100644 --- a/src/platform/packages/shared/kbn-custom-icons/src/components/agent_icon/agent_icon.stories.tsx +++ b/src/platform/packages/shared/kbn-custom-icons/src/components/agent_icon/agent_icon.stories.tsx @@ -8,7 +8,7 @@ */ import { EuiCard, EuiFlexGroup, EuiFlexItem, EuiImage, EuiToolTip } from '@elastic/eui'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { AGENT_NAMES } from '@kbn/elastic-agent-utils'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; @@ -20,7 +20,7 @@ export default { component: AgentIcon, }; -export const List: Story = () => { +export const List: StoryFn = () => { return ( diff --git a/src/platform/packages/shared/kbn-custom-icons/src/components/cloud_provider_icon/cloud_provider_icon.stories.tsx b/src/platform/packages/shared/kbn-custom-icons/src/components/cloud_provider_icon/cloud_provider_icon.stories.tsx index 912a4b3d596d8..1882f19146cff 100644 --- a/src/platform/packages/shared/kbn-custom-icons/src/components/cloud_provider_icon/cloud_provider_icon.stories.tsx +++ b/src/platform/packages/shared/kbn-custom-icons/src/components/cloud_provider_icon/cloud_provider_icon.stories.tsx @@ -8,7 +8,7 @@ */ import { EuiCard, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { CloudProviderIcon } from '.'; import { CloudProvider } from './get_cloud_provider_icon'; @@ -20,7 +20,7 @@ export default { const providers: CloudProvider[] = ['gcp', 'aws', 'azure', 'unknownProvider']; -export const List: Story = () => { +export const List: StoryFn = () => { return ( {providers.map((cloudProvider) => { diff --git a/src/platform/packages/shared/kbn-grouping/src/components/grouping.stories.tsx b/src/platform/packages/shared/kbn-grouping/src/components/grouping.stories.tsx index 5a4099a3c1b93..2bb40f4f4beaa 100644 --- a/src/platform/packages/shared/kbn-grouping/src/components/grouping.stories.tsx +++ b/src/platform/packages/shared/kbn-grouping/src/components/grouping.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { mockGroupingProps } from './grouping.mock'; import { Grouping } from './grouping'; import readme from '../../README.mdx'; @@ -24,6 +24,6 @@ export default { }, }; -export const Empty: Story = () => { +export const Empty: StoryFn = () => { return ; }; diff --git a/src/platform/packages/shared/kbn-management/settings/application/__stories__/application.stories.tsx b/src/platform/packages/shared/kbn-management/settings/application/__stories__/application.stories.tsx index ea84195372756..ac3553afad7d2 100644 --- a/src/platform/packages/shared/kbn-management/settings/application/__stories__/application.stories.tsx +++ b/src/platform/packages/shared/kbn-management/settings/application/__stories__/application.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentMeta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { Subscription } from 'rxjs'; @@ -29,7 +29,7 @@ export default { default: 'ghost', }, }, -} as ComponentMeta; +} as Meta; /** * Props for a {@link SettinggApplication} Storybook story. @@ -69,12 +69,12 @@ const getSettingsApplicationStory = ({ hasGlobalSettings }: StoryProps) => ( ); -export const SettingsApplicationWithGlobalSettings: Story = () => +export const SettingsApplicationWithGlobalSettings: StoryFn = () => getSettingsApplicationStory({ hasGlobalSettings: true, }); -export const SettingsApplicationWithoutGlobal: Story = () => +export const SettingsApplicationWithoutGlobal: StoryFn = () => getSettingsApplicationStory({ hasGlobalSettings: false, }); diff --git a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/categories.stories.tsx b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/categories.stories.tsx index e33489e0eee4a..fcc46f67f6fd3 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/categories.stories.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/categories.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentMeta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { FieldCategories as Component } from '../categories'; import { Params, useCategoryStory } from './use_category_story'; @@ -38,9 +38,9 @@ export default { default: 'ghost', }, }, -} as ComponentMeta; +} as Meta; -export const Categories: Story = (params) => { +export const Categories: StoryFn = (params) => { const { onClearQuery, isSavingEnabled, diff --git a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/category.stories.tsx b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/category.stories.tsx index 21cc912cbb2fc..33e2aceb95ee3 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/category.stories.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/category.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { getSettingsMock } from '@kbn/management-settings-utilities/mocks/settings.mock'; @@ -51,7 +51,7 @@ export default { }, }, }, -} as ComponentMeta; +} as Meta; type FieldCategoryParams = Pick & Params; diff --git a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/use_category_story.tsx b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/use_category_story.tsx index a2bb33f6c15fa..2889d350afdbf 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/use_category_story.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/field_category/__stories__/use_category_story.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { useArgs } from '@storybook/client-api'; +import { useArgs } from '@storybook/preview-api'; import { action } from '@storybook/addon-actions'; import { getSettingsMock } from '@kbn/management-settings-utilities/mocks/settings.mock'; diff --git a/src/platform/packages/shared/kbn-management/settings/components/field_input/__stories__/common.tsx b/src/platform/packages/shared/kbn-management/settings/components/field_input/__stories__/common.tsx index 67042c83e8f3c..ef82731597196 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/field_input/__stories__/common.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/field_input/__stories__/common.tsx @@ -8,7 +8,7 @@ */ import React, { useState } from 'react'; -import type { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { EuiPanel } from '@elastic/eui'; @@ -92,7 +92,7 @@ export const getStory = (title: string, description: string) => ), ], - } as ComponentMeta); + } as Meta); /** * Utility function for returning a {@link FieldInput} Storybook story. diff --git a/src/platform/packages/shared/kbn-management/settings/components/field_row/__stories__/common.tsx b/src/platform/packages/shared/kbn-management/settings/components/field_row/__stories__/common.tsx index e89dd0ab59ba5..3753b7852b80b 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/field_row/__stories__/common.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/field_row/__stories__/common.tsx @@ -8,7 +8,7 @@ */ import React, { useState } from 'react'; -import type { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { EuiPanel } from '@elastic/eui'; import { SettingType, UnsavedFieldChange } from '@kbn/management-settings-types'; @@ -93,7 +93,7 @@ export const getStory = ( ), ], - } as ComponentMeta); + } as Meta); /** * Default argument values for a {@link FieldInput} Storybook story. diff --git a/src/platform/packages/shared/kbn-management/settings/components/form/storybook/form.stories.tsx b/src/platform/packages/shared/kbn-management/settings/components/form/storybook/form.stories.tsx index 072d8e5ba834c..4df85f4a8cbbf 100644 --- a/src/platform/packages/shared/kbn-management/settings/components/form/storybook/form.stories.tsx +++ b/src/platform/packages/shared/kbn-management/settings/components/form/storybook/form.stories.tsx @@ -9,7 +9,7 @@ import React from 'react'; import { action } from '@storybook/addon-actions'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { FieldDefinition } from '@kbn/management-settings-types'; import { getFieldDefinitions } from '@kbn/management-settings-field-definition'; import { getSettingsMock } from '@kbn/management-settings-utilities/mocks/settings.mock'; @@ -57,7 +57,7 @@ export default { default: 'ghost', }, }, -} as ComponentMeta; +} as Meta; interface FormStoryProps { /** True if saving settings is enabled, false otherwise. */ diff --git a/src/platform/packages/shared/kbn-management/storybook/config/main.ts b/src/platform/packages/shared/kbn-management/storybook/config/main.ts index 5f521974bb959..2b57d419a6a6b 100644 --- a/src/platform/packages/shared/kbn-management/storybook/config/main.ts +++ b/src/platform/packages/shared/kbn-management/storybook/config/main.ts @@ -11,7 +11,7 @@ import { defaultConfig } from '@kbn/storybook'; module.exports = { ...defaultConfig, - stories: ['../../**/*.stories.+(tsx|mdx)'], + stories: ['../../**/*.stories.tsx', '../../**/*.mdx'], reactOptions: { strictMode: true, }, diff --git a/src/platform/packages/shared/kbn-management/storybook/config/manager.ts b/src/platform/packages/shared/kbn-management/storybook/config/manager.ts index 8eca9f0719292..21ab9299e149b 100644 --- a/src/platform/packages/shared/kbn-management/storybook/config/manager.ts +++ b/src/platform/packages/shared/kbn-management/storybook/config/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID as selectedPanel } from '@storybook/addon-actions'; diff --git a/src/platform/packages/shared/kbn-storybook/README.md b/src/platform/packages/shared/kbn-storybook/README.md index d1eb2e7405137..c91d200d55618 100644 --- a/src/platform/packages/shared/kbn-storybook/README.md +++ b/src/platform/packages/shared/kbn-storybook/README.md @@ -8,33 +8,36 @@ This package provides ability to add [Storybook](https://storybook.js.org/) to a ## Setup Instructions -- Add a `.storybook/main.js` configuration file to your plugin. For example, create a file at - `src/plugins//.storybook/main.js`, with the following contents: +- Add a `.storybook/main.ts` configuration file to your plugin. For example, create a file at + `src/plugins//.storybook/main.ts`, with the following contents: - ```js - module.exports = require('@kbn/storybook').defaultConfig; + ```ts + import { defaultConfig } from '@kbn/storybook'; + + // eslint-disable-next-line import/no-default-export + export default defaultConfig; ``` - Add your plugin alias to `src/dev/storybook/aliases.ts` config. - Create sample Storybook stories. For example, in your plugin create a file at `src/plugins//public/components/hello_world/hello_world.stories.tsx` with - the following [Component Story Format](https://storybook.js.org/docs/react/api/csf) contents: + the following [Component Story Format](https://storybook.js.org/docs/api/csf) contents: - ```jsx + ```tsx import type { Meta, StoryObj } from '@storybook/react'; - + import { MyComponent } from './MyComponent'; - + const meta: Meta = { component: MyComponent, }; - + export default meta; type Story = StoryObj; - + export const Basic: Story = {}; - + export const WithProp: Story = { render: () => , }; @@ -45,9 +48,9 @@ This package provides ability to add [Storybook](https://storybook.js.org/) to a ## Customizing configuration The `defaultConfig` object provided by the `@kbn/storybook` package should be all you need to get running, but you can -override this in your `.storybook/main.js`. Using [Storybook's configuration options](https://storybook.js.org/docs/react/configure/overview). +override this in your `.storybook/main.ts` using [Storybook's configuration options](https://storybook.js.org/docs/react/configure/overview). -You can also add a `manager.ts` file to customize various aspects of your Storybook. For example, to change the title and link of the Storybook sidebar, you could add: +You can also add a `manager.ts` file to customize various aspects of your Storybook. For example, to change the title and link of the Storybook sidebar, you could add: ```ts addons.setConfig({ @@ -58,4 +61,4 @@ addons.setConfig({ }); ``` -Refer to the [Storybook documentation](https://storybook.js.org/docs/react/configure/features-and-behavior) for more information. +Refer to the [Storybook documentation](https://storybook.js.org/docs/react/configure/features-and-behavior) for more information. diff --git a/src/platform/packages/shared/kbn-storybook/index.ts b/src/platform/packages/shared/kbn-storybook/index.ts index 0c1cc751aff07..3ba41deab3650 100644 --- a/src/platform/packages/shared/kbn-storybook/index.ts +++ b/src/platform/packages/shared/kbn-storybook/index.ts @@ -7,13 +7,11 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { - defaultConfig, - defaultConfigWebFinal, - mergeWebpackFinal, - StorybookConfig, -} from './src/lib/default_config'; -export { defaultConfig, defaultConfigWebFinal, mergeWebpackFinal }; +import { defaultConfig, type StorybookConfig } from './src/lib/default_config'; +export { defaultConfig }; +import { default as preview } from './src/lib/preview'; + +export { preview }; export type { StorybookConfig }; export { runStorybookCli } from './src/lib/run_storybook_cli'; export { default as WebpackConfig } from './src/webpack.config'; diff --git a/src/platform/packages/shared/kbn-storybook/preset.js b/src/platform/packages/shared/kbn-storybook/preset.ts similarity index 57% rename from src/platform/packages/shared/kbn-storybook/preset.js rename to src/platform/packages/shared/kbn-storybook/preset.ts index de1735bd29b58..6fffd1d908575 100644 --- a/src/platform/packages/shared/kbn-storybook/preset.js +++ b/src/platform/packages/shared/kbn-storybook/preset.ts @@ -7,16 +7,13 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -const webpackConfig = require('./src/webpack.config'); +const managerEntries = (entry = []) => { + return [require.resolve('./src/lib/register'), ...entry]; +}; -module.exports = { - managerEntries: (entry = []) => { - return [require.resolve('./src/lib/register'), ...entry]; - }, - webpackFinal: (config) => { - return webpackConfig({ config }); - }, - config: (entry) => { - return [...entry, require.resolve('./src/lib/decorators')]; - }, +const previewAnnotations = (entry = []) => { + // this file needs to be loaded here as we run this after the webpack alias config + return [...entry, require.resolve('./src/lib/decorators')]; }; + +export { managerEntries, previewAnnotations }; diff --git a/src/platform/packages/shared/kbn-storybook/preset/package.json b/src/platform/packages/shared/kbn-storybook/preset/package.json index 7cd7517d64dde..e3f9e82c6b9bd 100644 --- a/src/platform/packages/shared/kbn-storybook/preset/package.json +++ b/src/platform/packages/shared/kbn-storybook/preset/package.json @@ -1,4 +1,4 @@ { "private": true, - "main": "../preset.js" + "main": "../preset.ts" } \ No newline at end of file diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/decorators.tsx b/src/platform/packages/shared/kbn-storybook/src/lib/decorators.tsx index 162200e83ef41..118840b55b16b 100644 --- a/src/platform/packages/shared/kbn-storybook/src/lib/decorators.tsx +++ b/src/platform/packages/shared/kbn-storybook/src/lib/decorators.tsx @@ -10,13 +10,13 @@ import { of, Subject } from 'rxjs'; import React, { useEffect } from 'react'; import { action } from '@storybook/addon-actions'; -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { I18nProvider } from '@kbn/i18n-react'; import 'core_styles'; import { BehaviorSubject } from 'rxjs'; -import { CoreTheme } from '@kbn/core-theme-browser'; -import { I18nStart } from '@kbn/core-i18n-browser'; +import type { CoreTheme } from '@kbn/core-theme-browser'; +import type { I18nStart } from '@kbn/core-i18n-browser'; import type { AnalyticsServiceStart } from '@kbn/core-analytics-browser'; import { KibanaRootContextProvider } from '@kbn/react-kibana-context-root'; import { i18n } from '@kbn/i18n'; @@ -38,7 +38,7 @@ const analytics: AnalyticsServiceStart = { * Storybook decorator using the `KibanaContextProvider`. Uses the value from * `globals` provided by the Storybook theme switcher to set the `colorMode`. */ -const KibanaContextDecorator: DecoratorFn = (storyFn, { globals }) => { +const KibanaContextDecorator: Decorator = (storyFn, { globals }) => { // TODO: Add a switcher to see components in other locales or pseudo locale i18n.init({ locale: 'en', messages: {} }); const colorMode = globals.euiTheme === 'v8.dark' ? 'dark' : 'light'; diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/default_config.ts b/src/platform/packages/shared/kbn-storybook/src/lib/default_config.ts index 1c6ff42264a00..60ebf6c473075 100644 --- a/src/platform/packages/shared/kbn-storybook/src/lib/default_config.ts +++ b/src/platform/packages/shared/kbn-storybook/src/lib/default_config.ts @@ -7,45 +7,70 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import * as path from 'path'; -import fs from 'fs'; -import type { StorybookConfig } from '@storybook/core-common'; -import webpack, { Configuration } from 'webpack'; -import { merge as webpackMerge } from 'webpack-merge'; -import { REPO_ROOT } from './constants'; -import { default as WebpackConfig } from '../webpack.config'; - -const MOCKS_DIRECTORY = '__storybook_mocks__'; -const EXTENSIONS = ['.ts', '.js']; +import { resolve } from 'path'; +import type { StorybookConfig } from '@storybook/react-webpack5'; +import type { Configuration } from 'webpack'; +import UiSharedDepsNpm from '@kbn/ui-shared-deps-npm'; +import * as UiSharedDepsSrc from '@kbn/ui-shared-deps-src'; +import { default as webpackConfig } from '../webpack.config'; export type { StorybookConfig }; -const toPath = (_path: string) => path.join(REPO_ROOT, _path); - -// This ignore pattern excludes all of node_modules EXCEPT for `@kbn`. This allows for -// changes to packages to cause a refresh in Storybook. -const IGNORE_GLOBS = [ - '**/node_modules/**', - '!**/node_modules/@kbn/**', - '!**/node_modules/@kbn/*/**', - '!**/node_modules/@kbn/*/!(node_modules)/**', -]; - export const defaultConfig: StorybookConfig = { - addons: ['@kbn/storybook/preset', '@storybook/addon-a11y', '@storybook/addon-essentials'], + addons: [ + '@storybook/addon-webpack5-compiler-babel', + '@kbn/storybook/preset', + '@storybook/addon-a11y', + '@storybook/addon-essentials', + ], + framework: { + name: '@storybook/react-webpack5', + options: { + fastRefresh: true, + builder: { + fsCache: true, + }, + }, + }, core: { - builder: 'webpack5', + disableTelemetry: true, + enableCrashReports: false, }, - stories: ['../**/*.stories.tsx', '../**/*.stories.mdx'], + previewAnnotations: [resolve(__dirname, './preview.ts')], + previewHead: (head) => ` + ${head} + + + + + + + + + + + `, + stories: ['../**/*.stories.tsx', '../**/*.mdx'], typescript: { reactDocgen: false, + check: false, }, - features: { - postcss: false, - }, - // @ts-expect-error StorybookConfig type is incomplete - // https://storybook.js.org/docs/react/configure/babel#custom-configuration - babel: async (options) => { + staticDirs: [ + UiSharedDepsNpm.distDir, + UiSharedDepsSrc.distDir, + { + from: resolve(__dirname, '../../../../../plugins/shared/kibana_react/public/assets'), + to: 'plugins/kibanaReact/assets', + }, + ], + + babel: async (options: Record) => { + options.presets = options.presets || []; options.presets.push([ require.resolve('@emotion/babel-preset-css-prop'), { @@ -58,98 +83,7 @@ export const defaultConfig: StorybookConfig = { ]); return options; }, - webpackFinal: (config, options) => { - if (process.env.CI) { - config.parallelism = 4; - config.cache = true; - } - - // This will go over every component which is imported and check its import statements. - // For every import which starts with ./ it will do a check to see if a file with the same name - // exists in the __storybook_mocks__ folder. If it does, use that import instead. - // This allows you to mock hooks and functions when rendering components in Storybook. - // It is akin to Jest's manual mocks (__mocks__). - config.plugins?.push( - new webpack.NormalModuleReplacementPlugin(/^\.\//, async (resource: any) => { - if (!resource.contextInfo.issuer?.includes('node_modules')) { - const mockedPath = path.resolve(resource.context, MOCKS_DIRECTORY, resource.request); - - EXTENSIONS.forEach((ext) => { - const isReplacementPathExists = fs.existsSync(mockedPath + ext); - - if (isReplacementPathExists) { - const newImportPath = './' + path.join(MOCKS_DIRECTORY, resource.request); - resource.request = newImportPath; - } - }); - } - }) - ); - - // Same, but for imports statements which import modules outside of the directory (../) - config.plugins?.push( - new webpack.NormalModuleReplacementPlugin(/^\.\.\//, async (resource: any) => { - if (!resource.contextInfo.issuer?.includes('node_modules')) { - const prs = path.parse(resource.request); - - const mockedPath = path.resolve(resource.context, prs.dir, MOCKS_DIRECTORY, prs.base); - - EXTENSIONS.forEach((ext) => { - const isReplacementPathExists = fs.existsSync(mockedPath + ext); - - if (isReplacementPathExists) { - const newImportPath = prs.dir + '/' + path.join(MOCKS_DIRECTORY, prs.base); - resource.request = newImportPath; - } - }); - } - }) - ); - - config.resolve = { - ...config.resolve, - fallback: { - ...config?.resolve?.fallback, - fs: false, - }, - }; - config.watch = true; - config.watchOptions = { - ...config.watchOptions, - ignored: IGNORE_GLOBS, - }; - - // Remove when @storybook has moved to @emotion v11 - // https://github.com/storybookjs/storybook/issues/13145 - const emotion11CompatibleConfig = { - ...config, - resolve: { - ...config.resolve, - alias: { - ...config.resolve?.alias, - '@emotion/core': toPath('node_modules/@emotion/react'), - '@emotion/styled': toPath('node_modules/@emotion/styled'), - 'emotion-theming': toPath('node_modules/@emotion/react'), - }, - }, - }; - - return emotion11CompatibleConfig; - }, -}; - -// defaultConfigWebFinal and mergeWebpackFinal have been moved here because webpackFinal usage in -// storybook main.ts somehow is causing issues with newly added dependency of ts-node most likely -// an issue with storybook typescript setup see this issue for more details -// https://github.com/storybookjs/storybook/issues/9610 - -export const defaultConfigWebFinal: StorybookConfig = { - ...defaultConfig, - webpackFinal: (config: Configuration) => { - return WebpackConfig({ config }); + webpackFinal: async (config: Configuration) => { + return webpackConfig({ config }); }, }; - -export const mergeWebpackFinal = (extraConfig: Configuration) => { - return { webpackFinal: (config: Configuration) => webpackMerge(config, extraConfig) }; -}; diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/preview.ts b/src/platform/packages/shared/kbn-storybook/src/lib/preview.ts new file mode 100644 index 0000000000000..1f1704cf59c10 --- /dev/null +++ b/src/platform/packages/shared/kbn-storybook/src/lib/preview.ts @@ -0,0 +1,41 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the "Elastic License + * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side + * Public License v 1"; you may not use this file except in compliance with, at + * your election, the "Elastic License 2.0", the "GNU Affero General Public + * License v3.0 only", or the "Server Side Public License, v 1". + */ + +import type { Preview } from '@storybook/react'; + +const preview: Preview = { + globalTypes: { + euiTheme: { + description: 'Elastic theme', + toolbar: { + title: 'Theme', + icon: 'paintbrush', + items: [ + { + value: 'v8.light', + icon: 'hearthollow', + title: 'Light', + }, + { + value: 'v8.dark', + icon: 'heart', + title: 'Dark', + }, + ], + }, + }, + }, + initialGlobals: { + theme: 'v8.light', + }, + tags: ['autodocs'], +}; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/register.ts b/src/platform/packages/shared/kbn-storybook/src/lib/register.ts index 028f6f20553f1..47d891bab5afb 100644 --- a/src/platform/packages/shared/kbn-storybook/src/lib/register.ts +++ b/src/platform/packages/shared/kbn-storybook/src/lib/register.ts @@ -7,12 +7,11 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; -import { registerThemeSwitcherAddon } from './register_theme_switcher_addon'; // This configures the "Manager", or main outer view of Storybook. It is an -// addon that's loaded by the `managerEntries` part of the preset in ../preset.js. +// addon that's loaded by the `managerEntries` part of the preset in ../preset.ts. addons.setConfig({ theme: create({ base: 'light', @@ -25,5 +24,3 @@ addons.setConfig({ panelPosition: 'bottom', showToolbar: true, }); - -registerThemeSwitcherAddon(); diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/register_theme_switcher_addon.ts b/src/platform/packages/shared/kbn-storybook/src/lib/register_theme_switcher_addon.ts deleted file mode 100644 index 27b04aff8652d..0000000000000 --- a/src/platform/packages/shared/kbn-storybook/src/lib/register_theme_switcher_addon.ts +++ /dev/null @@ -1,39 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the "Elastic License - * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side - * Public License v 1"; you may not use this file except in compliance with, at - * your election, the "Elastic License 2.0", the "GNU Affero General Public - * License v3.0 only", or the "Server Side Public License, v 1". - */ - -import { addons, types } from '@storybook/addons'; -import { ThemeSwitcher } from './theme_switcher'; - -export const THEME_SWITCHER_ADDON_ID = 'kibana/eui-theme-switcher'; - -export function registerThemeSwitcherAddon() { - addons.register(THEME_SWITCHER_ADDON_ID, (api) => { - const channel = api.getChannel(); - - channel.on('globalsUpdated', ({ globals }) => { - const previewFrame = document.getElementById( - 'storybook-preview-iframe' - ) as HTMLIFrameElement | null; - const stylesheet = previewFrame?.contentDocument?.getElementById( - 'eui-theme-css' - ) as HTMLLinkElement | null; - - if (stylesheet && globals.euiTheme) { - stylesheet.href = `kbn-ui-shared-deps-npm.${globals.euiTheme}.css`; - } - }); - - addons.add(THEME_SWITCHER_ADDON_ID, { - title: 'EUI Theme Switcher', - type: types.TOOL, - match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)), - render: ThemeSwitcher, - }); - }); -} diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/run_storybook_cli.ts b/src/platform/packages/shared/kbn-storybook/src/lib/run_storybook_cli.ts index f10be2741d687..8fe658ccadc0e 100644 --- a/src/platform/packages/shared/kbn-storybook/src/lib/run_storybook_cli.ts +++ b/src/platform/packages/shared/kbn-storybook/src/lib/run_storybook_cli.ts @@ -9,13 +9,9 @@ import { join } from 'path'; import { logger } from '@storybook/node-logger'; -import buildStandalone from '@storybook/react/standalone'; +import { build } from '@storybook/core-server'; import { Flags, run } from '@kbn/dev-cli-runner'; -import UiSharedDepsNpm from '@kbn/ui-shared-deps-npm'; -import * as UiSharedDepsSrc from '@kbn/ui-shared-deps-src'; -// @ts-expect-error internal dep of storybook -import interpret from 'interpret'; // eslint-disable-line import/no-extraneous-dependencies import * as constants from './constants'; // Convert the flags to a Storybook loglevel @@ -40,29 +36,18 @@ export function runStorybookCli({ configDir, name }: { configDir: string; name: async ({ flags, log }) => { log.debug('Global config:\n', constants); - const staticDir = [ - UiSharedDepsNpm.distDir, - UiSharedDepsSrc.distDir, - 'src/platform/plugins/shared/kibana_react/public/assets:plugins/kibanaReact/assets', - ]; const config: Record = { configDir, mode: flags.site ? 'static' : 'dev', port: 9001, - staticDir, }; if (flags.site) { config.outputDir = join(constants.ASSET_DIR, name); } - + config.debugWebpack = true; logger.setLevel(getLogLevelFromFlags(flags)); - // force storybook to use our transpilation rather than ts-node or anything else - interpret.extensions['.ts'] = [require.resolve('@kbn/babel-register/install')]; - interpret.extensions['.tsx'] = [require.resolve('@kbn/babel-register/install')]; - interpret.extensions['.jsx'] = [require.resolve('@kbn/babel-register/install')]; - - await buildStandalone(config); + await build(config); // Line is only reached when building the static version if (flags.site) process.exit(); diff --git a/src/platform/packages/shared/kbn-storybook/src/lib/theme_switcher.tsx b/src/platform/packages/shared/kbn-storybook/src/lib/theme_switcher.tsx deleted file mode 100644 index acf1a7fa816a5..0000000000000 --- a/src/platform/packages/shared/kbn-storybook/src/lib/theme_switcher.tsx +++ /dev/null @@ -1,91 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the "Elastic License - * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side - * Public License v 1"; you may not use this file except in compliance with, at - * your election, the "Elastic License 2.0", the "GNU Affero General Public - * License v3.0 only", or the "Server Side Public License, v 1". - */ - -import React, { useCallback, useEffect } from 'react'; -import { Icons, IconButton, TooltipLinkList, WithTooltip } from '@storybook/components'; -import { useGlobals } from '@storybook/api'; - -type PropsOf> = T extends React.FC ? P : never; -type ArrayItem = T extends Array ? I : never; -type Link = ArrayItem['links']>; - -const defaultTheme = 'v8.light'; - -export function ThemeSwitcher() { - const [{ euiTheme: selectedTheme }, updateGlobals] = useGlobals(); - - const selectTheme = useCallback( - (themeId: string) => { - updateGlobals({ euiTheme: themeId }); - }, - [updateGlobals] - ); - - useEffect(() => { - if (!selectedTheme) { - selectTheme(defaultTheme); - } - }, [selectTheme, selectedTheme]); - - return ( - ( - - )} - > - {/* @ts-ignore Remove when @storybook has moved to @emotion v11 */} - - - - - ); -} - -const ThemeSwitcherTooltip = React.memo( - ({ - onHide, - onChangeSelectedTheme, - selectedTheme, - }: { - onHide: () => void; - onChangeSelectedTheme: (themeId: string) => void; - selectedTheme: string; - }) => { - const links = [ - { - id: 'v8.light', - title: 'Light', - }, - { - id: 'v8.dark', - title: 'Dark', - }, - ].map( - (link): Link => ({ - ...link, - onClick: (_event, item) => { - if (item.id != null && item.id !== selectedTheme) { - onChangeSelectedTheme(item.id); - } - onHide(); - }, - active: selectedTheme === link.id, - }) - ); - - return ; - } -); diff --git a/src/platform/packages/shared/kbn-storybook/src/webpack.config.ts b/src/platform/packages/shared/kbn-storybook/src/webpack.config.ts index c085c4237183c..6ae06f7b6d5f2 100644 --- a/src/platform/packages/shared/kbn-storybook/src/webpack.config.ts +++ b/src/platform/packages/shared/kbn-storybook/src/webpack.config.ts @@ -9,8 +9,9 @@ /* eslint-disable import/no-default-export */ import { externals } from '@kbn/ui-shared-deps-src'; -import { resolve } from 'path'; -import webpack, { Configuration } from 'webpack'; +import { resolve, join, parse } from 'path'; +import webpack, { type Configuration, type Compiler } from 'webpack'; +import fs from 'fs'; import { merge as webpackMerge } from 'webpack-merge'; import { NodeLibsBrowserPlugin } from '@kbn/node-libs-browser-webpack-plugin'; import { REPO_ROOT } from './lib/constants'; @@ -23,10 +24,6 @@ function isProgressPlugin(plugin: any) { return 'handler' in plugin && plugin.showActiveModules && plugin.showModules; } -function isHtmlPlugin(plugin: any): plugin is { options: { template: string } } { - return !!(typeof plugin.options?.template === 'string'); -} - interface BabelLoaderRule extends webpack.RuleSetRule { use: Array<{ loader: 'babel-loader'; @@ -64,11 +61,69 @@ function isDesiredPreset(preset: Preset) { return !getPresetPath(preset)?.includes('preset-flow'); } +const MOCKS_DIRECTORY = '__storybook_mocks__'; +const EXTENSIONS = ['.ts', '.js']; + +// This ignore pattern excludes all of node_modules EXCEPT for `@kbn`. This allows for +// changes to packages to cause a refresh in Storybook. +const IGNORE_GLOBS = [ + '**/node_modules/**', + '!**/node_modules/@kbn/**', + '!**/node_modules/@kbn/*/**', + '!**/node_modules/@kbn/*/!(node_modules)/**', +]; + +const createMockPlugin = (pattern: RegExp) => { + return { + apply(compiler: Compiler) { + compiler.hooks.normalModuleFactory.tap('MockReplacementPlugin', (factory) => { + factory.hooks.beforeResolve.tap('MockReplacementPlugin', (resolveData: any) => { + if (!resolveData) return; + + const { request, context, contextInfo } = resolveData; + + // Skip node_modules + if (contextInfo.issuer?.includes('node_modules')) return; + + // Only process requests matching our pattern + if (pattern.test(request)) { + if (request.startsWith('./')) { + // Handle ./ imports + const mockedPath = resolve(context, MOCKS_DIRECTORY, request.slice(2)); + + for (const ext of EXTENSIONS) { + if (fs.existsSync(mockedPath + ext)) { + resolveData.request = './' + join(MOCKS_DIRECTORY, request.slice(2)); + break; + } + } + } else if (request.startsWith('../')) { + // Handle ../ imports + const prs = parse(request); + const mockedPath = resolve(context, prs.dir, MOCKS_DIRECTORY, prs.base); + + for (const ext of EXTENSIONS) { + if (fs.existsSync(mockedPath + ext)) { + resolveData.request = prs.dir + '/' + join(MOCKS_DIRECTORY, prs.base); + break; + } + } + } + } + + // Don't return anything (or return undefined) to continue with the module + // Return false only if you want to prevent the module from being created + }); + }); + }, + }; +}; + // Extend the Storybook Webpack config with some customizations /** * @returns {import('webpack').Configuration} */ -export default ({ config: storybookConfig }: { config: Configuration }) => { +export default async ({ config: storybookConfig }: { config: Configuration }) => { const config: Configuration = { devServer: { devMiddleware: { @@ -143,10 +198,27 @@ export default ({ config: storybookConfig }: { config: Configuration }) => { core_styles: resolve(REPO_ROOT, 'src/core/public/index.scss'), vega: resolve(REPO_ROOT, 'node_modules/vega/build-es5/vega.js'), }, + fallback: { + timers: false, + }, }, stats: 'errors-only', }; + if (process.env.CI) { + config.parallelism = 4; + config.cache = true; + } + + config.plugins = config.plugins || []; + config.plugins.push(createMockPlugin(/^\.\//)); // For ./ imports + config.plugins.push(createMockPlugin(/^\.\.\//)); // For ../ imports + + config.watchOptions = { + ...config.watchOptions, + ignored: IGNORE_GLOBS, + }; + // Override storybookConfig mainFields instead of merging with config delete storybookConfig.resolve?.mainFields; @@ -196,13 +268,6 @@ export default ({ config: storybookConfig }: { config: Configuration }) => { continue; } - // This is the hacky part. We find something that looks like the - // HtmlWebpackPlugin and mutate its `options.template` to point at our - // revised template. - if (isHtmlPlugin(plugin)) { - plugin.options.template = require.resolve('../templates/index.ejs'); - } - filteredStorybookPlugins.push(plugin); } diff --git a/src/platform/packages/shared/kbn-storybook/templates/index.ejs b/src/platform/packages/shared/kbn-storybook/templates/index.ejs deleted file mode 100644 index 69a80bb48ed92..0000000000000 --- a/src/platform/packages/shared/kbn-storybook/templates/index.ejs +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - - - <%= htmlWebpackPlugin.options.title || 'Storybook' %> - - - <% if (htmlWebpackPlugin.files.favicon) { %> - - <% } %> - - - - - - - - - - - - - - <% if (typeof headHtmlSnippet !=='undefined' ) { %> - <%= headHtmlSnippet %> - <% } %> - <% htmlWebpackPlugin.files.css.forEach(file=> { %> - - <% }); %> - - - - - - - - - - <% if (typeof bodyHtmlSnippet !=='undefined' ) { %> - <%= bodyHtmlSnippet %> - <% } %> - -
-
- - <% if (typeof globals !=='undefined' && Object.keys(globals).length) { %> - - <% } %> - - <% htmlWebpackPlugin.files.js.forEach(file=> { %> - - <% }); %> - - - \ No newline at end of file diff --git a/src/platform/packages/shared/kbn-test/src/jest/setup/emotion.js b/src/platform/packages/shared/kbn-test/src/jest/setup/emotion.js index 1084d4d695c6d..e4db51cf657a9 100644 --- a/src/platform/packages/shared/kbn-test/src/jest/setup/emotion.js +++ b/src/platform/packages/shared/kbn-test/src/jest/setup/emotion.js @@ -15,7 +15,6 @@ module.exports = createSerializer({ includeStyles: false, }); // NOTE: The above `createSerializer` needs to be repeated in canvas' -// `storyshots.test.tsx` file as well, as they do not use the kbn-test config const consoleError = console.error; console.error = (message, ...rest) => { diff --git a/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tab.stories.tsx b/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tab.stories.tsx index 944c2c3b94c47..f7ad0d42249e2 100644 --- a/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tab.stories.tsx +++ b/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tab.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { Tab, type TabProps } from '../tab'; import { STORYBOOK_TITLE } from './storybook_constants'; @@ -23,7 +23,7 @@ export default { }, }; -const TabTemplate: ComponentStory> = (args) => ( +const TabTemplate: StoryObj> = (args) => ( ); diff --git a/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tabs.stories.tsx b/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tabs.stories.tsx index cfe170a5a94a2..d9c19316119e3 100644 --- a/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tabs.stories.tsx +++ b/src/platform/packages/shared/kbn-unified-tabs/src/components/__stories__/tabs.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import type { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { TabbedContent, type TabbedContentProps } from '../tabbed_content'; import { STORYBOOK_TITLE } from './storybook_constants'; @@ -25,7 +25,7 @@ export default { }, }; -const TabbedContentTemplate: ComponentStory> = (args) => ( +const TabbedContentTemplate: StoryObj> = (args) => ( { diff --git a/src/platform/packages/shared/react/kibana_context/root/README.mdx b/src/platform/packages/shared/react/kibana_context/root/README.mdx index 3825d6d61e219..44f65fc97384e 100644 --- a/src/platform/packages/shared/react/kibana_context/root/README.mdx +++ b/src/platform/packages/shared/react/kibana_context/root/README.mdx @@ -9,7 +9,7 @@ date: 2023-07-25 ## Description -This package contains a root context provider for Kibana rendering. It handles operations that should only happen _once_ when the browser loads a page. +This package contains a root context provider for Kibana rendering. It handles operations that should only happen _once_ when the browser loads a page. While it would be safer to isolate this in a `core` package, we need to use it in other contexts-- like Storybook and Jest. @@ -21,7 +21,7 @@ import { I18nProvider } from '@kbn/i18n-react'; import { KibanaRootContextProvider } from '@kbn/react-kibana-context-root'; import { action } from '@storybook/addon-actions'; -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import type { CoreTheme } from '@kbn/core-theme-browser'; import type { I18nStart } from '@kbn/core-i18n-browser'; @@ -35,7 +35,7 @@ const i18n: I18nStart = { Context: ({ children }) => {children}, }; -export const KibanaContextDecorator: DecoratorFn = (storyFn, { globals }) => { +export const KibanaContextDecorator: Decorator = (storyFn, { globals }) => { const colorMode = globals.euiTheme === 'v8.dark' ? 'dark' : 'light'; useEffect(() => { @@ -49,4 +49,3 @@ export const KibanaContextDecorator: DecoratorFn = (storyFn, { globals }) => { ); }; ``` - diff --git a/src/platform/packages/shared/react/kibana_context/styled/styled_provider.tsx b/src/platform/packages/shared/react/kibana_context/styled/styled_provider.tsx index eadab57fe5c1e..18d83657216e7 100644 --- a/src/platform/packages/shared/react/kibana_context/styled/styled_provider.tsx +++ b/src/platform/packages/shared/react/kibana_context/styled/styled_provider.tsx @@ -7,12 +7,16 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import React from 'react'; import * as styledComponents from 'styled-components'; -import { ThemedStyledComponentsModule, ThemeProvider, ThemeProviderProps } from 'styled-components'; +import { + type ThemedStyledComponentsModule, + ThemeProvider, + type ThemeProviderProps, +} from 'styled-components'; import { euiThemeVars, euiLightVars, euiDarkVars } from '@kbn/ui-theme'; /** @@ -52,7 +56,7 @@ const KibanaStyledComponentsThemeProvider = < * * @deprecated All Kibana components need to migrate to Emotion. */ -export const KibanaStyledComponentsThemeProviderDecorator: DecoratorFn = (storyFn, { globals }) => { +export const KibanaStyledComponentsThemeProviderDecorator: Decorator = (storyFn, { globals }) => { const darkMode = globals.euiTheme === 'v8.dark' || globals.euiTheme === 'v7.dark'; return ( diff --git a/src/platform/packages/shared/serverless/storybook/config/main.ts b/src/platform/packages/shared/serverless/storybook/config/main.ts index 5f521974bb959..2b57d419a6a6b 100644 --- a/src/platform/packages/shared/serverless/storybook/config/main.ts +++ b/src/platform/packages/shared/serverless/storybook/config/main.ts @@ -11,7 +11,7 @@ import { defaultConfig } from '@kbn/storybook'; module.exports = { ...defaultConfig, - stories: ['../../**/*.stories.+(tsx|mdx)'], + stories: ['../../**/*.stories.tsx', '../../**/*.mdx'], reactOptions: { strictMode: true, }, diff --git a/src/platform/packages/shared/serverless/storybook/config/manager.ts b/src/platform/packages/shared/serverless/storybook/config/manager.ts index 8eca9f0719292..21ab9299e149b 100644 --- a/src/platform/packages/shared/serverless/storybook/config/manager.ts +++ b/src/platform/packages/shared/serverless/storybook/config/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID as selectedPanel } from '@storybook/addon-actions'; diff --git a/src/platform/packages/shared/shared-ux/button_toolbar/src/toolbar/toolbar.stories.tsx b/src/platform/packages/shared/shared-ux/button_toolbar/src/toolbar/toolbar.stories.tsx index 2c4de9edc6848..03233bcdfcefa 100644 --- a/src/platform/packages/shared/shared-ux/button_toolbar/src/toolbar/toolbar.stories.tsx +++ b/src/platform/packages/shared/shared-ux/button_toolbar/src/toolbar/toolbar.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { EuiContextMenu } from '@elastic/eui'; @@ -174,7 +174,7 @@ export default { }, }; -const Template: Story<{ +const Template: StoryFn<{ solution: 'Generic' | 'Canvas' | 'Dashboard'; iconButtonCount: number; showAddFromLibraryButton: boolean; diff --git a/src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx b/src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx index 3dd44fc4b0aa4..4536f639be4c3 100644 --- a/src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx +++ b/src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import React, { EventHandler, FC, MouseEvent, useState, useEffect } from 'react'; import { of } from 'rxjs'; @@ -530,4 +530,4 @@ export default { }, }, component: GeneralLayoutStructure, -} as ComponentMeta; +} as Meta; diff --git a/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.fatal.stories.tsx b/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.fatal.stories.tsx index 2b4ddb3487231..668d97c8a2938 100644 --- a/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.fatal.stories.tsx +++ b/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.fatal.stories.tsx @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { Meta, Story } from '@storybook/react'; +import { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { EuiFormFieldset } from '@elastic/eui'; @@ -32,7 +32,7 @@ export default { }, } as Meta; -export const ErrorInCallout: Story = () => { +export const ErrorInCallout: StoryFn = () => { const services = storybookMock.getServices(); return ( @@ -46,7 +46,7 @@ export const ErrorInCallout: Story = () => { ); }; -export const SectionErrorInCallout: Story = () => { +export const SectionErrorInCallout: StoryFn = () => { const services = storybookMock.getServices(); return ( diff --git a/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.recoverable.stories.tsx b/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.recoverable.stories.tsx index 49beb3f4cf497..4c366767846ce 100644 --- a/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.recoverable.stories.tsx +++ b/src/platform/packages/shared/shared-ux/error_boundary/src/ui/error_boundary.recoverable.stories.tsx @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { EuiFormFieldset } from '@elastic/eui'; @@ -34,7 +34,7 @@ export default { }, } as Meta; -export const ErrorInCallout: Story = () => { +export const ErrorInCallout: StoryFn = () => { const services = storybookMock.getServices(); return ( @@ -48,7 +48,7 @@ export const ErrorInCallout: Story = () => { ); }; -export const SectionErrorInCallout: Story = () => { +export const SectionErrorInCallout: StoryFn = () => { const services = storybookMock.getServices(); return ( diff --git a/src/platform/packages/shared/shared-ux/file/file_picker/impl/src/file_picker.stories.tsx b/src/platform/packages/shared/shared-ux/file/file_picker/impl/src/file_picker.stories.tsx index cda8266d5b8ac..0e57138a7f2cd 100644 --- a/src/platform/packages/shared/shared-ux/file/file_picker/impl/src/file_picker.stories.tsx +++ b/src/platform/packages/shared/shared-ux/file/file_picker/impl/src/file_picker.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { base64dLogo } from '@kbn/shared-ux-file-image-mocks'; import type { FileImageMetadata, FileKindBrowser } from '@kbn/shared-ux-file-types'; @@ -58,9 +58,9 @@ export default { ), ], -} as ComponentMeta; +} as Meta; -const Template: ComponentStory = (props) => ; +const Template: StoryObj = (props) => ; export const Empty = Template.bind({}); diff --git a/src/platform/packages/shared/shared-ux/file/file_upload/impl/src/file_upload.stories.tsx b/src/platform/packages/shared/shared-ux/file/file_upload/impl/src/file_upload.stories.tsx index 97d714edb4951..6a9aac2eaed2c 100644 --- a/src/platform/packages/shared/shared-ux/file/file_upload/impl/src/file_upload.stories.tsx +++ b/src/platform/packages/shared/shared-ux/file/file_upload/impl/src/file_upload.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { FileKindBrowser, BaseFilesClient as FilesClient } from '@kbn/shared-ux-file-types'; import { FilesContext } from '@kbn/shared-ux-file-context'; @@ -65,9 +65,9 @@ export default { ), ], -} as ComponentMeta; +} as Meta; -const Template: ComponentStory = (props: Props) => ; +const Template: StoryObj = (props: Props) => ; export const Basic = Template.bind({}); diff --git a/src/platform/packages/shared/shared-ux/file/image/impl/src/image.stories.tsx b/src/platform/packages/shared/shared-ux/file/image/impl/src/image.stories.tsx index c7be93ffb7d39..23e47f2c26278 100644 --- a/src/platform/packages/shared/shared-ux/file/image/impl/src/image.stories.tsx +++ b/src/platform/packages/shared/shared-ux/file/image/impl/src/image.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentStory, ComponentMeta } from '@storybook/react'; +import type { StoryObj, Meta } from '@storybook/react'; import { getImageMetadata } from '@kbn/shared-ux-file-util'; import { getImageData as getBlob, base64dLogo } from '@kbn/shared-ux-file-image-mocks'; @@ -38,9 +38,9 @@ export default { ); }, ], -} as ComponentMeta; +} as Meta; -const Template: ComponentStory = (props: Props, { loaded: { meta } }) => ( +const Template: StoryObj = (props: Props, { loaded: { meta } }) => ( ); diff --git a/src/platform/packages/shared/shared-ux/prompt/not_found/src/not_found_prompt.stories.tsx b/src/platform/packages/shared/shared-ux/prompt/not_found/src/not_found_prompt.stories.tsx index f5c63a3ba24da..da08faf7e16b8 100644 --- a/src/platform/packages/shared/shared-ux/prompt/not_found/src/not_found_prompt.stories.tsx +++ b/src/platform/packages/shared/shared-ux/prompt/not_found/src/not_found_prompt.stories.tsx @@ -9,7 +9,7 @@ import { EuiButton, EuiPageTemplate } from '@elastic/eui'; import React from 'react'; -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import mdx from '../README.mdx'; import { NotFoundPrompt } from './not_found_prompt'; @@ -28,7 +28,7 @@ export default { }, } as Meta; -export const EmptyPage: Story = () => { +export const EmptyPage: StoryFn = () => { return ( @@ -38,7 +38,7 @@ export const EmptyPage: Story = () => { ); }; -export const PageWithSidebar: Story = () => { +export const PageWithSidebar: StoryFn = () => { return ( sidebar @@ -47,7 +47,7 @@ export const PageWithSidebar: Story = () => { ); }; -export const CustomActions: Story = (args) => { +export const CustomActions: StoryFn = (args) => { return ( diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/mosaic_vis_renderer.stories.tsx b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/mosaic_vis_renderer.stories.tsx index 490516fff33f4..0bea47612f0b4 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/mosaic_vis_renderer.stories.tsx +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/mosaic_vis_renderer.stories.tsx @@ -8,7 +8,7 @@ */ import React, { FC, PropsWithChildren } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { Render } from '@kbn/presentation-util-plugin/public/__stories__'; import { getPartitionVisRenderer } from '../expression_renderers'; import { ChartTypes, PartitionChartProps } from '../../common/types'; @@ -27,7 +27,7 @@ type Props = { syncColors: PartitionChartProps['syncColors']; } & PartitionChartProps['visConfig']; -const PartitionVis: ComponentStory>> = ({ +const PartitionVis: StoryObj>> = ({ visType, syncColors, children, diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/pie_vis_renderer.stories.tsx b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/pie_vis_renderer.stories.tsx index 52a3586e58829..4ae38440c15e8 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/pie_vis_renderer.stories.tsx +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/pie_vis_renderer.stories.tsx @@ -8,7 +8,7 @@ */ import React, { FC, PropsWithChildren } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { Render } from '@kbn/presentation-util-plugin/public/__stories__'; import { getPartitionVisRenderer } from '../expression_renderers'; import { ChartTypes, PartitionChartProps } from '../../common/types'; @@ -27,7 +27,7 @@ type Props = { syncColors: PartitionChartProps['syncColors']; } & PartitionChartProps['visConfig']; -const PartitionVis: ComponentStory>> = ({ +const PartitionVis: StoryObj>> = ({ visType, syncColors, children, diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/shared/arg_types.ts b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/shared/arg_types.ts index 272828aaf74ba..71c45e8e1b19a 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/shared/arg_types.ts +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/shared/arg_types.ts @@ -8,7 +8,7 @@ */ import { LegendValue, Position } from '@elastic/charts'; -import { ArgTypes } from '@storybook/addons'; +import type { ArgTypes } from '@storybook/preview-api'; import { EmptySizeRatios, LegendDisplay } from '../../../common'; import { ChartTypes } from '../../../common/types'; diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/treemap_vis_renderer.stories.tsx b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/treemap_vis_renderer.stories.tsx index 337f0d75a5349..ad17c60f71796 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/treemap_vis_renderer.stories.tsx +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/treemap_vis_renderer.stories.tsx @@ -8,7 +8,7 @@ */ import React, { FC, PropsWithChildren } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { Render } from '@kbn/presentation-util-plugin/public/__stories__'; import { getPartitionVisRenderer } from '../expression_renderers'; import { ChartTypes, PartitionChartProps } from '../../common/types'; @@ -27,7 +27,7 @@ type Props = { syncColors: PartitionChartProps['syncColors']; } & PartitionChartProps['visConfig']; -const PartitionVis: ComponentStory>> = ({ +const PartitionVis: StoryObj>> = ({ visType, syncColors, children, diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/waffle_vis_renderer.stories.tsx b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/waffle_vis_renderer.stories.tsx index 8a8a9e1b7084e..07d07da95136d 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/waffle_vis_renderer.stories.tsx +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/__stories__/waffle_vis_renderer.stories.tsx @@ -8,7 +8,7 @@ */ import React, { FC, PropsWithChildren } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { Render } from '@kbn/presentation-util-plugin/public/__stories__'; import { getPartitionVisRenderer } from '../expression_renderers'; import { ChartTypes, PartitionChartProps } from '../../common/types'; @@ -27,7 +27,7 @@ type Props = { syncColors: PartitionChartProps['syncColors']; } & PartitionChartProps['visConfig']; -const PartitionVis: ComponentStory>> = ({ +const PartitionVis: StoryObj>> = ({ visType, syncColors, children, diff --git a/src/platform/plugins/shared/custom_integrations/storybook/decorator.tsx b/src/platform/plugins/shared/custom_integrations/storybook/decorator.tsx index 402ac98c0c772..ca5c1bb1d14a2 100644 --- a/src/platform/plugins/shared/custom_integrations/storybook/decorator.tsx +++ b/src/platform/plugins/shared/custom_integrations/storybook/decorator.tsx @@ -9,7 +9,7 @@ import React from 'react'; -import { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { I18nProvider } from '@kbn/i18n-react'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common/eui_styled_components'; @@ -21,7 +21,7 @@ import { CustomIntegrationsServicesProvider } from '../public/services'; * for components rendered in Storybook. */ export const getCustomIntegrationsContextDecorator = - (): DecoratorFn => + (): Decorator => (story, { globals }) => { const ContextProvider = getCustomIntegrationsContextProvider(); const darkMode = globals.euiTheme === 'v8.dark' || globals.euiTheme === 'v7.dark'; diff --git a/src/platform/plugins/shared/custom_integrations/storybook/manager.ts b/src/platform/plugins/shared/custom_integrations/storybook/manager.ts index c6d9098e57e69..2630471cabb1e 100644 --- a/src/platform/plugins/shared/custom_integrations/storybook/manager.ts +++ b/src/platform/plugins/shared/custom_integrations/storybook/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/src/platform/plugins/shared/custom_integrations/storybook/preview.tsx b/src/platform/plugins/shared/custom_integrations/storybook/preview.tsx index 1411b06bbd209..e97901a97eedf 100644 --- a/src/platform/plugins/shared/custom_integrations/storybook/preview.tsx +++ b/src/platform/plugins/shared/custom_integrations/storybook/preview.tsx @@ -8,22 +8,26 @@ */ import React from 'react'; -import { Title, Subtitle, Description, Primary, Stories } from '@storybook/addon-docs/blocks'; - +import { Title, Subtitle, Description, Primary, Stories } from '@storybook/blocks'; +import type { Preview } from '@storybook/react'; import { getCustomIntegrationsContextDecorator } from './decorator'; -export const decorators = [getCustomIntegrationsContextDecorator()]; - -export const parameters = { - docs: { - page: () => ( - <> - - <Subtitle /> - <Description /> - <Primary /> - <Stories /> - </> - ), +const preview: Preview = { + parameters: { + docs: { + page: () => ( + <> + <Title /> + <Subtitle /> + <Description /> + <Primary /> + <Stories /> + </> + ), + }, }, + decorators: [getCustomIntegrationsContextDecorator()], }; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/src/platform/plugins/shared/es_ui_shared/.storybook/manager.ts b/src/platform/plugins/shared/es_ui_shared/.storybook/manager.ts index 566332bc6a3ed..cc25f64a4f6d5 100644 --- a/src/platform/plugins/shared/es_ui_shared/.storybook/manager.ts +++ b/src/platform/plugins/shared/es_ui_shared/.storybook/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/form.stories.tsx b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/form.stories.tsx index 8490465a3249a..2a1bf03533358 100644 --- a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/form.stories.tsx +++ b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/form.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { EuiButton } from '@elastic/eui'; import { action } from '@storybook/addon-actions'; @@ -28,7 +28,7 @@ export default { parameters: { controls: { hideNoControlsWarning: true }, }, -} as ComponentMeta<typeof Form>; +} as Meta<typeof Form>; type Args = Pick<FormProps, 'children' | 'FormWrapper'>; diff --git a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_array.stories.tsx b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_array.stories.tsx index fbaaa30218ffc..906a3133c7d0b 100644 --- a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_array.stories.tsx +++ b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_array.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { STORYBOOK_SECTION } from '../constants'; import { UseArray } from './use_array'; @@ -28,6 +28,6 @@ export default { ); }, ], -} as ComponentMeta<typeof UseArray>; +} as Meta<typeof UseArray>; export { UseArrayBasic, UseArrayReorder, UseArrayComplex, UseArrayDynamicData }; diff --git a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_field.stories.tsx b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_field.stories.tsx index 1e655fdaff8a0..aa6510816f25a 100644 --- a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_field.stories.tsx +++ b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_field.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { EuiButton, EuiSpacer } from '@elastic/eui'; @@ -54,6 +54,6 @@ export default { ); }, ], -} as ComponentMeta<typeof UseField>; +} as Meta<typeof UseField>; export { UseFieldFieldTypes, UseFieldChangeListeners }; diff --git a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_multi_field.stories.tsx b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_multi_field.stories.tsx index 3bf19add02675..d2967aa34be6a 100644 --- a/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_multi_field.stories.tsx +++ b/src/platform/plugins/shared/es_ui_shared/static/forms/hook_form_lib/components/use_multi_field.stories.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { EuiButton, EuiSpacer } from '@elastic/eui'; @@ -55,6 +55,6 @@ export default { ); }, ], -} as ComponentMeta<typeof UseField>; +} as Meta<typeof UseField>; export { UseMultiFieldBasic }; diff --git a/src/platform/plugins/shared/expression_error/public/components/debug/__stories__/__snapshots__/debug.stories.storyshot b/src/platform/plugins/shared/expression_error/public/components/debug/__stories__/__snapshots__/debug.stories.storyshot deleted file mode 100644 index 584cbdaa793a2..0000000000000 --- a/src/platform/plugins/shared/expression_error/public/components/debug/__stories__/__snapshots__/debug.stories.storyshot +++ /dev/null @@ -1,1437 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Elements/Debug large payload 1`] = ` -<span> - <code> - <pre - className="canvasDebug__content" - data-test-subj="canvasDebug__content" - > - { - "datatable": { - "type": "datatable", - "columns": [ - { - "name": "@timestamp", - "type": "date" - }, - { - "name": "time", - "type": "date" - }, - { - "name": "cost", - "type": "number" - }, - { - "name": "username", - "type": "string" - }, - { - "name": "price", - "type": "number" - }, - { - "name": "age", - "type": "number" - }, - { - "name": "country", - "type": "string" - }, - { - "name": "state", - "type": "string" - }, - { - "name": "project", - "type": "string" - }, - { - "name": "percent_uptime", - "type": "number" - } - ], - "rows": [ - { - "age": 63, - "cost": 32.15, - "country": "US", - "price": 53, - "project": "elasticsearch", - "state": "running", - "time": 1546334211208, - "@timestamp": 1546334211208, - "username": "aevans2e", - "percent_uptime": 0.83 - }, - { - "age": 68, - "cost": 20.52, - "country": "JP", - "price": 33, - "project": "beats", - "state": "done", - "time": 1546351551031, - "@timestamp": 1546351551031, - "username": "aking2c", - "percent_uptime": 0.9 - }, - { - "age": 57, - "cost": 21.15, - "country": "UK", - "price": 59, - "project": "apm", - "state": "running", - "time": 1546352631083, - "@timestamp": 1546352631083, - "username": "mmoore2o", - "percent_uptime": 0.96 - }, - { - "age": 73, - "cost": 35.64, - "country": "CN", - "price": 71, - "project": "machine-learning", - "state": "start", - "time": 1546402490956, - "@timestamp": 1546402490956, - "username": "wrodriguez1r", - "percent_uptime": 0.61 - }, - { - "age": 38, - "cost": 27.19, - "country": "TZ", - "price": 36, - "project": "kibana", - "state": "done", - "time": 1546467111351, - "@timestamp": 1546467111351, - "username": "wrodriguez1r", - "percent_uptime": 0.72 - }, - { - "age": 61, - "cost": 49.95, - "country": "NL", - "price": 65, - "project": "machine-learning", - "state": "start", - "time": 1546473771019, - "@timestamp": 1546473771019, - "username": "mmoore2o", - "percent_uptime": 0.72 - }, - { - "age": 53, - "cost": 27.36, - "country": "JP", - "price": 60, - "project": "x-pack", - "state": "running", - "time": 1546482171310, - "@timestamp": 1546482171310, - "username": "hcrawford2h", - "percent_uptime": 0.65 - }, - { - "age": 31, - "cost": 33.77, - "country": "AZ", - "price": 77, - "project": "kibana", - "state": "start", - "time": 1546493451206, - "@timestamp": 1546493451206, - "username": "aking2c", - "percent_uptime": 0.92 - }, - { - "age": 71, - "cost": 20.2, - "country": "TZ", - "price": 57, - "project": "swiftype", - "state": "running", - "time": 1546494651235, - "@timestamp": 1546494651235, - "username": "jlawson2p", - "percent_uptime": 0.59 - }, - { - "age": 54, - "cost": 36.65, - "country": "TZ", - "price": 72, - "project": "apm", - "state": "done", - "time": 1546498431195, - "@timestamp": 1546498431195, - "username": "aking2c", - "percent_uptime": 1 - }, - { - "age": 31, - "cost": 26.57, - "country": "BR", - "price": 48, - "project": "logstash", - "state": "done", - "time": 1546509170962, - "@timestamp": 1546509170962, - "username": "hcrawford2h", - "percent_uptime": 0.86 - }, - { - "age": 99, - "cost": 22.46, - "country": "TZ", - "price": 66, - "project": "swiftype", - "state": "done", - "time": 1546552371305, - "@timestamp": 1546552371305, - "username": "bmorris2n", - "percent_uptime": 0.76 - }, - { - "age": 87, - "cost": 21.54, - "country": "US", - "price": 43, - "project": "machine-learning", - "state": "start", - "time": 1546575231270, - "@timestamp": 1546575231270, - "username": "sadams1v", - "percent_uptime": 0.58 - }, - { - "age": 10, - "cost": 37.68, - "country": "CN", - "price": 36, - "project": "x-pack", - "state": "done", - "time": 1546678071026, - "@timestamp": 1546678071026, - "username": "jchavez2a", - "percent_uptime": 0.5 - }, - { - "age": 30, - "cost": 21.62, - "country": "DE", - "price": 78, - "project": "machine-learning", - "state": "running", - "time": 1546678911351, - "@timestamp": 1546678911351, - "username": "kbrooks23", - "percent_uptime": 1 - }, - { - "age": 49, - "cost": 26.46, - "country": "BR", - "price": 76, - "project": "swiftype", - "state": "start", - "time": 1546701050984, - "@timestamp": 1546701050984, - "username": "sadams1v", - "percent_uptime": 0.97 - }, - { - "age": 81, - "cost": 36.69, - "country": "TZ", - "price": 80, - "project": "logstash", - "state": "done", - "time": 1546702851232, - "@timestamp": 1546702851232, - "username": "smurphy1y", - "percent_uptime": 0.92 - }, - { - "age": 68, - "cost": 28.74, - "country": "DE", - "price": 56, - "project": "machine-learning", - "state": "running", - "time": 1546712451326, - "@timestamp": 1546712451326, - "username": "wmontgomery22", - "percent_uptime": 0.85 - }, - { - "age": 28, - "cost": 21.3, - "country": "SA", - "price": 72, - "project": "apm", - "state": "start", - "time": 1546728771027, - "@timestamp": 1546728771027, - "username": "hbowman1s", - "percent_uptime": 0.79 - }, - { - "age": 57, - "cost": 28.72, - "country": "UK", - "price": 34, - "project": "machine-learning", - "state": "done", - "time": 1546738610972, - "@timestamp": 1546738610972, - "username": "pjohnston2l", - "percent_uptime": 0.6 - }, - { - "age": 35, - "cost": 48.87, - "country": "US", - "price": 78, - "project": "apm", - "state": "running", - "time": 1546761591244, - "@timestamp": 1546761591244, - "username": "bfranklin27", - "percent_uptime": 0.52 - }, - { - "age": 89, - "cost": 29.48, - "country": "TZ", - "price": 69, - "project": "beats", - "state": "done", - "time": 1546791771183, - "@timestamp": 1546791771183, - "username": "ccarpenter2m", - "percent_uptime": 0.72 - }, - { - "age": 14, - "cost": 28.94, - "country": "BR", - "price": 49, - "project": "elasticsearch", - "state": "running", - "time": 1546886211287, - "@timestamp": 1546886211287, - "username": "pjohnston2l", - "percent_uptime": 0.75 - }, - { - "age": 39, - "cost": 27.16, - "country": "CN", - "price": 49, - "project": "elasticsearch", - "state": "start", - "time": 1546934631129, - "@timestamp": 1546934631129, - "username": "jlawson2p", - "percent_uptime": 0.7 - }, - { - "age": 84, - "cost": 35.6, - "country": "NL", - "price": 76, - "project": "swiftype", - "state": "running", - "time": 1546948431271, - "@timestamp": 1546948431271, - "username": "hbowman1s", - "percent_uptime": 0.72 - }, - { - "age": 54, - "cost": 27.08, - "country": "AZ", - "price": 49, - "project": "x-pack", - "state": "start", - "time": 1546986231297, - "@timestamp": 1546986231297, - "username": "krobinson2b", - "percent_uptime": 0.89 - }, - { - "age": 58, - "cost": 26.9, - "country": "DE", - "price": 43, - "project": "apm", - "state": "start", - "time": 1547041191338, - "@timestamp": 1547041191338, - "username": "hperez29", - "percent_uptime": 0.63 - }, - { - "age": 26, - "cost": 48.27, - "country": "DE", - "price": 36, - "project": "machine-learning", - "state": "start", - "time": 1547118111126, - "@timestamp": 1547118111126, - "username": "sadams1v", - "percent_uptime": 0.56 - }, - { - "age": 82, - "cost": 32.13, - "country": "SA", - "price": 79, - "project": "elasticsearch", - "state": "done", - "time": 1547159331136, - "@timestamp": 1547159331136, - "username": "dhicks28", - "percent_uptime": 0.71 - }, - { - "age": 26, - "cost": 20.59, - "country": "UK", - "price": 52, - "project": "kibana", - "state": "done", - "time": 1547174150962, - "@timestamp": 1547174150962, - "username": "greynolds2j", - "percent_uptime": 0.94 - }, - { - "age": 19, - "cost": 25.73, - "country": "RU", - "price": 45, - "project": "beats", - "state": "start", - "time": 1547205411225, - "@timestamp": 1547205411225, - "username": "sadams1v", - "percent_uptime": 0.6 - }, - { - "age": 53, - "cost": 46.19, - "country": "JP", - "price": 30, - "project": "apm", - "state": "done", - "time": 1547217171103, - "@timestamp": 1547217171103, - "username": "jlawson2p", - "percent_uptime": 0.54 - }, - { - "age": 76, - "cost": 40.52, - "country": "DE", - "price": 43, - "project": "machine-learning", - "state": "start", - "time": 1547261271103, - "@timestamp": 1547261271103, - "username": "athomas1w", - "percent_uptime": 0.86 - }, - { - "age": 31, - "cost": 27.62, - "country": "BR", - "price": 71, - "project": "machine-learning", - "state": "start", - "time": 1547262771238, - "@timestamp": 1547262771238, - "username": "jhanson1x", - "percent_uptime": 0.79 - }, - { - "age": 42, - "cost": 30.91, - "country": "US", - "price": 58, - "project": "beats", - "state": "running", - "time": 1547274291106, - "@timestamp": 1547274291106, - "username": "amartinez26", - "percent_uptime": 0.82 - }, - { - "age": 43, - "cost": 23.29, - "country": "UK", - "price": 41, - "project": "kibana", - "state": "start", - "time": 1547293010955, - "@timestamp": 1547293010955, - "username": "ediaz2d", - "percent_uptime": 0.93 - }, - { - "age": 45, - "cost": 21.18, - "country": "AZ", - "price": 62, - "project": "logstash", - "state": "done", - "time": 1547316050970, - "@timestamp": 1547316050970, - "username": "hperez29", - "percent_uptime": 0.75 - }, - { - "age": 39, - "cost": 29.66, - "country": "IN", - "price": 40, - "project": "swiftype", - "state": "start", - "time": 1547320011249, - "@timestamp": 1547320011249, - "username": "hcrawford2h", - "percent_uptime": 0.99 - }, - { - "age": 98, - "cost": 37.42, - "country": "US", - "price": 58, - "project": "beats", - "state": "done", - "time": 1547331051346, - "@timestamp": 1547331051346, - "username": "jmills21", - "percent_uptime": 0.51 - }, - { - "age": 96, - "cost": 40, - "country": "DE", - "price": 58, - "project": "apm", - "state": "start", - "time": 1547425371273, - "@timestamp": 1547425371273, - "username": "rsmith25", - "percent_uptime": 0.87 - }, - { - "age": 13, - "cost": 47.45, - "country": "AZ", - "price": 30, - "project": "apm", - "state": "done", - "time": 1547482911215, - "@timestamp": 1547482911215, - "username": "smurphy1y", - "percent_uptime": 0.83 - }, - { - "age": 100, - "cost": 24.36, - "country": "IN", - "price": 59, - "project": "apm", - "state": "done", - "time": 1547485611233, - "@timestamp": 1547485611233, - "username": "jlawson2p", - "percent_uptime": 0.64 - }, - { - "age": 10, - "cost": 27.59, - "country": "US", - "price": 53, - "project": "apm", - "state": "start", - "time": 1547518911272, - "@timestamp": 1547518911272, - "username": "wmontgomery22", - "percent_uptime": 0.93 - }, - { - "age": 83, - "cost": 37.05, - "country": "BR", - "price": 77, - "project": "logstash", - "state": "running", - "time": 1547521971300, - "@timestamp": 1547521971300, - "username": "hperez29", - "percent_uptime": 0.53 - }, - { - "age": 60, - "cost": 31.19, - "country": "CN", - "price": 69, - "project": "kibana", - "state": "running", - "time": 1547555751264, - "@timestamp": 1547555751264, - "username": "aevans2e", - "percent_uptime": 0.99 - }, - { - "age": 61, - "cost": 27.69, - "country": "JP", - "price": 39, - "project": "elasticsearch", - "state": "start", - "time": 1547564691226, - "@timestamp": 1547564691226, - "username": "greynolds2j", - "percent_uptime": 0.72 - }, - { - "age": 89, - "cost": 33.03, - "country": "JP", - "price": 75, - "project": "machine-learning", - "state": "done", - "time": 1547581671013, - "@timestamp": 1547581671013, - "username": "aevans2e", - "percent_uptime": 0.88 - }, - { - "age": 45, - "cost": 40.38, - "country": "JP", - "price": 76, - "project": "x-pack", - "state": "start", - "time": 1547582451365, - "@timestamp": 1547582451365, - "username": "wrodriguez1r", - "percent_uptime": 0.65 - }, - { - "age": 62, - "cost": 29.53, - "country": "AZ", - "price": 46, - "project": "machine-learning", - "state": "running", - "time": 1547598471186, - "@timestamp": 1547598471186, - "username": "aking2c", - "percent_uptime": 0.93 - }, - { - "age": 69, - "cost": 45.37, - "country": "AZ", - "price": 35, - "project": "machine-learning", - "state": "start", - "time": 1547599370965, - "@timestamp": 1547599370965, - "username": "jlawson2p", - "percent_uptime": 0.82 - }, - { - "age": 46, - "cost": 39.71, - "country": "UK", - "price": 39, - "project": "machine-learning", - "state": "done", - "time": 1547650491235, - "@timestamp": 1547650491235, - "username": "wmontgomery22", - "percent_uptime": 0.99 - }, - { - "age": 62, - "cost": 38.21, - "country": "SA", - "price": 31, - "project": "x-pack", - "state": "start", - "time": 1547667891326, - "@timestamp": 1547667891326, - "username": "greynolds2j", - "percent_uptime": 0.73 - }, - { - "age": 46, - "cost": 28.44, - "country": "TZ", - "price": 75, - "project": "apm", - "state": "running", - "time": 1547685471027, - "@timestamp": 1547685471027, - "username": "aking2c", - "percent_uptime": 0.7 - }, - { - "age": 85, - "cost": 30.5, - "country": "JP", - "price": 30, - "project": "beats", - "state": "running", - "time": 1547694951230, - "@timestamp": 1547694951230, - "username": "sjordan2k", - "percent_uptime": 0.5 - }, - { - "age": 51, - "cost": 27.1, - "country": "DE", - "price": 37, - "project": "kibana", - "state": "done", - "time": 1547699331145, - "@timestamp": 1547699331145, - "username": "wmontgomery22", - "percent_uptime": 0.79 - }, - { - "age": 84, - "cost": 36.47, - "country": "TZ", - "price": 43, - "project": "logstash", - "state": "start", - "time": 1547729571155, - "@timestamp": 1547729571155, - "username": "jchavez2a", - "percent_uptime": 0.67 - }, - { - "age": 66, - "cost": 37.74, - "country": "PH", - "price": 63, - "project": "x-pack", - "state": "start", - "time": 1547738331360, - "@timestamp": 1547738331360, - "username": "ccarpenter2m", - "percent_uptime": 0.74 - }, - { - "age": 87, - "cost": 49.07, - "country": "BR", - "price": 72, - "project": "machine-learning", - "state": "running", - "time": 1547742291143, - "@timestamp": 1547742291143, - "username": "hcrawford2h", - "percent_uptime": 0.99 - }, - { - "age": 92, - "cost": 31.7, - "country": "TZ", - "price": 55, - "project": "apm", - "state": "done", - "time": 1547772651030, - "@timestamp": 1547772651030, - "username": "jhanson1x", - "percent_uptime": 0.89 - }, - { - "age": 98, - "cost": 29.77, - "country": "US", - "price": 72, - "project": "logstash", - "state": "start", - "time": 1547786271226, - "@timestamp": 1547786271226, - "username": "wmontgomery22", - "percent_uptime": 0.66 - }, - { - "age": 10, - "cost": 20.49, - "country": "DE", - "price": 64, - "project": "machine-learning", - "state": "running", - "time": 1547871831230, - "@timestamp": 1547871831230, - "username": "dmarshall24", - "percent_uptime": 0.54 - }, - { - "age": 69, - "cost": 42.89, - "country": "AZ", - "price": 61, - "project": "kibana", - "state": "start", - "time": 1547902191247, - "@timestamp": 1547902191247, - "username": "sadams1v", - "percent_uptime": 0.8 - }, - { - "age": 42, - "cost": 32.31, - "country": "SA", - "price": 47, - "project": "swiftype", - "state": "running", - "time": 1547922591339, - "@timestamp": 1547922591339, - "username": "bmorris2n", - "percent_uptime": 0.65 - }, - { - "age": 100, - "cost": 30.42, - "country": "BR", - "price": 42, - "project": "kibana", - "state": "done", - "time": 1547926491261, - "@timestamp": 1547926491261, - "username": "jaustin1z", - "percent_uptime": 0.66 - }, - { - "age": 34, - "cost": 48.98, - "country": "DE", - "price": 70, - "project": "beats", - "state": "running", - "time": 1547958651364, - "@timestamp": 1547958651364, - "username": "jlawson2p", - "percent_uptime": 0.9 - }, - { - "age": 68, - "cost": 31.64, - "country": "NL", - "price": 47, - "project": "machine-learning", - "state": "done", - "time": 1547967231273, - "@timestamp": 1547967231273, - "username": "hbowman1s", - "percent_uptime": 0.55 - }, - { - "age": 91, - "cost": 46.82, - "country": "RU", - "price": 62, - "project": "swiftype", - "state": "done", - "time": 1547969691305, - "@timestamp": 1547969691305, - "username": "wmontgomery22", - "percent_uptime": 0.89 - }, - { - "age": 17, - "cost": 42.19, - "country": "IN", - "price": 79, - "project": "apm", - "state": "running", - "time": 1547974551309, - "@timestamp": 1547974551309, - "username": "hperez29", - "percent_uptime": 0.58 - }, - { - "age": 83, - "cost": 25.61, - "country": "CN", - "price": 54, - "project": "swiftype", - "state": "running", - "time": 1547977911240, - "@timestamp": 1547977911240, - "username": "aking2c", - "percent_uptime": 0.96 - }, - { - "age": 31, - "cost": 49.49, - "country": "JP", - "price": 58, - "project": "elasticsearch", - "state": "done", - "time": 1547984271197, - "@timestamp": 1547984271197, - "username": "dmarshall24", - "percent_uptime": 0.72 - }, - { - "age": 97, - "cost": 33.33, - "country": "PH", - "price": 34, - "project": "logstash", - "state": "start", - "time": 1547984631153, - "@timestamp": 1547984631153, - "username": "hbowman1s", - "percent_uptime": 0.56 - }, - { - "age": 67, - "cost": 31.1, - "country": "US", - "price": 73, - "project": "x-pack", - "state": "done", - "time": 1548001430974, - "@timestamp": 1548001430974, - "username": "ccarpenter2m", - "percent_uptime": 0.78 - }, - { - "age": 31, - "cost": 21.6, - "country": "PH", - "price": 73, - "project": "kibana", - "state": "running", - "time": 1548014391252, - "@timestamp": 1548014391252, - "username": "jmills21", - "percent_uptime": 0.59 - }, - { - "age": 57, - "cost": 25.84, - "country": "NL", - "price": 53, - "project": "swiftype", - "state": "start", - "time": 1548039051145, - "@timestamp": 1548039051145, - "username": "dhicks28", - "percent_uptime": 0.63 - }, - { - "age": 92, - "cost": 27.09, - "country": "CN", - "price": 34, - "project": "apm", - "state": "done", - "time": 1548052791195, - "@timestamp": 1548052791195, - "username": "dramirez2i", - "percent_uptime": 0.98 - }, - { - "age": 43, - "cost": 36.39, - "country": "US", - "price": 68, - "project": "elasticsearch", - "state": "done", - "time": 1548058071369, - "@timestamp": 1548058071369, - "username": "wmontgomery22", - "percent_uptime": 0.55 - }, - { - "age": 68, - "cost": 44.69, - "country": "JP", - "price": 66, - "project": "machine-learning", - "state": "running", - "time": 1548072471282, - "@timestamp": 1548072471282, - "username": "jmills21", - "percent_uptime": 0.68 - }, - { - "age": 47, - "cost": 25.34, - "country": "NL", - "price": 32, - "project": "kibana", - "state": "running", - "time": 1548075171245, - "@timestamp": 1548075171245, - "username": "wrodriguez1r", - "percent_uptime": 0.95 - }, - { - "age": 19, - "cost": 25.4, - "country": "SA", - "price": 42, - "project": "kibana", - "state": "start", - "time": 1548125331273, - "@timestamp": 1548125331273, - "username": "dhicks28", - "percent_uptime": 0.95 - }, - { - "age": 88, - "cost": 36.38, - "country": "TZ", - "price": 77, - "project": "x-pack", - "state": "start", - "time": 1548126771234, - "@timestamp": 1548126771234, - "username": "sjordan2k", - "percent_uptime": 0.84 - }, - { - "age": 36, - "cost": 28.62, - "country": "DE", - "price": 34, - "project": "kibana", - "state": "start", - "time": 1548128331153, - "@timestamp": 1548128331153, - "username": "dramirez2i", - "percent_uptime": 0.72 - }, - { - "age": 32, - "cost": 48.69, - "country": "AZ", - "price": 40, - "project": "swiftype", - "state": "start", - "time": 1548161391285, - "@timestamp": 1548161391285, - "username": "dramirez2i", - "percent_uptime": 0.69 - }, - { - "age": 53, - "cost": 44.25, - "country": "UK", - "price": 35, - "project": "machine-learning", - "state": "running", - "time": 1548192651185, - "@timestamp": 1548192651185, - "username": "wmontgomery22", - "percent_uptime": 0.68 - }, - { - "age": 37, - "cost": 32.67, - "country": "DE", - "price": 31, - "project": "kibana", - "state": "running", - "time": 1548218751137, - "@timestamp": 1548218751137, - "username": "ccarpenter2m", - "percent_uptime": 0.77 - }, - { - "age": 58, - "cost": 40.83, - "country": "PH", - "price": 61, - "project": "logstash", - "state": "running", - "time": 1548221151061, - "@timestamp": 1548221151061, - "username": "dmarshall24", - "percent_uptime": 0.88 - }, - { - "age": 45, - "cost": 42.97, - "country": "AZ", - "price": 44, - "project": "machine-learning", - "state": "running", - "time": 1548262131313, - "@timestamp": 1548262131313, - "username": "dmarshall24", - "percent_uptime": 0.64 - }, - { - "age": 21, - "cost": 23.16, - "country": "NL", - "price": 78, - "project": "machine-learning", - "state": "start", - "time": 1548265611336, - "@timestamp": 1548265611336, - "username": "jlawson2p", - "percent_uptime": 0.88 - }, - { - "age": 77, - "cost": 31.37, - "country": "RU", - "price": 52, - "project": "kibana", - "state": "start", - "time": 1548274611337, - "@timestamp": 1548274611337, - "username": "jhanson1x", - "percent_uptime": 0.68 - }, - { - "age": 34, - "cost": 41.41, - "country": "AZ", - "price": 52, - "project": "elasticsearch", - "state": "start", - "time": 1548276411368, - "@timestamp": 1548276411368, - "username": "agonzales1t", - "percent_uptime": 0.75 - }, - { - "age": 95, - "cost": 24.93, - "country": "AZ", - "price": 66, - "project": "logstash", - "state": "running", - "time": 1548301071035, - "@timestamp": 1548301071035, - "username": "phansen1q", - "percent_uptime": 0.75 - }, - { - "age": 12, - "cost": 32.33, - "country": "PH", - "price": 31, - "project": "elasticsearch", - "state": "start", - "time": 1548342711164, - "@timestamp": 1548342711164, - "username": "amartinez26", - "percent_uptime": 0.96 - }, - { - "age": 15, - "cost": 44.74, - "country": "IN", - "price": 41, - "project": "x-pack", - "state": "done", - "time": 1548372111228, - "@timestamp": 1548372111228, - "username": "rmartinez2g", - "percent_uptime": 0.51 - }, - { - "age": 83, - "cost": 29.03, - "country": "DE", - "price": 66, - "project": "machine-learning", - "state": "done", - "time": 1548417590970, - "@timestamp": 1548417590970, - "username": "agonzales1t", - "percent_uptime": 0.84 - }, - { - "age": 31, - "cost": 38.12, - "country": "PH", - "price": 35, - "project": "logstash", - "state": "done", - "time": 1548419931271, - "@timestamp": 1548419931271, - "username": "lperez2f", - "percent_uptime": 0.69 - }, - { - "age": 97, - "cost": 38.24, - "country": "RU", - "price": 32, - "project": "apm", - "state": "done", - "time": 1548474651117, - "@timestamp": 1548474651117, - "username": "sadams1v", - "percent_uptime": 0.77 - }, - { - "age": 87, - "cost": 34.16, - "country": "TZ", - "price": 38, - "project": "beats", - "state": "start", - "time": 1548575991155, - "@timestamp": 1548575991155, - "username": "bmorris2n", - "percent_uptime": 0.65 - }, - { - "age": 74, - "cost": 45.69, - "country": "AZ", - "price": 66, - "project": "elasticsearch", - "state": "start", - "time": 1548599391338, - "@timestamp": 1548599391338, - "username": "greynolds2j", - "percent_uptime": 0.98 - }, - { - "age": 83, - "cost": 33.43, - "country": "BR", - "price": 79, - "project": "elasticsearch", - "state": "done", - "time": 1548648171078, - "@timestamp": 1548648171078, - "username": "kbrooks23", - "percent_uptime": 0.57 - }, - { - "age": 89, - "cost": 41.87, - "country": "SA", - "price": 44, - "project": "apm", - "state": "start", - "time": 1548666111256, - "@timestamp": 1548666111256, - "username": "hcrawford2h", - "percent_uptime": 0.91 - } - ] - }, - "paginate": true, - "perPage": 10, - "showHeader": true -} - </pre> - </code> -</span> -`; - -exports[`Storyshots components/Elements/Debug small payload 1`] = ` -<span> - <code> - <pre - className="canvasDebug__content" - data-test-subj="canvasDebug__content" - > - { - "datatable": { - "type": "datatable", - "columns": [ - { - "name": "@timestamp", - "type": "date" - }, - { - "name": "time", - "type": "date" - }, - { - "name": "cost", - "type": "number" - }, - { - "name": "username", - "type": "string" - }, - { - "name": "price", - "type": "number" - }, - { - "name": "age", - "type": "number" - }, - { - "name": "country", - "type": "string" - }, - { - "name": "state", - "type": "string" - }, - { - "name": "project", - "type": "string" - }, - { - "name": "percent_uptime", - "type": "number" - } - ], - "rows": [ - { - "age": 63, - "cost": 32.15, - "country": "US", - "price": 53, - "project": "elasticsearch", - "state": "running", - "time": 1546334211208, - "@timestamp": 1546334211208, - "username": "aevans2e", - "percent_uptime": 0.83 - }, - { - "age": 68, - "cost": 20.52, - "country": "JP", - "price": 33, - "project": "beats", - "state": "done", - "time": 1546351551031, - "@timestamp": 1546351551031, - "username": "aking2c", - "percent_uptime": 0.9 - }, - { - "age": 57, - "cost": 21.15, - "country": "UK", - "price": 59, - "project": "apm", - "state": "running", - "time": 1546352631083, - "@timestamp": 1546352631083, - "username": "mmoore2o", - "percent_uptime": 0.96 - }, - { - "age": 73, - "cost": 35.64, - "country": "CN", - "price": 71, - "project": "machine-learning", - "state": "start", - "time": 1546402490956, - "@timestamp": 1546402490956, - "username": "wrodriguez1r", - "percent_uptime": 0.61 - }, - { - "age": 38, - "cost": 27.19, - "country": "TZ", - "price": 36, - "project": "kibana", - "state": "done", - "time": 1546467111351, - "@timestamp": 1546467111351, - "username": "wrodriguez1r", - "percent_uptime": 0.72 - }, - { - "age": 61, - "cost": 49.95, - "country": "NL", - "price": 65, - "project": "machine-learning", - "state": "start", - "time": 1546473771019, - "@timestamp": 1546473771019, - "username": "mmoore2o", - "percent_uptime": 0.72 - }, - { - "age": 53, - "cost": 27.36, - "country": "JP", - "price": 60, - "project": "x-pack", - "state": "running", - "time": 1546482171310, - "@timestamp": 1546482171310, - "username": "hcrawford2h", - "percent_uptime": 0.65 - }, - { - "age": 31, - "cost": 33.77, - "country": "AZ", - "price": 77, - "project": "kibana", - "state": "start", - "time": 1546493451206, - "@timestamp": 1546493451206, - "username": "aking2c", - "percent_uptime": 0.92 - }, - { - "age": 71, - "cost": 20.2, - "country": "TZ", - "price": 57, - "project": "swiftype", - "state": "running", - "time": 1546494651235, - "@timestamp": 1546494651235, - "username": "jlawson2p", - "percent_uptime": 0.59 - }, - { - "age": 54, - "cost": 36.65, - "country": "TZ", - "price": 72, - "project": "apm", - "state": "done", - "time": 1546498431195, - "@timestamp": 1546498431195, - "username": "aking2c", - "percent_uptime": 1 - } - ] - }, - "paginate": true, - "perPage": 10, - "showHeader": true -} - </pre> - </code> -</span> -`; diff --git a/src/platform/plugins/shared/expression_error/public/expression_renderers/__stories__/__snapshots__/error.stories.storyshot b/src/platform/plugins/shared/expression_error/public/expression_renderers/__stories__/__snapshots__/error.stories.storyshot deleted file mode 100644 index b7039ee1847c7..0000000000000 --- a/src/platform/plugins/shared/expression_error/public/expression_renderers/__stories__/__snapshots__/error.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/error default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/src/platform/plugins/shared/expression_image/public/expression_renderers/__stories__/__snapshots__/image.stories.storyshot b/src/platform/plugins/shared/expression_image/public/expression_renderers/__stories__/__snapshots__/image.stories.storyshot deleted file mode 100644 index b9bc21dd6e3ea..0000000000000 --- a/src/platform/plugins/shared/expression_image/public/expression_renderers/__stories__/__snapshots__/image.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/image default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "400px", - } - } -> - -</div> -`; diff --git a/src/platform/plugins/shared/expression_metric/public/expression_renderers/__stories__/__snapshots__/metric.stories.storyshot b/src/platform/plugins/shared/expression_metric/public/expression_renderers/__stories__/__snapshots__/metric.stories.storyshot deleted file mode 100644 index 22b235bcd7979..0000000000000 --- a/src/platform/plugins/shared/expression_metric/public/expression_renderers/__stories__/__snapshots__/metric.stories.storyshot +++ /dev/null @@ -1,263 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/Metric with formatted string metric and a specified format 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - $10m - </div> - <div - className="canvasMetric__label" - style={ - Object { - "color": "#000000", - "fontFamily": "Baskerville, Georgia, Garamond, 'Times New Roman', Times, serif", - "fontSize": "24px", - "fontStyle": "italic", - "fontWeight": "normal", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - Total Revenue - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with invalid metricFont 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - $10m - </div> - <div - className="canvasMetric__label" - style={ - Object { - "color": "#000000", - "fontFamily": "Baskerville, Georgia, Garamond, 'Times New Roman', Times, serif", - "fontSize": "24px", - "fontStyle": "italic", - "fontWeight": "normal", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - Total Revenue - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with label 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - $12.34 - </div> - <div - className="canvasMetric__label" - style={ - Object { - "color": "#000000", - "fontFamily": "Baskerville, Georgia, Garamond, 'Times New Roman', Times, serif", - "fontSize": "24px", - "fontStyle": "italic", - "fontWeight": "normal", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - Average price - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with null metric 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={Object {}} - /> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with number metric 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - 12345.6789 - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with number metric and a specified format 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - -0.24% - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/Metric with string metric 1`] = ` -<div - style={ - Object { - "width": "200px", - } - } -> - <div - className="canvasMetric" - > - <div - className="canvasMetric__metric" - style={ - Object { - "color": "#b83c6f", - "fontFamily": "Optima, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontStyle": "normal", - "fontWeight": "bold", - "lineHeight": "1", - "textAlign": "center", - "textDecoration": "none", - } - } - > - $12.34 - </div> - </div> -</div> -`; diff --git a/src/platform/plugins/shared/expression_repeat_image/public/expression_renderers/__stories__/__snapshots__/repeat_image.stories.storyshot b/src/platform/plugins/shared/expression_repeat_image/public/expression_renderers/__stories__/__snapshots__/repeat_image.stories.storyshot deleted file mode 100644 index 5e6b8214c3c49..0000000000000 --- a/src/platform/plugins/shared/expression_repeat_image/public/expression_renderers/__stories__/__snapshots__/repeat_image.stories.storyshot +++ /dev/null @@ -1,27 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots enderers/repeatImage default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "400px", - } - } -> - -</div> -`; - -exports[`Storyshots renderers/repeatImage default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "400px", - } - } -> - -</div> -`; diff --git a/src/platform/plugins/shared/expression_reveal_image/public/expression_renderers/__stories__/__snapshots__/reveal_image.stories.storyshot b/src/platform/plugins/shared/expression_reveal_image/public/expression_renderers/__stories__/__snapshots__/reveal_image.stories.storyshot deleted file mode 100644 index b9963565a09f5..0000000000000 --- a/src/platform/plugins/shared/expression_reveal_image/public/expression_renderers/__stories__/__snapshots__/reveal_image.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/revealImage default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/src/platform/plugins/shared/expression_shape/public/expression_renderers/__stories__/__snapshots__/shape.stories.storyshot b/src/platform/plugins/shared/expression_shape/public/expression_renderers/__stories__/__snapshots__/shape.stories.storyshot deleted file mode 100644 index 317c20021015a..0000000000000 --- a/src/platform/plugins/shared/expression_shape/public/expression_renderers/__stories__/__snapshots__/shape.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/shape default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/src/platform/plugins/shared/home/.storybook/manager.ts b/src/platform/plugins/shared/home/.storybook/manager.ts index 1d26facb84442..40dfbd048e00c 100644 --- a/src/platform/plugins/shared/home/.storybook/manager.ts +++ b/src/platform/plugins/shared/home/.storybook/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/src/platform/plugins/shared/kibana_react/.storybook/manager.ts b/src/platform/plugins/shared/kibana_react/.storybook/manager.ts index 7c27b5829189c..056b67131da15 100644 --- a/src/platform/plugins/shared/kibana_react/.storybook/manager.ts +++ b/src/platform/plugins/shared/kibana_react/.storybook/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/src/platform/plugins/shared/presentation_util/public/__stories__/wait_for.tsx b/src/platform/plugins/shared/presentation_util/public/__stories__/wait_for.tsx index c8b9c92cc4ae4..8fea644b69ef6 100644 --- a/src/platform/plugins/shared/presentation_util/public/__stories__/wait_for.tsx +++ b/src/platform/plugins/shared/presentation_util/public/__stories__/wait_for.tsx @@ -9,12 +9,12 @@ import React, { useState, useEffect, useRef, ReactElement } from 'react'; import { act } from 'react-test-renderer'; -import { Story } from '@storybook/react'; +import { StoryFn } from '@storybook/react'; import { EuiLoadingSpinner } from '@elastic/eui'; export const waitFor = (waitTarget: Promise<any>, spinner: ReactElement | null = <EuiLoadingSpinner />) => - (CurrentStory: Story) => { + (CurrentStory: StoryFn) => { const [storyComponent, setStory] = useState<ReactElement>(); const componentIsMounted = useRef(false); diff --git a/src/platform/plugins/shared/presentation_util/storybook/decorator.tsx b/src/platform/plugins/shared/presentation_util/storybook/decorator.tsx index 214ab42176ce1..d349d197a818e 100644 --- a/src/platform/plugins/shared/presentation_util/storybook/decorator.tsx +++ b/src/platform/plugins/shared/presentation_util/storybook/decorator.tsx @@ -11,7 +11,7 @@ import React from 'react'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaContextProvider as KibanaReactProvider } from '@kbn/kibana-react-plugin/public'; -import { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { setStubKibanaServices } from '../public/services/mocks'; const settings = new Map(); @@ -29,7 +29,7 @@ const services = { uiSettings: settings, }; -export const servicesContextDecorator: DecoratorFn = (story: Function, storybook) => { +export const servicesContextDecorator: Decorator = (story) => { setStubKibanaServices(); return ( diff --git a/src/platform/plugins/shared/presentation_util/storybook/manager.ts b/src/platform/plugins/shared/presentation_util/storybook/manager.ts index e879b1d1a234e..4da0403ee1c33 100644 --- a/src/platform/plugins/shared/presentation_util/storybook/manager.ts +++ b/src/platform/plugins/shared/presentation_util/storybook/manager.ts @@ -7,7 +7,7 @@ * License v3.0 only", or the "Server Side Public License, v 1". */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/src/platform/plugins/shared/presentation_util/storybook/preview.tsx b/src/platform/plugins/shared/presentation_util/storybook/preview.tsx index a6b872f2d52cf..b2204420e52f7 100644 --- a/src/platform/plugins/shared/presentation_util/storybook/preview.tsx +++ b/src/platform/plugins/shared/presentation_util/storybook/preview.tsx @@ -9,27 +9,31 @@ import React from 'react'; import * as jest from 'jest-mock'; -import { addDecorator } from '@storybook/react'; -import { Title, Subtitle, Description, Primary, Stories } from '@storybook/addon-docs/blocks'; +import { Title, Subtitle, Description, Primary, Stories } from '@storybook/blocks'; +import type { Preview } from '@storybook/react'; import { servicesContextDecorator } from './decorator'; -addDecorator(servicesContextDecorator); - // @ts-ignore window.jest = jest; -export const parameters = { - docs: { - page: () => ( - <> - <Title /> - <Subtitle /> - <Description /> - <Primary /> - <Stories /> - </> - ), +const preview: Preview = { + decorators: [servicesContextDecorator], + parameters: { + docs: { + page: () => ( + <> + <Title /> + <Subtitle /> + <Description /> + <Primary /> + <Stories /> + </> + ), + }, }, }; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/src/platform/plugins/shared/unified_search/public/filters_builder/__stories__/filter_builder.stories.tsx b/src/platform/plugins/shared/unified_search/public/filters_builder/__stories__/filter_builder.stories.tsx index 00357ea473ce8..b7e8e7418b844 100644 --- a/src/platform/plugins/shared/unified_search/public/filters_builder/__stories__/filter_builder.stories.tsx +++ b/src/platform/plugins/shared/unified_search/public/filters_builder/__stories__/filter_builder.stories.tsx @@ -8,7 +8,7 @@ */ import React, { FC } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { I18nProvider } from '@kbn/i18n-react'; import { EuiForm } from '@elastic/eui'; import type { DataView } from '@kbn/data-views-plugin/common'; @@ -24,7 +24,7 @@ export default { decorators: [(story: Function) => <EuiForm>{story()}</EuiForm>], }; -const Template: ComponentStory<FC<FiltersBuilderProps>> = (args) => <FiltersBuilder {...args} />; +const Template: StoryObj<FC<FiltersBuilderProps>> = (args) => <FiltersBuilder {...args} />; export const Default = Template.bind({}); diff --git a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.mdx b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.mdx new file mode 100644 index 0000000000000..dd7b3d8d0961b --- /dev/null +++ b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.mdx @@ -0,0 +1,28 @@ +import { Canvas, Meta, Story, Controls } from '@storybook/blocks'; +import { I18nProvider } from '@kbn/i18n-react'; +import { ControlSlider } from '../ui/slider_control' +import * as ControlSliderStories from './control_slider.stories'; + +export const Template = (args) => <I18nProvider><ControlSlider {...args} /></I18nProvider>; + +<Meta of={ControlSliderStories} /> + +# Overview + +The following control slider component has been designed to work as a shared component in Kibana: + +<Canvas> + <Story of={ControlSliderStories.Basic} /> +</Canvas> + +When the control slider is disabled an explanation tooltip is shown to the user: + +<Canvas> + <Story of={ControlSliderStories.Disabled} /> +</Canvas> + +## Component props + +The component exposes the following properties: + +<Controls /> diff --git a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.js b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.js new file mode 100644 index 0000000000000..ef2c2d4a368dd --- /dev/null +++ b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.js @@ -0,0 +1,56 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { I18nProvider } from '@kbn/i18n-react'; +import { ControlSlider } from '../ui/slider_control'; + +const Template = (args) => ( + <I18nProvider> + <ControlSlider {...args} /> + </I18nProvider> +); + +export default { + title: 'Random Sampling/Control Slider', + component: ControlSlider, +}; + +export const Basic = { + render: Template.bind({}), + name: 'basic', + + args: { + values: [0.00001, 0.0001, 0.001, 0.01, 0.1, 1], + currentValue: 0.001, + 'data-test-subj': 'test-id', + }, + + argTypes: { + onChange: { + action: 'changed', + }, + }, +}; + +export const Disabled = { + render: Template.bind({}), + name: 'disabled', + + args: { + values: [0.00001, 0.0001, 0.001, 0.01, 0.1, 1], + currentValue: 0.001, + disabled: true, + disabledReason: 'Control was disabled due to X and Y', + 'data-test-subj': 'test-id', + }, + + argTypes: { + onChange: { + action: 'changed', + }, + }, +}; diff --git a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.mdx b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.mdx deleted file mode 100644 index dff3556ea9d61..0000000000000 --- a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/control_slider.stories.mdx +++ /dev/null @@ -1,62 +0,0 @@ -import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks'; -import { I18nProvider } from '@kbn/i18n-react'; -import { ControlSlider } from '../ui/slider_control' - - -export const Template = (args) => <I18nProvider><ControlSlider {...args} /></I18nProvider>; - -<Meta - title="Random Sampling/Control Slider" - component={ControlSlider} -/> - - -# Overview - -The following control slider component has been designed to work as a shared component in Kibana: - -<Canvas> - <Story - name='basic' - args={ - { - values:[0.00001, 0.0001, 0.001, 0.01, 0.1, 1], - currentValue:0.001, - 'data-test-subj':'test-id' - } - } - argTypes={ - { onChange: { action: 'changed' } } - } - > - {Template.bind({})} - </Story> -</Canvas> - -When the control slider is disabled an explanation tooltip is shown to the user: - -<Canvas> - <Story - name='disabled' - args={ - { - values:[0.00001, 0.0001, 0.001, 0.01, 0.1, 1], - currentValue:0.001, - disabled:true, - disabledReason:'Control was disabled due to X and Y', - 'data-test-subj':'test-id' - } - } - argTypes={ - { onChange: { action: 'changed' } } - } - > - {Template.bind({})} - </Story> -</Canvas> - -## Component props - -The component exposes the following properties: - -<ArgsTable story="basic"/> diff --git a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.mdx similarity index 53% rename from x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx rename to x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.mdx index b30eaef920ef4..4118c33457f42 100644 --- a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx +++ b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.mdx @@ -1,19 +1,19 @@ -import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks'; +import { Canvas, Meta, Story, Controls } from '@storybook/blocks'; import { RandomSamplingIcon } from '../ui/icon/sampling_icon' +import * as SamplingIconStories from './sampling_icon.stories'; -<Meta title="Random Sampling/Icon" /> +<Meta of={SamplingIconStories} /> # Overview + The shared Random Sampling icon is the following <Canvas> - <Story name='Basic Icon'> - <RandomSamplingIcon /> - </Story> + <Story of={SamplingIconStories.BasicIcon} /> </Canvas> ## Component table props On top of common SVGElement props also the following props are supported by the component: -<ArgsTable of={RandomSamplingIcon}/> +<Controls /> diff --git a/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.js b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.js new file mode 100644 index 0000000000000..409e3d049afce --- /dev/null +++ b/x-pack/platform/packages/private/kbn-random-sampling/src/__stories__/sampling_icon.stories.js @@ -0,0 +1,17 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { RandomSamplingIcon } from '../ui/icon/sampling_icon'; + +export default { + title: 'Random Sampling/Icon', +}; + +export const BasicIcon = { + render: () => <RandomSamplingIcon />, + name: 'Basic Icon', +}; diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/avatar.stories.tsx b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/avatar.stories.tsx index 829f18d138d5f..15ddde2864725 100644 --- a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/avatar.stories.tsx +++ b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/avatar.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { AssistantAvatar as Component } from '../avatar'; @@ -29,6 +29,6 @@ export default { defaultValue: 'Elastic Assistant', }, }, -} as ComponentMeta<typeof Component>; +} as Meta<typeof Component>; -export const Avatar: ComponentStory<typeof Component> = (args) => <Component {...args} />; +export const Avatar: StoryObj<typeof Component> = (args) => <Component {...args} />; diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx index 4027b431110ac..0014c3898a166 100644 --- a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx +++ b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { AssistantBeacon as Component } from '../beacon'; @@ -25,6 +25,6 @@ export default { defaultValue: 'body', }, }, -} as ComponentMeta<typeof Component>; +} as Meta<typeof Component>; -export const Beacon: ComponentStory<typeof Component> = (args) => <Component {...args} />; +export const Beacon: StoryObj<typeof Component> = (args) => <Component {...args} />; diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/icon.stories.tsx b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/icon.stories.tsx index e27ec513e7aa8..3266dfc1500e1 100644 --- a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/icon.stories.tsx +++ b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/icon.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { AssistantIcon as Component } from '../icon'; @@ -20,6 +20,6 @@ export default { defaultValue: 'xxl', }, }, -} as ComponentMeta<typeof Component>; +} as Meta<typeof Component>; -export const Icon: ComponentStory<typeof Component> = (args) => <Component {...args} />; +export const Icon: StoryObj<typeof Component> = (args) => <Component {...args} />; diff --git a/x-pack/platform/packages/shared/kbn-ai-assistant/.storybook/manager.ts b/x-pack/platform/packages/shared/kbn-ai-assistant/.storybook/manager.ts index 32abc09cb1317..ab31c93f5ae3b 100644 --- a/x-pack/platform/packages/shared/kbn-ai-assistant/.storybook/manager.ts +++ b/x-pack/platform/packages/shared/kbn-ai-assistant/.storybook/manager.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/x-pack/platform/packages/shared/kbn-ai-assistant/src/prompt_editor/prompt_editor.stories.tsx b/x-pack/platform/packages/shared/kbn-ai-assistant/src/prompt_editor/prompt_editor.stories.tsx index ed2948e50f15e..544cd3b26ba57 100644 --- a/x-pack/platform/packages/shared/kbn-ai-assistant/src/prompt_editor/prompt_editor.stories.tsx +++ b/x-pack/platform/packages/shared/kbn-ai-assistant/src/prompt_editor/prompt_editor.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory, ComponentStoryObj } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { MessageRole } from '@kbn/observability-ai-assistant-plugin/public'; import { KibanaReactStorybookDecorator } from '../utils/storybook_decorator.stories'; import { PromptEditor as Component, PromptEditorProps } from './prompt_editor'; @@ -29,11 +29,13 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: PromptEditorProps) => { +const Template = (props: PromptEditorProps) => { return <Component {...props} />; }; -export const PromptEditorDisabled: ComponentStoryObj<typeof Component> = { +type Story = StoryObj<typeof Component>; + +export const PromptEditorDisabled: Story = { args: { disabled: true, hidden: false, @@ -48,7 +50,7 @@ export const PromptEditorDisabled: ComponentStoryObj<typeof Component> = { render: Template, }; -export const PromptEditorLoading: ComponentStoryObj<typeof Component> = { +export const PromptEditorLoading: Story = { args: { disabled: false, hidden: false, @@ -63,7 +65,7 @@ export const PromptEditorLoading: ComponentStoryObj<typeof Component> = { render: Template, }; -export const PromptEditorWithInitialContent: ComponentStoryObj<typeof Component> = { +export const PromptEditorWithInitialContent: Story = { args: { disabled: false, hidden: false, @@ -78,7 +80,7 @@ export const PromptEditorWithInitialContent: ComponentStoryObj<typeof Component> render: Template, }; -export const PromptEditorWithInitialFunction: ComponentStoryObj<typeof Component> = { +export const PromptEditorWithInitialFunction: Story = { args: { disabled: false, hidden: false, diff --git a/x-pack/platform/packages/shared/kbn-event-stacktrace/.storybook/jest_setup.js b/x-pack/platform/packages/shared/kbn-event-stacktrace/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/platform/packages/shared/kbn-event-stacktrace/.storybook/jest_setup.js +++ b/x-pack/platform/packages/shared/kbn-event-stacktrace/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.stories.tsx b/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.stories.tsx index eab4c3c032576..f178f3d40d394 100644 --- a/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.stories.tsx +++ b/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentProps, ComponentType } from 'react'; import React from 'react'; import { ExceptionStacktrace } from './exception_stacktrace'; @@ -17,7 +17,7 @@ export default { component: ExceptionStacktrace, }; -export const JavaWithLongLines: Story<Args> = (args) => <ExceptionStacktrace {...args} />; +export const JavaWithLongLines: StoryFn<Args> = (args) => <ExceptionStacktrace {...args} />; JavaWithLongLines.args = { codeLanguage: 'java', exceptions: [ @@ -1720,7 +1720,7 @@ JavaWithLongLines.decorators = [ ), ]; -export const JavaScriptWithSomeContext: Story<Args> = (args) => <ExceptionStacktrace {...args} />; +export const JavaScriptWithSomeContext: StoryFn<Args> = (args) => <ExceptionStacktrace {...args} />; JavaScriptWithSomeContext.storyName = 'JavaScript With Some Context'; JavaScriptWithSomeContext.args = { codeLanguage: 'javascript', @@ -1847,7 +1847,7 @@ JavaScriptWithSomeContext.args = { ], }; -export const RubyWithContextAndLibraryFrames: Story<Args> = (args) => ( +export const RubyWithContextAndLibraryFrames: StoryFn<Args> = (args) => ( <ExceptionStacktrace {...args} /> ); RubyWithContextAndLibraryFrames.args = { diff --git a/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.test.tsx b/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.test.tsx index 9661a42b89050..13f9f00002c75 100644 --- a/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.test.tsx +++ b/x-pack/platform/packages/shared/kbn-event-stacktrace/src/components/stacktrace/exception/exception_stacktrace.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import React from 'react'; import { mount } from 'enzyme'; import { EuiThemeProvider } from '@elastic/eui'; diff --git a/x-pack/platform/plugins/private/canvas/CONTRIBUTING.md b/x-pack/platform/plugins/private/canvas/CONTRIBUTING.md index a63d9e6422022..a91fb40d4d9e4 100644 --- a/x-pack/platform/plugins/private/canvas/CONTRIBUTING.md +++ b/x-pack/platform/plugins/private/canvas/CONTRIBUTING.md @@ -1,6 +1,6 @@ # Contributing to Canvas -Canvas is a plugin for Kibana, therefore its [contribution guidelines](../../../../../CONTRIBUTING.md) apply to Canvas development, as well. This document contains Canvas-specific guidelines that extend from the Kibana guidelines. +Canvas is a plugin for Kibana, therefore its [contribution guidelines](../../../../../CONTRIBUTING.md) apply to Canvas development, as well. This document contains Canvas-specific guidelines that extend from the Kibana guidelines. - [Active Migrations](#active_migrations) - [i18n](#i18n) @@ -13,7 +13,7 @@ When editing code in Canvas, be aware of the following active migrations, (gener - Convert file(s) to Typescript. - Convert React classes to Functional components, (where applicable). -- Add Storybook stories for components, (and thus Storyshots). +- Add Storybook stories for components. - Remove `recompose` in favor of React hooks. - Apply improved component structure. - Write tests. @@ -23,19 +23,18 @@ When editing code in Canvas, be aware of the following active migrations, (gener i18n syntax in Kibana can be a bit verbose in code: ```js - i18n('pluginNamespace.messageId', { - defaultMessage: 'Default message string literal, {key}', - values: { - key: 'value', - }, - description: 'Message context or description', - }); +i18n('pluginNamespace.messageId', { + defaultMessage: 'Default message string literal, {key}', + values: { + key: 'value', + }, + description: 'Message context or description', +}); ``` To keep the code terse, Canvas uses i18n "dictionaries": abstracted, static singletons of accessor methods which return a given string: ```js - // asset_manager.tsx const strings = { // ... @@ -47,24 +46,19 @@ const strings = { id, }, }), - // ... + // ... }, // ... }; -const text = ( - <EuiText> - {strings.getSpaceUsedText(percentageUsed)} - </EuiText> -); - +const text = <EuiText>{strings.getSpaceUsedText(percentageUsed)}</EuiText>; ``` These singletons can then be changed at will, as well as audited for unused methods, (and therefore unused i18n strings). ## Component Code Structure -Canvas uses Redux. Component code is divided into React components and Redux containers. This way, components can be reused, their containers can be edited, and both can be tested independently. +Canvas uses Redux. Component code is divided into React components and Redux containers. This way, components can be reused, their containers can be edited, and both can be tested independently. Canvas is actively migrating to a structure which uses the `index.ts` file as a thin exporting index, rather than functional code: @@ -93,15 +87,15 @@ export { Foo as FooComponent } from './foo.component'; ### Why? -Canvas has been using an "index-export" structure that has served it well, until recently. In this structure, the `index.ts` file serves as the primary export of the Redux component, (and holds that code). The component is then named-- `component.tsx`-- and consumed in the `index` file. +Canvas has been using an "index-export" structure that has served it well, until recently. In this structure, the `index.ts` file serves as the primary export of the Redux component, (and holds that code). The component is then named-- `component.tsx`-- and consumed in the `index` file. -The problem we've run into is when you have sub-components which are also connected to Redux. To maintain this structure, each sub-component and its Redux container would then be stored in a subdirectory, (with only two files in it). +The problem we've run into is when you have sub-components which are also connected to Redux. To maintain this structure, each sub-component and its Redux container would then be stored in a subdirectory, (with only two files in it). > NOTE: if a PR touches component code that is in the older structure, it should be migrated to the structure above. ## Storybook -Canvas uses [Storybook](https://storybook.js.org) to test and develop components. This has a number of benefits: +Canvas uses [Storybook](https://storybook.js.org) to test and develop components. This has a number of benefits: - Developing components without needing to start ES + Kibana. - Testing components interactively without starting ES + Kibana. diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/__stories__/__snapshots__/table.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/__stories__/__snapshots__/table.stories.storyshot deleted file mode 100644 index cf9cc6dd82f7f..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/__stories__/__snapshots__/table.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/table default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "400px", - } - } -> - -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/advanced_filter/component/__stories__/__snapshots__/advanced_filter.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/advanced_filter/component/__stories__/__snapshots__/advanced_filter.stories.storyshot deleted file mode 100644 index 0d0071bbadb47..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/advanced_filter/component/__stories__/__snapshots__/advanced_filter.stories.storyshot +++ /dev/null @@ -1,67 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/AdvancedFilter default 1`] = ` -<form - className="canvasAdvancedFilter" - onSubmit={[Function]} -> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <input - className="canvasAdvancedFilter__input" - onChange={[Function]} - placeholder="Enter filter expression" - type="text" - value="" - /> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="canvasAdvancedFilter__button" - type="submit" - > - Apply - </button> - </div> - </div> -</form> -`; - -exports[`Storyshots renderers/AdvancedFilter with value 1`] = ` -<form - className="canvasAdvancedFilter" - onSubmit={[Function]} -> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <input - className="canvasAdvancedFilter__input" - onChange={[Function]} - placeholder="Enter filter expression" - type="text" - value="expression" - /> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="canvasAdvancedFilter__button" - type="submit" - > - Apply - </button> - </div> - </div> -</form> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot deleted file mode 100644 index 6ddc57397fd5d..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot +++ /dev/null @@ -1,280 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/DropdownFilter default 1`] = ` -<div - className="canvasDropdownFilter" -> - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--fullWidth euiSelect--compressed canvasDropdownFilter__select" - data-test-subj="canvasDropdownFilter__select" - onChange={[Function]} - onMouseUp={[Function]} - value="" - > - <option - selected={false} - value="%%CANVAS_MATCH_ALL%%" - > - -- ANY -- - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/DropdownFilter with choices 1`] = ` -<div - className="canvasDropdownFilter" -> - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--fullWidth euiSelect--compressed canvasDropdownFilter__select" - data-test-subj="canvasDropdownFilter__select" - onChange={[Function]} - onMouseUp={[Function]} - value="" - > - <option - selected={false} - value="%%CANVAS_MATCH_ALL%%" - > - -- ANY -- - </option> - <option - selected={false} - value="1" - > - Item One - </option> - <option - selected={false} - value="2" - > - Item Two - </option> - <option - selected={false} - value="3" - > - Item Three - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/DropdownFilter with choices and new value 1`] = ` -<div - className="canvasDropdownFilter" -> - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--fullWidth euiSelect--compressed canvasDropdownFilter__select" - data-test-subj="canvasDropdownFilter__select" - onChange={[Function]} - onMouseUp={[Function]} - value="selectedValue" - > - <option - selected={false} - value="%%CANVAS_MATCH_ALL%%" - > - -- ANY -- - </option> - <option - selected={false} - value="1" - > - Item One - </option> - <option - selected={false} - value="2" - > - Item Two - </option> - <option - selected={false} - value="3" - > - Item Three - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/DropdownFilter with choices and value 1`] = ` -<div - className="canvasDropdownFilter" -> - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--fullWidth euiSelect--compressed canvasDropdownFilter__select" - data-test-subj="canvasDropdownFilter__select" - onChange={[Function]} - onMouseUp={[Function]} - value="Item Two" - > - <option - selected={false} - value="%%CANVAS_MATCH_ALL%%" - > - -- ANY -- - </option> - <option - selected={false} - value="1" - > - Item One - </option> - <option - selected={false} - value="2" - > - Item Two - </option> - <option - selected={false} - value="3" - > - Item Three - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/DropdownFilter with new value 1`] = ` -<div - className="canvasDropdownFilter" -> - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--fullWidth euiSelect--compressed canvasDropdownFilter__select" - data-test-subj="canvasDropdownFilter__select" - onChange={[Function]} - onMouseUp={[Function]} - value="selectedValue" - > - <option - selected={false} - value="%%CANVAS_MATCH_ALL%%" - > - -- ANY -- - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot deleted file mode 100644 index 3900363fb2d1b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot +++ /dev/null @@ -1,643 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/TimeFilter default 1`] = ` -<div - style={ - Object { - "width": "600px", - } - } -> - <div - className="canvasTimeFilter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton" - > - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor euiQuickSelectPopover__anchor css-16vtueo-render" - > - <button - aria-label="Date quick select" - className="euiButtonEmpty euiButtonEmpty--xSmall euiFormControlLayout__prepend css-9t7nyf-empty-primary" - data-test-subj="superDatePickerToggleQuickMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text euiQuickSelectPopover__buttonText" - > - <span - data-euiicon-type="calendar" - > - - </span> - </span> - </span> - </button> - </div> - </div> - <div - className="euiFormControlLayout__childrenWrapper" - > - <div - className="euiDatePickerRange euiDatePickerRange--inGroup" - > - <button - className="euiSuperDatePicker__prettyFormat" - data-test-subj="superDatePickerShowDatesButton" - disabled={false} - onClick={[Function]} - > - Last 1 year - </button> - </div> - </div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append css-wvaqcf-empty-text" - disabled={false} - onClick={[Function]} - title="Auto refresh is on and set to 1 second" - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="timeRefresh" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - 1 s - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = ` -<div - style={ - Object { - "width": "600px", - } - } -> - <div - className="canvasTimeFilter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton" - > - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor euiQuickSelectPopover__anchor css-16vtueo-render" - > - <button - aria-label="Date quick select" - className="euiButtonEmpty euiButtonEmpty--xSmall euiFormControlLayout__prepend css-9t7nyf-empty-primary" - data-test-subj="superDatePickerToggleQuickMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text euiQuickSelectPopover__buttonText" - > - <span - data-euiicon-type="calendar" - > - - </span> - </span> - </span> - </button> - </div> - </div> - <div - className="euiFormControlLayout__childrenWrapper" - > - <div - className="euiDatePickerRange euiDatePickerRange--inGroup" - > - <div - className="euiPopover euiSuperDatePicker__startPopoverButton emotion-euiPopover" - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <button - className="euiDatePopoverButton euiDatePopoverButton--start" - data-test-subj="superDatePickerstartDatePopoverButton" - disabled={false} - onClick={[Function]} - title="~ 5 months ago" - > - ~ 5 months ago - </button> - </div> - </div> - <span - className="euiDatePickerRange__delimeter" - > - <span - color="subdued" - data-euiicon-type="sortRight" - > - - </span> - </span> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <button - className="euiDatePopoverButton euiDatePopoverButton--end" - data-test-subj="superDatePickerendDatePopoverButton" - disabled={false} - onClick={[Function]} - title="~ in 7 months" - > - ~ in 7 months - </button> - </div> - </div> - </div> - </div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append css-wvaqcf-empty-text" - disabled={false} - onClick={[Function]} - title="Auto refresh is on and set to 1 second" - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="timeRefresh" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - 1 s - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = ` -<div - style={ - Object { - "width": "600px", - } - } -> - <div - className="canvasTimeFilter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton" - > - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor euiQuickSelectPopover__anchor css-16vtueo-render" - > - <button - aria-label="Date quick select" - className="euiButtonEmpty euiButtonEmpty--xSmall euiFormControlLayout__prepend css-9t7nyf-empty-primary" - data-test-subj="superDatePickerToggleQuickMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text euiQuickSelectPopover__buttonText" - > - <span - data-euiicon-type="calendar" - > - - </span> - </span> - </span> - </button> - </div> - </div> - <div - className="euiFormControlLayout__childrenWrapper" - > - <div - className="euiDatePickerRange euiDatePickerRange--inGroup" - > - <button - className="euiSuperDatePicker__prettyFormat" - data-test-subj="superDatePickerShowDatesButton" - disabled={false} - onClick={[Function]} - > - Last 30 days - </button> - </div> - </div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append css-wvaqcf-empty-text" - disabled={false} - onClick={[Function]} - title="Auto refresh is on and set to 1 second" - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="timeRefresh" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - 1 s - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = ` -<div - style={ - Object { - "width": "600px", - } - } -> - <div - className="canvasTimeFilter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton" - > - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor euiQuickSelectPopover__anchor css-16vtueo-render" - > - <button - aria-label="Date quick select" - className="euiButtonEmpty euiButtonEmpty--xSmall euiFormControlLayout__prepend css-9t7nyf-empty-primary" - data-test-subj="superDatePickerToggleQuickMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text euiQuickSelectPopover__buttonText" - > - <span - data-euiicon-type="calendar" - > - - </span> - </span> - </span> - </button> - </div> - </div> - <div - className="euiFormControlLayout__childrenWrapper" - > - <div - className="euiDatePickerRange euiDatePickerRange--inGroup" - > - <button - className="euiSuperDatePicker__prettyFormat" - data-test-subj="superDatePickerShowDatesButton" - disabled={false} - onClick={[Function]} - > - Last 24 hours - </button> - </div> - </div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append css-wvaqcf-empty-text" - disabled={false} - onClick={[Function]} - title="Auto refresh is on and set to 1 second" - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="timeRefresh" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - 1 s - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = ` -<div - style={ - Object { - "width": "600px", - } - } -> - <div - className="canvasTimeFilter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton" - > - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor euiQuickSelectPopover__anchor css-16vtueo-render" - > - <button - aria-label="Date quick select" - className="euiButtonEmpty euiButtonEmpty--xSmall euiFormControlLayout__prepend css-9t7nyf-empty-primary" - data-test-subj="superDatePickerToggleQuickMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text euiQuickSelectPopover__buttonText" - > - <span - data-euiicon-type="calendar" - > - - </span> - </span> - </span> - </button> - </div> - </div> - <div - className="euiFormControlLayout__childrenWrapper" - > - <div - className="euiDatePickerRange euiDatePickerRange--inGroup" - > - <div - className="euiPopover euiSuperDatePicker__startPopoverButton emotion-euiPopover" - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <button - className="euiDatePopoverButton euiDatePopoverButton--start" - data-test-subj="superDatePickerstartDatePopoverButton" - disabled={false} - onClick={[Function]} - title="~ 6 days ago" - > - ~ 6 days ago - </button> - </div> - </div> - <span - className="euiDatePickerRange__delimeter" - > - <span - color="subdued" - data-euiicon-type="sortRight" - > - - </span> - </span> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <button - className="euiDatePopoverButton euiDatePopoverButton--end" - data-test-subj="superDatePickerendDatePopoverButton" - disabled={false} - onClick={[Function]} - title="~ in a day" - > - ~ in a day - </button> - </div> - </div> - </div> - </div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append css-wvaqcf-empty-text" - disabled={false} - onClick={[Function]} - title="Auto refresh is on and set to 1 second" - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="timeRefresh" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - 1 s - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/markdown/__stories__/__snapshots__/markdown.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/markdown/__stories__/__snapshots__/markdown.stories.storyshot deleted file mode 100644 index 79f447c953d6d..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/markdown/__stories__/__snapshots__/markdown.stories.storyshot +++ /dev/null @@ -1,27 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/markdown default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; - -exports[`Storyshots renderers/markdown links in new tab 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/pie/__stories__/__snapshots__/pie.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/pie/__stories__/__snapshots__/pie.stories.storyshot deleted file mode 100644 index 3260dbe8c83c2..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/pie/__stories__/__snapshots__/pie.stories.storyshot +++ /dev/null @@ -1,27 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/pie default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; - -exports[`Storyshots renderers/pie with legend 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/plot/__stories__/__snapshots__/plot.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/plot/__stories__/__snapshots__/plot.stories.storyshot deleted file mode 100644 index 7419d13fc7195..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/renderers/plot/__stories__/__snapshots__/plot.stories.storyshot +++ /dev/null @@ -1,14 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots renderers/plot default 1`] = ` -<div - style={ - Object { - "height": "200px", - "width": "200px", - } - } -> - -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/__stories__/__snapshots__/palette.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/__stories__/__snapshots__/palette.stories.storyshot deleted file mode 100644 index 3652e294e7ea3..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/__stories__/__snapshots__/palette.stories.storyshot +++ /dev/null @@ -1,326 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/Palette default 1`] = ` -<div - className="canvasContainerWrapper" - style={ - Object { - "width": "200px", - } - } -> - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - readOnly={false} - type="hidden" - value="paul_tor_14" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - disabled={false} - onClick={[Function]} - onKeyDown={[Function]} - readOnly={false} - type="button" - > - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - </button> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot deleted file mode 100644 index 366cd593b8f34..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot +++ /dev/null @@ -1,182 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/AxisConfig extended 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed euiFormRow--horizontal" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Position - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="bottom" - > - <option - value="bottom" - > - bottom - </option> - <option - value="top" - > - top - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> -</div> -`; - -exports[`Storyshots arguments/AxisConfig/components extended 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed euiFormRow--horizontal" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Position - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="left" - > - <option - value="left" - > - left - </option> - <option - value="right" - > - right - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> -</div> -`; - -exports[`Storyshots arguments/AxisConfig/components extended disabled 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-subdued" - style={Object {}} - > - <p> - Switch on to view axis settings - </p> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/simple_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/simple_template.stories.storyshot deleted file mode 100644 index 0b9358714e71c..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/simple_template.stories.storyshot +++ /dev/null @@ -1,75 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/AxisConfig simple 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiSwitch euiSwitch--compressed" - > - <button - aria-checked={false} - aria-label="" - className="euiSwitch__button" - id="generated-id" - onClick={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - /> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots arguments/AxisConfig/components simple template 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiSwitch euiSwitch--compressed" - > - <button - aria-checked={false} - aria-label="" - className="euiSwitch__button" - id="generated-id" - onClick={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - /> - </span> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot deleted file mode 100644 index 26d9fc6bedd48..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot +++ /dev/null @@ -1,206 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/DateFormat with custom format 1`] = ` -Array [ - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="DateFormatExample3" - onChange={[Function]} - onMouseUp={[Function]} - value="custom" - > - <option - value="l" - > - Shorthand - </option> - <option - value="x" - > - Unix - </option> - <option - value="LLL" - > - Longhand - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div>, - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - />, - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - onChange={[Function]} - placeholder="M/D/YY h:ma" - type="text" - value="MM/DD/YYYY" - /> - </div> - </div>, -] -`; - -exports[`Storyshots arguments/DateFormat with no format 1`] = ` -Array [ - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="DateFormatExample1" - onChange={[Function]} - onMouseUp={[Function]} - value="custom" - > - <option - value="l" - > - Shorthand - </option> - <option - value="x" - > - Unix - </option> - <option - value="LLL" - > - Longhand - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div>, - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - />, - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - onChange={[Function]} - placeholder="M/D/YY h:ma" - type="text" - value="" - /> - </div> - </div>, -] -`; - -exports[`Storyshots arguments/DateFormat with preset format 1`] = ` -<div - className="euiFormControlLayout euiFormControlLayout--compressed" -> - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="DateFormatExample2" - onChange={[Function]} - onMouseUp={[Function]} - value="LLL" - > - <option - value="l" - > - Shorthand - </option> - <option - value="x" - > - Unix - </option> - <option - value="LLL" - > - Longhand - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot b/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot deleted file mode 100644 index c9ae3561aa296..0000000000000 --- a/x-pack/platform/plugins/private/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot +++ /dev/null @@ -1,236 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/NumberFormat with custom format 1`] = ` -Array [ - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="NumberFormatExample3" - onChange={[Function]} - onMouseUp={[Function]} - value="custom" - > - <option - value="0.0[000]" - > - Number - </option> - <option - value="0.0%" - > - Percent - </option> - <option - value="$0.00" - > - Currency - </option> - <option - value="00:00:00" - > - Duration - </option> - <option - value="0.0b" - > - Bytes - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div>, - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - />, - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - onChange={[Function]} - placeholder="0.0a" - type="text" - value="0.0[000]a" - /> - </div> - </div>, -] -`; - -exports[`Storyshots arguments/NumberFormat with no format 1`] = ` -Array [ - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="NumberFormatExample1" - onChange={[Function]} - onMouseUp={[Function]} - value="custom" - > - <option - value="0.0[000]" - > - Number - </option> - <option - value="0.0%" - > - Percent - </option> - <option - value="$0.00" - > - Currency - </option> - <option - value="00:00:00" - > - Duration - </option> - <option - value="0.0b" - > - Bytes - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div>, - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - />, - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - onChange={[Function]} - placeholder="0.0a" - type="text" - value="" - /> - </div> - </div>, -] -`; - -exports[`Storyshots arguments/NumberFormat with preset format 1`] = ` -<div - className="euiFormControlLayout euiFormControlLayout--compressed" -> - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="NumberFormatExample2" - onChange={[Function]} - onMouseUp={[Function]} - value="$0.00" - > - <option - value="0.0[000]" - > - Number - </option> - <option - value="0.0%" - > - Percent - </option> - <option - value="$0.00" - > - Currency - </option> - <option - value="00:00:00" - > - Duration - </option> - <option - value="0.0b" - > - Bytes - </option> - <option - value="custom" - > - Custom - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/jest.config.js b/x-pack/platform/plugins/private/canvas/jest.config.js index 5198fd00fb35b..7f32a6f0ba904 100644 --- a/x-pack/platform/plugins/private/canvas/jest.config.js +++ b/x-pack/platform/plugins/private/canvas/jest.config.js @@ -9,9 +9,6 @@ module.exports = { preset: '@kbn/test', rootDir: '../../../../..', roots: ['<rootDir>/x-pack/platform/plugins/private/canvas'], - transform: { - '^.+\\.stories\\.tsx?$': '@storybook/addon-storyshots/injectFileName', - }, coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/platform/plugins/private/canvas', coverageReporters: ['text', 'html'], collectCoverageFrom: [ diff --git a/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot deleted file mode 100644 index a2afe69ead55b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot +++ /dev/null @@ -1,381 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Assets/Asset airplane 1`] = ` -<div - style={ - Object { - "width": "215px", - } - } -> - <div - className="euiFlexItem" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow" - > - <div - className="canvasAsset__thumb canvasCheckered" - > - <figure - className="euiImageWrapper emotion-euiImageWrapper" - > - <img - alt="Asset thumbnail" - className="euiImage canvasAsset__img emotion-euiImage-original" - src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni4zMSA1Ni4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDc4YTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlBsYW5lIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuNTEsNDguOTMsNDEuMjYsMjIuNTIsNTMuNzYsMTBhNS4yOSw1LjI5LDAsMCwwLTcuNDgtNy40N2wtMTIuNSwxMi41TDcuMzgsNi43OUEuNy43LDAsMCwwLDYuNjksN0wxLjIsMTIuNDVhLjcuNywwLDAsMCwwLDFMMTkuODUsMjlsLTcuMjQsNy4yNC03Ljc0LS42YS43MS43MSwwLDAsMC0uNTMuMkwxLjIxLDM5YS42Ny42NywwLDAsMCwuMDgsMUw5LjQ1LDQ2bC4wNywwYy4xMS4xMy4yMi4yNi4zNC4zOHMuMjUuMjMuMzguMzRhLjM2LjM2LDAsMCwwLDAsLjA3TDE2LjMzLDU1YS42OC42OCwwLDAsMCwxLC4wN0wyMC40OSw1MmEuNjcuNjcsMCwwLDAsLjE5LS41NGwtLjU5LTcuNzQsNy4yNC03LjI0TDQyLjg1LDU1LjA2YS42OC42OCwwLDAsMCwxLDBsNS41LTUuNUEuNjYuNjYsMCwwLDAsNDkuNTEsNDguOTNaIi8+PC9nPjwvZz48L3N2Zz4=" - /> - </figure> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiText eui-textBreakAll emotion-euiText-xs" - > - <p - className="eui-textBreakAll" - > - <strong> - airplane - </strong> - <br /> - <span - className="emotion-euiTextColor-subdued" - style={Object {}} - > - <small> - ( - 1 - kb) - </small> - </span> - </p> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-create-image" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Create image element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="vector" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-download" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasDownload" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Download" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasClipboard" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Copy id to clipboard" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Assets/Asset marker 1`] = ` -<div - style={ - Object { - "width": "215px", - } - } -> - <div - className="euiFlexItem" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow" - > - <div - className="canvasAsset__thumb canvasCheckered" - > - <figure - className="euiImageWrapper emotion-euiImageWrapper" - > - <img - alt="Asset thumbnail" - className="euiImage canvasAsset__img emotion-euiImage-original" - src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zOSA1Ny41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMTliOGY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkxvY2F0aW9uIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuMTksMUExOC4xOSwxOC4xOSwwLDAsMCwyLjk0LDI3LjM2aDBhMTkuNTEsMTkuNTEsMCwwLDAsMSwxLjc4TDE5LjE5LDU1LjU3LDM0LjM4LDI5LjIxQTE4LjE5LDE4LjE5LDAsMCwwLDE5LjE5LDFabTAsMjMuMjlhNS41Myw1LjUzLDAsMSwxLDUuNTMtNS41M0E1LjUzLDUuNTMsMCwwLDEsMTkuMTksMjQuMjlaIi8+PC9nPjwvZz48L3N2Zz4=" - /> - </figure> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiText eui-textBreakAll emotion-euiText-xs" - > - <p - className="eui-textBreakAll" - > - <strong> - marker - </strong> - <br /> - <span - className="emotion-euiTextColor-subdued" - style={Object {}} - > - <small> - ( - 1 - kb) - </small> - </span> - </p> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-create-image" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Create image element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="vector" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-download" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasDownload" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Download" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasClipboard" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Copy id to clipboard" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot deleted file mode 100644 index 8623b71ba5649..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot +++ /dev/null @@ -1,711 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Assets/AssetManager no assets 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasAssetManager canvasModal--fixedSize" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "1000px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader canvasAssetManager__modalHeader" - > - <div - className="euiModalHeader__title canvasAssetManager__modalHeaderTitle" - > - <h1> - Manage workpad assets - </h1> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive canvasAssetManager__fileUploadWrapper" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFilePicker euiFilePicker--compressed" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - multiple={true} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="m" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop images - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiText emotion-euiText-s-euiTextColor-subdued" - style={Object {}} - > - <p> - Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets. - </p> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium canvasAssetManager__emptyPanel emotion-euiPanel-grow-m-m-plain-hasShadow" - > - <div - className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent" - > - <div - className="euiEmptyPrompt__main" - > - <div - className="euiEmptyPrompt__icon" - > - <span - color="subdued" - data-euiicon-type="importAction" - size="xxl" - > - - </span> - </div> - <div - className="euiEmptyPrompt__content" - > - <div - className="euiEmptyPrompt__contentInner" - > - <h2 - className="euiTitle emotion-euiTitle-xs" - > - Import your assets to get started - </h2> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter canvasAssetManager__modalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow canvasAssetManager__meterWrapper" - > - <div - className="euiFlexItem" - > - <progress - aria-hidden={false} - aria-labelledby="CanvasAssetManagerLabel" - className="euiProgress emotion-euiProgress-native-s-static-success" - max={25000} - style={Object {}} - value={0} - /> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap" - > - <div - className="euiText emotion-euiText-m" - id="CanvasAssetManagerLabel" - > - 0% space used - </div> - </div> - </div> - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Close - </span> - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasAssetManager canvasModal--fixedSize" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "1000px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader canvasAssetManager__modalHeader" - > - <div - className="euiModalHeader__title canvasAssetManager__modalHeaderTitle" - > - <h1> - Manage workpad assets - </h1> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive canvasAssetManager__fileUploadWrapper" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFilePicker euiFilePicker--compressed" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - multiple={true} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="m" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop images - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiText emotion-euiText-s-euiTextColor-subdued" - style={Object {}} - > - <p> - Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets. - </p> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow" - > - <div - className="canvasAsset__thumb canvasCheckered" - > - <figure - className="euiImageWrapper emotion-euiImageWrapper" - > - <img - alt="Asset thumbnail" - className="euiImage canvasAsset__img emotion-euiImage-original" - src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni4zMSA1Ni4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDc4YTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlBsYW5lIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuNTEsNDguOTMsNDEuMjYsMjIuNTIsNTMuNzYsMTBhNS4yOSw1LjI5LDAsMCwwLTcuNDgtNy40N2wtMTIuNSwxMi41TDcuMzgsNi43OUEuNy43LDAsMCwwLDYuNjksN0wxLjIsMTIuNDVhLjcuNywwLDAsMCwwLDFMMTkuODUsMjlsLTcuMjQsNy4yNC03Ljc0LS42YS43MS43MSwwLDAsMC0uNTMuMkwxLjIxLDM5YS42Ny42NywwLDAsMCwuMDgsMUw5LjQ1LDQ2bC4wNywwYy4xMS4xMy4yMi4yNi4zNC4zOHMuMjUuMjMuMzguMzRhLjM2LjM2LDAsMCwwLDAsLjA3TDE2LjMzLDU1YS42OC42OCwwLDAsMCwxLC4wN0wyMC40OSw1MmEuNjcuNjcsMCwwLDAsLjE5LS41NGwtLjU5LTcuNzQsNy4yNC03LjI0TDQyLjg1LDU1LjA2YS42OC42OCwwLDAsMCwxLDBsNS41LTUuNUEuNjYuNjYsMCwwLDAsNDkuNTEsNDguOTNaIi8+PC9nPjwvZz48L3N2Zz4=" - /> - </figure> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiText eui-textBreakAll emotion-euiText-xs" - > - <p - className="eui-textBreakAll" - > - <strong> - airplane - </strong> - <br /> - <span - className="emotion-euiTextColor-subdued" - style={Object {}} - > - <small> - ( - 1 - kb) - </small> - </span> - </p> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-create-image" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Create image element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="vector" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-download" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasDownload" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Download" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasClipboard" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Copy id to clipboard" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow" - > - <div - className="canvasAsset__thumb canvasCheckered" - > - <figure - className="euiImageWrapper emotion-euiImageWrapper" - > - <img - alt="Asset thumbnail" - className="euiImage canvasAsset__img emotion-euiImage-original" - src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zOSA1Ny41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMTliOGY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkxvY2F0aW9uIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuMTksMUExOC4xOSwxOC4xOSwwLDAsMCwyLjk0LDI3LjM2aDBhMTkuNTEsMTkuNTEsMCwwLDAsMSwxLjc4TDE5LjE5LDU1LjU3LDM0LjM4LDI5LjIxQTE4LjE5LDE4LjE5LDAsMCwwLDE5LjE5LDFabTAsMjMuMjlhNS41Myw1LjUzLDAsMSwxLDUuNTMtNS41M0E1LjUzLDUuNTMsMCwwLDEsMTkuMTksMjQuMjlaIi8+PC9nPjwvZz48L3N2Zz4=" - /> - </figure> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiText eui-textBreakAll emotion-euiText-xs" - > - <p - className="eui-textBreakAll" - > - <strong> - marker - </strong> - <br /> - <span - className="emotion-euiTextColor-subdued" - style={Object {}} - > - <small> - ( - 1 - kb) - </small> - </span> - </p> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-create-image" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Create image element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="vector" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero asset-download" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasDownload" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Download" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <div - className="canvasClipboard" - onClick={[Function]} - onKeyPress={[Function]} - role="button" - tabIndex={0} - > - <button - aria-label="Copy id to clipboard" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - </div> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter canvasAssetManager__modalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow canvasAssetManager__meterWrapper" - > - <div - className="euiFlexItem" - > - <progress - aria-hidden={false} - aria-labelledby="CanvasAssetManagerLabel" - className="euiProgress emotion-euiProgress-native-s-static-success" - max={25000} - style={Object {}} - value={2} - /> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap" - > - <div - className="euiText emotion-euiText-m" - id="CanvasAssetManagerLabel" - > - 0% space used - </div> - </div> - </div> - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Close - </span> - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot deleted file mode 100644 index 075a59a8e1be8..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot +++ /dev/null @@ -1,286 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/ColorDot color dots 1`] = ` -Array [ - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "white", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcd", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#aabbcc", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#aabbccdd", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "rgb(100, 150, 250)", - } - } - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "rgba(100, 150, 250, .5)", - } - } - /> - </div>, -] -`; - -exports[`Storyshots components/Color/ColorDot color dots with children 1`] = ` -Array [ - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#FFF", - } - } - > - <span - color="#000" - data-euiicon-type="plusInCircle" - > - - </span> - </div> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - > - <span - color="#fff" - data-euiicon-type="minusInCircle" - > - - </span> - </div> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "rgba(100, 150, 250, .5)", - } - } - > - <span - color="#fff" - data-euiicon-type="warning" - > - - </span> - </div> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - > - <span - color="#fff" - data-euiicon-type="check" - > - - </span> - </div> - </div>, -] -`; - -exports[`Storyshots components/Color/ColorDot invalid dots 1`] = ` -Array [ - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot deleted file mode 100644 index 6584b71789a87..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot +++ /dev/null @@ -1,1102 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/ColorManager default 1`] = ` -Array [ - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "blue", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="blue" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abc" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcd", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abcd" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abcdef" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#aabbccdd", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#aabbccdd" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "rgb(50, 100, 150)", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="rgb(50, 100, 150)" - /> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "rgba(50, 100, 150, .5)", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="rgba(50, 100, 150, .5)" - /> - </div> - </div> - </div> - </div>, -] -`; - -exports[`Storyshots components/Color/ColorManager interactive 1`] = ` -<div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div> - <p - style={ - Object { - "marginTop": 20, - } - } - > - <label> - <input - aria-checked={true} - checked={true} - onChange={[Function]} - type="checkbox" - /> - - <span> - Show Buttons? - </span> - </label> - </p> -</div> -`; - -exports[`Storyshots components/Color/ColorManager invalid colors 1`] = ` -Array [ - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="elastic" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#xyz" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#ghij" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#canvas" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#12345xyz" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="rgb(a,b,c)" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={true} - className="euiFieldText euiFormControlLayout--1icons" - onChange={[Function]} - placeholder="Color code" - type="text" - value="rgba(w,x,y,z)" - /> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - color="danger" - data-euiicon-type="warning" - size="m" - > - - </span> - </div> - </div> - </div> - </div> - </div>, -] -`; - -exports[`Storyshots components/Color/ColorManager with buttons 1`] = ` -Array [ - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abcdef" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abcdef" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div>, - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#abcdef" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot deleted file mode 100644 index ea2d8a3ef4a2b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot +++ /dev/null @@ -1,1112 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/ColorPalette interactive 1`] = ` -<div - className="canvasColorPalette" -> - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPalette six colors 1`] = ` -Array [ - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> - </div>, - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - className="selected-color" - color="#333" - data-euiicon-type="check" - > - - </span> - </div> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> - </div>, -] -`; - -exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`] = ` -<div - className="canvasColorPalette" -> - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = ` -<div - className="canvasColorPalette" -> - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - className="selected-color" - color="#333" - data-euiicon-type="check" - > - - </span> - </div> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - </div> - <div - className="item-grid-row" - > - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPalette three colors 1`] = ` -Array [ - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - </div> - </div>, - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - className="selected-color" - color="#333" - data-euiicon-type="check" - > - - </span> - </div> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - </div> - </div>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot deleted file mode 100644 index e39685b953d42..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot +++ /dev/null @@ -1,1019 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/ColorPicker interactive 1`] = ` -<div> - <div> - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - <p - style={ - Object { - "marginTop": 20, - } - } - > - <label> - <input - aria-checked={true} - checked={true} - onChange={[Function]} - type="checkbox" - /> - - <span> - Show Buttons? - </span> - </label> - </p> -</div> -`; - -exports[`Storyshots components/Color/ColorPicker six colors 1`] = ` -<div> - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - className="selected-color" - color="#333" - data-euiicon-type="check" - > - - </span> - </div> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#fff" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] = ` -<div> - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - <button - aria-label="#abc" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abc", - } - } - /> - </div> - </button> - <button - aria-label="#def" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#def", - } - } - /> - </div> - </button> - <button - aria-label="#abcdef" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#abcdef", - } - } - /> - </div> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#a1b2c3", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#a1b2c3" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPicker three colors 1`] = ` -<div> - <div - className="canvasColorPalette" - > - <div - className="item-grid-row" - > - <button - aria-label="white" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - className="selected-color" - color="#333" - data-euiicon-type="check" - > - - </span> - </div> - </div> - </button> - <button - aria-label="#666" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - </button> - <button - aria-label="black" - className="euiLink canvasColorPalette__dot emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </div> - <div - className="euiFlexItem" - style={ - Object { - "display": "inline-block", - } - } - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText" - onChange={[Function]} - placeholder="Color code" - type="text" - value="#fff" - /> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Add Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - <button - aria-label="Remove Color" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="minusInCircle" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/color_picker.stories.tsx b/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/color_picker.stories.tsx index 812c056a67db9..3bee6e4a01262 100644 --- a/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/color_picker.stories.tsx +++ b/x-pack/platform/plugins/private/canvas/public/components/color_picker/__stories__/color_picker.stories.tsx @@ -6,56 +6,26 @@ */ import { action } from '@storybook/addon-actions'; -import { boolean } from '@storybook/addon-knobs'; -import { storiesOf } from '@storybook/react'; -import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import React, { useState } from 'react'; import { ColorPicker } from '../color_picker'; const THREE_COLORS = ['#fff', '#666', '#000']; const SIX_COLORS = ['#fff', '#666', '#000', '#abc', '#def', '#abcdef']; -class Interactive extends React.Component< - {}, - { hasButtons: boolean; value: string; colors: string[] } -> { - public state = { - value: '', - colors: SIX_COLORS, - hasButtons: true, - }; - - public render() { - return ( - <div> - <ColorPicker - colors={this.state.colors} - onAddColor={(value) => this.setState({ colors: this.state.colors.concat(value) })} - onRemoveColor={(value) => - this.setState({ colors: this.state.colors.filter((color) => color !== value) }) - } - onChange={(value) => this.setState({ value })} - hasButtons={this.state.hasButtons} - value={this.state.value} - /> - <p style={{ marginTop: 20 }}> - <label> - <input - aria-checked={this.state.hasButtons} - type="checkbox" - checked={this.state.hasButtons} - onChange={() => this.setState({ hasButtons: !this.state.hasButtons })} - /> - {' '} - <span>Show Buttons?</span> - </label> - </p> - </div> - ); - } +interface ColorPickerProps { + value?: string; + colors: string[]; + hasButtons?: boolean; + onChange?: (value: string) => void; + onAddColor?: (value: string) => void; + onRemoveColor?: (value: string) => void; } -storiesOf('components/Color/ColorPicker', module) - .addParameters({ +const meta: Meta<ColorPickerProps> = { + title: 'components/Color/ColorPicker', + component: ColorPicker, + parameters: { info: { inline: true, styles: { @@ -68,42 +38,103 @@ storiesOf('components/Color/ColorPicker', module) }, }, }, - }) - .add('three colors', () => ( + }, +}; + +export default meta; +type Story = StoryObj<ColorPickerProps>; + +export const ThreeColors: Story = { + name: 'three colors', + args: { + value: '#fff', + colors: THREE_COLORS, + hasButtons: true, + }, + render: (args) => ( <ColorPicker - value="#fff" + {...args} + onChange={action('onChange')} onAddColor={action('onAddColor')} onRemoveColor={action('onRemoveColor')} - onChange={action('onChange')} - colors={THREE_COLORS} - hasButtons={boolean('Has Buttons', true)} /> - )) - .add('six colors', () => ( + ), +}; + +export const SixColors: Story = { + name: 'six colors', + args: { + value: '#fff', + colors: SIX_COLORS, + hasButtons: true, + }, + render: (args) => ( <ColorPicker - value="#fff" + {...args} + onChange={action('onChange')} onAddColor={action('onAddColor')} onRemoveColor={action('onRemoveColor')} - onChange={action('onChange')} - colors={SIX_COLORS} - hasButtons={boolean('Has Buttons', true)} /> - )) - .add('six colors, value missing', () => ( + ), +}; + +export const SixColorsMissingValue: Story = { + name: 'six colors, value missing', + args: { + value: '#a1b2c3', + colors: SIX_COLORS, + hasButtons: true, + }, + render: (args) => ( <ColorPicker - value="#a1b2c3" + {...args} + onChange={action('onChange')} onAddColor={action('onAddColor')} onRemoveColor={action('onRemoveColor')} - onChange={action('onChange')} - colors={SIX_COLORS} - hasButtons={boolean('Has Buttons', true)} /> - )) - .add('interactive', () => <Interactive />, { + ), +}; + +const InteractiveComponent = () => { + const [value, setValue] = useState<string>(''); + const [colors, setColors] = useState<string[]>(SIX_COLORS); + const [hasButtons, setHasButtons] = useState<boolean>(true); + + return ( + <div> + <ColorPicker + colors={colors} + onAddColor={(newColor) => setColors([...colors, newColor])} + onRemoveColor={(colorToRemove) => + setColors(colors.filter((color) => color !== colorToRemove)) + } + onChange={(newValue) => setValue(newValue)} + hasButtons={hasButtons} + value={value} + /> + <p style={{ marginTop: 20 }}> + <label> + <input + aria-checked={hasButtons} + type="checkbox" + checked={hasButtons} + onChange={() => setHasButtons(!hasButtons)} + /> + {' '} + <span>Show Buttons?</span> + </label> + </p> + </div> + ); +}; + +export const Interactive: Story = { + name: 'interactive', + parameters: { info: { inline: true, source: false, - propTablesExclude: [Interactive], + propTablesExclude: [InteractiveComponent], styles: { infoBody: { margin: 20, @@ -114,4 +145,6 @@ storiesOf('components/Color/ColorPicker', module) }, }, }, - }); + }, + render: InteractiveComponent, +}; diff --git a/x-pack/platform/plugins/private/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot deleted file mode 100644 index ae5781984be2e..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot +++ /dev/null @@ -1,179 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = ` -<div> - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Color Picker black" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </button> - </div> - </div> - <p - style={ - Object { - "marginTop": 20, - } - } - > - <label> - <input - aria-checked={true} - checked={true} - onChange={[Function]} - type="checkbox" - /> - - <span> - Show Buttons? - </span> - </label> - </p> -</div> -`; - -exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = ` -<div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Color Picker white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPickerPopover six colors, value missing 1`] = ` -<div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Color Picker #a1b2c3" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#a1b2c3", - } - } - /> - </div> - </button> - </div> -</div> -`; - -exports[`Storyshots components/Color/ColorPickerPopover three colors 1`] = ` -<div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Color Picker white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot deleted file mode 100644 index adf060edb96d4..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot +++ /dev/null @@ -1,1230 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Elements/CustomElementModal with description 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasCustomElementModal" - description="best element ever" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "700px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader" - > - <div - className="euiModalHeader__title" - > - <h3> - Edit custom element - </h3> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2 canvasCustomElementForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - className="euiFieldText canvasCustomElementForm__name" - data-test-subj="canvasCustomElementForm-name" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - required={true} - type="text" - value="" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 40 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Description - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <textarea - aria-describedby="generated-id-help-0" - className="euiTextArea euiTextArea--resizeVertical" - data-test-subj="canvasCustomElementForm-description" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - rows={2} - value="best element ever" - /> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 83 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed canvasCustomElementForm__thumbnail" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thumbnail image - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFilePicker euiFilePicker--large canvasImageUpload" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - onFocus={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="l" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop an image - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs" - > - <p> - Take a screenshot of your element and upload it here. This can also be done after saving. - </p> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview" - > - <h4 - className="euiTitle emotion-euiTitle-xxxs" - > - Element preview - </h4> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - - </span> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - best element ever - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="canvasCustomElementForm-submit" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Save - </span> - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Elements/CustomElementModal with image 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasCustomElementModal" - image="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "700px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader" - > - <div - className="euiModalHeader__title" - > - <h3> - Edit custom element - </h3> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2 canvasCustomElementForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - className="euiFieldText canvasCustomElementForm__name" - data-test-subj="canvasCustomElementForm-name" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - required={true} - type="text" - value="" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 40 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Description - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <textarea - aria-describedby="generated-id-help-0" - className="euiTextArea euiTextArea--resizeVertical" - data-test-subj="canvasCustomElementForm-description" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - rows={2} - value="" - /> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 100 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed canvasCustomElementForm__thumbnail" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thumbnail image - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFilePicker euiFilePicker--large canvasImageUpload" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - onFocus={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="l" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop an image - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs" - > - <p> - Take a screenshot of your element and upload it here. This can also be done after saving. - </p> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview" - > - <h4 - className="euiTitle emotion-euiTitle-xxxs" - > - Element preview - </h4> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - - </span> - </p> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="canvasCustomElementForm-submit" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Save - </span> - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Elements/CustomElementModal with name 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasCustomElementModal" - description="" - name="My Chart" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "700px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader" - > - <div - className="euiModalHeader__title" - > - <h3> - Edit custom element - </h3> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2 canvasCustomElementForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - className="euiFieldText canvasCustomElementForm__name" - data-test-subj="canvasCustomElementForm-name" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - required={true} - type="text" - value="My Chart" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 32 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Description - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <textarea - aria-describedby="generated-id-help-0" - className="euiTextArea euiTextArea--resizeVertical" - data-test-subj="canvasCustomElementForm-description" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - rows={2} - value="" - /> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 100 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed canvasCustomElementForm__thumbnail" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thumbnail image - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFilePicker euiFilePicker--large canvasImageUpload" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - onFocus={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="l" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop an image - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs" - > - <p> - Take a screenshot of your element and upload it here. This can also be done after saving. - </p> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview" - > - <h4 - className="euiTitle emotion-euiTitle-xxxs" - > - Element preview - </h4> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - My Chart - </span> - </p> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="canvasCustomElementForm-submit" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Save - </span> - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Elements/CustomElementModal with title 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasCustomElementModal" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "700px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader" - > - <div - className="euiModalHeader__title" - > - <h3> - Create new element - </h3> - </div> - </div> - <div - className="euiModalBody" - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2 canvasCustomElementForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - className="euiFieldText canvasCustomElementForm__name" - data-test-subj="canvasCustomElementForm-name" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - required={true} - type="text" - value="" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 40 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Description - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <textarea - aria-describedby="generated-id-help-0" - className="euiTextArea euiTextArea--resizeVertical" - data-test-subj="canvasCustomElementForm-description" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - rows={2} - value="" - /> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - 100 characters remaining - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed canvasCustomElementForm__thumbnail" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thumbnail image - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFilePicker euiFilePicker--large canvasImageUpload" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="image/*" - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - onFocus={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="l" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop an image - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs" - > - <p> - Take a screenshot of your element and upload it here. This can also be done after saving. - </p> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview" - > - <h4 - className="euiTitle emotion-euiTitle-xxxs" - > - Element preview - </h4> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - - </span> - </p> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="canvasCustomElementForm-submit" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Save - </span> - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot deleted file mode 100644 index d6d73454d19d0..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot +++ /dev/null @@ -1,143 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/datasource/DatasourceComponent datasource with expression arguments 1`] = ` -<div - className="canvasDataSource__section" -> - <button - className="euiButtonEmpty euiButtonEmpty--small euiButtonEmpty--flushLeft canvasDataSource__triggerButton css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - <span - className="canvasDataSource__triggerButtonIcon" - data-euiicon-type="training" - > - - </span> - Test Datasource - </span> - </span> - </button> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning emotion-euiPanel-none-m-warning-euiCallOut" - > - <div - className="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description" - style={Object {}} - > - <p> - The datasource has an argument controlled by an expression. Use the expression editor to modify the datasource. - </p> - </div> - </div> -</div> -`; - -exports[`Storyshots components/datasource/DatasourceComponent simple datasource 1`] = ` -<div - className="canvasDataSource__section" -> - <button - className="euiButtonEmpty euiButtonEmpty--small euiButtonEmpty--flushLeft canvasDataSource__triggerButton css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - <span - className="euiButtonEmpty__text" - > - <span - className="canvasDataSource__triggerButtonIcon" - data-euiicon-type="training" - > - - </span> - Test Datasource - </span> - </span> - </button> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="render_to_dom" - /> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Preview data - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-fill-success" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Save - </span> - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot deleted file mode 100644 index 15724e2b9ebd6..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot +++ /dev/null @@ -1,329 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Elements/ElementCard with click handler 1`] = ` -<div - style={ - Object { - "width": "210px", - } - } -> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Element 1 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> -</div> -`; - -exports[`Storyshots components/Elements/ElementCard with image 1`] = ` -<div - style={ - Object { - "width": "210px", - } - } -> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - Element 1 - </span> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> -</div> -`; - -exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` -<div - style={ - Object { - "width": "210px", - } - } -> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Element 1 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - > - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag1 - </span> - </span> - </span> - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag2 - </span> - </span> - </span> - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag3 - </span> - </span> - </span> - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag4 - </span> - </span> - </span> - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag5 - </span> - </span> - </span> - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag6 - </span> - </span> - </span> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Elements/ElementCard with title and description 1`] = ` -<div - style={ - Object { - "width": "210px", - } - } -> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical" - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <span - className="euiCard__icon emotion-euiCard__icon-vertical" - data-euiicon-type="canvasApp" - size="xxl" - > - - </span> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <span - className="emotion-euiCard__text-left" - > - Element 1 - </span> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/expression_input/__stories__/__snapshots__/expression_input.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/expression_input/__stories__/__snapshots__/expression_input.stories.storyshot deleted file mode 100644 index 28f56b8abfcc5..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/expression_input/__stories__/__snapshots__/expression_input.stories.storyshot +++ /dev/null @@ -1,25 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/ExpressionInput default 1`] = ` -<div - className="canvasExpressionInput" -> - <div - className="euiFormRow euiFormRow--fullWidth canvasExpressionInput__inner" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <div - className="canvasExpressionInput__editor" - id="generated-id" - onBlur={[Function]} - onFocus={[Function]} - > - ExpressionInput - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/file_upload/__snapshots__/file_upload.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/file_upload/__snapshots__/file_upload.stories.storyshot deleted file mode 100644 index cb941ba3ea851..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/file_upload/__snapshots__/file_upload.stories.storyshot +++ /dev/null @@ -1,40 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/FileUpload default 1`] = ` -<div - className="euiFilePicker euiFilePicker--large euiFilePicker--compressed canvasFileUpload" -> - <div - className="euiFilePicker__wrap" - > - <input - aria-describedby="generated-id-filePicker__prompt" - className="euiFilePicker__input" - id="" - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="l" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Select or drag and drop a file - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/font_picker/__stories__/__snapshots__/font_picker.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/font_picker/__stories__/__snapshots__/font_picker.stories.storyshot deleted file mode 100644 index 0e26992ede1e4..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/font_picker/__stories__/__snapshots__/font_picker.stories.storyshot +++ /dev/null @@ -1,139 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/FontPicker default 1`] = ` -<div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} -> - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - defaultValue="" - type="hidden" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/FontPicker with value 1`] = ` -<div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} -> - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - type="hidden" - value="'American Typewriter', 'Courier New', Courier, Monaco, mono" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - style={ - Object { - "fontFamily": "'American Typewriter', 'Courier New', Courier, Monaco, mono", - } - } - > - American Typewriter - </div> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/__snapshots__/home.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/home/__snapshots__/home.stories.storyshot deleted file mode 100644 index 129ba32553f38..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/home/__snapshots__/home.stories.storyshot +++ /dev/null @@ -1,152 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Home Home Page 1`] = ` -<div - className="euiPage euiPageTemplate kbnPageTemplate emotion-euiPage-row-grow" - style={ - Object { - "minHeight": 460, - } - } -> - <div - className="euiPageBody emotion-euiPageBody" - style={Object {}} - > - <header - className="euiPageHeader emotion-euiPageHeader-l-border" - > - <div - className="euiPageHeaderContent emotion-euiPageHeaderContent-l" - style={ - Object { - "maxWidth": "1200px", - } - } - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top" - > - <div - className="euiFlexItem" - > - <h1 - className="euiTitle emotion-euiTitle-l" - > - Canvas - </h1> - <div - className="euiPageHeaderContent__bottom" - > - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiTabs euiTabs--large" - role="tablist" - > - <button - aria-selected={true} - className="euiTab euiTab-isSelected" - disabled={false} - id="myWorkpads" - onClick={[Function]} - role="tab" - type="button" - > - <span - className="euiTab__content" - > - My workpads - </span> - </button> - <button - aria-selected={false} - className="euiTab" - data-test-subj="workpadTemplates" - disabled={false} - id="workpadTemplates" - onClick={[Function]} - role="tab" - type="button" - > - <span - className="euiTab__content" - > - Templates - </span> - </button> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRowReverse euiFlexGroup--wrap" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="create-workpad-button" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="plusInCircleFilled" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Create workpad - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </header> - <div - className="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain" - role="main" - > - <div - className="euiPageContentBody euiPageContentBody--paddingLarge euiPageContentBody--restrictWidth-default" - style={Object {}} - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "minHeight": 600, - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - aria-label="Loading" - className="euiLoadingSpinner emotion-euiLoadingSpinner-xl" - role="progressbar" - /> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot deleted file mode 100644 index e13d8cdd28fa0..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot +++ /dev/null @@ -1,76 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = ` -<div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "minHeight": 600, - } - } -> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPanel euiPanel--subdued euiPanel--paddingMedium emotion-euiPanel-grow-none-m-subdued" - > - <div - className="euiPanel euiPanel--subdued euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-subdued" - > - <div - className="euiEmptyPrompt__main" - > - <div - className="euiEmptyPrompt__icon" - > - <span - color="subdued" - data-euiicon-type="importAction" - size="xxl" - > - - </span> - </div> - <div - className="euiEmptyPrompt__content" - > - <div - className="euiEmptyPrompt__contentInner" - > - <h2 - className="euiTitle emotion-euiTitle-m" - > - Add your first workpad - </h2> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiText emotion-euiText-m-euiTextColor-subdued" - style={Object {}} - > - <p> - Create a new workpad, start from a template, or import a workpad JSON file by dropping it here. - </p> - <p> - New to Canvas? - - <a - className="euiLink emotion-euiLink-primary" - href="home#/tutorial_directory/sampleData" - rel="noreferrer" - > - Add your first workpad - </a> - . - </p> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/my_workpads.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/my_workpads.stories.storyshot deleted file mode 100644 index 5f6f074f8b6f8..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/my_workpads.stories.storyshot +++ /dev/null @@ -1,26 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Home/Tabs/My Workpads My Workpads 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow" -> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "minHeight": 600, - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - aria-label="Loading" - className="euiLoadingSpinner emotion-euiLoadingSpinner-xl" - role="progressbar" - /> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/workpad_table.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/workpad_table.stories.storyshot deleted file mode 100644 index cd99de7dd1a91..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/__snapshots__/workpad_table.stories.storyshot +++ /dev/null @@ -1,1008 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow" -> - <div> - <div - className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap" - > - <div - className="euiFlexItem euiSearchBar__searchHolder" - > - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - aria-label="This is a search bar. As you type, the results lower in the page will automatically filter." - className="euiFieldSearch euiFieldSearch--fullWidth" - data-test-subj="tableListSearchBox" - defaultValue="" - onKeyUp={[Function]} - placeholder="Find workpad" - type="search" - /> - <div - className="euiFormControlLayoutIcons" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="search" - size="m" - > - - </span> - </span> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFilePicker canvasWorkpad__upload--compressed" - > - <div - className="euiFilePicker__wrap" - > - <input - accept="application/json" - aria-describedby="generated-id-filePicker__prompt" - aria-label="Import workpad JSON file" - className="euiFilePicker__input" - disabled={false} - onChange={[Function]} - onDragLeave={[Function]} - onDragOver={[Function]} - onDrop={[Function]} - type="file" - /> - <div - className="euiFilePicker__prompt" - id="generated-id-filePicker__prompt" - > - <span - aria-hidden="true" - className="euiFilePicker__icon" - data-euiicon-type="importAction" - size="m" - > - - </span> - <div - className="euiFilePicker__promptText" - > - Import workpad JSON file - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiBasicTable" - data-test-subj="canvasWorkpadTable" - > - <div> - <div - className="euiTableHeaderMobile" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiCheckbox" - > - <input - aria-label="Select all rows" - checked={false} - className="euiCheckbox__input" - disabled={false} - id="_selection_column-checkbox_generated-id_mobile" - onChange={[Function]} - type="checkbox" - /> - <div - className="euiCheckbox__square" - /> - <label - className="euiCheckbox__label" - htmlFor="_selection_column-checkbox_generated-id_mobile" - > - Select all rows - </label> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiTableSortMobile" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--xSmall euiButtonEmpty--flushRight css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text" - > - Sorting - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - <table - className="euiTable euiTable--responsive" - id="__table_generated-id" - tabIndex={-1} - > - <caption - className="euiTableCaption emotion-euiScreenReaderOnly" - /> - <thead> - <tr> - <th - className="euiTableHeaderCellCheckbox" - scope="col" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent" - > - <div - className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel" - > - <input - aria-label="Select all rows" - checked={false} - className="euiCheckbox__input" - data-test-subj="checkboxSelectAll" - disabled={false} - id="_selection_column-checkbox_generated-id_desktop" - onChange={[Function]} - type="checkbox" - /> - <div - className="euiCheckbox__square" - /> - </div> - </div> - </th> - <th - aria-live="polite" - aria-sort="none" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_name_0" - role="columnheader" - scope="col" - style={ - Object { - "width": undefined, - } - } - > - <button - className="euiTableHeaderButton" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Workpad name - </span> - </span> - </button> - </th> - <th - aria-live="polite" - aria-sort="none" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_@created_1" - role="columnheader" - scope="col" - style={ - Object { - "width": "20%", - } - } - > - <button - className="euiTableHeaderButton" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Created - </span> - </span> - </button> - </th> - <th - aria-live="polite" - aria-sort="descending" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_@timestamp_2" - role="columnheader" - scope="col" - style={ - Object { - "width": "20%", - } - } - > - <button - className="euiTableHeaderButton euiTableHeaderButton-isSorted" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Updated - </span> - <span - className="euiTableSortIcon" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </span> - </button> - </th> - <th - className="euiTableHeaderCell" - role="columnheader" - scope="col" - style={ - Object { - "width": "100px", - } - } - > - <span - className="euiTableCellContent euiTableCellContent--alignRight" - > - <span - className="euiTableCellContent__text" - > - Actions - </span> - </span> - </th> - </tr> - </thead> - <tbody> - <tr - className="euiTableRow euiTableRow-isSelectable euiTableRow-hasActions" - > - <td - className="euiTableRowCellCheckbox" - > - <div - className="euiTableCellContent" - > - <div - className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel" - > - <input - aria-label="Select this row" - checked={false} - className="euiCheckbox__input" - data-test-subj="checkboxSelectRow-workpad-2" - disabled={false} - id="__table_generated-id_selection_column_workpad-2-checkbox" - onChange={[Function]} - title="Select this row" - type="checkbox" - /> - <div - className="euiCheckbox__square" - /> - </div> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Workpad name - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <a - aria-label="Load workpad 'Workpad 2'" - className="euiLink emotion-euiLink-primary" - data-test-subj="canvasWorkpadTableWorkpad" - href="/workpad/workpad-2" - onClick={[Function]} - rel="noreferrer" - > - <span> - Workpad 2 - </span> - </a> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Created - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 3, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Updated - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 4, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - onBlur={[Function]} - onFocus={[Function]} - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Export workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="exportAction" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Clone workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copy" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - <tr - className="euiTableRow euiTableRow-isSelectable euiTableRow-hasActions" - > - <td - className="euiTableRowCellCheckbox" - > - <div - className="euiTableCellContent" - > - <div - className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel" - > - <input - aria-label="Select this row" - checked={false} - className="euiCheckbox__input" - data-test-subj="checkboxSelectRow-workpad-1" - disabled={false} - id="__table_generated-id_selection_column_workpad-1-checkbox" - onChange={[Function]} - title="Select this row" - type="checkbox" - /> - <div - className="euiCheckbox__square" - /> - </div> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Workpad name - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <a - aria-label="Load workpad 'Workpad 1'" - className="euiLink emotion-euiLink-primary" - data-test-subj="canvasWorkpadTableWorkpad" - href="/workpad/workpad-1" - onClick={[Function]} - rel="noreferrer" - > - <span> - Workpad 1 - </span> - </a> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Created - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 2, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Updated - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 3, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - onBlur={[Function]} - onFocus={[Function]} - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Export workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="exportAction" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Clone workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copy" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - <tr - className="euiTableRow euiTableRow-isSelectable euiTableRow-hasActions" - > - <td - className="euiTableRowCellCheckbox" - > - <div - className="euiTableCellContent" - > - <div - className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel" - > - <input - aria-label="Select this row" - checked={false} - className="euiCheckbox__input" - data-test-subj="checkboxSelectRow-workpad-0" - disabled={false} - id="__table_generated-id_selection_column_workpad-0-checkbox" - onChange={[Function]} - title="Select this row" - type="checkbox" - /> - <div - className="euiCheckbox__square" - /> - </div> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Workpad name - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <a - aria-label="Load workpad 'Workpad 0'" - className="euiLink emotion-euiLink-primary" - data-test-subj="canvasWorkpadTableWorkpad" - href="/workpad/workpad-0" - onClick={[Function]} - rel="noreferrer" - > - <span> - Workpad 0 - </span> - </a> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Created - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 1, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "20%", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Updated - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - Jan 2, 2000 @ 00:00:00.000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - onBlur={[Function]} - onFocus={[Function]} - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Export workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="exportAction" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Clone workpad" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copy" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - </tbody> - </table> - </div> - <div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--xSmall css-wvaqcf-empty-text" - data-test-subj="tablePaginationPopoverButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text" - > - Rows per page - : - 10 - </span> - </span> - </button> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <nav - aria-label="Pagination for table: " - className="euiPagination emotion-euiPagination-EuiPagination" - > - <span - aria-atomic="true" - aria-relevant="additions text" - className="emotion-euiScreenReaderOnly" - role="status" - > - Page 1 of 1 - </span> - <button - aria-label="Previous page" - className="euiButtonIcon euiButtonIcon--xSmall euiPaginationArrowButton emotion-euiButtonIcon-empty-disabled-hoverStyles-euiPaginationArrowButton" - data-test-subj="pagination-button-previous" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - <ul - aria-label="Pagination for table: " - className="euiPagination__list emotion-euiPagination__list" - > - <li - className="euiPagination__item" - > - <button - aria-controls="__table_generated-id" - aria-current={true} - aria-label="Page 1 of 1" - className="euiButtonEmpty euiButtonEmpty--small euiPaginationButton css-7ubx5w-empty-disabled-euiPaginationButton-isActive" - data-test-subj="pagination-button-0" - disabled={true} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - 1 - </span> - </span> - </button> - </li> - </ul> - <button - aria-label="Next page" - className="euiButtonIcon euiButtonIcon--xSmall euiPaginationArrowButton emotion-euiButtonIcon-empty-disabled-hoverStyles-euiPaginationArrowButton" - data-test-subj="pagination-button-next" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </nav> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/workpad_templates/__snapshots__/workpad_templates.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/home/workpad_templates/__snapshots__/workpad_templates.stories.storyshot deleted file mode 100644 index f18c8311f199f..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/home/workpad_templates/__snapshots__/workpad_templates.stories.storyshot +++ /dev/null @@ -1,26 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Home/Tabs/Workpad Templates Workpad Templates 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow" -> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "minHeight": 600, - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - aria-label="Loading" - className="euiLoadingSpinner emotion-euiLoadingSpinner-xl" - role="progressbar" - /> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot deleted file mode 100644 index e96302525aea4..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot +++ /dev/null @@ -1,164 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/ItemGrid color dot grid 1`] = ` -<div - className="item-grid-row" -> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - /> - </div> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> -</div> -`; - -exports[`Storyshots components/ItemGrid complex grid 1`] = ` -<div - className="item-grid-row" -> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - > - <span - color="#333" - data-euiicon-type="plusInCircle" - > - - </span> - </div> - </div> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#666", - } - } - > - <span - color="#FFF" - data-euiicon-type="minusInCircle" - > - - </span> - </div> - </div> - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - > - <span - color="#FFF" - data-euiicon-type="check" - > - - </span> - </div> - </div> -</div> -`; - -exports[`Storyshots components/ItemGrid icon grid 1`] = ` -<div - className="item-grid-row" -> - <span - data-euiicon-type="plusInCircle" - > - - </span> - <span - data-euiicon-type="minusInCircle" - > - - </span> - <span - data-euiicon-type="check" - > - - </span> -</div> -`; - -exports[`Storyshots components/ItemGrid simple grid 1`] = ` -<div - className="item-grid-row" -> - <div> - a - </div> - <div> - b - </div> - <div> - c - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot deleted file mode 100644 index 3e637de054956..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot +++ /dev/null @@ -1,921 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = ` -<div - data-eui="EuiFlyout" - role="dialog" -> - <button - aria-label="Close this dialog" - data-test-subj="euiFlyoutCloseButton" - onClick={[Function]} - type="button" - /> - <div - className="euiFlyoutHeader emotion-euiFlyoutHeader-hasBorder" - > - <h2 - className="euiTitle emotion-euiTitle-s" - > - Keyboard shortcuts - </h2> - </div> - <div - className="euiFlyoutBody emotion-euiFlyoutBody" - > - <div - className="euiFlyoutBody__overflow css-1fk8opf-noBanner" - tabIndex={0} - > - <div - className="euiFlyoutBody__overflowContent" - > - <div - className="canvasKeyboardShortcut" - > - <h4 - className="euiTitle emotion-euiTitle-xs" - > - Element controls - </h4> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s" - /> - <dl - className="euiDescriptionList emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Cut - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - X - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Copy - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - C - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Paste - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - V - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Clone - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - D - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Delete - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - DEL - </code> - </span> - <span> - - or - - </span> - <span> - <code> - BACKSPACE - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Bring to front - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ↑ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Bring forward - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - SHIFT - </code> - - <code> - ↑ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Send backward - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ↓ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Send to back - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - SHIFT - </code> - - <code> - ↓ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Group - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - G - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Ungroup - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - U - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift up by 10px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ↑ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift down by 10px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ↓ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift left by 10px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ← - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift right by 10px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - → - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift up by 1px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - SHIFT - </code> - - <code> - ↑ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift down by 1px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - SHIFT - </code> - - <code> - ↓ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift left by 1px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - SHIFT - </code> - - <code> - ← - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Shift right by 1px - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - SHIFT - </code> - - <code> - → - </code> - </span> - </dd> - </dl> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - </div> - <div - className="canvasKeyboardShortcut" - > - <h4 - className="euiTitle emotion-euiTitle-xs" - > - Expression controls - </h4> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s" - /> - <dl - className="euiDescriptionList emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Run whole expression - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ENTER - </code> - </span> - </dd> - </dl> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - </div> - <div - className="canvasKeyboardShortcut" - > - <h4 - className="euiTitle emotion-euiTitle-xs" - > - Editor controls - </h4> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s" - /> - <dl - className="euiDescriptionList emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Select multiple elements - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - SHIFT - </code> - - <code> - CLICK - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Resize from center - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - DRAG - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Move, resize, and rotate without snapping - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - DRAG - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Select element below - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - CLICK - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Undo last action - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - Z - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Redo last action - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - SHIFT - </code> - - <code> - Z - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Go to previous page - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - [ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Go to next page - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - ] - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Toggle edit mode - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - E - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Show grid - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - G - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Refresh workpad - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - R - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Zoom in - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ALT - </code> - - <code> - + - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Zoom out - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ALT - </code> - - <code> - - - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Reset zoom to 100% - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - CTRL - </code> - - <code> - ALT - </code> - - <code> - [ - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Enter presentation mode - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - F - </code> - </span> - <span> - - or - - </span> - <span> - <code> - ALT - </code> - - <code> - P - </code> - </span> - </dd> - </dl> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - </div> - <div - className="canvasKeyboardShortcut" - > - <h4 - className="euiTitle emotion-euiTitle-xs" - > - Presentation controls - </h4> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s" - /> - <dl - className="euiDescriptionList emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Enter presentation mode - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - F - </code> - </span> - <span> - - or - - </span> - <span> - <code> - ALT - </code> - - <code> - P - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Exit presentation mode - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ESC - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Go to previous page - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - [ - </code> - </span> - <span> - - or - - </span> - <span> - <code> - BACKSPACE - </code> - </span> - <span> - - or - - </span> - <span> - <code> - ← - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Go to next page - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - ] - </code> - </span> - <span> - - or - - </span> - <span> - <code> - SPACE - </code> - </span> - <span> - - or - - </span> - <span> - <code> - → - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Refresh workpad - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - ALT - </code> - - <code> - R - </code> - </span> - </dd> - <dt - className="euiDescriptionList__title emotion-euiDescriptionList__title-column-m-reverse" - > - Toggle page cycling - </dt> - <dd - className="euiDescriptionList__description emotion-euiDescriptionList__description-column-compressed-m" - > - <span> - <code> - P - </code> - </span> - </dd> - </dl> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/palette_picker/palette_picker/__stories__/__snapshots__/palette_picker.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/palette_picker/palette_picker/__stories__/__snapshots__/palette_picker.stories.storyshot deleted file mode 100644 index 3fd216db15dbb..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/palette_picker/palette_picker/__stories__/__snapshots__/palette_picker.stories.storyshot +++ /dev/null @@ -1,721 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Color/PalettePicker clearable 1`] = ` -<div - style={ - Object { - "width": "350px", - } - } -> - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - readOnly={false} - type="hidden" - value="clear" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: None, is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - disabled={false} - 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Color/PalettePicker default 1`] = ` -<div - style={ - Object { - "width": "350px", - } - } -> - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - readOnly={false} - type="hidden" - value="paul_tor_14" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - disabled={false} - onClick={[Function]} - onKeyDown={[Function]} - readOnly={false} - type="button" - > - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - </button> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Color/PalettePicker interactive 1`] = ` -<div - style={ - Object { - "width": "350px", - } - } -> - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - readOnly={false} - type="hidden" - value="paul_tor_14" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - disabled={false} - onClick={[Function]} - onKeyDown={[Function]} - readOnly={false} - type="button" - > - <span - className="euiColorPaletteDisplay euiColorPaletteDisplay--sizeSmall" - > - <span - className="emotion-euiScreenReaderOnly" - > - Paul Tor 14 - </span> - <span - aria-hidden="true" - className="euiColorPaletteDisplayFixed__bleedArea" - > - <span - style={ - Object { - "backgroundColor": "#882E72", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#B178A6", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#D6C1DE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#1965B0", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#5289C7", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#7BAFDE", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#4EB265", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#90C987", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#CAE0AB", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F7EE55", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F6C141", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#F1932D", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#E8601C", - "width": "7.142857142857143%", - } - } - /> - <span - style={ - Object { - "backgroundColor": "#DC050C", - "width": "7.142857142857143%", - } - } - /> - </span> - </span> - </button> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot deleted file mode 100644 index f09ee019ed032..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot +++ /dev/null @@ -1,76 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/SavedElementsModal/ElementControls has two buttons 1`] = ` -<div - style={ - Object { - "width": "50px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot deleted file mode 100644 index 9a2a326678475..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot +++ /dev/null @@ -1,369 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` -<div - style={ - Object { - "width": "1000px", - } - } -> - <div - className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive" - > - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 1 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - sample description - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 2 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Aenean eu justo auctor, placerat felis non, scelerisque dolor. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 3 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/SavedElementsModal/ElementGrid with text filter 1`] = ` -<div - style={ - Object { - "width": "1000px", - } - } -> - <div - className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive" - /> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot deleted file mode 100644 index b7a4d78fb07a3..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot +++ /dev/null @@ -1,867 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/SavedElementsModal no custom elements 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasModal--fixedSize" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "1000px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader canvasAssetManager__modalHeader" - > - <div - className="euiModalHeader__title canvasAssetManager__modalHeaderTitle" - > - <h1> - My elements - </h1> - </div> - </div> - <div - className="euiModalBody" - style={ - Object { - "paddingRight": "1px", - } - } - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldSearch euiFieldSearch--fullWidth" - onChange={[Function]} - onKeyUp={[Function]} - placeholder="Find element" - type="search" - value="" - /> - <div - className="euiFormControlLayoutIcons" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="search" - size="m" - > - - </span> - </span> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent" - > - <div - className="euiEmptyPrompt__main" - > - <div - className="euiEmptyPrompt__icon" - > - <span - color="subdued" - data-euiicon-type="vector" - size="xxl" - > - - </span> - </div> - <div - className="euiEmptyPrompt__content" - > - <div - className="euiEmptyPrompt__contentInner" - > - <h2 - className="euiTitle emotion-euiTitle-s" - > - Add new elements - </h2> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiText emotion-euiText-m-euiTextColor-subdued" - style={Object {}} - > - <p> - Group and save workpad elements to create new elements - </p> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - data-test-subj="saved-elements-modal-close-button" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Close - </span> - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasModal--fixedSize" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "1000px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader canvasAssetManager__modalHeader" - > - <div - className="euiModalHeader__title canvasAssetManager__modalHeaderTitle" - > - <h1> - My elements - </h1> - </div> - </div> - <div - className="euiModalBody" - style={ - Object { - "paddingRight": "1px", - } - } - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldSearch euiFieldSearch--fullWidth" - onChange={[Function]} - onKeyUp={[Function]} - placeholder="Find element" - type="search" - value="" - /> - <div - className="euiFormControlLayoutIcons" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="search" - size="m" - > - - </span> - </span> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive" - > - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 1 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - sample description - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 2 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Aenean eu justo auctor, placerat felis non, scelerisque dolor. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 3 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - data-test-subj="saved-elements-modal-close-button" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Close - </span> - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/SavedElementsModal with text filter 1`] = ` -<div - data-eui="EuiFocusTrap" -> - <div - className="euiModal canvasModal--fixedSize" - onKeyDown={[Function]} - style={ - Object { - "maxWidth": "1000px", - } - } - tabIndex={0} - > - <button - aria-label="Closes this modal window" - className="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="cross" - size="m" - > - - </span> - </button> - <div - className="euiModalHeader canvasAssetManager__modalHeader" - > - <div - className="euiModalHeader__title canvasAssetManager__modalHeaderTitle" - > - <h1> - My elements - </h1> - </div> - </div> - <div - className="euiModalBody" - style={ - Object { - "paddingRight": "1px", - } - } - > - <div - className="euiModalBody__overflow" - > - <div - className="euiFormControlLayout euiFormControlLayout--fullWidth" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldSearch euiFormControlLayout--1icons euiFieldSearch--fullWidth euiFieldSearch-isClearable" - onChange={[Function]} - onKeyUp={[Function]} - placeholder="Find element" - type="search" - value="Element 2" - /> - <div - className="euiFormControlLayoutIcons" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="search" - size="m" - > - - </span> - </span> - </div> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <button - aria-label="Clear input" - className="euiFormControlLayoutClearButton" - data-test-subj="clearSearchButton" - onClick={[Function]} - type="button" - > - <span - className="euiFormControlLayoutClearButton__icon" - data-euiicon-type="cross" - > - - </span> - </button> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--l emotion-euiSpacer-l" - /> - <div - className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive" - > - <div - className="euiFlexItem canvasElementCard__wrapper" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable-euiCard-left-vertical" - onClick={[Function]} - > - <div - className="euiCard__top emotion-euiCard__top-vertical" - > - <div - className="euiCard__image emotion-euiCard__image" - > - <img - alt="" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+" - /> - </div> - </div> - <div - className="euiCard__content emotion-euiCard__content-vertical" - > - <p - className="euiTitle euiCard__title emotion-euiTitle-s" - id="generated-idTitle" - > - <button - aria-describedby=" generated-idDescription" - className="euiCard__titleButton emotion-euiCard__text-left-interactive" - disabled={false} - onClick={[Function]} - > - Custom Element 2 - </button> - </p> - <div - className="euiText emotion-euiText-s-euiCard__description" - id="generated-idDescription" - > - <p> - Aenean eu justo auctor, placerat felis non, scelerisque dolor. - </p> - </div> - </div> - <div - className="emotion-euiCard__footer" - /> - </div> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Edit element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - data-test-subj="canvasElementCard__editButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="pencil" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Delete element" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-danger-hoverStyles" - data-test-subj="canvasElementCard__deleteButton" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiModalFooter" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - data-test-subj="saved-elements-modal-close-button" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Close - </span> - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot deleted file mode 100644 index 6ddbe6510a738..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot +++ /dev/null @@ -1,414 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Shapes/ShapePicker default 1`] = ` -<div - className="euiFlexGrid euiFlexGrid--gutterSmall euiFlexGrid--fourths euiFlexGrid--responsive canvasShapePicker" -> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0,40 60,40 60,20 95,50 60,80 60,60 0,60" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 65" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="5,30 25,10 25,20 75,20 75,10 95,30 75,50 75,40 25,40 25,50" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 65 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0,0 60,0 60,95 30,75 0,95 0,0" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <circle - cx="50" - cy="50" - r="45" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="30,0 70,0 70,30 100,30 100,70 70,70 70,100 30,100 30,70 0,70 0,30 30,30" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="70.000, 15.359 30.000, 15.359 10.000, 50.000 30.000, 84.641 70.000, 84.641 90.000, 50.000" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 155" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="50,10 10,50 50,140 90,50" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="50.0000, 14.0000 11.9577, 41.6393 26.4886, 86.3607 73.5114, 86.3607 88.0423, 41.6393" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="50,10 10,50 50,90 90,50" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M 5,50 h 90 A 45 45 180 1 0 5,50 Z" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0,0 100,0 100,70 40,70 20,85 25,70 0,70" - strokeLinejoin="round" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <rect - height="100" - width="100" - x="0" - y="0" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="41.183, 37.865 12.652, 37.865 35.734, 54.635 26.917, 81.771 50.000, 65.000 73.265, 81.904 64.266, 54.635 87.348, 37.865 58.817, 37.865 50.07, 10.515" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 65" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0,0 75,0 90,30 75,60 0,60" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="50.000, 20.000 15.359, 80.000 84.641, 80.000" - /> - </svg> - </div> - </button> - </div> - <div - className="euiFlexItem" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0, 10 0, 100 90, 100" - /> - </svg> - </div> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot deleted file mode 100644 index 40b8ed3da2275..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot +++ /dev/null @@ -1,119 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasShapePreview" - /> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <rect - height="100" - width="100" - x="0" - y="0" - /> - </svg> - </div> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain" - > - <button - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasShapePreview" - > - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <rect - height="100" - width="100" - x="0" - y="0" - /> - </svg> - </div> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/shape_preview/__stories__/__snapshots__/shape_preview.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/shape_preview/__stories__/__snapshots__/shape_preview.stories.storyshot deleted file mode 100644 index 747938d33f532..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/shape_preview/__stories__/__snapshots__/shape_preview.stories.storyshot +++ /dev/null @@ -1,38 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Shapes/ShapePreview arrow 1`] = ` -<div - className="canvasShapePreview" -> - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <polygon - points="0,40 60,40 60,20 95,50 60,80 60,60 0,60" - /> - </svg> -</div> -`; - -exports[`Storyshots components/Shapes/ShapePreview square 1`] = ` -<div - className="canvasShapePreview" -> - <svg - fill="none" - stroke="black" - viewBox="-2.5 -2.5 105 105" - xmlns="http://www.w3.org/2000/svg" - > - <rect - height="100" - width="100" - x="0" - y="0" - /> - </svg> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/group_settings.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/group_settings.stories.storyshot deleted file mode 100644 index d83f7afc20e7b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/group_settings.stories.storyshot +++ /dev/null @@ -1,18 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Sidebar/GroupSettings default 1`] = ` -<div - className="canvasSidebar__panel canvasSidebar__panel--isEmpty" -> - <div - className="euiText emotion-euiText-s" - > - <p> - Ungroup (U) to edit individual element settings. - </p> - <p> - Save this group as a new element to re-use it throughout your workpad. - </p> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/multi_element_settings.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/multi_element_settings.stories.storyshot deleted file mode 100644 index a1efc378046d6..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/sidebar/__stories__/__snapshots__/multi_element_settings.stories.storyshot +++ /dev/null @@ -1,18 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Sidebar/MultiElementSettings default 1`] = ` -<div - className="canvasSidebar__panel canvasSidebar__panel--isEmpty" -> - <div - className="euiText emotion-euiText-s" - > - <p> - Multiple elements are currently selected. - </p> - <p> - Deselect these elements to edit their individual settings, press (G) to group them, or save this selection as a new element to re-use it throughout your workpad. - </p> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot deleted file mode 100644 index b2fcabe95fd12..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot +++ /dev/null @@ -1,173 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Sidebar/SidebarHeader default 1`] = ` -<div - style={ - Object { - "width": "300px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasLayout__sidebarHeader" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <h3 - className="euiTitle emotion-euiTitle-xs" - > - Selected layer - </h3> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = ` -<div - style={ - Object { - "width": "300px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasLayout__sidebarHeader" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <h3 - className="euiTitle emotion-euiTitle-xs" - > - Grouped element - </h3> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Move element to top layer" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortUp" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Move element up one layer" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowUp" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Move element down one layer" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="m" - > - - </span> - </button> - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Move element to bottom layer" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="sortDown" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot deleted file mode 100644 index dbfafe20f18ac..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot +++ /dev/null @@ -1,97 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Tags/Tag as badge 1`] = ` -<span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#666666", - "color": "#FFF", - } - } -> - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag - </span> - </span> -</span> -`; - -exports[`Storyshots components/Tags/Tag as badge with color 1`] = ` -<span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#327b53", - "color": "#FFF", - } - } -> - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag - </span> - </span> -</span> -`; - -exports[`Storyshots components/Tags/Tag as health 1`] = ` -<div - className="euiHealth emotion-euiHealth-s" -> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - color="#666666" - data-euiicon-type="dot" - > - - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - tag - </div> - </div> -</div> -`; - -exports[`Storyshots components/Tags/Tag as health with color 1`] = ` -<div - className="euiHealth emotion-euiHealth-s" -> - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - color="#9b3067" - data-euiicon-type="dot" - > - - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - tag - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/tag_list/__stories__/__snapshots__/tag_list.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/tag_list/__stories__/__snapshots__/tag_list.stories.storyshot deleted file mode 100644 index 7edd5813496ec..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/tag_list/__stories__/__snapshots__/tag_list.stories.storyshot +++ /dev/null @@ -1,334 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Tags/TagList empty list 1`] = `null`; - -exports[`Storyshots components/Tags/TagList with badge tags 1`] = ` -Array [ - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#cc3b54", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag1 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#5bc149", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag2 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#fbc545", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag3 - </span> - </span> - </span>, -] -`; - -exports[`Storyshots components/Tags/TagList with health tags 1`] = ` -Array [ - <div - className="euiHealth emotion-euiHealth-s" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - color="#cc3b54" - data-euiicon-type="dot" - > - - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - tag1 - </div> - </div> - </div>, - <div - className="euiHealth emotion-euiHealth-s" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - color="#9b3067" - data-euiicon-type="dot" - > - - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - tag4 - </div> - </div> - </div>, - <div - className="euiHealth emotion-euiHealth-s" - > - <div - className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - color="#d41e93" - data-euiicon-type="dot" - > - - </span> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - tag6 - </div> - </div> - </div>, -] -`; - -exports[`Storyshots components/Tags/TagList with lots of tags 1`] = ` -Array [ - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#cc3b54", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag1 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#5bc149", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag2 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#fbc545", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag3 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#9b3067", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag4 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#1819bd", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag5 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#d41e93", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag6 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#3486d2", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag7 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#b870d8", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag8 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#f4a4a7", - "color": "#000", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag9 - </span> - </span> - </span>, - <span - className="euiBadge emotion-euiBadge" - style={ - Object { - "backgroundColor": "#072d6d", - "color": "#FFF", - } - } - > - <span - className="euiBadge__content emotion-euiBadge__content" - > - <span - className="euiBadge__text emotion-euiBadge__text" - > - tag10 - </span> - </span> - </span>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot deleted file mode 100644 index e8d405d867413..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot +++ /dev/null @@ -1,1009 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/TextStylePicker default 1`] = ` -<div - style={ - Object { - "width": 264, - } - } -> - <div - className="canvasTextStylePicker" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - defaultValue="" - type="hidden" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group" - > - <label - className="euiFormLabel euiFormControlLayout__prepend" - > - Size - </label> - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed euiSelect--inGroup" - onChange={[Function]} - onMouseUp={[Function]} - value={14} - > - <option - value={0} - > - 0 - </option> - <option - value={6} - > - 6 - </option> - <option - value={7} - > - 7 - </option> - <option - value={8} - > - 8 - </option> - <option - value={9} - > - 9 - </option> - <option - value={10} - > - 10 - </option> - <option - value={11} - > - 11 - </option> - <option - value={12} - > - 12 - </option> - <option - value={14} - > - 14 - </option> - <option - value={16} - > - 16 - </option> - <option - value={18} - > - 18 - </option> - <option - value={24} - > - 24 - </option> - <option - value={30} - > - 30 - </option> - <option - value={36} - > - 36 - </option> - <option - value={48} - > - 48 - </option> - <option - value={60} - > - 60 - </option> - <option - value={72} - > - 72 - </option> - <option - value={96} - > - 96 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Font Color black" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </button> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <fieldset - className="euiButtonGroup euiButtonGroup--compressed euiButtonGroup--text canvasSidebar__buttonGroup" - disabled={false} - > - <legend - className="emotion-euiScreenReaderOnly" - > - Style options - </legend> - <div - className="euiButtonGroup__buttons" - > - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="bold" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorBold" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Bold - </span> - </span> - </button> - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="italic" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorItalic" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Italic - </span> - </span> - </button> - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="underline" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorUnderline" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Underline - </span> - </span> - </button> - </div> - </fieldset> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <fieldset - className="euiButtonGroup euiButtonGroup--compressed euiButtonGroup--text canvasSidebar__buttonGroup" - disabled={false} - > - <legend - className="emotion-euiScreenReaderOnly" - > - Alignment options - </legend> - <div - className="euiButtonGroup__buttons" - > - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly css-qmwmig-fill-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignLeft" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={true} - className="euiScreenReaderOnly" - data-test-subj="left" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align left - </span> - </span> - </label> - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignCenter" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={false} - className="euiScreenReaderOnly" - data-test-subj="center" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align center - </span> - </span> - </label> - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignRight" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={false} - className="euiScreenReaderOnly" - data-test-subj="right" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align right - </span> - </span> - </label> - </div> - </fieldset> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/TextStylePicker interactive 1`] = ` -<div - style={ - Object { - "width": 264, - } - } -> - <div - className="canvasTextStylePicker" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - defaultValue="" - type="hidden" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group" - > - <label - className="euiFormLabel euiFormControlLayout__prepend" - > - Size - </label> - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed euiSelect--inGroup" - onChange={[Function]} - onMouseUp={[Function]} - value={14} - > - <option - value={0} - > - 0 - </option> - <option - value={6} - > - 6 - </option> - <option - value={7} - > - 7 - </option> - <option - value={8} - > - 8 - </option> - <option - value={9} - > - 9 - </option> - <option - value={10} - > - 10 - </option> - <option - value={11} - > - 11 - </option> - <option - value={12} - > - 12 - </option> - <option - value={14} - > - 14 - </option> - <option - value={16} - > - 16 - </option> - <option - value={18} - > - 18 - </option> - <option - value={24} - > - 24 - </option> - <option - value={30} - > - 30 - </option> - <option - value={36} - > - 36 - </option> - <option - value={48} - > - 48 - </option> - <option - value={60} - > - 60 - </option> - <option - value={72} - > - 72 - </option> - <option - value={96} - > - 96 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Font Color black" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={Object {}} - /> - </div> - </button> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <fieldset - className="euiButtonGroup euiButtonGroup--compressed euiButtonGroup--text canvasSidebar__buttonGroup" - disabled={false} - > - <legend - className="emotion-euiScreenReaderOnly" - > - Style options - </legend> - <div - className="euiButtonGroup__buttons" - > - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="bold" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorBold" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Bold - </span> - </span> - </button> - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="italic" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorItalic" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Italic - </span> - </span> - </button> - <button - aria-pressed={false} - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - data-test-subj="underline" - disabled={false} - id="generated-id" - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorUnderline" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - Underline - </span> - </span> - </button> - </div> - </fieldset> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <fieldset - className="euiButtonGroup euiButtonGroup--compressed euiButtonGroup--text canvasSidebar__buttonGroup" - disabled={false} - > - <legend - className="emotion-euiScreenReaderOnly" - > - Alignment options - </legend> - <div - className="euiButtonGroup__buttons" - > - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly css-qmwmig-fill-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignLeft" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={true} - className="euiScreenReaderOnly" - data-test-subj="left" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align left - </span> - </span> - </label> - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignCenter" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={false} - className="euiScreenReaderOnly" - data-test-subj="center" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align center - </span> - </span> - </label> - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isIconOnly css-dbzl5z-empty-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorAlignRight" - size="m" - > - - </span> - <span - className="euiButton__text euiScreenReaderOnly" - > - <input - checked={false} - className="euiScreenReaderOnly" - data-test-subj="right" - disabled={false} - id="generated-id" - name="generated-id" - onChange={[Function]} - type="radio" - /> - Align right - </span> - </span> - </label> - </div> - </fieldset> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot deleted file mode 100644 index 08d7f659867cd..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot +++ /dev/null @@ -1,134 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/ToolTipShortcut with alt 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - ⌥ + P - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with cmd 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - ⌘ + D - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with down arrow 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - ⌘ + SHIFT + ↓ - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with left arrow 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - ← - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with right arrow 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - → - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with shortcut 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - G - </div> -</div> -`; - -exports[`Storyshots components/ToolTipShortcut with up arrow 1`] = ` -<div - style={ - Object { - "backgroundColor": "#343741", - "padding": "5px", - "width": "100px", - } - } -> - <div - className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center" - style={Object {}} - > - ⌘ + SHIFT + ↑ - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot deleted file mode 100644 index 1bb277ac90558..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot +++ /dev/null @@ -1,238 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Toolbar element selected 1`] = ` -<div - className="canvasToolbar hide-for-sharing" -> - <div - className="canvasToolbar__container" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasToolbar__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--text" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="grid" - size="m" - /> - <span - className="euiButtonEmpty__text" - > - My Canvas Workpad - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - /> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - /> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--text" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Page 1 - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - /> - </button> - </div> - <div - className="euiFlexItem" - /> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--text" - data-test-subj="canvasExpressionEditorButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="editorCodeBlock" - size="m" - /> - <span - className="euiButtonEmpty__text" - > - Expression editor - </span> - </span> - </button> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/Toolbar no element selected 1`] = ` -<div - className="canvasToolbar hide-for-sharing" -> - <div - className="canvasToolbar__container" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasToolbar__controls" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--text" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="grid" - size="m" - /> - <span - className="euiButtonEmpty__text" - > - My Canvas Workpad - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - /> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - /> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--text" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Page 1 - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - /> - </button> - </div> - <div - className="euiFlexItem" - /> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot deleted file mode 100644 index 6b54eb810a056..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot +++ /dev/null @@ -1,112 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Variables/DeleteVar default 1`] = ` -Array [ - <div - className="canvasVarHeader__triggerWrapper" - > - <button - className="canvasVarHeader__button" - onClick={[Function]} - type="button" - > - <span - className="canvasVarHeader__iconWrapper" - > - <span - data-euiicon-type="sortLeft" - style={ - Object { - "verticalAlign": "top", - } - } - > - - </span> - </span> - <span> - <span - className="canvasVarHeader__anchor" - > - Delete variable? - </span> - </span> - </button> - </div>, - <div - className="canvasSidebar__accordionContent" - > - <div> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-s-euiTextColor-subdued" - style={Object {}} - > - Deleting this variable may adversely affect the workpad. Are you sure you wish to continue? - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-fill-danger" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="trash" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Delete variable - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - </div> - </div> - </div>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot deleted file mode 100644 index 6a2ad859dda76..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot +++ /dev/null @@ -1,1301 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Variables/EditVar edit variable (boolean) 1`] = ` -Array [ - <div - className="canvasVarHeader__triggerWrapper" - > - <button - className="canvasVarHeader__button" - onClick={[Function]} - type="button" - > - <span - className="canvasVarHeader__iconWrapper" - > - <span - data-euiicon-type="sortLeft" - style={ - Object { - "verticalAlign": "top", - } - } - > - - </span> - </span> - <span> - <span - className="canvasVarHeader__anchor" - > - Edit variable - </span> - </span> - </button> - </div>, - <div - className="canvasSidebar__accordionContent" - > - <div> - <div - className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut" - > - <p - className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning" - > - <span - aria-hidden="true" - className="emotion-euiCallOut__icon" - color="inherit" - data-euiicon-type="warning" - size="m" - > - - </span> - Editing a variable in use may adversely affect your workpad - </p> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - </div> - <form - className="euiForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Type - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="boolean" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis7" - style={Object {}} - > - <span - data-euiicon-type="tokenBoolean" - size="m" - > - - </span> - </span> - - <span> - Boolean - </span> - </div> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyDown={[Function]} - type="button" - > - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis7" - style={Object {}} - > - <span - data-euiicon-type="tokenBoolean" - size="m" - > - - </span> - </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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - aria-invalid={false} - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - name="name" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="zenMode" - /> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Value - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <fieldset - className="euiButtonGroup euiButtonGroup--compressed euiButtonGroup--text euiButtonGroup--fullWidth" - disabled={false} - > - <legend - className="emotion-euiScreenReaderOnly" - > - Boolean value - </legend> - <div - className="euiButtonGroup__buttons" - > - <label - className="euiButtonGroupButton euiButtonGroupButton--small euiButtonGroupButton-isSelected css-qmwmig-fill-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButton__text euiButtonGroupButton__textShift" - > - <input - checked={true} - className="euiScreenReaderOnly" - data-test-subj="generated-id-true" - disabled={false} - id="generated-id" - name="value" - onChange={[Function]} - type="radio" - /> - True - </span> - </span> - </label> - <label - className="euiButtonGroupButton euiButtonGroupButton--small css-dbzl5z-empty-text-EuiButtonGroupButton" - disabled={false} - htmlFor="generated-id" - style={ - Object { - "minWidth": undefined, - } - } - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButton__text euiButtonGroupButton__textShift" - > - <input - checked={false} - className="euiScreenReaderOnly" - data-test-subj="generated-id-false" - disabled={false} - id="generated-id" - name="value" - onChange={[Function]} - type="radio" - /> - False - </span> - </span> - </label> - </div> - </fieldset> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-fill-success" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="save" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Save changes - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - </div> - </form> - </div>, -] -`; - -exports[`Storyshots components/Variables/EditVar edit variable (number) 1`] = ` -Array [ - <div - className="canvasVarHeader__triggerWrapper" - > - <button - className="canvasVarHeader__button" - onClick={[Function]} - type="button" - > - <span - className="canvasVarHeader__iconWrapper" - > - <span - data-euiicon-type="sortLeft" - style={ - Object { - "verticalAlign": "top", - } - } - > - - </span> - </span> - <span> - <span - className="canvasVarHeader__anchor" - > - Edit variable - </span> - </span> - </button> - </div>, - <div - className="canvasSidebar__accordionContent" - > - <div> - <div - className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut" - > - <p - className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning" - > - <span - aria-hidden="true" - className="emotion-euiCallOut__icon" - color="inherit" - data-euiicon-type="warning" - size="m" - > - - </span> - Editing a variable in use may adversely affect your workpad - </p> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - </div> - <form - className="euiForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Type - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="number" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis0" - style={Object {}} - > - <span - data-euiicon-type="tokenNumber" - size="m" - > - - </span> - </span> - - <span> - Number - </span> - </div> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyDown={[Function]} - type="button" - > - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis0" - style={Object {}} - > - <span - data-euiicon-type="tokenNumber" - size="m" - > - - </span> - </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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - aria-invalid={false} - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - name="name" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="bigNumber" - /> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Value - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - name="value" - onChange={[Function]} - type="number" - value={1000} - /> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-fill-success" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="save" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Save changes - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - </div> - </form> - </div>, -] -`; - -exports[`Storyshots components/Variables/EditVar edit variable (string) 1`] = ` -Array [ - <div - className="canvasVarHeader__triggerWrapper" - > - <button - className="canvasVarHeader__button" - onClick={[Function]} - type="button" - > - <span - className="canvasVarHeader__iconWrapper" - > - <span - data-euiicon-type="sortLeft" - style={ - Object { - "verticalAlign": "top", - } - } - > - - </span> - </span> - <span> - <span - className="canvasVarHeader__anchor" - > - Edit variable - </span> - </span> - </button> - </div>, - <div - className="canvasSidebar__accordionContent" - > - <div> - <div - className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut" - > - <p - className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning" - > - <span - aria-hidden="true" - className="emotion-euiCallOut__icon" - color="inherit" - data-euiicon-type="warning" - size="m" - > - - </span> - Editing a variable in use may adversely affect your workpad - </p> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - </div> - <form - className="euiForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Type - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="string" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis1" - style={Object {}} - > - <span - data-euiicon-type="tokenString" - size="m" - > - - </span> - </span> - - <span> - String - </span> - </div> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyDown={[Function]} - type="button" - > - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis1" - style={Object {}} - > - <span - data-euiicon-type="tokenString" - size="m" - > - - </span> - </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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - aria-invalid={false} - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - name="name" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="homeUrl" - /> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Value - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - name="value" - onChange={[Function]} - type="text" - value="https://elastic.co" - /> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-fill-success" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="save" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Save changes - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - </div> - </form> - </div>, -] -`; - -exports[`Storyshots components/Variables/EditVar new variable 1`] = ` -Array [ - <div - className="canvasVarHeader__triggerWrapper" - > - <button - className="canvasVarHeader__button" - onClick={[Function]} - type="button" - > - <span - className="canvasVarHeader__iconWrapper" - > - <span - data-euiicon-type="sortLeft" - style={ - Object { - "verticalAlign": "top", - } - } - > - - </span> - </span> - <span> - <span - className="canvasVarHeader__anchor" - > - Add variable - </span> - </span> - </button> - </div>, - <div - className="canvasSidebar__accordionContent" - > - <form - className="euiForm" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Type - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="string" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis1" - style={Object {}} - > - <span - data-euiicon-type="tokenString" - size="m" - > - - </span> - </span> - - <span> - String - </span> - </div> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons euiSuperSelectControl--compressed" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyDown={[Function]} - type="button" - > - <div - className="canvasEditVar__typeOption" - > - <span - className="euiToken canvasEditVar__tokenIcon emotion-euiToken-square-light-s-euiColorVis1" - style={Object {}} - > - <span - data-euiicon-type="tokenString" - size="m" - > - - </span> - </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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - aria-invalid={false} - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Name - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - name="name" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="" - /> - </div> - </div> - </div> - </div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Value - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldText euiFieldText--compressed" - name="value" - onChange={[Function]} - type="text" - value="" - /> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButton emotion-euiButtonDisplay-s-isDisabled-s-fill-disabled" - disabled={true} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="save" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Save changes - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Cancel - </span> - </span> - </button> - </div> - </div> - </form> - </div>, -] -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot deleted file mode 100644 index a78011f33c258..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot +++ /dev/null @@ -1,760 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/Variables/VarConfig default 1`] = ` -<div - className="canvasSidebar__expandable canvasVarConfig__container " -> - <div - className="canvasVarConfig__innerContainer" - > - <div - className="euiAccordion canvasVarConfig__listView canvasSidebar__accordion" - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="accordion-variables" - aria-expanded={false} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="accordion-variables" - aria-expanded={false} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <span - onBlur={[Function]} - onFocus={[Function]} - > - Variables - </span> - </span> - </span> - </button> - <div - className="euiAccordion__optionalAction emotion-euiAccordion__optionalAction" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="Add a variable" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper" - id="accordion-variables" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - className="canvasSidebar__accordionContent" - > - <div - className="euiBasicTable canvasVarConfig__list" - > - <div> - <div - className="euiTableHeaderMobile" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - /> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiTableSortMobile" - > - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="euiButtonEmpty euiButtonEmpty--xSmall euiButtonEmpty--flushRight css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content" - > - <span - className="euiButtonContent__icon" - color="inherit" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - <span - className="euiButtonEmpty__text" - > - Sorting - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - <table - className="euiTable euiTable--compressed euiTable--responsive" - id="__table_generated-id" - tabIndex={-1} - > - <caption - className="euiTableCaption emotion-euiScreenReaderOnly" - /> - <thead> - <tr> - <th - aria-live="polite" - aria-sort="none" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_type_0" - role="columnheader" - scope="col" - style={ - Object { - "width": "50px", - } - } - > - <button - className="euiTableHeaderButton" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Type - </span> - </span> - </button> - </th> - <th - aria-live="polite" - aria-sort="none" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_name_1" - role="columnheader" - scope="col" - style={ - Object { - "width": undefined, - } - } - > - <button - className="euiTableHeaderButton" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Name - </span> - </span> - </button> - </th> - <th - aria-live="polite" - aria-sort="none" - className="euiTableHeaderCell" - data-test-subj="tableHeaderCell_value_2" - role="columnheader" - scope="col" - style={ - Object { - "width": undefined, - } - } - > - <button - className="euiTableHeaderButton" - data-test-subj="tableHeaderSortButton" - onClick={[Function]} - type="button" - > - <span - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - Value - </span> - </span> - </button> - </th> - <td - className="euiTableHeaderCell" - role="columnheader" - style={ - Object { - "width": "60px", - } - } - > - <span - className="euiTableCellContent euiTableCellContent--alignRight" - > - <span - className="euiTableCellContent__text" - /> - </span> - </td> - </tr> - </thead> - <tbody> - <tr - className="euiTableRow euiTableRow-hasActions" - > - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "50px", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Type - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <span - className="euiToken emotion-euiToken-square-light-s-euiColorVis1" - style={Object {}} - > - <span - data-euiicon-type="tokenString" - size="m" - > - - </span> - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Name - </div> - <div - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - homeUrl - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Value - </div> - <div - className="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent" - > - https://elastic.co - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiTableCellContent__hoverItem emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - <span - className="emotion-euiScreenReaderOnly" - id="generated-id" - > - Copy snippet - </span> - </span> - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiPopover emotion-euiPopover" - id="0-actions" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="All actions" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="euiCollapsedItemActionsButton" - disabled={false} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="boxesHorizontal" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - <tr - className="euiTableRow euiTableRow-hasActions" - > - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "50px", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Type - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <span - className="euiToken emotion-euiToken-square-light-s-euiColorVis0" - style={Object {}} - > - <span - data-euiicon-type="tokenNumber" - size="m" - > - - </span> - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Name - </div> - <div - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - bigNumber - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Value - </div> - <div - className="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent" - > - 1000 - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiTableCellContent__hoverItem emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - <span - className="emotion-euiScreenReaderOnly" - id="generated-id" - > - Copy snippet - </span> - </span> - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiPopover emotion-euiPopover" - id="1-actions" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="All actions" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="euiCollapsedItemActionsButton" - disabled={false} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="boxesHorizontal" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - <tr - className="euiTableRow euiTableRow-hasActions" - > - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": "50px", - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Type - </div> - <div - className="euiTableCellContent euiTableCellContent--overflowingContent" - > - <span - className="euiToken emotion-euiToken-square-light-s-euiColorVis7" - style={Object {}} - > - <span - data-euiicon-type="tokenBoolean" - size="m" - > - - </span> - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Name - </div> - <div - className="euiTableCellContent" - > - <span - className="euiTableCellContent__text" - > - zenMode - </span> - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop" - > - Value - </div> - <div - className="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent" - > - true - </div> - </td> - <td - className="euiTableRowCell euiTableRowCell--hasActions euiTableRowCell--middle" - style={ - Object { - "width": undefined, - } - } - > - <div - className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--showOnHover euiTableCellContent--overflowingContent" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiTableCellContent__hoverItem emotion-euiButtonIcon-empty-primary-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="copyClipboard" - size="m" - > - - </span> - </button> - <span - className="emotion-euiScreenReaderOnly" - id="generated-id" - > - Copy snippet - </span> - </span> - <div - className="euiTableCellContent__hoverItem" - > - <div - className="euiPopover emotion-euiPopover" - id="2-actions" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <button - aria-label="All actions" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="euiCollapsedItemActionsButton" - disabled={false} - onClick={[Function]} - onFocus={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="boxesHorizontal" - size="m" - > - - </span> - </button> - </span> - </div> - </div> - </div> - </div> - </td> - </tr> - </tbody> - </table> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasVarConfig__editView canvasSidebar__accordion" - /> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filter.component.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filter.component.stories.storyshot deleted file mode 100644 index a74428e9ea0d6..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filter.component.stories.storyshot +++ /dev/null @@ -1,438 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" -> - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - exactly - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/FilterComponent with component field 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" -> - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - exactly - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <div - className="euiText emotion-euiText-m" - > - <span - className="emotion-euiTextColor-success" - style={Object {}} - > - <h3> - kibana - </h3> - </span> - </div> - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter fields 1`] = ` -<div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" -> - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - exactly - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Custom Field - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Some unknown field - </div> - </dd> - </dl> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot deleted file mode 100644 index 83a3853e42fd2..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot +++ /dev/null @@ -1,738 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent default 1`] = ` -<div - className="canvasLayout__sidebar" -> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - Group 1 - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - @timestamp - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-01-01 08:15:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-02-01 17:22:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - country - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - US - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 10:50:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 04:40:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent empty group 1`] = ` -<div - className="canvasLayout__sidebar" -> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - Group 1 - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - /> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/workpad_filters.component.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/workpad_filters.component.stories.storyshot deleted file mode 100644 index 535fae4e6f8d7..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_filters/__stories__/__snapshots__/workpad_filters.component.stories.storyshot +++ /dev/null @@ -1,2533 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Empty filters groups 1`] = ` -<div> - <div - className="canvasLayout__sidebar" - > - <div - style={ - Object { - "width": "100%", - } - } - > - <div - className="canvasSidebar__panel canvasSidebar__expandable" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiText emotion-euiText-m" - > - <h5> - Group by - </h5> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - aria-label="Use aria labels when no actual label is in use" - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - defaultValue="" - onChange={[Function]} - onMouseUp={[Function]} - > - <option - value="filterGroup" - > - Filter group - </option> - <option - value="type" - > - Filter type - </option> - <option - value="column" - > - Column - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters groups without group name 1`] = ` -<div> - <div - className="canvasLayout__sidebar" - > - <div - style={ - Object { - "width": "100%", - } - } - > - <div - className="canvasSidebar__panel canvasSidebar__expandable" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiText emotion-euiText-m" - > - <h5> - Group by - </h5> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - aria-label="Use aria labels when no actual label is in use" - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - onChange={[Function]} - onMouseUp={[Function]} - value="filterGroup" - > - <option - value="filterGroup" - > - Filter group - </option> - <option - value="type" - > - Filter type - </option> - <option - value="column" - > - Column - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - Without group - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - @timestamp - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-01-01 08:15:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-02-01 17:22:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - country - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - US - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 10:50:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 04:40:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters groups without name 1`] = ` -<div> - <div - className="canvasLayout__sidebar" - > - <div - style={ - Object { - "width": "100%", - } - } - > - <div - className="canvasSidebar__panel canvasSidebar__expandable" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiText emotion-euiText-m" - > - <h5> - Group by - </h5> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - aria-label="Use aria labels when no actual label is in use" - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - onChange={[Function]} - onMouseUp={[Function]} - value="column" - > - <option - value="filterGroup" - > - Filter group - </option> - <option - value="type" - > - Filter type - </option> - <option - value="column" - > - Column - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - (Blank) - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - @timestamp - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-01-01 08:15:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-02-01 17:22:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - country - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - US - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 10:50:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 04:40:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters groups without name and filters 1`] = ` -<div> - <div - className="canvasLayout__sidebar" - > - <div - style={ - Object { - "width": "100%", - } - } - > - <div - className="canvasSidebar__panel canvasSidebar__expandable" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiText emotion-euiText-m" - > - <h5> - Group by - </h5> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - aria-label="Use aria labels when no actual label is in use" - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - defaultValue="" - onChange={[Function]} - onMouseUp={[Function]} - > - <option - value="filterGroup" - > - Filter group - </option> - <option - value="type" - > - Filter type - </option> - <option - value="column" - > - Column - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - (Blank) - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - /> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`] = ` -<div> - <div - className="canvasLayout__sidebar" - > - <div - style={ - Object { - "width": "100%", - } - } - > - <div - className="canvasSidebar__panel canvasSidebar__expandable" - > - <div - className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiText emotion-euiText-m" - > - <h5> - Group by - </h5> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - aria-label="Use aria labels when no actual label is in use" - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - defaultValue="" - onChange={[Function]} - onMouseUp={[Function]} - > - <option - value="filterGroup" - > - Filter group - </option> - <option - value="type" - > - Filter type - </option> - <option - value="column" - > - Column - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-0" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - Group 1 - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-0" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - project - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - kibana - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - @timestamp - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-01-01 08:15:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-02-01 17:22:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 1 - </div> - </dd> - </dl> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="canvasSidebar__expandable" - > - <div - className="euiAccordion euiAccordion-isOpen canvasSidebar__accordion filtersSidebar__accordion" - style={ - Object { - "marginLeft": "0px", - } - } - > - <div - className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper" - > - <button - aria-controls="canvas-filter-group-1" - aria-expanded={true} - aria-labelledby="generated-id" - className="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiButtonIcon-empty-text-hoverStyles-euiAccordion__iconButton-isOpen" - disabled={false} - onClick={[Function]} - tabIndex={-1} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - <button - aria-controls="canvas-filter-group-1" - aria-expanded={true} - className="euiAccordion__button emotion-euiAccordion__button" - disabled={false} - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__buttonContent" - > - Group 2 - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen" - id="canvas-filter-group-1" - role="region" - tabIndex={-1} - > - <div> - <div - className=" emotion-euiAccordion__children" - > - <div - style={ - Object { - "paddingTop": "15px", - } - } - > - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - country - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Value - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - US - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Dropdown - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - <div - className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain" - > - <dl - className="euiDescriptionList workpadFilter emotion-euiDescriptionList-column-left" - data-type="column" - > - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Column - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - From - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 10:50:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - To - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - 2021-05-01 04:40:00 - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Type - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Time - </div> - </dd> - <dt - className="euiDescriptionList__title eui-textBreakWord emotion-euiDescriptionList__title-column-m-compressed" - style={ - Object { - "width": "30%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - <h4> - Filter group - </h4> - </div> - </dt> - <dd - className="euiDescriptionList__description eui-textBreakWord emotion-euiDescriptionList__description-column-normal-m" - style={ - Object { - "width": "70%", - } - } - > - <div - className="euiText emotion-euiText-s" - > - Group 2 - </div> - </dd> - </dl> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot deleted file mode 100644 index f02831dae3b66..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot +++ /dev/null @@ -1,175 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditMenu single grouped element selected 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Edit options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="canvasWorkpadEditMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Edit - </span> - </span> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/editor_menu/__stories__/__snapshots__/editor_menu.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/editor_menu/__stories__/__snapshots__/editor_menu.stories.storyshot deleted file mode 100644 index 65cf57721aa19..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/editor_menu/__stories__/__snapshots__/editor_menu.stories.storyshot +++ /dev/null @@ -1,75 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/EditorMenu dark mode 1`] = ` -<div - className="euiPopover emotion-euiPopover" - data-test-subj="canvasEditorMenuButton" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="solutionToolbarButton undefined emotion-euiButtonDisplay-m-m-base-text" - data-test-subj="canvasEditorMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent-right" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="arrowDown" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Select type - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/EditorMenu default 1`] = ` -<div - className="euiPopover emotion-euiPopover" - data-test-subj="canvasEditorMenuButton" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="solutionToolbarButton undefined emotion-euiButtonDisplay-m-m-base-text" - data-test-subj="canvasEditorMenuButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent-right" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="arrowDown" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Select type - </span> - </span> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot deleted file mode 100644 index 300e8cbb552e7..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot +++ /dev/null @@ -1,38 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/ElementMenu default 1`] = ` -<div - className="euiPopover emotion-euiPopover" - data-test-subj="add-element-button" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - className="solutionToolbarButton undefined emotion-euiButtonDisplay-m-m-fill-primary" - data-test-subj="add-element-button" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="emotion-euiButtonDisplayContent__icon-m" - color="inherit" - data-euiicon-type="plusInCircle" - size="m" - > - - </span> - <span - className="eui-textTruncate" - > - Add element - </span> - </span> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot deleted file mode 100644 index 75ee0fcae78f3..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot +++ /dev/null @@ -1,162 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/ShareMenu/PDFPanel default 1`] = ` -<div - className="euiPanel" -> - <div - className="canvasShareMenu__panelContent" - > - <div - className="euiText euiText--small" - > - <p> - PDFs can take a minute or two to generate based on the size of your workpad. - </p> - </div> - <div - className="euiSpacer euiSpacer--s" - /> - <h6 - className="euiTitle euiTitle--xxsmall" - > - Options - </h6> - <div - className="euiSpacer euiSpacer--s" - /> - <div - className="euiFormRow" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiSwitch" - > - <button - aria-checked={false} - aria-describedby="generated-id-help-0" - aria-labelledby="generated-id" - className="euiSwitch__button" - data-test-subj="reportModeToggle" - id="generated-id" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - /> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - /> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Full page layout - </span> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Remove borders and footer logo - </div> - </div> - </div> - <button - className="euiButton euiButton--primary euiButton--small euiButton--fill" - data-test-subj="generateReportButton" - disabled={false} - onClick={[Function]} - style={ - Object { - "minWidth": undefined, - "width": "100%", - } - } - type="button" - > - <span - className="euiButtonContent euiButton__content" - > - <span - className="euiButton__text" - > - Generate PDF - </span> - </span> - </button> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall" - style={ - Object { - "marginLeft": "-16px", - "marginRight": "-16px", - "width": "auto", - } - } - /> - <div - className="euiAccordion" - > - <div - className="euiAccordion__triggerWrapper" - > - <button - aria-controls="advanced-options" - aria-expanded={false} - className="euiAccordion__button" - id="generated-id" - onClick={[Function]} - type="button" - > - <span - className="euiAccordion__iconWrapper" - > - <span - className="euiAccordion__icon" - data-euiicon-type="arrowRight" - size="m" - /> - </span> - <span - className="euiIEFlexWrapFix" - > - Advanced options - </span> - </button> - </div> - <div - aria-labelledby="generated-id" - className="euiAccordion__childWrapper" - id="advanced-options" - role="region" - tabIndex={-1} - /> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot deleted file mode 100644 index c541c800af2d6..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot +++ /dev/null @@ -1,63 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/ShareMenu minimal 1`] = ` -<div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Share this workpad" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="shareTopNavButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Share - </span> - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/ShareMenu with Reporting 1`] = ` -<div> - <div - className="euiPopover emotion-euiPopover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Share this workpad" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - data-test-subj="shareTopNavButton" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - Share - </span> - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot deleted file mode 100644 index fe9fedb1a79fa..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot +++ /dev/null @@ -1,113 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="View options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - View - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="View options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - View - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="View options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - View - </span> - </span> - </button> - </div> -</div> -`; - -exports[`Storyshots components/WorkpadHeader/ViewMenu with refresh enabled 1`] = ` -<div - className="euiPopover emotion-euiPopover" -> - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="View options" - className="euiButtonEmpty euiButtonEmpty--small css-9t7nyf-empty-primary" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - View - </span> - </span> - </button> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot deleted file mode 100644 index 74e1b5e7e4858..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot +++ /dev/null @@ -1,1472 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/ContainerStyle extended 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div> - <h6 - className="euiTitle emotion-euiTitle-uppercase-xxxs" - > - Appearance - </h6> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - justify-content="spaceBetween" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Padding - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={0} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Opacity - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value={1} - > - <option - value={1} - > - 100% - </option> - <option - value={0.9} - > - 90% - </option> - <option - value={0.7} - > - 70% - </option> - <option - value={0.5} - > - 50% - </option> - <option - value={0.3} - > - 30% - </option> - <option - value={0.1} - > - 10% - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Overflow - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="visible" - > - <option - value="hidden" - > - Hidden - </option> - <option - value="visible" - > - Visible - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <h6 - className="euiTitle emotion-euiTitle-uppercase-xxxs" - > - Border - </h6> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thickness - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={1} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Style - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="solid" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - style={ - Object { - "border": "4px solid", - "height": 16, - } - } - /> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Radius - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={0} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Color - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Border white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - justify-content="spaceBetween" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Padding - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={4} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Opacity - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="1" - > - <option - value={1} - > - 100% - </option> - <option - value={0.9} - > - 90% - </option> - <option - value={0.7} - > - 70% - </option> - <option - value={0.5} - > - 50% - </option> - <option - value={0.3} - > - 30% - </option> - <option - value={0.1} - > - 10% - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Overflow - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="visible" - > - <option - value="hidden" - > - Hidden - </option> - <option - value="visible" - > - Visible - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/ContainerStyle/components border form 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thickness - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={1} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Style - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="dotted" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - style={ - Object { - "border": "4px dotted", - "height": 16, - } - } - /> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Radius - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={1} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Color - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Border black" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#000", - } - } - /> - </div> - </button> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/ContainerStyle/components extended template 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div> - <h6 - className="euiTitle emotion-euiTitle-uppercase-xxxs" - > - Appearance - </h6> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - justify-content="spaceBetween" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Padding - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={0} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Opacity - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value={1} - > - <option - value={1} - > - 100% - </option> - <option - value={0.9} - > - 90% - </option> - <option - value={0.7} - > - 70% - </option> - <option - value={0.5} - > - 50% - </option> - <option - value={0.3} - > - 30% - </option> - <option - value={0.1} - > - 10% - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Overflow - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="visible" - > - <option - value="hidden" - > - Hidden - </option> - <option - value="visible" - > - Visible - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--m emotion-euiSpacer-m" - /> - <h6 - className="euiTitle emotion-euiTitle-uppercase-xxxs" - > - Border - </h6> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Thickness - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={1} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow3" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Style - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover euiInputPopover euiSuperSelect emotion-euiPopover-EuiInputPopover" - onKeyDown={[Function]} - onMouseDown={[Function]} - onMouseUp={[Function]} - onTouchEnd={[Function]} - onTouchStart={[Function]} - > - <div - className="euiPopover__anchor css-zih94u-render" - > - <div> - <input - id="generated-id" - type="hidden" - value="solid" - /> - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <span - className="emotion-euiScreenReaderOnly" - id="euiSuperSelect__generated-id__screenreaderLabelId" - > - Select an option: - <div - style={ - Object { - "border": "4px solid", - "height": 16, - } - } - /> - , is selected - </span> - <button - aria-haspopup="listbox" - className="euiSuperSelectControl euiFormControlLayout--1icons 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" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow2" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Radius - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - className="euiFieldNumber euiFieldNumber--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="number" - value={0} - /> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrow1" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Color - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Border white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot deleted file mode 100644 index 06ad0c260767e..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot +++ /dev/null @@ -1,117 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/ContainerStyle simple 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Container style white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/ContainerStyle/components simple template 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - style={ - Object { - "fontSize": 0, - } - } - > - <div - className="euiPopover emotion-euiPopover" - id="color-picker-popover" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Container style white" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - style={ - Object { - "fontSize": 0, - } - } - type="button" - > - <div - className="canvasColorDot" - > - <div - className="canvasColorDot__background canvasCheckered" - /> - <div - className="canvasColorDot__foreground" - style={ - Object { - "background": "#fff", - } - } - /> - </div> - </button> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/extended_template.stories.storyshot deleted file mode 100644 index 6bbe5fcf6f83b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/extended_template.stories.storyshot +++ /dev/null @@ -1,373 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/SeriesStyle extended 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div> - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed euiFormRow--horizontal" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Series id - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value="" - > - <option - value="" - > - Select series - </option> - <option - value="label1" - > - label1 - </option> - <option - value="label2" - > - label2 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiSpacer euiSpacer--s emotion-euiSpacer-s" - /> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Line - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value={0} - > - <option - value={0} - > - None - </option> - <option - value={1} - > - 1 - </option> - <option - value={2} - > - 2 - </option> - <option - value={3} - > - 3 - </option> - <option - value={4} - > - 4 - </option> - <option - value={5} - > - 5 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Bar - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value={0} - > - <option - value={0} - > - None - </option> - <option - value={1} - > - 1 - </option> - <option - value={2} - > - 2 - </option> - <option - value={3} - > - 3 - </option> - <option - value={4} - > - 4 - </option> - <option - value={5} - > - 5 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Point - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <select - className="euiSelect euiFormControlLayout--1icons euiSelect--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - onMouseUp={[Function]} - value={0} - > - <option - value={0} - > - None - </option> - <option - value={1} - > - 1 - </option> - <option - value={2} - > - 2 - </option> - <option - value={3} - > - 3 - </option> - <option - value={4} - > - 4 - </option> - <option - value={5} - > - 5 - </option> - </select> - <div - className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right" - > - <span - className="euiFormControlLayoutCustomIcon" - > - <span - aria-hidden="true" - className="euiFormControlLayoutCustomIcon__icon" - data-euiicon-type="arrowDown" - size="s" - > - - </span> - </span> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/SeriesStyle/components extended: defaults 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div /> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot deleted file mode 100644 index 692506da1aa0b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot +++ /dev/null @@ -1,235 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots arguments/SeriesStyle simple 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasArgSeries__colorPicker" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - Color - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - <button - aria-label="Color: Auto" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - Auto - </button> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasArgSeries__colorPicker" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - Color - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - <button - aria-label="Color: Auto" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - Auto - </button> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasArgSeries__colorPicker" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - Color - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - <button - aria-label="Color: Auto" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - Auto - </button> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasArgSeries__colorPicker" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - Color - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - <button - aria-label="Color: Auto" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - Auto - </button> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <span - className="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock" - onMouseOut={[Function]} - onMouseOver={[Function]} - > - <span - color="warning" - data-euiicon-type="warning" - onBlur={[Function]} - onFocus={[Function]} - tabIndex={0} - > - Info - </span> - </span> - </div> - </div> -</div> -`; - -exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = ` -<div - style={ - Object { - "background": "#fff", - "padding": "16px", - "width": "323px", - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive canvasArgSeries__colorPicker" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - Color - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiText emotion-euiText-xs" - > - <button - aria-label="Color: Auto" - className="euiLink emotion-euiLink-primary" - disabled={false} - onClick={[Function]} - type="button" - > - Auto - </button> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/extended_template.stories.tsx b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/extended_template.stories.tsx index 10b6f1b17f4aa..e804670ada287 100644 --- a/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/extended_template.stories.tsx +++ b/x-pack/platform/plugins/private/canvas/public/expression_types/arg_types/series_style/__stories__/extended_template.stories.tsx @@ -6,9 +6,8 @@ */ import { action } from '@storybook/addon-actions'; -import { storiesOf } from '@storybook/react'; -import { array, radios, boolean } from '@storybook/addon-knobs'; -import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import React, { useState } from 'react'; import { ExtendedTemplate } from '../extended_template'; import { ExpressionAstExpression } from '../../../../../types'; @@ -24,54 +23,77 @@ const defaultExpression: ExpressionAstExpression = { ], }; -const defaultValues = { - argValue: defaultExpression, +interface StoryProps { + showLines: boolean; + showBars: boolean; + showPoints: boolean; + seriesLabels: string[]; + typeInstanceName: 'defaultStyle' | 'custom'; +} + +const meta: Meta<StoryProps> = { + title: 'arguments/SeriesStyle', + decorators: [ + (Story) => ( + <div style={{ width: '323px', padding: '16px', background: '#fff' }}> + <Story /> + </div> + ), + ], }; -class Interactive extends React.Component<{}, { argValue: ExpressionAstExpression }> { - public state = defaultValues; +export default meta; +type Story = StoryObj<StoryProps>; - public render() { - const include = []; - if (boolean('Lines', true)) { - include.push('lines'); - } - if (boolean('Bars', true)) { - include.push('bars'); - } - if (boolean('Points', true)) { - include.push('points'); - } - return ( - <ExtendedTemplate - argValue={this.state.argValue} - onValueChange={(argValue) => { - action('onValueChange')(argValue); - this.setState({ argValue }); - }} - resolved={{ labels: array('Series Labels', ['label1', 'label2']) }} - typeInstance={{ - name: radios('Type Instance', { default: 'defaultStyle', custom: 'custom' }, 'custom'), - options: { - include, - }, - }} - /> - ); +const Component = (args: StoryProps) => { + const [argValue, setArgValue] = useState<ExpressionAstExpression>(defaultExpression); + const { showLines, showBars, showPoints, seriesLabels, typeInstanceName } = args; + + const include = []; + if (showLines) { + include.push('lines'); } -} + if (showBars) { + include.push('bars'); + } + if (showPoints) { + include.push('points'); + } + + return ( + <ExtendedTemplate + argValue={argValue} + onValueChange={(newArgValue) => { + action('onValueChange')(newArgValue); + setArgValue(newArgValue); + }} + resolved={{ labels: seriesLabels }} + typeInstance={{ + name: typeInstanceName, + options: { + include, + }, + }} + /> + ); +}; -storiesOf('arguments/SeriesStyle', module) - .addDecorator((story) => ( - <div style={{ width: '323px', padding: '16px', background: '#fff' }}>{story()}</div> - )) - .add('extended', () => <Interactive />); +// Interactive story with controls +export const Extended: Story = { + args: { + showLines: true, + showBars: true, + showPoints: true, + seriesLabels: ['label1', 'label2'], + typeInstanceName: 'custom', + }, + render: Component, +}; -storiesOf('arguments/SeriesStyle/components', module) - .addDecorator((story) => ( - <div style={{ width: '323px', padding: '16px', background: '#fff' }}>{story()}</div> - )) - .add('extended: defaults', () => ( +// Components story with defaults +export const ComponentsExtendedDefaults: StoryObj = { + name: 'extended: defaults', + render: () => ( <ExtendedTemplate argValue={defaultExpression} resolved={{ labels: [] }} @@ -83,4 +105,5 @@ storiesOf('arguments/SeriesStyle/components', module) }, }} /> - )); + ), +}; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot deleted file mode 100644 index 4fc9ab6398c75..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot +++ /dev/null @@ -1,3280 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Canvas component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": undefined, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - onMouseEnter={[Function]} - onMouseLeave={[Function]} - style={ - Object { - "height": 386, - "width": 600, - } - } - > - <div - className="container" - style={ - Object { - "height": 338, - "width": 600, - } - } - > - <div - className="page" - style={ - Object { - "height": 720, - "transform": "scale3d(0.46875000000000006, 0.46875, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - style={ - Object { - "height": 48, - } - } - > - <div - className="root" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-484d1552-e969-4ca9-ac44-dd90d2caac87" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-025bcfd7-e633-4ae4-a9a8-86c92d8ae950" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-4a1fd263-435a-4c85-9933-3748b8711cdd" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-cec3eda8-0f38-446d-b898-777acb97bd0e" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-94ca7023-db93-49ad-a86f-e59647e1fa13" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d51edf0d-2827-4c41-8499-07758cc5a143" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-3d94125d-cf42-460b-b2b2-3498abcbb323" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f8f0b30d-2df4-465f-9dbe-bf5efee0f9da" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-b142e395-236d-42b1-a0c8-6626c9d78d5e" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-aaf3ddd0-21b0-492e-8a22-69bb989fb353" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e08e5d38-f751-46b8-abbd-922c5d0cad9c" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-7177ee02-94f4-43f0-b144-7a814565d7b0" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-bb62180f-dad4-4623-9120-74ba4b7e975a" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-053b027e-7f4d-426b-bf03-ec34d8027dd0" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fa6dec42-92b2-4c1c-aad6-756992c07107" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f24d5ca0-f762-49f6-a75e-e1f9682d0681" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f28a063b-0608-41cf-828a-937a731b8a75" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-2583c7e7-74fa-4da0-b903-28422c141ac4" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e125ca0b-f6b2-437c-bc4c-918c468fbd9f" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-261eb6da-4ab2-400d-b1be-b72cbbcf58ff" - style={ - Object { - "background": "#f4f4f4", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f7a61ad7-5f68-463a-8070-9cec0e383d43" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-55b6ff27-5ed8-47bd-9201-4f4eb2489075" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-dabbb068-0b32-4855-a6da-755792e58834" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-89a82fc4-8101-4c34-aa46-3c00bccb803b" - style={ - Object { - "background": "#FFFFFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-1332ecd6-f61a-4fbd-a9ed-1cf4159883e2" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-5e878251-2a7c-44f8-af7b-9e22fbe9bd50" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - </div> - </div> - <div - className="bar" - style={ - Object { - "bottom": 0, - } - } - > - <div - className="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem title" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 28 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Canvas contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": undefined, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - onMouseEnter={[Function]} - onMouseLeave={[Function]} - style={ - Object { - "height": 408, - "width": 640, - } - } - > - <div - className="container" - style={ - Object { - "height": 360, - "width": 640, - } - } - > - <div - className="page" - style={ - Object { - "height": 720, - "transform": "scale3d(0.5, 0.5, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - style={ - Object { - "height": 48, - } - } - > - <div - className="root" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-484d1552-e969-4ca9-ac44-dd90d2caac87" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-025bcfd7-e633-4ae4-a9a8-86c92d8ae950" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-4a1fd263-435a-4c85-9933-3748b8711cdd" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-cec3eda8-0f38-446d-b898-777acb97bd0e" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-94ca7023-db93-49ad-a86f-e59647e1fa13" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d51edf0d-2827-4c41-8499-07758cc5a143" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-3d94125d-cf42-460b-b2b2-3498abcbb323" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f8f0b30d-2df4-465f-9dbe-bf5efee0f9da" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-b142e395-236d-42b1-a0c8-6626c9d78d5e" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-aaf3ddd0-21b0-492e-8a22-69bb989fb353" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e08e5d38-f751-46b8-abbd-922c5d0cad9c" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-7177ee02-94f4-43f0-b144-7a814565d7b0" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-bb62180f-dad4-4623-9120-74ba4b7e975a" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-053b027e-7f4d-426b-bf03-ec34d8027dd0" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fa6dec42-92b2-4c1c-aad6-756992c07107" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f24d5ca0-f762-49f6-a75e-e1f9682d0681" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f28a063b-0608-41cf-828a-937a731b8a75" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-2583c7e7-74fa-4da0-b903-28422c141ac4" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e125ca0b-f6b2-437c-bc4c-918c468fbd9f" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-261eb6da-4ab2-400d-b1be-b72cbbcf58ff" - style={ - Object { - "background": "#f4f4f4", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f7a61ad7-5f68-463a-8070-9cec0e383d43" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-55b6ff27-5ed8-47bd-9201-4f4eb2489075" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-dabbb068-0b32-4855-a6da-755792e58834" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-89a82fc4-8101-4c34-aa46-3c00bccb803b" - style={ - Object { - "background": "#FFFFFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-1332ecd6-f61a-4fbd-a9ed-1cf4159883e2" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-5e878251-2a7c-44f8-af7b-9e22fbe9bd50" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - </div> - </div> - <div - className="bar" - style={ - Object { - "bottom": 0, - } - } - > - <div - className="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem title" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 28 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Canvas contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": undefined, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - onMouseEnter={[Function]} - onMouseLeave={[Function]} - style={ - Object { - "height": 408, - "width": 540, - } - } - > - <div - className="container" - style={ - Object { - "height": 360, - "width": 540, - } - } - > - <div - className="page" - style={ - Object { - "height": 720, - "transform": "scale3d(0.5, 0.5, 1)", - "width": 1080, - } - } - > - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - style={ - Object { - "height": 48, - } - } - > - <div - className="root" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 150, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1080, - } - } - > - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> - </div> - </div> - </div> - </div> - <div - className="bar" - style={ - Object { - "bottom": 0, - } - } - > - <div - className="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem title" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - My Canvas Workpad - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/page.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/page.stories.storyshot deleted file mode 100644 index fefe6c6b42858..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/page.stories.storyshot +++ /dev/null @@ -1,101 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Page component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 720, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> -</div> -`; - -exports[`Storyshots shareables/Page contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 720, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> -</div> -`; - -exports[`Storyshots shareables/Page contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 720, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/rendered_element.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/rendered_element.stories.storyshot deleted file mode 100644 index 0131b61b6b93c..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__stories__/__snapshots__/rendered_element.stories.storyshot +++ /dev/null @@ -1,48 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/RenderedElement component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 100, - "overflow": "hidden", - "position": "relative", - "width": 100, - } - } -/> -`; - -exports[`Storyshots shareables/RenderedElement contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#000", - "height": 720, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - RenderedElement -</div> -`; - -exports[`Storyshots shareables/RenderedElement contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 720, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - RenderedElement -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot deleted file mode 100644 index ce89973a8ff71..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot +++ /dev/null @@ -1,1698 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 172, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - style={ - Object { - "height": 48, - } - } - > - <div - className="root" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-484d1552-e969-4ca9-ac44-dd90d2caac87" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-025bcfd7-e633-4ae4-a9a8-86c92d8ae950" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-4a1fd263-435a-4c85-9933-3748b8711cdd" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-cec3eda8-0f38-446d-b898-777acb97bd0e" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-94ca7023-db93-49ad-a86f-e59647e1fa13" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d51edf0d-2827-4c41-8499-07758cc5a143" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-3d94125d-cf42-460b-b2b2-3498abcbb323" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f8f0b30d-2df4-465f-9dbe-bf5efee0f9da" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-b142e395-236d-42b1-a0c8-6626c9d78d5e" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-aaf3ddd0-21b0-492e-8a22-69bb989fb353" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e08e5d38-f751-46b8-abbd-922c5d0cad9c" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-7177ee02-94f4-43f0-b144-7a814565d7b0" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-bb62180f-dad4-4623-9120-74ba4b7e975a" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-053b027e-7f4d-426b-bf03-ec34d8027dd0" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fa6dec42-92b2-4c1c-aad6-756992c07107" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f24d5ca0-f762-49f6-a75e-e1f9682d0681" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f28a063b-0608-41cf-828a-937a731b8a75" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-2583c7e7-74fa-4da0-b903-28422c141ac4" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e125ca0b-f6b2-437c-bc4c-918c468fbd9f" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-261eb6da-4ab2-400d-b1be-b72cbbcf58ff" - style={ - Object { - "background": "#f4f4f4", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f7a61ad7-5f68-463a-8070-9cec0e383d43" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-55b6ff27-5ed8-47bd-9201-4f4eb2489075" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-dabbb068-0b32-4855-a6da-755792e58834" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-89a82fc4-8101-4c34-aa46-3c00bccb803b" - style={ - Object { - "background": "#FFFFFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-1332ecd6-f61a-4fbd-a9ed-1cf4159883e2" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-5e878251-2a7c-44f8-af7b-9e22fbe9bd50" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - </div> - </div> - <div - className="bar" - style={ - Object { - "bottom": 0, - } - } - > - <div - className="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem title" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 28 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 172, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root" - style={ - Object { - "height": 48, - } - } - > - <div - className="root" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 150, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1080, - } - } - > - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> - </div> - </div> - </div> - </div> - <div - className="bar" - style={ - Object { - "bottom": 0, - } - } - > - <div - className="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem title" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - My Canvas Workpad - </div> - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot deleted file mode 100644 index ed5bca89daf2d..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot +++ /dev/null @@ -1,302 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/PageControls component 1`] = ` -<div - style={ - Object { - "background": "#333", - "padding": 10, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 10 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 28 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - style={ - Object { - "margin": "0 12px", - } - } - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Previous Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-disabled-hoverStyles" - data-test-subj="pageControlsPrevPage" - disabled={true} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowLeft" - size="m" - > - - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - className="euiButtonEmpty euiButtonEmpty--small css-14l66eu-empty-text" - data-test-subj="pageControlsCurrentPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - className="euiButtonContent euiButtonEmpty__content" - > - <span - className="euiButtonEmpty__text" - > - <div - className="euiText emotion-euiText-s-euiTextColor-customColor" - style={ - Object { - "color": "text", - } - } - > - Page - 1 - of 28 - </div> - </span> - </span> - </button> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <button - aria-label="Next Page" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - data-test-subj="pageControlsNextPage" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="arrowRight" - size="m" - > - - </span> - </button> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/scrubber.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/scrubber.stories.storyshot deleted file mode 100644 index 5fa3890f7fedd..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/scrubber.stories.storyshot +++ /dev/null @@ -1,1360 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/Scrubber component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 172, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root visible" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 150, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1080, - } - } - > - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 172, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root visible" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fda26a1f-c096-44e4-a149-cb99e1038a34" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-484d1552-e969-4ca9-ac44-dd90d2caac87" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-025bcfd7-e633-4ae4-a9a8-86c92d8ae950" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d8b39380-a8f5-4a52-afe7-c8f6a4eade7b" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-4a1fd263-435a-4c85-9933-3748b8711cdd" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-cec3eda8-0f38-446d-b898-777acb97bd0e" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-94ca7023-db93-49ad-a86f-e59647e1fa13" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-d51edf0d-2827-4c41-8499-07758cc5a143" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-3d94125d-cf42-460b-b2b2-3498abcbb323" - style={ - Object { - "background": "#FFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f8f0b30d-2df4-465f-9dbe-bf5efee0f9da" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-b142e395-236d-42b1-a0c8-6626c9d78d5e" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-aaf3ddd0-21b0-492e-8a22-69bb989fb353" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e08e5d38-f751-46b8-abbd-922c5d0cad9c" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-7177ee02-94f4-43f0-b144-7a814565d7b0" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-bb62180f-dad4-4623-9120-74ba4b7e975a" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-053b027e-7f4d-426b-bf03-ec34d8027dd0" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-fa6dec42-92b2-4c1c-aad6-756992c07107" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f24d5ca0-f762-49f6-a75e-e1f9682d0681" - style={ - Object { - "background": "#343842", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f28a063b-0608-41cf-828a-937a731b8a75" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-2583c7e7-74fa-4da0-b903-28422c141ac4" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-e125ca0b-f6b2-437c-bc4c-918c468fbd9f" - style={ - Object { - "background": "#000000", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-261eb6da-4ab2-400d-b1be-b72cbbcf58ff" - style={ - Object { - "background": "#f4f4f4", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-f7a61ad7-5f68-463a-8070-9cec0e383d43" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-55b6ff27-5ed8-47bd-9201-4f4eb2489075" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-dabbb068-0b32-4855-a6da-755792e58834" - style={ - Object { - "background": "#37988d", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-89a82fc4-8101-4c34-aa46-3c00bccb803b" - style={ - Object { - "background": "#FFFFFF", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-1332ecd6-f61a-4fbd-a9ed-1cf4159883e2" - style={ - Object { - "background": "#b83c6f", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 177.77777777777777, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1280, - } - } - > - <div - className="root" - id="page-5e878251-2a7c-44f8-af7b-9e22fbe9bd50" - style={ - Object { - "background": "#1785b0", - "height": 720, - "width": 1280, - } - } - > - RenderedElement - RenderedElement - RenderedElement - </div> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Scrubber contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "height": 172, - "overflow": "hidden", - "position": "relative", - "width": undefined, - } - } -> - <div - className="root visible" - > - <div - className="slideContainer" - > - <div - className="root" - onClick={[Function]} - onKeyPress={[Function]} - style={ - Object { - "height": 100, - "width": 150, - } - } - > - <div - className="preview" - style={ - Object { - "height": 720, - "transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)", - "width": 1080, - } - } - > - <div - className="root" - id="page-7186b301-f8a7-4c65-8b89-38d68d31cfc4" - style={ - Object { - "background": "#777777", - "height": 720, - "width": 1080, - } - } - > - RenderedElement - </div> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot deleted file mode 100644 index a99a6ae1e9356..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot +++ /dev/null @@ -1,190 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/Title component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - This is a test title. - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "flexShrink": 0, - } - } - > - <a - className="euiLink emotion-euiLink-primary" - href="https://www.elastic.co" - rel="" - title="Powered by Elastic.co" - > - <span - data-euiicon-type="logoElastic" - size="l" - > - - </span> - </a> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - style={ - Object { - "cursor": "default", - "minWidth": 0, - } - } - > - <div - className="euiText emotion-euiText-s-euiTextColor-ghost" - style={Object {}} - > - <div - className="eui-textTruncate" - > - My Canvas Workpad - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot deleted file mode 100644 index 92692f09ebab1..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot +++ /dev/null @@ -1,508 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off, 2s 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 228, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiSwitch" - > - <button - aria-checked={false} - aria-labelledby="generated-id" - className="euiSwitch__button" - id="cycle" - name="cycle" - onClick={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Cycle Slides - </span> - </div> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m" - /> - <form - onSubmit={[Function]} - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Set a custom interval - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="2s" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Use shorthand notation, like 30s, 10m, or 1h - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - disabled={false} - id="generated-id" - onBlur={[Function]} - onFocus={[Function]} - style={ - Object { - "minWidth": "auto", - } - } - type="submit" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Set - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </form> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5s 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 228, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiSwitch" - > - <button - aria-checked={true} - aria-labelledby="generated-id" - className="euiSwitch__button" - id="cycle" - name="cycle" - onClick={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Cycle Slides - </span> - </div> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m" - /> - <form - onSubmit={[Function]} - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Set a custom interval - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="5s" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Use shorthand notation, like 30s, 10m, or 1h - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - disabled={false} - id="generated-id" - onBlur={[Function]} - onFocus={[Function]} - style={ - Object { - "minWidth": "auto", - } - } - type="submit" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Set - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </form> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 228, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiSwitch" - > - <button - aria-checked={false} - aria-labelledby="generated-id" - className="euiSwitch__button" - id="cycle" - name="cycle" - onClick={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Cycle Slides - </span> - </div> - <hr - className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m" - /> - <form - onSubmit={[Function]} - > - <div - className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive" - > - <div - className="euiFlexItem" - > - <div - className="euiFormRow euiFormRow--hasLabel euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__labelWrapper" - > - <label - className="euiFormLabel euiFormRow__label" - htmlFor="generated-id" - id="generated-id-label" - > - Set a custom interval - </label> - </div> - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiFormControlLayout euiFormControlLayout--compressed" - > - <div - className="euiFormControlLayout__childrenWrapper" - > - <input - aria-describedby="generated-id-help-0" - aria-invalid={false} - className="euiFieldText euiFieldText--compressed" - id="generated-id" - onBlur={[Function]} - onChange={[Function]} - onFocus={[Function]} - type="text" - value="5s" - /> - </div> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Use shorthand notation, like 30s, 10m, or 1h - </div> - </div> - </div> - </div> - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <button - className="euiButton emotion-euiButtonDisplay-s-s-base-primary" - disabled={false} - id="generated-id" - onBlur={[Function]} - onFocus={[Function]} - style={ - Object { - "minWidth": "auto", - } - } - type="submit" - > - <span - className="emotion-euiButtonDisplayContent" - > - <span - className="eui-textTruncate" - > - Set - </span> - </span> - </button> - </div> - </div> - </div> - </div> - </form> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot deleted file mode 100644 index 8d9d7f40f6a48..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot +++ /dev/null @@ -1,103 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/Settings component 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Settings contextual 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#333", - "height": undefined, - "overflow": "hidden", - "padding": 10, - "position": "relative", - "width": undefined, - } - } -> - <div - className="euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive" - > - <div - className="euiFlexItem euiFlexItem--flexGrowZero" - > - <div - className="euiPopover emotion-euiPopover" - id="settings" - > - <div - className="euiPopover__anchor css-16vtueo-render" - > - <button - aria-label="Settings" - className="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-text-hoverStyles" - disabled={false} - onClick={[Function]} - type="button" - > - <span - aria-hidden="true" - className="euiButtonIcon__icon" - color="inherit" - data-euiicon-type="gear" - size="m" - > - - </span> - </button> - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot deleted file mode 100644 index d07e5a9edc8ad..0000000000000 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot +++ /dev/null @@ -1,277 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: off 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 124, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiFormRow" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiSwitch" - > - <button - aria-checked={false} - aria-describedby="generated-id-help-0" - aria-labelledby="generated-id" - className="euiSwitch__button" - data-test-subj="hideToolbarSwitch" - id="generated-id" - name="toolbarHide" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Hide Toolbar - </span> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Hide the toolbar when the mouse is not within the Canvas? - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: on 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 124, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiFormRow" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiSwitch" - > - <button - aria-checked={true} - aria-describedby="generated-id-help-0" - aria-labelledby="generated-id" - className="euiSwitch__button" - data-test-subj="hideToolbarSwitch" - id="generated-id" - name="toolbarHide" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Hide Toolbar - </span> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Hide the toolbar when the mouse is not within the Canvas? - </div> - </div> - </div> - </div> -</div> -`; - -exports[`Storyshots shareables/Footer/Settings/ToolbarSettings contextual 1`] = ` -<div - className="kbnCanvas" - style={ - Object { - "background": "#fff", - "border": "1px solid #ccc", - "height": 124, - "overflow": "hidden", - "padding": 16, - "position": "relative", - "width": 256, - } - } -> - <div - style={ - Object { - "padding": 16, - } - } - > - <div - className="euiFormRow" - id="generated-id-row" - > - <div - className="euiFormRow__fieldWrapper" - > - <div - className="euiSwitch" - > - <button - aria-checked={false} - aria-describedby="generated-id-help-0" - aria-labelledby="generated-id" - className="euiSwitch__button" - data-test-subj="hideToolbarSwitch" - id="generated-id" - name="toolbarHide" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - role="switch" - type="button" - > - <span - className="euiSwitch__body" - > - <span - className="euiSwitch__thumb" - /> - <span - className="euiSwitch__track" - > - <span - className="euiSwitch__icon" - data-euiicon-type="cross" - size="m" - > - - </span> - <span - className="euiSwitch__icon euiSwitch__icon--checked" - data-euiicon-type="check" - size="m" - > - - </span> - </span> - </span> - </button> - <span - className="euiSwitch__label" - id="generated-id" - onClick={[Function]} - > - Hide Toolbar - </span> - </div> - <div - className="euiFormHelpText euiFormRow__text" - id="generated-id-help-0" - > - Hide the toolbar when the mouse is not within the Canvas? - </div> - </div> - </div> - </div> -</div> -`; diff --git a/x-pack/platform/plugins/private/canvas/storybook/addon/components/action_list.tsx b/x-pack/platform/plugins/private/canvas/storybook/addon/components/action_list.tsx index 734fbe87e831f..429655cbcc881 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/addon/components/action_list.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/addon/components/action_list.tsx @@ -7,7 +7,7 @@ import React, { FC, useEffect, useState } from 'react'; import { EuiSelectable, EuiSelectableOption } from '@elastic/eui'; -import addons from '@storybook/addons'; +import addons from '@storybook/preview-api'; import { v4 as uuidv4 } from 'uuid'; import { EVENTS } from '../constants'; diff --git a/x-pack/platform/plugins/private/canvas/storybook/addon/register.tsx b/x-pack/platform/plugins/private/canvas/storybook/addon/register.tsx index 4b74b3fcbc2a5..61583ff4ce6e8 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/addon/register.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/addon/register.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { addons, types } from '@storybook/addons'; +import { addons, types } from '@storybook/manager-api'; import { AddonPanel } from '@storybook/components'; import { STORY_CHANGED } from '@storybook/core-events'; import { create } from '@storybook/theming'; @@ -25,9 +25,9 @@ addons.register(ADDON_ID, (api) => { addons.add(ACTIONS_PANEL_ID, { title: 'Redux Actions', type: types.PANEL, - render: ({ active, key }) => { + render: ({ active }) => { return ( - <AddonPanel active={!!active} key={key}> + <AddonPanel active={Boolean(active)}> <Panel /> </AddonPanel> ); diff --git a/x-pack/platform/plugins/private/canvas/storybook/addon/state.ts b/x-pack/platform/plugins/private/canvas/storybook/addon/state.ts index dea83118e6433..49d1baa3f34de 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/addon/state.ts +++ b/x-pack/platform/plugins/private/canvas/storybook/addon/state.ts @@ -7,7 +7,7 @@ import { applyMiddleware, Dispatch, Store } from 'redux'; import thunkMiddleware from 'redux-thunk'; -import addons from '@storybook/addons'; +import addons from '@storybook/preview-api'; import { diff } from 'jsondiffpatch'; import { isFunction } from 'lodash'; diff --git a/x-pack/platform/plugins/private/canvas/storybook/canvas_webpack.ts b/x-pack/platform/plugins/private/canvas/storybook/canvas_webpack.ts index e7da29b33be24..9f705cd24849f 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/canvas_webpack.ts +++ b/x-pack/platform/plugins/private/canvas/storybook/canvas_webpack.ts @@ -6,9 +6,10 @@ */ import { resolve } from 'path'; -import { defaultConfig, mergeWebpackFinal } from '@kbn/storybook'; +import { defaultConfig } from '@kbn/storybook'; import type { StorybookConfig } from '@kbn/storybook'; import { Configuration } from 'webpack'; +import webpackConfig from '@kbn/storybook/src/webpack.config'; import { KIBANA_ROOT } from './constants'; export const canvasWebpack: Configuration = { @@ -61,6 +62,22 @@ export const canvasWebpack: Configuration = { export const canvasStorybookConfig: StorybookConfig = { ...defaultConfig, - addons: [...(defaultConfig.addons || []), require.resolve('./addon/register')], - ...mergeWebpackFinal(canvasWebpack), + webpackFinal: (config) => { + return webpackConfig({ + config: { + ...config, + module: { + ...config.module, + rules: [...config.module.rules, ...canvasWebpack.module.rules], + }, + resolve: { + ...config.resolve, + alias: { + ...config.resolve.alias, + ...canvasWebpack.resolve.alias, + }, + }, + }, + }); + }, }; diff --git a/x-pack/platform/plugins/private/canvas/storybook/decorators/index.ts b/x-pack/platform/plugins/private/canvas/storybook/decorators/index.ts deleted file mode 100644 index 68481e27ae48b..0000000000000 --- a/x-pack/platform/plugins/private/canvas/storybook/decorators/index.ts +++ /dev/null @@ -1,26 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0; you may not use this file except in compliance with the Elastic License - * 2.0. - */ - -import { addDecorator } from '@storybook/react'; -import { routerContextDecorator } from './router_decorator'; -import { kibanaContextDecorator } from './kibana_decorator'; -import { servicesContextDecorator, legacyContextDecorator } from './services_decorator'; - -export { reduxDecorator } from './redux_decorator'; -export { servicesContextDecorator } from './services_decorator'; - -export const addDecorators = () => { - if (process.env.NODE_ENV === 'test') { - // eslint-disable-next-line @typescript-eslint/no-var-requires - require('babel-plugin-require-context-hook/register')(); - } - - addDecorator(kibanaContextDecorator); - addDecorator(routerContextDecorator); - addDecorator(legacyContextDecorator()); - addDecorator(servicesContextDecorator()); -}; diff --git a/x-pack/platform/plugins/private/canvas/storybook/decorators/kibana_decorator.tsx b/x-pack/platform/plugins/private/canvas/storybook/decorators/kibana_decorator.tsx index 2c67e20ae2de8..026160d7d670b 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/decorators/kibana_decorator.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/decorators/kibana_decorator.tsx @@ -6,6 +6,7 @@ */ import React from 'react'; +import type { Decorator } from '@storybook/react'; import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; const settings = new Map(); @@ -22,6 +23,6 @@ const platform = { uiSettings: settings, }; -export const kibanaContextDecorator = (story: Function) => ( +export const kibanaContextDecorator: Decorator = (story) => ( <KibanaContextProvider services={platform}>{story()}</KibanaContextProvider> ); diff --git a/x-pack/platform/plugins/private/canvas/storybook/decorators/redux_decorator.tsx b/x-pack/platform/plugins/private/canvas/storybook/decorators/redux_decorator.tsx index 7dcc6db2140f6..13e228571972d 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/decorators/redux_decorator.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/decorators/redux_decorator.tsx @@ -10,8 +10,9 @@ import { createStore } from 'redux'; import { Provider as ReduxProvider } from 'react-redux'; import { cloneDeep } from 'lodash'; import { set } from '@kbn/safer-lodash-set'; +import type { Decorator } from '@storybook/react'; -import { CanvasWorkpad, CanvasElement, CanvasAsset, CanvasPage } from '../../types'; +import type { CanvasWorkpad, CanvasElement, CanvasAsset, CanvasPage } from '../../types'; // @ts-expect-error untyped local import { elementsRegistry } from '../../public/lib/elements_registry'; @@ -28,7 +29,7 @@ export interface Params { assets?: CanvasAsset[]; } -export const reduxDecorator = (params: Params = {}) => { +export const reduxDecorator = (params: Params = {}): Decorator => { const state = cloneDeep(getInitialState()); const { workpad, elements, assets, pages } = params; @@ -55,7 +56,7 @@ export const reduxDecorator = (params: Params = {}) => { ); } - return (story: Function) => { + return (story) => { const store = createStore(getReducer(), state, getMiddleware()); store.dispatch = patchDispatch(store, store.dispatch); return <ReduxProvider store={store}>{story()}</ReduxProvider>; diff --git a/x-pack/platform/plugins/private/canvas/storybook/decorators/router_decorator.tsx b/x-pack/platform/plugins/private/canvas/storybook/decorators/router_decorator.tsx index 1d0dacac64b17..a54496ce87635 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/decorators/router_decorator.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/decorators/router_decorator.tsx @@ -7,7 +7,8 @@ import React from 'react'; import { MemoryRouter } from 'react-router-dom'; +import type { Decorator } from '@storybook/react'; -export const routerContextDecorator = (story: Function) => ( +export const routerContextDecorator: Decorator = (story) => ( <MemoryRouter initialEntries={['/']}>{story()}</MemoryRouter> ); diff --git a/x-pack/platform/plugins/private/canvas/storybook/decorators/services_decorator.tsx b/x-pack/platform/plugins/private/canvas/storybook/decorators/services_decorator.tsx index c99f5df184cd4..a5295ce1f18be 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/decorators/services_decorator.tsx +++ b/x-pack/platform/plugins/private/canvas/storybook/decorators/services_decorator.tsx @@ -7,14 +7,14 @@ import React from 'react'; -import { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { I18nProvider } from '@kbn/i18n-react'; import { LegacyServicesProvider } from '../../public/services/legacy'; import { setStubKibanaServices } from '../../public/services/mocks'; -export const servicesContextDecorator = (): DecoratorFn => { - return (story: Function, storybook) => { +export const servicesContextDecorator = (): Decorator => { + return (story, storybook) => { if (process.env.JEST_WORKER_ID !== undefined) { storybook.args.useStaticData = true; } @@ -23,8 +23,8 @@ export const servicesContextDecorator = (): DecoratorFn => { }; }; -export const legacyContextDecorator = () => { +export const legacyContextDecorator = (): Decorator => { setStubKibanaServices(); - return (story: Function) => <LegacyServicesProvider>{story()}</LegacyServicesProvider>; + return (story) => <LegacyServicesProvider>{story()}</LegacyServicesProvider>; }; diff --git a/x-pack/platform/plugins/private/canvas/storybook/index.ts b/x-pack/platform/plugins/private/canvas/storybook/index.ts index cc423b6971d39..342495762cd0d 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/index.ts +++ b/x-pack/platform/plugins/private/canvas/storybook/index.ts @@ -7,13 +7,6 @@ import { ACTIONS_PANEL_ID } from './addon/constants'; -export * from './decorators'; export { ACTIONS_PANEL_ID } from './addon/constants'; export const getAddonPanelParameters = () => ({ options: { selectedPanel: ACTIONS_PANEL_ID } }); - -export const getDisableStoryshotsParameter = () => ({ - storyshots: { - disable: true, - }, -}); diff --git a/x-pack/platform/plugins/private/canvas/storybook/main.js b/x-pack/platform/plugins/private/canvas/storybook/main.js deleted file mode 100644 index 4933dd23aa628..0000000000000 --- a/x-pack/platform/plugins/private/canvas/storybook/main.js +++ /dev/null @@ -1,15 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0; you may not use this file except in compliance with the Elastic License - * 2.0. - */ - -import { canvasStorybookConfig } from './canvas_webpack'; - -module.exports = canvasStorybookConfig; - -// This file wsa converted to .js again because of ts-node causing issues with -// storybook typescript setup, this is more or less relevant to -// https://github.com/storybookjs/storybook/issues/9610 -// ts usage was moved to separate file canvas.webpack.ts, keep this file only was module.exports diff --git a/x-pack/platform/plugins/private/canvas/storybook/main.ts b/x-pack/platform/plugins/private/canvas/storybook/main.ts new file mode 100644 index 0000000000000..8c4d97fb79a77 --- /dev/null +++ b/x-pack/platform/plugins/private/canvas/storybook/main.ts @@ -0,0 +1,11 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { canvasStorybookConfig } from './canvas_webpack'; + +// eslint-disable-next-line import/no-default-export +export default canvasStorybookConfig; diff --git a/x-pack/platform/plugins/private/canvas/storybook/preview.ts b/x-pack/platform/plugins/private/canvas/storybook/preview.ts index 040e1c3de1494..f7064b42d12cc 100644 --- a/x-pack/platform/plugins/private/canvas/storybook/preview.ts +++ b/x-pack/platform/plugins/private/canvas/storybook/preview.ts @@ -5,14 +5,32 @@ * 2.0. */ -import { addParameters } from '@storybook/react'; - -import { addDecorators } from './decorators'; +import type { Preview } from '@storybook/react'; // Import Canvas CSS import '../public/style/index.scss'; +import { kibanaContextDecorator } from './decorators/kibana_decorator'; +import { routerContextDecorator } from './decorators/router_decorator'; +import { legacyContextDecorator, servicesContextDecorator } from './decorators/services_decorator'; + +if (process.env.NODE_ENV === 'test') { + // eslint-disable-next-line @typescript-eslint/no-var-requires + require('babel-plugin-require-context-hook/register')(); +} + +const preview: Preview = { + parameters: { + controls: { + hideNoControlsWarning: true, + }, + }, + decorators: [ + kibanaContextDecorator, + routerContextDecorator, + legacyContextDecorator(), + servicesContextDecorator(), + ], +}; -addDecorators(); -addParameters({ - controls: { hideNoControlsWarning: true }, -}); +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/x-pack/platform/plugins/private/canvas/storybook/storyshots.skipped_test.tsx b/x-pack/platform/plugins/private/canvas/storybook/storyshots.skipped_test.tsx deleted file mode 100644 index fbfc5e835df97..0000000000000 --- a/x-pack/platform/plugins/private/canvas/storybook/storyshots.skipped_test.tsx +++ /dev/null @@ -1,118 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0; you may not use this file except in compliance with the Elastic License - * 2.0. - */ - -// This file is skipped -// @storybook/addon-storyshots is not supported in Jest 27+ https://github.com/storybookjs/storybook/issues/15916 - -import fs from 'fs'; -import { ReactChildren, createElement } from 'react'; -import path from 'path'; -import moment from 'moment'; -import 'moment-timezone'; -import ReactDOM from 'react-dom'; -import { shallow } from 'enzyme'; -import { create, act } from 'react-test-renderer'; - -import initStoryshots, { Stories2SnapsConverter } from '@storybook/addon-storyshots'; -// @ts-expect-error untyped library -import styleSheetSerializer from 'jest-styled-components/src/styleSheetSerializer'; -import { addSerializer } from 'jest-specific-snapshot'; -import { createSerializer } from '@emotion/jest'; -import { replaceEmotionPrefix } from '@elastic/eui/lib/test'; - -// Several of the renderers, used by the runtime, use jQuery. -import jquery from 'jquery'; -// @ts-expect-error jQuery global -global.$ = jquery; -// @ts-expect-error jQuery global -global.jQuery = jquery; - -// Set our default timezone to UTC for tests so we can generate predictable snapshots -moment.tz.setDefault('UTC'); - -// Freeze time for the tests for predictable snapshots -const testTime = new Date(Date.UTC(2019, 5, 1)); // June 1 2019 -Date.now = jest.fn(() => testTime.getTime()); - -// Mock telemetry service -jest.mock('../public/lib/ui_metric', () => ({ trackCanvasUiMetric: () => {} })); - -// Mock React Portal for components that use modals, tooltips, etc -// @ts-expect-error Portal mocks are notoriously difficult to type -ReactDOM.createPortal = jest.fn((element) => element); - -// To be resolved by EUI team. -// https://github.com/elastic/eui/issues/3712 -jest.mock('@elastic/eui/lib/components/overlay_mask/overlay_mask', () => { - return { - EuiOverlayMask: ({ children }: { children: ReactChildren }) => children, - }; -}); - -// Disabling this test due to https://github.com/elastic/eui/issues/2242 -jest.mock( - '../public/components/workpad_header/share_menu/flyout/__stories__/flyout.stories', - () => { - return 'Disabled Panel'; - } -); - -// @ts-expect-error untyped library -import { EuiObserver } from '@elastic/eui/test-env/components/observer/observer'; -jest.mock('@elastic/eui/test-env/components/observer/observer'); -EuiObserver.mockImplementation(() => 'EuiObserver'); - -import { ExpressionInput } from '@kbn/presentation-util-plugin/public/components/expression_input'; -jest.mock('@kbn/presentation-util-plugin/public/components/expression_input'); -// @ts-expect-error -ExpressionInput.mockImplementation(() => 'ExpressionInput'); - -import Dropzone from 'react-dropzone'; -jest.mock('react-dropzone'); -// @ts-expect-error untyped library -Dropzone.mockImplementation(() => 'Dropzone'); - -// This element uses a `ref` and cannot be rendered by Jest snapshots. -import { RenderedElement } from '../shareable_runtime/components/rendered_element'; -jest.mock('../shareable_runtime/components/rendered_element'); -// @ts-expect-error -RenderedElement.mockImplementation(() => 'RenderedElement'); - -// Some of the code requires that this directory exists, but the tests don't actually require any css to be present -const cssDir = path.resolve(__dirname, '../../../../../../built_assets/css'); -if (!fs.existsSync(cssDir)) { - fs.mkdirSync(cssDir, { recursive: true }); -} - -addSerializer(styleSheetSerializer); - -const emotionSerializer = createSerializer({ - classNameReplacer: replaceEmotionPrefix, - includeStyles: false, -}); -addSerializer(emotionSerializer); - -const converter = new Stories2SnapsConverter(); - -// Initialize Storyshots and build the Jest Snapshots -initStoryshots({ - configPath: path.resolve(__dirname), - framework: 'react', - asyncJest: true, - test: async ({ story, context, done }) => { - const renderer = create(createElement(story.render)); - // wait until the element will perform all renders and resolve all promises (lazy loading, especially) - await act(() => new Promise((resolve) => setTimeout(resolve, 0))); - // save each snapshot to a different file (similar to "multiSnapshotWithOptions") - const snapshotFileName = converter.getSnapshotFileName(context); - expect(renderer).toMatchSpecificSnapshot(snapshotFileName); - done?.(); - }, - // Don't snapshot tests that start with 'redux' - storyNameRegex: /^((?!.*?redux).)*$/, - renderer: shallow, -}); diff --git a/x-pack/platform/plugins/shared/fleet/.storybook/context/index.tsx b/x-pack/platform/plugins/shared/fleet/.storybook/context/index.tsx index 373dbc838835f..cbe60d64ca779 100644 --- a/x-pack/platform/plugins/shared/fleet/.storybook/context/index.tsx +++ b/x-pack/platform/plugins/shared/fleet/.storybook/context/index.tsx @@ -8,7 +8,7 @@ import React, { useEffect, useMemo, useCallback } from 'react'; import { EMPTY } from 'rxjs'; -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { createBrowserHistory } from 'history'; import { I18nProvider } from '@kbn/i18n-react'; @@ -52,13 +52,13 @@ import { getCustomBranding } from './custom_branding'; // Expect this to grow as components that are given Stories need access to mocked services. export const StorybookContext: React.FC<{ children: React.ReactNode; - storyContext?: Parameters<DecoratorFn>[1]; + storyContext?: Parameters<Decorator>[1]; }> = ({ storyContext, children: storyChildren }) => { const basepath = ''; const browserHistory = createBrowserHistory(); const history = new CoreScopedHistory(browserHistory, basepath); - const isCloudEnabled = storyContext?.args.isCloudEnabled; + const isCloudEnabled = storyContext?.args.isCloudEnabled as boolean; // @ts-ignore {} no assignable to parameter ExperimentalFeaturesService.init({}); const startServices: FleetStartServices = useMemo( diff --git a/x-pack/platform/plugins/shared/fleet/.storybook/decorator.tsx b/x-pack/platform/plugins/shared/fleet/.storybook/decorator.tsx index 93870809c94bb..12a10ba4618f8 100644 --- a/x-pack/platform/plugins/shared/fleet/.storybook/decorator.tsx +++ b/x-pack/platform/plugins/shared/fleet/.storybook/decorator.tsx @@ -6,10 +6,10 @@ */ import React from 'react'; -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { StorybookContext } from './context'; -export const decorator: DecoratorFn = (story, storybook) => { +export const decorator: Decorator = (story, storybook) => { return <StorybookContext storyContext={storybook}>{story()}</StorybookContext>; }; diff --git a/x-pack/platform/plugins/shared/fleet/.storybook/manager.ts b/x-pack/platform/plugins/shared/fleet/.storybook/manager.ts index 7e77a6dd29e2d..d7ae2a23e82c2 100644 --- a/x-pack/platform/plugins/shared/fleet/.storybook/manager.ts +++ b/x-pack/platform/plugins/shared/fleet/.storybook/manager.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/x-pack/platform/plugins/shared/fleet/.storybook/preview.tsx b/x-pack/platform/plugins/shared/fleet/.storybook/preview.tsx index 7d8ac74f2fa80..48525e810697d 100644 --- a/x-pack/platform/plugins/shared/fleet/.storybook/preview.tsx +++ b/x-pack/platform/plugins/shared/fleet/.storybook/preview.tsx @@ -6,23 +6,27 @@ */ import React from 'react'; -import { addDecorator } from '@storybook/react'; -import { Title, Subtitle, Description, Primary, Stories } from '@storybook/addon-docs'; +import type { Preview } from '@storybook/react'; +import { Title, Subtitle, Description, Primary, Stories } from '@storybook/blocks'; import { decorator } from './decorator'; -addDecorator(decorator); - -export const parameters = { - docs: { - page: () => ( - <> - <Title /> - <Subtitle /> - <Description /> - <Primary /> - <Stories /> - </> - ), +const preview: Preview = { + decorators: [decorator], + parameters: { + docs: { + page: () => ( + <> + <Title /> + <Subtitle /> + <Description /> + <Primary /> + <Stories /> + </> + ), + }, }, }; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/x-pack/platform/plugins/shared/fleet/.storybook/smoke.test.tsx b/x-pack/platform/plugins/shared/fleet/.storybook/smoke.test.tsx deleted file mode 100644 index 63c1199b75aa9..0000000000000 --- a/x-pack/platform/plugins/shared/fleet/.storybook/smoke.test.tsx +++ /dev/null @@ -1,34 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0; you may not use this file except in compliance with the Elastic License - * 2.0. - */ - -import { getFips } from 'crypto'; - -import { mount } from 'enzyme'; -import { createElement } from 'react'; -import { act } from 'react-dom/test-utils'; -import initStoryshots from '@storybook/addon-storyshots'; - -describe('Fleet Storybook Smoke', function () { - if (getFips() !== 1) { - test('Init', async () => { - await initStoryshots({ - configPath: __dirname, - framework: 'react', - test: async ({ story }) => { - const renderer = mount(createElement(story.render)); - // wait until the element will perform all renders and resolve all promises (lazy loading, especially) - await act(() => new Promise((resolve) => setTimeout(resolve, 0))); - expect(renderer.html()).not.toContain('euiErrorBoundary'); - }, - }); - }); - } else { - test('fips is enabled', function () { - expect(getFips() === 1).toEqual(true); - }); - } -}); diff --git a/x-pack/platform/plugins/shared/fleet/common/jest.config.js b/x-pack/platform/plugins/shared/fleet/common/jest.config.js index 0711e6f7f317e..1470b8e45ad8f 100644 --- a/x-pack/platform/plugins/shared/fleet/common/jest.config.js +++ b/x-pack/platform/plugins/shared/fleet/common/jest.config.js @@ -9,9 +9,6 @@ module.exports = { preset: '@kbn/test', rootDir: '../../../../../..', roots: ['<rootDir>/x-pack/platform/plugins/shared/fleet/common'], - transform: { - '^.+\\.stories\\.tsx?$': '@storybook/addon-storyshots/injectFileName', - }, coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/platform/plugins/shared/fleet/common', coverageReporters: ['text', 'html'], diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/multi_row_input/index.stories.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/multi_row_input/index.stories.tsx index da01661d5fc35..42f0ed953a7b2 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/multi_row_input/index.stories.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/settings/components/multi_row_input/index.stories.tsx @@ -5,96 +5,96 @@ * 2.0. */ -import { useState } from '@storybook/addons'; -import { addParameters } from '@storybook/react'; -import React from 'react'; +import React, { useState } from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; import { MultiRowInput as Component } from '.'; -addParameters({ - options: { - enableShortcuts: false, - }, -}); - -export default { - component: Component, - title: 'Sections/Fleet/Settings/MultiRowInput', -}; - interface Args { width: number; label: string; helpText: string; disabled: boolean; + value?: string[]; + isUrl?: boolean; } -const args: Args = { - width: 250, - label: 'Demo label', - helpText: 'Demo helpText', - disabled: false, +const meta: Meta<typeof Component> = { + component: Component, + title: 'Sections/Fleet/Settings/MultiRowInput', + parameters: { + options: { + enableShortcuts: false, + }, + }, }; -export const HostsInput = ({ width, label, helpText, disabled }: Args) => { - const [value, setValue] = useState<string[]>([]); - return ( - <div style={{ width }}> - <Component - id="test-host-input" - helpText={helpText} - value={value} - onChange={setValue} - label={label} - disabled={disabled} - /> - </div> - ); -}; -HostsInput.args = args; +export default meta; +type Story = StoryObj<typeof Component>; -export const HostsInputDisabled = ({ value }: { value: string[] }) => { +const HostsInputTemplate: Story['render'] = (args) => { + const [value, setValue] = useState<string[]>(args.value || []); return ( - <div style={{ maxWidth: '350px' }}> + <div style={{ width: args.width || 350 }}> <Component id="test-host-input" - helpText={'Host input help text'} + helpText={args.helpText} value={value} - onChange={() => {}} - label={'Host input label'} - disabled={true} + onChange={setValue} + label={args.label} + disabled={args.disabled} + isUrl={args.isUrl} /> </div> ); }; -HostsInputDisabled.args = { value: ['http://test1.fr', 'http://test2.fr'] }; -HostsInputDisabled.argTypes = { - value: { - control: { type: 'object' }, +export const HostsInput: Story = { + render: HostsInputTemplate, + args: { + width: 250, + label: 'Demo label', + helpText: 'Demo helpText', + disabled: false, }, }; -export const HostsInputUrl = () => { - const [value, setValue] = useState<string[]>([]); - return ( +export const HostsInputDisabled: Story = { + render: (args) => ( <div style={{ maxWidth: '350px' }}> <Component id="test-host-input" helpText={'Host input help text'} - value={value} - onChange={setValue} + value={args.value} + onChange={() => {}} label={'Host input label'} - disabled={false} - isUrl={true} + disabled={true} /> </div> - ); + ), + args: { + value: ['http://test1.fr', 'http://test2.fr'], + }, + argTypes: { + value: { + control: { type: 'object' }, + }, + }, }; -HostsInputUrl.args = { value: ['https://test1.com', 'https://test2.com', 'https://test3.com'] }; -HostsInputUrl.argTypes = { - value: { - control: { type: 'object' }, +export const HostsInputUrl: Story = { + render: HostsInputTemplate, + args: { + width: 350, + label: 'Host input label', + helpText: 'Host input help text', + disabled: false, + value: ['https://test1.com', 'https://test2.com', 'https://test3.com'], + isUrl: true, + }, + argTypes: { + value: { + control: { type: 'object' }, + }, }, }; diff --git a/x-pack/platform/plugins/shared/fleet/public/jest.config.js b/x-pack/platform/plugins/shared/fleet/public/jest.config.js index bb555a56943b8..4fa7ba966cdca 100644 --- a/x-pack/platform/plugins/shared/fleet/public/jest.config.js +++ b/x-pack/platform/plugins/shared/fleet/public/jest.config.js @@ -9,9 +9,6 @@ module.exports = { preset: '@kbn/test', rootDir: '../../../../../..', roots: ['<rootDir>/x-pack/platform/plugins/shared/fleet/public'], - transform: { - '^.+\\.stories\\.tsx?$': '@storybook/addon-storyshots/injectFileName', - }, coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/platform/plugins/shared/fleet/public', coverageReporters: ['text', 'html'], diff --git a/x-pack/platform/plugins/shared/fleet/scripts/jest.config.js b/x-pack/platform/plugins/shared/fleet/scripts/jest.config.js index e68dcd69cc3e3..c816a87542062 100644 --- a/x-pack/platform/plugins/shared/fleet/scripts/jest.config.js +++ b/x-pack/platform/plugins/shared/fleet/scripts/jest.config.js @@ -9,9 +9,6 @@ module.exports = { preset: '@kbn/test', rootDir: '../../../../../..', roots: ['<rootDir>/x-pack/platform/plugins/shared/fleet/scripts'], - transform: { - '^.+\\.stories\\.tsx?$': '@storybook/addon-storyshots/injectFileName', - }, coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/platform/plugins/shared/fleet/scripts', coverageReporters: ['text', 'html'], diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_error_callout.stories.tsx b/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_error_callout.stories.tsx index 2b1217d4615ee..ae34fdfa7a031 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_error_callout.stories.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_error_callout.stories.tsx @@ -6,7 +6,7 @@ */ import { PropsOf } from '@elastic/eui'; -import { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../test_utils/use_global_storybook_theme'; import { DataSearchErrorCallout } from './data_search_error_callout'; @@ -31,7 +31,7 @@ export default { type DataSearchErrorCalloutProps = PropsOf<typeof DataSearchErrorCallout>; -const DataSearchErrorCalloutTemplate: Story<DataSearchErrorCalloutProps> = (args) => ( +const DataSearchErrorCalloutTemplate: StoryFn<DataSearchErrorCalloutProps> = (args) => ( <DataSearchErrorCallout {...args} /> ); diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_progress.stories.tsx b/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_progress.stories.tsx index 0efbfb25c9749..c26faff43eeeb 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_progress.stories.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/data_search_progress.stories.tsx @@ -6,7 +6,7 @@ */ import { PropsOf } from '@elastic/eui'; -import { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../test_utils/use_global_storybook_theme'; import { DataSearchProgress } from './data_search_progress'; @@ -24,7 +24,7 @@ export default { type DataSearchProgressProps = PropsOf<typeof DataSearchProgress>; -const DataSearchProgressTemplate: Story<DataSearchProgressProps> = (args) => ( +const DataSearchProgressTemplate: StoryFn<DataSearchProgressProps> = (args) => ( <DataSearchProgress {...args} /> ); diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/loading/__examples__/index.stories.tsx b/x-pack/platform/plugins/shared/logs_shared/public/components/loading/__examples__/index.stories.tsx index 879d8a2328ebc..111be22322f2e 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/loading/__examples__/index.stories.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/loading/__examples__/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react/types-6-0'; +import { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { LogsSharedLoadingPanel } from '..'; import { decorateWithGlobalStorybookThemeProviders } from '../../../test_utils/use_global_storybook_theme'; @@ -18,6 +18,6 @@ export default { ], } as Meta; -export const LoadingPanel: Story = () => ( +export const LoadingPanel: StoryFn = () => ( <LogsSharedLoadingPanel text="test" width={200} height={200} /> ); diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.mdx b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.mdx similarity index 83% rename from x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.mdx rename to x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.mdx index 28275ba066ee7..2ce460c70a02a 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.mdx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.mdx @@ -1,6 +1,7 @@ -import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks'; +import { Meta, Story, Canvas, Controls } from '@storybook/blocks'; +import * as LogStreamStories from './log_stream.stories'; -<Meta title="logsShared/LogStream/Overview" /> +<Meta of={LogStreamStories} /> # Embeddable `<LogStream />` component @@ -17,10 +18,10 @@ import { LogStream } from '../../../../../../../logs_shared/public'; To use the component your plugin needs to follow certain criteria: -- Ensure `"logsShared"` and `"data"` are specified as a `requiredPlugins` in your plugin's `kibana.json`. -- Ensure the `<LogStream />` component is mounted inside the hierachy of a [`kibana-react` provider](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_react/README.md). At a minimum, the kibana-react provider must pass `http` (from core start services) and `data` (from core plugin start dependencies). -- Ensure the `<LogStream />` component is mounted inside the hierachy of a [`KibanaThemeProvider`](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_utils/public/theme/kibana_theme_provider.tsx#L26). -- Ensure the `<LogStream />` component is mounted inside the hierachy of a [`EuiThemeProvider`](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_react/common/eui_styled_components.tsx). This is not the same as the provider exported by EUI. It bridges the gap between EUI and styled components and predates the css-in-js support in EUI. +* Ensure `"logsShared"` and `"data"` are specified as a `requiredPlugins` in your plugin's `kibana.json`. +* Ensure the `<LogStream />` component is mounted inside the hierachy of a [`kibana-react` provider](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_react/README.md). At a minimum, the kibana-react provider must pass `http` (from core start services) and `data` (from core plugin start dependencies). +* Ensure the `<LogStream />` component is mounted inside the hierachy of a [`KibanaThemeProvider`](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_utils/public/theme/kibana_theme_provider.tsx#L26). +* Ensure the `<LogStream />` component is mounted inside the hierachy of a [`EuiThemeProvider`](https://github.com/elastic/kibana/blob/main/src/platform/plugins/shared/kibana_react/common/eui_styled_components.tsx). This is not the same as the provider exported by EUI. It bridges the gap between EUI and styled components and predates the css-in-js support in EUI. ## Usage @@ -35,6 +36,8 @@ const startTimestamp = endTimestamp - 15 * 60 * 1000; // 15 minutes This will show a list of log entries between the specified timestamps. +{/* <Story id="logsShared-logstream--basic-date-range" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--basic-date-range" /> ## Query log entries @@ -90,6 +93,8 @@ By default the component will load at the bottom of the list, showing the newest /> ``` +{/* <Story id="logsShared-logstream--centered-on-log-entry" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--centered-on-log-entry" /> ## Highlight a specific entry @@ -100,15 +105,17 @@ The component can highlight a specific line via the `highlight` prop. It takes t <LogStream startTimestamp={startTimestamp} endTimestamp={endTimestamp} highlight="entry-197" /> ``` +{/* <Story id="logsShared-logstream--highlighted-log-entry" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--highlighted-log-entry" /> ## Column configuration By default the component will use the same columns as the Logs UI: -- `@timestamp` of the log. -- `event.dataset` field. -- The log message. This might be the `message` field, or a reconstruction based on other fields. +* `@timestamp` of the log. +* `event.dataset` field. +* The log message. This might be the `message` field, or a reconstruction based on other fields. These columns are user-configurable. When the end user changes the default columns those changes will be reflected in the `<LogStream />` component. @@ -131,6 +138,8 @@ The easiest way is to specify what columns you want with the `columns` prop. /> ``` +{/* <Story id="logsShared-logstream--custom-columns" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--custom-columns" /> The rendering of the column headers and the cell contents can also be customized with the following properties: @@ -141,37 +150,53 @@ The rendering of the column headers and the cell contents can also be customized <td> <code>width</code> </td> + <td> <code>number | string</code> </td> + <td>The width of the column. Accepts any valid `flex-basis` value.</td> </tr> + <tr> <td> <code>header</code> </td> + <td> <code>boolean | string</code> + <br /> + Defaults to <code>true</code> </td> + <td> When `boolean`, decide if the header should render or not. + <br /> + When `string`, show the string contents in the header. </td> </tr> + <tr> <td> <code>render</code> </td> + <td> <code>(timestamp: number) => ReactNode</code> for the `timestamp` column + <br /> + <code>(message: string) => ReactNode</code> for the `message` column. + <br /> + <code>(value: JsonValue) => ReactNode</code> for the `field` columns. </td> + <td>How should the column value render</td> </tr> </tbody> @@ -206,6 +231,8 @@ The rendering of the column headers and the cell contents can also be customized /> ``` +{/* <Story id="logsShared-logstream--custom-column-rendering" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--custom-column-rendering" /> ### With a static log view configuration @@ -262,4 +289,6 @@ The component can render a button on the row that opens a flyout, via the `showF showFlyoutAction /> ``` +{/* <Story id="logsShared-logstream--flyout" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="logsShared-logstream--flyout" /> diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.tsx b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.tsx index eeba1e0b448dd..80bc8febfda05 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.stories.tsx @@ -6,7 +6,7 @@ */ import { I18nProvider } from '@kbn/i18n-react'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../test_utils/use_global_storybook_theme'; import { LogStream, LogStreamProps } from './log_stream'; @@ -32,7 +32,7 @@ export default { }, } as Meta; -const LogStreamStoryTemplate: Story<LogStreamProps> = (args) => <LogStream {...args} />; +const LogStreamStoryTemplate: StoryFn<LogStreamProps> = (args) => <LogStream {...args} />; export const BasicDateRange = LogStreamStoryTemplate.bind({}); diff --git a/x-pack/platform/plugins/shared/logs_shared/public/test_utils/use_global_storybook_theme.tsx b/x-pack/platform/plugins/shared/logs_shared/public/test_utils/use_global_storybook_theme.tsx index 482602c87fd06..7ded76cce37b0 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/test_utils/use_global_storybook_theme.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/test_utils/use_global_storybook_theme.tsx @@ -5,14 +5,14 @@ * 2.0. */ -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import React, { useEffect, useMemo, useState, FC, PropsWithChildren } from 'react'; import { BehaviorSubject } from 'rxjs'; import type { CoreTheme } from '@kbn/core/public'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme'; -type StoryContext = Parameters<DecoratorFn>[1]; +type StoryContext = Parameters<Decorator>[1]; export const useGlobalStorybookTheme = ({ globals: { euiTheme } }: StoryContext) => { const theme = useMemo(() => euiThemeFromId(euiTheme), [euiTheme]); @@ -41,7 +41,7 @@ export const GlobalStorybookThemeProviders: FC< ); }; -export const decorateWithGlobalStorybookThemeProviders: DecoratorFn = ( +export const decorateWithGlobalStorybookThemeProviders: Decorator = ( wrappedStory, storyContext ) => ( diff --git a/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.mdx b/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.mdx similarity index 79% rename from x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.mdx rename to x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.mdx index a8854692caa36..2081a63640084 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.mdx +++ b/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.mdx @@ -1,21 +1,22 @@ -import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks'; +import { Canvas, Meta, Story } from '@storybook/blocks'; +import * as DataSearchStories from './data_search.stories'; -<Meta title="infra/dataSearch/Overview" /> +<Meta of={DataSearchStories} /> # The `data` plugin and `SearchStrategies` The search functionality abstraction provided by the `search` service of the `data` plugin is pretty powerful: -- The execution of the request is delegated to a search strategy, which is - executed on the Kibana server side. -- Any plugin can register custom search strategies with custom parameters and - response shapes. -- Search requests can be cancelled via an `AbortSignal`. -- Search requests are decoupled from the transport layer. The service will poll - for new results transparently. -- Partial responses can be returned as they become available if the search - takes longer. +* The execution of the request is delegated to a search strategy, which is + executed on the Kibana server side. +* Any plugin can register custom search strategies with custom parameters and + response shapes. +* Search requests can be cancelled via an `AbortSignal`. +* Search requests are decoupled from the transport layer. The service will poll + for new results transparently. +* Partial responses can be returned as they become available if the search + takes longer. # Working with `data.search.search()` in the Browser @@ -49,9 +50,9 @@ an appropriate way. Because most response projections follow a similar pattern there's a helper `normalizeDataSearchResponses(initialResponse, parseRawResponse)`, which generates an RxJS operator, that... -- emits an initial response containing the given `initialResponse` value -- applies `parseRawResponse` to the `rawResponse` property of each emitted response -- transforms transport layer errors as well as parsing errors into +* emits an initial response containing the given `initialResponse` value +* applies `parseRawResponse` to the `rawResponse` property of each emitted response +* transforms transport layer errors as well as parsing errors into `SearchStrategyError`s ```typescript @@ -126,6 +127,8 @@ If `total` and `loaded` are not (yet) known, we can show an undetermined progress bar. <Canvas> + {/* <Story id="infra-datasearch-datasearchprogress--undetermined-progress" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearchprogress--undetermined-progress" /> </Canvas> @@ -136,6 +139,8 @@ to show a progress bar with the option to cancel the request if it takes too long. <Canvas> + {/* <Story id="infra-datasearch-datasearchprogress--cancelable-determined-progress" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearchprogress--cancelable-determined-progress" /> </Canvas> @@ -147,6 +152,7 @@ for the respective part of the UI. For many cases a `EuiCallout` is suitable, so the `DataSearchErrorCallout` can serve as a starting point: <Canvas> + {/* <Story id="infra-datasearch-datasearcherrorcallout--error-callout-with-retry" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearcherrorcallout--error-callout-with-retry" /> </Canvas> - diff --git a/x-pack/solutions/observability/plugins/apm/.storybook/main.js b/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.js similarity index 81% rename from x-pack/solutions/observability/plugins/apm/.storybook/main.js rename to x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.js index 86b48c32f103e..e5fc6a4d79bb6 100644 --- a/x-pack/solutions/observability/plugins/apm/.storybook/main.js +++ b/x-pack/platform/plugins/shared/logs_shared/public/utils/data_search/data_search.stories.js @@ -5,4 +5,6 @@ * 2.0. */ -module.exports = require('@kbn/storybook').defaultConfig; +export default { + title: 'infra/dataSearch/Overview', +}; diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/.storybook/jest_setup.js b/x-pack/platform/plugins/shared/observability_ai_assistant/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/.storybook/jest_setup.js +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/regenerate_response_button.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/regenerate_response_button.stories.tsx index bfbb506a9e90a..956d4a4ca130f 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/regenerate_response_button.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/regenerate_response_button.stories.tsx @@ -4,16 +4,16 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { RegenerateResponseButton as Component } from './regenerate_response_button'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Atoms/RegenerateResponseButton', }; export default meta; -export const RegenerateResponseButton: ComponentStoryObj<typeof Component> = { +export const RegenerateResponseButton: StoryObj<typeof Component> = { args: {}, }; diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/start_chat_button.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/start_chat_button.stories.tsx index de9116900b61b..9678c600bb258 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/start_chat_button.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/start_chat_button.stories.tsx @@ -4,16 +4,16 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { StartChatButton as Component } from './start_chat_button'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Atoms/StartChatButton', }; export default meta; -export const StartChatButton: ComponentStoryObj<typeof Component> = { +export const StartChatButton: StoryObj<typeof Component> = { args: {}, }; diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/stop_generating_button.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/stop_generating_button.stories.tsx index acf27b4a01274..24b97c1c24ff5 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/stop_generating_button.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/buttons/stop_generating_button.stories.tsx @@ -4,16 +4,16 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { StopGeneratingButton as Component } from './stop_generating_button'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Atoms/StopGeneratingButton', }; export default meta; -export const StopGeneratingButton: ComponentStoryObj<typeof Component> = { +export const StopGeneratingButton: StoryObj<typeof Component> = { args: {}, }; diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/connector_selector/connector_selector_base.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/connector_selector/connector_selector_base.stories.tsx index 4a1a882c22692..af11dbc5df47b 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/connector_selector/connector_selector_base.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/connector_selector/connector_selector_base.stories.tsx @@ -5,13 +5,13 @@ * 2.0. */ import React from 'react'; -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { FindActionResult } from '@kbn/actions-plugin/server'; import { ComponentProps } from 'react'; import { EuiPanel } from '@elastic/eui'; import { ConnectorSelectorBase as Component } from './connector_selector_base'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Molecules/ConnectorSelectorBase', }; @@ -26,7 +26,7 @@ const render = (props: ComponentProps<typeof Component>) => { ); }; -export const Loaded: ComponentStoryObj<typeof Component> = { +export const Loaded: StoryObj<typeof Component> = { args: { loading: false, selectedConnector: 'gpt-4', @@ -38,14 +38,14 @@ export const Loaded: ComponentStoryObj<typeof Component> = { render, }; -export const Loading: ComponentStoryObj<typeof Component> = { +export const Loading: StoryObj<typeof Component> = { args: { loading: true, }, render, }; -export const Empty: ComponentStoryObj<typeof Component> = { +export const Empty: StoryObj<typeof Component> = { args: { loading: false, connectors: [], @@ -53,7 +53,7 @@ export const Empty: ComponentStoryObj<typeof Component> = { render, }; -export const FailedToLoad: ComponentStoryObj<typeof Component> = { +export const FailedToLoad: StoryObj<typeof Component> = { args: { loading: false, error: new Error('Failed to load connectors'), diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/insight/insight_base.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/insight/insight_base.stories.tsx index eb1065a0d86fa..e1c5a88e128fc 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/insight/insight_base.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/insight/insight_base.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FindActionResult } from '@kbn/actions-plugin/server'; import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; @@ -25,9 +25,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: InsightBaseProps) => ( - <Component {...props} /> -); +const Template: StoryObj<typeof Component> = (props: InsightBaseProps) => <Component {...props} />; const defaultProps: InsightBaseProps = { title: 'What is the root cause of performance degradation in my service?', @@ -56,13 +54,13 @@ const defaultProps: InsightBaseProps = { <MessagePanel body={ <MessageText - content={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. + content={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Aliquam commodo sollicitudin erat in ultrices. Vestibulum euismod ex ac lectus semper hendrerit. +Aliquam commodo sollicitudin erat in ultrices. Vestibulum euismod ex ac lectus semper hendrerit. -Morbi mattis odio justo, in ullamcorper metus aliquet eu. Praesent risus velit, rutrum ac magna non, vehicula vestibulum sapien. Quisque pulvinar eros eu finibus iaculis. +Morbi mattis odio justo, in ullamcorper metus aliquet eu. Praesent risus velit, rutrum ac magna non, vehicula vestibulum sapien. Quisque pulvinar eros eu finibus iaculis. -Morbi dapibus sapien lacus, vitae suscipit ex egestas pharetra. In velit eros, fermentum sit amet augue ut, aliquam sodales nulla. Nunc mattis lobortis eros sit amet dapibus. +Morbi dapibus sapien lacus, vitae suscipit ex egestas pharetra. In velit eros, fermentum sit amet augue ut, aliquam sodales nulla. Nunc mattis lobortis eros sit amet dapibus. Morbi non faucibus massa. Aliquam sed augue in eros ornare luctus sit amet cursus dolor. Pellentesque pellentesque lorem eu odio auctor convallis. Sed sodales felis at velit tempus tincidunt. Nulla sed ante cursus nibh mollis blandit. In mattis imperdiet tellus. Vestibulum nisl turpis, efficitur quis sollicitudin id, mollis in arcu. Vestibulum pulvinar tincidunt magna, vitae facilisis massa congue quis. Cras commodo efficitur tellus, et commodo risus rutrum at.`} loading={false} diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.stories.tsx index 02c7454ddaab3..49b5a267f826d 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.stories.tsx @@ -5,12 +5,12 @@ * 2.0. */ import React from 'react'; -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { ComponentProps } from 'react'; import { EuiPanel } from '@elastic/eui'; import { EsqlCodeBlock as Component } from './esql_code_block'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Molecules/ES|QL Code Block', }; @@ -25,7 +25,7 @@ const render = (props: ComponentProps<typeof Component>) => { ); }; -export const Simple: ComponentStoryObj<typeof Component> = { +export const Simple: StoryObj<typeof Component> = { args: { value: `FROM packetbeat-* | STATS COUNT_DISTINCT(destination.domain)`, diff --git a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/message_panel.stories.tsx b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/message_panel.stories.tsx index c80004b54ff2e..4911fe21ebaf4 100644 --- a/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/message_panel.stories.tsx +++ b/x-pack/platform/plugins/shared/observability_ai_assistant/public/components/message_panel/message_panel.stories.tsx @@ -5,21 +5,21 @@ * 2.0. */ import { EuiPanel } from '@elastic/eui'; -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import dedent from 'dedent'; import React from 'react'; import { FeedbackButtons } from '../buttons/feedback_buttons'; import { MessagePanel as Component } from './message_panel'; import { MessageText } from './message_text'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Molecules/MessagePanel', }; export default meta; -export const ContentLoading: ComponentStoryObj<typeof Component> = { +export const ContentLoading: StoryObj<typeof Component> = { render: (props, context) => { return ( <EuiPanel> @@ -31,7 +31,7 @@ export const ContentLoading: ComponentStoryObj<typeof Component> = { body: ( <MessageText content={`# This is a piece of text. - + And an extra _paragraph_. \`This is inline code\` @@ -39,7 +39,7 @@ And an extra _paragraph_. \`\`\` This is a code block \`\`\` - + #### With a title This text is loa`} @@ -50,7 +50,7 @@ This text is loa`} }, }; -export const ContentLoaded: ComponentStoryObj<typeof Component> = { +export const ContentLoaded: StoryObj<typeof Component> = { args: { body: ( <MessageText @@ -62,7 +62,7 @@ export const ContentLoaded: ComponentStoryObj<typeof Component> = { }, }; -export const ContentFailed: ComponentStoryObj<typeof Component> = { +export const ContentFailed: StoryObj<typeof Component> = { args: { body: ( <MessageText @@ -75,7 +75,7 @@ export const ContentFailed: ComponentStoryObj<typeof Component> = { }, }; -export const ContentTable: ComponentStoryObj<typeof Component> = { +export const ContentTable: StoryObj<typeof Component> = { args: { body: ( <MessageText @@ -93,7 +93,7 @@ export const ContentTable: ComponentStoryObj<typeof Component> = { | 7a128aca-940a-4d4f-a4a2-5950467d7866 | opbeans-swift | default | mobile | 373.360 | recovered | 2023-08-22T19:25:43.471Z | 2023-08-22T19:30:58.383Z | | 82feefe0-c81b-442f-9700-d1e4d7b1a28c | opbeans-frontend | production | page-load | 2179.071 | recovered | 2023-08-22T19:32:01.114Z | 2023-08-22T19:35:09.638Z | | bd716922-8a4d-44b7-ac1a-863ac4d25597 | opbeans-frontend | production | Component | 4030.463 | recovered | 2023-08-22T19:33:04.081Z | 2023-08-22T19:36:12.125Z | - + Please note that all times are in UTC.`)} loading={false} onActionClick={async () => {}} @@ -102,7 +102,7 @@ export const ContentTable: ComponentStoryObj<typeof Component> = { }, }; -export const Controls: ComponentStoryObj<typeof Component> = { +export const Controls: StoryObj<typeof Component> = { args: { body: ( <MessageText diff --git a/x-pack/platform/plugins/shared/streams_app/.storybook/jest_setup.js b/x-pack/platform/plugins/shared/streams_app/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/platform/plugins/shared/streams_app/.storybook/jest_setup.js +++ b/x-pack/platform/plugins/shared/streams_app/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/context/http.ts b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/context/http.ts index 36567ad972359..287346f5ae789 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/context/http.ts +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/context/http.ts @@ -6,7 +6,7 @@ */ import { v4 as uuidv4 } from 'uuid'; -import { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import type { HttpStart, HttpFetchOptions, HttpHandler } from '@kbn/core/public'; import { @@ -304,7 +304,7 @@ const rulesListIds = [ 'app-ruleslist--with-paginated-rules', ]; -export const getHttp = (context: Parameters<DecoratorFn>[1]) => { +export const getHttp = (context: Parameters<Decorator>[1]) => { return { get: (async (path: string, options: HttpFetchOptions) => { const { id } = context; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/decorator.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/decorator.tsx index c568b69049c3f..0a3dd81c44281 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/decorator.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/decorator.tsx @@ -8,7 +8,7 @@ import React, { FC, PropsWithChildren } from 'react'; import { v4 as uuidv4 } from 'uuid'; import { action } from '@storybook/addon-actions'; -import { DecoratorFn } from '@storybook/react'; +import { Decorator } from '@storybook/react'; import { EMPTY, of } from 'rxjs'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaThemeProvider, KibanaServices } from '@kbn/kibana-react-plugin/public'; @@ -24,7 +24,7 @@ import { getActionTypeRegistry } from './context/action_type_registry'; import { getDefaultServicesApplication } from './context/application'; interface StorybookContextDecoratorProps { - context: Parameters<DecoratorFn>[1]; + context: Parameters<Decorator>[1]; servicesApplicationOverride?: Partial<ApplicationStart>; servicesOverride?: Partial<KibanaServices>; } diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/manager.ts b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/manager.ts index e9fcac3d5a790..fdab282f982f9 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/manager.ts +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/manager.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID } from '@storybook/addon-actions'; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/preview.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/preview.tsx index 8f334c0dc921c..91f0f0d7cea37 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/preview.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/.storybook/preview.tsx @@ -6,26 +6,32 @@ */ import React from 'react'; -import { addDecorator, DecoratorFn } from '@storybook/react'; -import { Title, Subtitle, Description, Primary, Stories } from '@storybook/addon-docs'; +import { Title, Subtitle, Description, Primary, Stories } from '@storybook/blocks'; +import type { Preview } from '@storybook/react'; import { StorybookContextDecorator } from './decorator'; -const decorator: DecoratorFn = (story, context) => { - return <StorybookContextDecorator context={context}>{story()}</StorybookContextDecorator>; -}; - -addDecorator(decorator); - -export const parameters = { - docs: { - page: () => { - <> - <Title /> - <Subtitle /> - <Description /> - <Primary /> - <Stories /> - </>; +const preview: Preview = { + decorators: [ + (Story, context) => ( + <StorybookContextDecorator context={context}> + <Story /> + </StorybookContextDecorator> + ), + ], + parameters: { + docs: { + page: () => ( + <> + <Title /> + <Subtitle /> + <Description /> + <Primary /> + <Stories /> + </> + ), }, }, }; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/alert_lifecycle_status_badge.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/alert_lifecycle_status_badge.stories.tsx index 2eb55ad4f4633..48dd84b2335d8 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/alert_lifecycle_status_badge.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/alert_lifecycle_status_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React, { ComponentProps } from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { ALERT_STATUS_RECOVERED, ALERT_STATUS_ACTIVE } from '@kbn/rule-data-utils'; import { AlertLifecycleStatusBadge, @@ -35,7 +35,7 @@ export default { }, }; -const Template: Story<Args> = (args: AlertLifecycleStatusBadgeProps) => { +const Template: StoryFn<Args> = (args: AlertLifecycleStatusBadgeProps) => { return <AlertLifecycleStatusBadge {...args} />; }; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/rules_setting/rules_settings_link.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/rules_setting/rules_settings_link.stories.tsx index f5da133df373e..4f50fc30cb0d3 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/rules_setting/rules_settings_link.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/components/rules_setting/rules_settings_link.stories.tsx @@ -6,7 +6,7 @@ */ import React, { ComponentProps } from 'react'; -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { EuiCallOut, EuiSpacer } from '@elastic/eui'; import { RulesSettingsLink } from './rules_settings_link'; import { StorybookContextDecorator } from '../../../../.storybook/decorator'; @@ -19,7 +19,7 @@ export default { component: RulesSettingsLink, } as Meta<Args>; -const Template: Story<Args> = () => { +const Template: StoryFn<Args> = () => { return <RulesSettingsLink />; }; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/notify_badge/notify_badge_with_api.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/notify_badge/notify_badge_with_api.stories.tsx index 68a0e637ab576..347d624b35c4c 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/notify_badge/notify_badge_with_api.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/notify_badge/notify_badge_with_api.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import React from 'react'; import { v4 as uuidv4 } from 'uuid'; @@ -60,7 +60,7 @@ export default { }, } as Meta<RulesListNotifyBadgePropsWithApi>; -const Template: Story<RulesListNotifyBadgePropsWithApi> = (args) => { +const Template: StoryFn<RulesListNotifyBadgePropsWithApi> = (args) => { return <RulesListNotifyBadgeWithApi {...args} />; }; @@ -100,7 +100,7 @@ ActiveSnoozesRuleNotifyBadgeWithApi.args = { }; const SnoozeDate = new Date(); -export const ScheduleSnoozesRuleNotifyBadgeWithApi: Story<RulesListNotifyBadgePropsWithApi> = ( +export const ScheduleSnoozesRuleNotifyBadgeWithApi: StoryFn<RulesListNotifyBadgePropsWithApi> = ( args ) => { return ( diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_status_dropdown.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_status_dropdown.stories.tsx index 401fcaf749fb1..cd09e1bca3c0f 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_status_dropdown.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_status_dropdown.stories.tsx @@ -6,7 +6,7 @@ */ import React, { ComponentProps } from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { RuleStatusDropdown } from './rule_status_dropdown'; import { mockRule } from '../../rule_details/components/test_helpers'; @@ -59,7 +59,7 @@ export default { }, }; -const Template: Story<Args> = (args) => { +const Template: StoryFn<Args> = (args) => { return <RuleStatusDropdown {...args} />; }; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_badge.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_badge.stories.tsx index 4e5abf410afa1..5fa0016d272af 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_badge.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React, { ComponentProps } from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { RuleTagBadge } from './rule_tag_badge'; @@ -58,7 +58,7 @@ export default { }, }; -const Template: Story<Args> = (args) => { +const Template: StoryFn<Args> = (args) => { return <RuleTagBadge {...args} />; }; diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_filter.stories.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_filter.stories.tsx index 7e3f3f696969e..6f79d3046b7a5 100644 --- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_filter.stories.tsx +++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rule_tag_filter.stories.tsx @@ -6,7 +6,7 @@ */ import React, { ComponentProps } from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { RuleTagFilter } from './rule_tag_filter'; @@ -87,7 +87,7 @@ export default { }, }; -const Template: Story<Args> = (args) => { +const Template: StoryFn<Args> = (args) => { return <RuleTagFilter {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.ts similarity index 74% rename from x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.js rename to x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.ts index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/apm/.storybook/main.ts b/x-pack/solutions/observability/plugins/apm/.storybook/main.ts new file mode 100644 index 0000000000000..42bb57c641b81 --- /dev/null +++ b/x-pack/solutions/observability/plugins/apm/.storybook/main.ts @@ -0,0 +1,11 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { defaultConfig } from '@kbn/storybook'; + +// eslint-disable-next-line import/no-default-export +export default defaultConfig; diff --git a/x-pack/solutions/observability/plugins/apm/.storybook/preview.js b/x-pack/solutions/observability/plugins/apm/.storybook/preview.ts similarity index 70% rename from x-pack/solutions/observability/plugins/apm/.storybook/preview.js rename to x-pack/solutions/observability/plugins/apm/.storybook/preview.ts index 75511cde64b05..6e808be94c0fa 100644 --- a/x-pack/solutions/observability/plugins/apm/.storybook/preview.js +++ b/x-pack/solutions/observability/plugins/apm/.storybook/preview.ts @@ -5,8 +5,7 @@ * 2.0. */ -import { EuiThemeProviderDecorator } from '@kbn/kibana-react-plugin/common'; import * as jest from 'jest-mock'; +// @ts-expect-error missing types window.jest = jest; -export const decorators = [EuiThemeProviderDecorator]; diff --git a/x-pack/solutions/observability/plugins/apm/jest.config.js b/x-pack/solutions/observability/plugins/apm/jest.config.js index 6e44035b4d900..cca917aee4be5 100644 --- a/x-pack/solutions/observability/plugins/apm/jest.config.js +++ b/x-pack/solutions/observability/plugins/apm/jest.config.js @@ -11,7 +11,7 @@ module.exports = { preset: '@kbn/test', rootDir: path.resolve(__dirname, '../../../../..'), roots: ['<rootDir>/x-pack/solutions/observability/plugins/apm'], - setupFiles: ['<rootDir>/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.js'], + setupFiles: ['<rootDir>/x-pack/solutions/observability/plugins/apm/.storybook/jest_setup.ts'], coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/solutions/observability/plugins/apm', coverageReporters: ['text', 'html'], diff --git a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.stories.tsx index a81c0722c6baa..681789be3e3ac 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React, { useState } from 'react'; import type { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; @@ -56,7 +56,7 @@ const stories: Meta<{}> = { }; export default stories; -export const CreatingInApmFromInventory: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInApmFromInventory: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorCountRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { @@ -82,7 +82,7 @@ CreatingInApmFromInventory.args = { }, }; -export const CreatingInApmFromService: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInApmFromService: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorCountRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { @@ -108,7 +108,7 @@ CreatingInApmFromService.args = { }, }; -export const EditingInStackManagement: Story<Args> = ({ ruleParams, metadata }) => { +export const EditingInStackManagement: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorCountRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { @@ -135,7 +135,7 @@ EditingInStackManagement.args = { metadata: undefined, }; -export const CreatingInStackManagement: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInStackManagement: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorCountRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.test.tsx index cff232bfafd35..bdad225dd08c8 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/error_count_rule_type/index.test.tsx @@ -8,7 +8,7 @@ import { render, screen } from '@testing-library/react'; import React from 'react'; import * as stories from './index.stories'; -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; const { CreatingInApmFromService } = composeStories(stories); diff --git a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.stories.tsx index 3208c3fb52152..7484bed0deb19 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentType } from 'react'; import React, { useState } from 'react'; import type { CoreStart } from '@kbn/core/public'; @@ -41,7 +41,7 @@ export default { ], }; -export const CreatingInApmServiceOverview: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInApmServiceOverview: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<TransactionDurationRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { @@ -75,7 +75,7 @@ CreatingInApmServiceOverview.args = { }, }; -export const CreatingInStackManagement: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInStackManagement: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<TransactionDurationRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_error_rate_rule_type/index.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_error_rate_rule_type/index.stories.tsx index fc044ba58402a..496652b62bc89 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_error_rate_rule_type/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/alerting/rule_types/transaction_error_rate_rule_type/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentType } from 'react'; import React, { useState } from 'react'; import type { CoreStart } from '@kbn/core/public'; @@ -40,7 +40,7 @@ export default { ], }; -export const CreatingInApmServiceOverview: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInApmServiceOverview: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorRateRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { @@ -73,7 +73,7 @@ CreatingInApmServiceOverview.args = { }, }; -export const CreatingInStackManagement: Story<Args> = ({ ruleParams, metadata }) => { +export const CreatingInStackManagement: StoryFn<Args> = ({ ruleParams, metadata }) => { const [params, setParams] = useState<ErrorRateRuleParams>(ruleParams); function setRuleParams(property: string, value: any) { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.stories.tsx index de6af639d1af8..c7446c149973b 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ import type { CoreStart } from '@kbn/core/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import { ErrorGroupList } from '.'; @@ -106,7 +106,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <ErrorGroupList {...args} />; }; Example.args = { @@ -114,7 +114,7 @@ Example.args = { initialPageSize: 5, }; -export const EmptyState: Story<Args> = (args) => { +export const EmptyState: StoryFn<Args> = (args) => { return <ErrorGroupList {...args} />; }; EmptyState.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.test.tsx index 4d97f06338daf..40455764bd06d 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/error_group_overview/error_group_list/error_group_list.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render } from '@testing-library/react'; import React from 'react'; import * as stories from './error_group_list.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_group_details/shared/distribution/index.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_group_details/shared/distribution/index.stories.tsx index 66814b567c94f..f24264431f270 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_group_details/shared/distribution/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_group_details/shared/distribution/index.stories.tsx @@ -12,7 +12,7 @@ import { MockApmPluginStorybook } from '../../../../../../context/apm_plugin/moc import { FETCH_STATUS } from '../../../../../../hooks/use_fetcher'; export default { - title: 'app/ErrorGroupDetails/distribution', + title: 'app/Mobile/ErrorGroupDetails/distribution', component: ErrorDistribution, decorators: [ (Story: ComponentType) => { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.stories.tsx index 2f91b4ef7df1b..ad0b44b41519d 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import { MemoryRouter } from 'react-router-dom'; @@ -39,7 +39,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <MobileCrashGroupList {...args} />; }; Example.args = { @@ -93,7 +93,7 @@ Example.args = { serviceName: 'test service', }; -export const EmptyState: Story<Args> = (args) => { +export const EmptyState: StoryFn<Args> = (args) => { return <MobileCrashGroupList {...args} />; }; EmptyState.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.test.tsx index aab5a3a3af208..f8a3ab275cd71 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/crash_group_list/crash_group_list.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import React from 'react'; import * as stories from './crash_group_list.stories'; import { renderWithTheme } from '../../../../../utils/test_helpers'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.stories.tsx index 84d4d0a76404b..e2be8a98e3c28 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import { MemoryRouter } from 'react-router-dom'; @@ -39,7 +39,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <MobileErrorGroupList {...args} />; }; Example.args = { @@ -93,7 +93,7 @@ Example.args = { serviceName: 'test service', }; -export const EmptyState: Story<Args> = (args) => { +export const EmptyState: StoryFn<Args> = (args) => { return <MobileErrorGroupList {...args} />; }; EmptyState.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.test.tsx index 92cad40623c0b..f82ad31889612 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/mobile/errors_and_crashes_overview/error_group_list/error_group_list.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import React from 'react'; import * as stories from './error_group_list.stories'; import { renderWithTheme } from '../../../../../utils/test_helpers'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_inventory.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_inventory.stories.tsx index 4699602037d44..6e0d24c644892 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_inventory.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_inventory.stories.tsx @@ -6,7 +6,7 @@ */ import type { CoreStart } from '@kbn/core/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { ServiceInventory } from '.'; import { AnomalyDetectionSetupState } from '../../../../common/anomaly_detection/get_anomaly_detection_setup_state'; @@ -59,6 +59,6 @@ const stories: Meta<{}> = { }; export default stories; -export const Example: Story<{}> = () => { +export const Example: StoryFn<{}> = () => { return <ServiceInventory />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.stories.tsx index 4e6999c0da4a4..7544ec5713de9 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.stories.tsx @@ -6,7 +6,7 @@ */ import type { CoreStart } from '@kbn/core/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import { FETCH_STATUS } from '../../../../hooks/use_fetcher'; @@ -49,7 +49,7 @@ const stories: Meta<Args> = { }; export default stories; -export const ServiceListWithItems: Story<Args> = (args) => { +export const ServiceListWithItems: StoryFn<Args> = (args) => { return <ApmServicesTable {...args} />; }; ServiceListWithItems.args = { @@ -62,7 +62,7 @@ ServiceListWithItems.args = { sortFn: (sortItems) => sortItems, }; -export const ServiceListEmptyState: Story<Args> = (args) => { +export const ServiceListEmptyState: StoryFn<Args> = (args) => { return <ApmServicesTable {...args} />; }; ServiceListEmptyState.args = { @@ -75,7 +75,7 @@ ServiceListEmptyState.args = { sortFn: (sortItems) => sortItems, }; -export const WithHealthWarnings: Story<Args> = (args) => { +export const WithHealthWarnings: StoryFn<Args> = (args) => { return <ApmServicesTable {...args} />; }; WithHealthWarnings.args = { @@ -88,7 +88,7 @@ WithHealthWarnings.args = { sortFn: (sortItems) => sortItems, }; -export const ServiceListWithOverflowBucket: Story<Args> = (args) => { +export const ServiceListWithOverflowBucket: StoryFn<Args> = (args) => { return <ApmServicesTable {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.test.tsx index 8dc45afe9bd00..ae6384d0902fa 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_inventory/service_list/service_list.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, screen } from '@testing-library/react'; import React from 'react'; import { getServiceColumns } from './apm_services_table'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx index fb0766c346975..dbea8b9b0bd77 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx @@ -15,7 +15,7 @@ import { EuiSpacer, EuiToolTip, } from '@elastic/eui'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React, { useEffect, useState } from 'react'; import { CodeEditor } from '@kbn/code-editor'; import { Cytoscape } from '../cytoscape'; @@ -56,7 +56,7 @@ const stories: Meta<{}> = { export default stories; -export const GenerateMap: Story<{}> = () => { +export const GenerateMap: StoryFn<{}> = () => { const [size, setSize] = useState<number>(10); const [json, setJson] = useState<string>(''); const [elements, setElements] = useState<any[]>( @@ -114,7 +114,7 @@ export const GenerateMap: Story<{}> = () => { ); }; -export const MapFromJSON: Story<{}> = () => { +export const MapFromJSON: StoryFn<{}> = () => { const [json, setJson] = useState<string>( getSessionJson() || JSON.stringify(exampleResponseTodo, null, 2) ); @@ -195,7 +195,7 @@ export const MapFromJSON: Story<{}> = () => { ); }; -export const TodoApp: Story<{}> = () => { +export const TodoApp: StoryFn<{}> = () => { return ( <div> <Cytoscape elements={exampleResponseTodo.elements} height={window.innerHeight}> @@ -205,7 +205,7 @@ export const TodoApp: Story<{}> = () => { ); }; -export const OpbeansAndBeats: Story<{}> = () => { +export const OpbeansAndBeats: StoryFn<{}> = () => { return ( <div> <Cytoscape elements={exampleResponseOpbeansBeats.elements} height={window.innerHeight}> @@ -215,7 +215,7 @@ export const OpbeansAndBeats: Story<{}> = () => { ); }; -export const HipsterStore: Story<{}> = () => { +export const HipsterStore: StoryFn<{}> = () => { return ( <div> <Cytoscape elements={exampleResponseHipsterStore.elements} height={window.innerHeight}> diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.stories.tsx index f33bea26cd329..ccffe069cce6f 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import cytoscape from 'cytoscape'; import React from 'react'; import { Popover } from '.'; @@ -84,7 +84,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Dependency: Story<Args> = () => { +export const Dependency: StoryFn<Args> = () => { return ( <Popover environment={ENVIRONMENT_ALL.value} @@ -104,7 +104,7 @@ Dependency.args = { }, }; -export const DependencyWithLongTitle: Story<Args> = () => { +export const DependencyWithLongTitle: StoryFn<Args> = () => { return ( <Popover environment={ENVIRONMENT_ALL.value} @@ -125,7 +125,7 @@ DependencyWithLongTitle.args = { }, }; -export const ExternalsList: Story<Args> = () => { +export const ExternalsList: StoryFn<Args> = () => { return ( <Popover environment={ENVIRONMENT_ALL.value} @@ -139,7 +139,7 @@ ExternalsList.args = { nodeData: exampleGroupedConnectionsData, }; -export const Resource: Story<Args> = () => { +export const Resource: StoryFn<Args> = () => { return ( <Popover environment={ENVIRONMENT_ALL.value} @@ -159,7 +159,7 @@ Resource.args = { }, }; -export const Service: Story<Args> = () => { +export const Service: StoryFn<Args> = () => { return ( <Popover environment={ENVIRONMENT_ALL.value} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.test.tsx index 1e8f1f7b5d0ee..bba725b6ffbc1 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_map/popover/popover.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { screen, waitFor } from '@testing-library/react'; import React from 'react'; import * as stories from './popover.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.stories.tsx index c65aedc957c4a..94af78a4d6cd8 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { EntityDataStreamType } from '@kbn/observability-shared-plugin/common'; import { ServiceOverview } from '.'; @@ -58,6 +58,6 @@ const stories: Meta<{}> = { }; export default stories; -export const Example: Story<{}> = () => { +export const Example: StoryFn<{}> = () => { return <ServiceOverview />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.test.tsx index a4eb99db8bfa1..ac1a25beb98a1 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_overview/service_overview.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { screen } from '@testing-library/react'; import React from 'react'; import * as stories from './service_overview.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/index.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/index.stories.tsx index e9b95ac914589..d2b72f0aacf0f 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/index.stories.tsx @@ -5,8 +5,8 @@ * 2.0. */ -import { storiesOf } from '@storybook/react'; import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; import type { CoreStart } from '@kbn/core/public'; import type { AgentConfiguration } from '../../../../../../common/agent_configuration/configuration_types'; import { FETCH_STATUS } from '../../../../../hooks/use_fetcher'; @@ -15,47 +15,55 @@ import { AgentConfigurationCreateEdit } from '.'; import type { ApmPluginContextValue } from '../../../../../context/apm_plugin/apm_plugin_context'; import { ApmPluginContext } from '../../../../../context/apm_plugin/apm_plugin_context'; -storiesOf('app/settings/AgentConfigurations/agent_configuration_create_edit', module) - .addDecorator((storyFn) => { - const coreMock = {} as unknown as CoreStart; +const coreMock = {} as unknown as CoreStart; - // mock - createCallApmApi(coreMock); +// mock +createCallApmApi(coreMock); - const contextMock = { - core: { - notifications: { - toasts: { addWarning: () => {}, addDanger: () => {} }, - }, - }, - }; +const contextMock = { + core: { + notifications: { + toasts: { addWarning: () => {}, addDanger: () => {} }, + }, + }, +}; - return ( +const meta: Meta<typeof AgentConfigurationCreateEdit> = { + title: 'app/settings/AgentConfigurations/agent_configuration_create_edit', + component: AgentConfigurationCreateEdit, + decorators: [ + (Story) => ( <ApmPluginContext.Provider value={contextMock as unknown as ApmPluginContextValue}> - {storyFn()} + <Story /> </ApmPluginContext.Provider> - ); - }) - .add( - 'with config', - () => { - return ( - <AgentConfigurationCreateEdit - pageStep="choose-settings-step" - existingConfigResult={{ - status: FETCH_STATUS.SUCCESS, - data: { - service: { name: 'opbeans-node', environment: 'production' }, - settings: {}, - } as AgentConfiguration, - }} - /> - ); - }, - { - info: { - propTablesExclude: [AgentConfigurationCreateEdit, ApmPluginContext.Provider], - source: false, + ), + ], + parameters: { + docs: { + source: { + type: 'code', }, - } - ); + }, + controls: { + exclude: ['AgentConfigurationCreateEdit', 'ApmPluginContext.Provider'], + }, + }, +}; + +export default meta; + +type Story = StoryObj<typeof AgentConfigurationCreateEdit>; + +export const WithConfig: Story = { + name: 'with config', + args: { + pageStep: 'choose-settings-step', + existingConfigResult: { + status: FETCH_STATUS.SUCCESS, + data: { + service: { name: 'opbeans-node', environment: 'production' }, + settings: {}, + } as AgentConfiguration, + }, + }, +}; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/agent_keys_table.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/agent_keys_table.stories.tsx index 91b24c8f9919f..a9f786e94b473 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/agent_keys_table.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/agent_keys_table.stories.tsx @@ -4,7 +4,7 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import type { CoreStart } from '@kbn/core/public'; @@ -74,7 +74,7 @@ const stories: Meta<Args> = { }; export default stories; -export const ExampleData: Story<Args> = (args) => { +export const ExampleData: StoryFn<Args> = (args) => { return <AgentKeysTable {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.stories.tsx index 39469d5be2932..5328110899e56 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.stories.tsx @@ -4,7 +4,7 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentProps } from 'react'; import React from 'react'; import { CreateAgentKeyFlyout } from './create_agent_key'; @@ -18,7 +18,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <CreateAgentKeyFlyout {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.stories.tsx index c4da68f592faf..1b4d344eb5a0a 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.stories.tsx @@ -4,7 +4,7 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { ApiKeysNotEnabled } from './api_keys_not_enabled'; @@ -14,6 +14,6 @@ const stories = { }; export default stories; -export const Example: Story = () => { +export const Example: StoryFn = () => { return <ApiKeysNotEnabled />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/permission_denied.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/permission_denied.stories.tsx index 910234fce6999..0a22a7d4ba759 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/permission_denied.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/agent_keys/prompts/permission_denied.stories.tsx @@ -4,7 +4,7 @@ * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { PermissionDenied } from './permission_denied'; @@ -14,6 +14,6 @@ const stories = { }; export default stories; -export const Example: Story = (args) => { +export const Example: StoryFn = (args) => { return <PermissionDenied {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx index 29307a0d32e58..90a3d010a2baa 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, getNodeText, getByTestId, act, waitFor } from '@testing-library/react'; import React from 'react'; import * as stories from './link_preview.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/confirm_switch_modal.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/confirm_switch_modal.stories.tsx index 89b9c4d1dc312..c926a56a9f125 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/confirm_switch_modal.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/confirm_switch_modal.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentType } from 'react'; import React from 'react'; import { MockApmPluginStorybook } from '../../../../context/apm_plugin/mock_apm_plugin_storybook'; @@ -29,7 +29,7 @@ interface ModalArgs { unsupportedConfigs: Array<{ key: string; value: string }>; } -export const Modal: Story<ModalArgs> = ({ unsupportedConfigs }) => { +export const Modal: StoryFn<ModalArgs> = ({ unsupportedConfigs }) => { return ( <ConfirmSwitchModal onCancel={() => {}} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/schema.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/schema.stories.tsx index 7e03448513bcd..dd47b32520e9a 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/schema.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/settings/schema/schema.stories.tsx @@ -6,7 +6,7 @@ */ import type { CoreStart } from '@kbn/core/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { ComponentType } from 'react'; import React from 'react'; import { Schema } from '.'; @@ -119,6 +119,6 @@ export default { ], }; -export const Example: Story = () => { +export const Example: StoryFn = () => { return <Schema />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_flyout.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_flyout.stories.tsx index a14b3c91301b5..babe7da302b8b 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_flyout.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_flyout.stories.tsx @@ -6,7 +6,7 @@ */ import { apm, dedot } from '@kbn/apm-synthtrace-client'; import { ProcessorEvent } from '@kbn/observability-plugin/common'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentProps, ComponentType } from 'react'; import React from 'react'; import { SpanFlyout } from '.'; @@ -86,7 +86,7 @@ export default { ], }; -export const TransactionSpan: Story<Args> = () => { +export const TransactionSpan: StoryFn<Args> = () => { return ( <SpanFlyout spanId={data.spanEvent['span.id']!} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/transaction_flyout.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/transaction_flyout.stories.tsx index dad508d3afa78..a2104499314e2 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/transaction_flyout.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/transaction_flyout.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ import { apm, dedot } from '@kbn/apm-synthtrace-client'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentProps, ComponentType } from 'react'; import React from 'react'; import { TransactionFlyout } from '.'; @@ -76,7 +76,7 @@ export default { ], }; -export const Example: Story<Args> = () => { +export const Example: StoryFn<Args> = () => { return ( <TransactionFlyout onClose={() => {}} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.stories.tsx index 5cb44ea3eaf42..cdd899759c54f 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.stories.tsx @@ -7,7 +7,7 @@ import { EuiFilePicker, EuiForm } from '@elastic/eui'; import { apm, dedot } from '@kbn/apm-synthtrace-client'; import { ProcessorEvent } from '@kbn/observability-plugin/common'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { noop } from 'lodash'; import type { ComponentProps } from 'react'; import React, { useState } from 'react'; @@ -37,7 +37,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<any> = () => { +export const Example: StoryFn<any> = () => { const serviceName = 'synth-apple'; const instanceJava = apm .service({ @@ -100,7 +100,7 @@ export const Example: Story<any> = () => { }; type TraceAPIResponse = APIReturnType<'GET /internal/apm/traces/{traceId}'>; -export const WaterfallFromJSON: Story<{}> = () => { +export const WaterfallFromJSON: StoryFn<{}> = () => { const [json, setJson] = useState<string | undefined>(); function renderWaterfall() { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.test.tsx index e14f185e2f6f9..ea2fd47163f6c 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { waitFor } from '@testing-library/react'; import React from 'react'; import { disableConsoleWarning, renderWithTheme } from '../../../../../utils/test_helpers'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.stories.tsx index 6c3a8663af3f4..8394acbbee0c1 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React, { useState } from 'react'; import type { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; @@ -52,7 +52,7 @@ const excludeOptions = [ ]; const includeOptions = [{ value: 'all', label: 'All' }, ...excludeOptions]; -export const RuntimeAttachmentExample: Story = () => { +export const RuntimeAttachmentExample: StoryFn = () => { const [runtimeAttachmentSettings, setRuntimeAttachmentSettings] = useState({}); const [isEnabled, setIsEnabled] = useState(true); return ( @@ -98,7 +98,7 @@ export const RuntimeAttachmentExample: Story = () => { ); }; -export const JavaRuntimeAttachmentExample: Story = () => { +export const JavaRuntimeAttachmentExample: StoryFn = () => { return <JavaRuntimeAttachment policy={policy} newPolicy={newPolicy} onChange={() => {}} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_policy_form/edit_apm_policy_form.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_policy_form/edit_apm_policy_form.stories.tsx index 31f2552328a03..4a422bf49b87b 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_policy_form/edit_apm_policy_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/fleet_integration/apm_policy_form/edit_apm_policy_form.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ import React, { useState } from 'react'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import type { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; import { EditAPMPolicyForm } from './edit_apm_policy_form'; @@ -36,7 +36,7 @@ const stories: Meta<{}> = { }; export default stories; -export const EditAPMPolicy: Story = () => { +export const EditAPMPolicy: StoryFn = () => { const [newPolicy, setNewPolicy] = useState<NewPackagePolicy>(policy); const [isPolicyValid, setIsPolicyValid] = useState(true); diff --git a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.stories.tsx index d0109290e3e20..1b19a66e20a52 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story, DecoratorFn } from '@storybook/react'; +import type { StoryFn, Decorator } from '@storybook/react'; import React from 'react'; import { MemoryRouter } from 'react-router-dom'; import { ENVIRONMENT_ALL } from '../../../../../common/environment_filter_values'; @@ -66,10 +66,10 @@ export default { </MemoryRouter> ); }, - ] as DecoratorFn[], + ] as Decorator[], }; -export const Example: Story<Args> = () => { +export const Example: StoryFn<Args> = () => { return <AnalyzeDataButton />; }; Example.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.test.tsx index 4f0a02e1705af..877114b626185 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, screen } from '@testing-library/react'; import React from 'react'; import { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.stories.tsx index 5a3ccd5f85ac4..df21514e3abe3 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.stories.tsx @@ -6,7 +6,7 @@ */ import type { CoreStart } from '@kbn/core/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { noop } from 'lodash'; import type { ComponentProps } from 'react'; import React from 'react'; @@ -63,7 +63,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <SettingsTemplate {...args} />; }; Example.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.test.tsx index 90dbbdf2bc546..197f108b23002 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/routing/templates/settings_template.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, screen } from '@testing-library/react'; import React from 'react'; import * as stories from './settings_template.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.stories.tsx index 9a5e74e1f8fbd..4c55b3c2fc043 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.stories.tsx @@ -6,7 +6,7 @@ */ import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { MemoryRouter } from 'react-router-dom'; import { LatencyChart } from '.'; @@ -107,7 +107,7 @@ const stories: Meta<Args> = { export default stories; -export const Example: Story<Args> = () => { +export const Example: StoryFn<Args> = () => { return <LatencyChart height={300} kuery="" />; }; Example.args = { @@ -709,7 +709,7 @@ Example.args = { }, }; -export const NoData: Story<Args> = () => { +export const NoData: StoryFn<Args> = () => { return <LatencyChart height={300} kuery="" />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.test.tsx index f5f7c87ed22de..0569414cf5e26 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/charts/latency_chart/latency_chart.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, waitFor } from '@testing-library/react'; import React from 'react'; import * as stories from './latency_chart.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.stories.tsx index ea313171a5626..791ffddf2d502 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentProps, ComponentType } from 'react'; import React from 'react'; import { ServiceLink } from '.'; @@ -27,7 +27,7 @@ export default { ], }; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <ServiceLink {...args} />; }; Example.args = { @@ -43,7 +43,7 @@ Example.args = { serviceName: 'opbeans-java', }; -export const AndroidAgent: Story<Args> = (args) => { +export const AndroidAgent: StoryFn<Args> = (args) => { return <ServiceLink {...args} />; }; AndroidAgent.args = { @@ -59,7 +59,7 @@ AndroidAgent.args = { serviceName: 'opbeans-android', }; -export const IOSAgent: Story<Args> = (args) => { +export const IOSAgent: StoryFn<Args> = (args) => { return <ServiceLink {...args} />; }; IOSAgent.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.test.tsx index 5668173446b71..93018149909ec 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/apm/service_link/service_link.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, screen } from '@testing-library/react'; import React from 'react'; import * as stories from './service_link.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.stories.tsx index 0a9798556ff22..c80167e298859 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { ComponentProps, ComponentType } from 'react'; import React from 'react'; import { MockApmPluginStorybook } from '../../../context/apm_plugin/mock_apm_plugin_storybook'; @@ -27,7 +27,7 @@ export default { ], }; -export const Example: Story<Args> = (args) => { +export const Example: StoryFn<Args> = (args) => { return <DependencyLink {...args} />; }; Example.args = { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.test.tsx index 910aa617033b0..a3552e7d510cc 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/links/dependency_link.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render } from '@testing-library/react'; import React from 'react'; import * as stories from './dependency_link.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/service_icons/service_icons.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/service_icons/service_icons.stories.tsx index a3a1f47425788..15aea1ff616c3 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/service_icons/service_icons.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/service_icons/service_icons.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ import { EuiFlexGroup, EuiFlexItem, EuiTitle } from '@elastic/eui'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import type { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; @@ -63,7 +63,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = ({ serviceName, environment, start, end }) => { +export const Example: StoryFn<Args> = ({ serviceName, environment, start, end }) => { return ( <EuiFlexGroup> <EuiFlexItem> diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/span_icon/span_icon.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/span_icon/span_icon.stories.tsx index 85cf3122e98fa..7b183035160cd 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/span_icon/span_icon.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/span_icon/span_icon.stories.tsx @@ -6,7 +6,7 @@ */ import { EuiCard, EuiFlexGroup, EuiFlexItem, EuiImage, EuiToolTip } from '@elastic/eui'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { getSpanIcon, spanTypeIcons } from './get_span_icon'; import { SpanIcon } from '.'; @@ -18,7 +18,7 @@ export default { component: SpanIcon, }; -export const List: Story = () => { +export const List: StoryFn = () => { return ( <EuiFlexGroup gutterSize="l" wrap={true}> {spanTypes.map((type) => { diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.stories.tsx index d67e4579547e8..1bbd244f8ebff 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.stories.tsx @@ -6,7 +6,7 @@ */ import type { EuiComboBoxOptionOption } from '@elastic/eui'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import type { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; @@ -52,7 +52,7 @@ const stories: Meta<Args> = { }; export default stories; -export const Example: Story<Args> = ({ allOption, customOptionText, field, placeholder }) => { +export const Example: StoryFn<Args> = ({ allOption, customOptionText, field, placeholder }) => { return ( <SuggestionsSelect customOptions={[allOption]} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.test.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.test.tsx index 629a3f3df47f7..cfccb8bf63012 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/suggestions_select/suggestions_select.test.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render, screen } from '@testing-library/react'; import React from 'react'; import * as stories from './suggestions_select.stories'; diff --git a/x-pack/solutions/observability/plugins/apm/public/tutorial/config_agent/config_agent.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/tutorial/config_agent/config_agent.stories.tsx index 0abcb47787c8a..f32d35d658a9c 100644 --- a/x-pack/solutions/observability/plugins/apm/public/tutorial/config_agent/config_agent.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/tutorial/config_agent/config_agent.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { HttpStart } from '@kbn/core/public'; import React from 'react'; import { POLICY_ELASTIC_AGENT_ON_CLOUD } from '../../../common/fleet'; @@ -74,7 +74,7 @@ function Wrapper({ /> ); } -export const Integration: Story<Args> = (args) => { +export const Integration: StoryFn<Args> = (args) => { return <Wrapper {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/public/tutorial/tutorial_fleet_instructions/tutorial_fleet_instructions.stories.tsx b/x-pack/solutions/observability/plugins/apm/public/tutorial/tutorial_fleet_instructions/tutorial_fleet_instructions.stories.tsx index f17ec387c0e9b..639abbed3acac 100644 --- a/x-pack/solutions/observability/plugins/apm/public/tutorial/tutorial_fleet_instructions/tutorial_fleet_instructions.stories.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/tutorial/tutorial_fleet_instructions/tutorial_fleet_instructions.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import type { HttpStart } from '@kbn/core/public'; import TutorialFleetInstructions from '.'; @@ -38,7 +38,7 @@ export default { }, }; -export const Instructions: Story<Args> = (args) => { +export const Instructions: StoryFn<Args> = (args) => { return <Wrapper {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/apm/tsconfig.json b/x-pack/solutions/observability/plugins/apm/tsconfig.json index bfc1fdbdb6218..e1aba941a25d1 100644 --- a/x-pack/solutions/observability/plugins/apm/tsconfig.json +++ b/x-pack/solutions/observability/plugins/apm/tsconfig.json @@ -5,6 +5,7 @@ }, "include": [ "../../../../../typings/**/*", + ".storybook/**/*", "common/**/*", "public/**/*", "scripts/**/*", @@ -134,7 +135,8 @@ "@kbn/entityManager-plugin", "@kbn/core-http-server-utils", "@kbn/key-value-metadata-table", - "@kbn/event-stacktrace" + "@kbn/event-stacktrace", + "@kbn/storybook" ], "exclude": ["target/**/*"] } diff --git a/x-pack/solutions/observability/plugins/exploratory_view/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/exploratory_view/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/exploratory_view/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/exploratory_view/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/infra/public/alerting/common/components/threshold.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/alerting/common/components/threshold.stories.tsx index 4928916bf875d..283eaee216b05 100644 --- a/x-pack/solutions/observability/plugins/infra/public/alerting/common/components/threshold.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/alerting/common/components/threshold.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { LIGHT_THEME } from '@elastic/charts'; import { COMPARATORS } from '@kbn/alerting-comparators'; import type { Props } from './threshold'; @@ -27,7 +27,7 @@ export default { </div> ), ], -} as ComponentMeta<typeof Component>; +} as Meta<typeof Component>; const defaultProps: Props = { chartProps: { baseTheme: LIGHT_THEME }, diff --git a/x-pack/solutions/observability/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.stories.tsx index 07318fa53a3af..2879000edc3d6 100644 --- a/x-pack/solutions/observability/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React, { useCallback, useEffect, useState } from 'react'; import type { TimeUnitChar } from '@kbn/observability-plugin/common'; import type { IErrorObject } from '@kbn/triggers-actions-ui-plugin/public'; @@ -33,7 +33,7 @@ export default { }, } as Meta; -const CustomEquationEditorTemplate: Story<CustomEquationEditorProps> = (args) => { +const CustomEquationEditorTemplate: StoryFn<CustomEquationEditorProps> = (args) => { const [expression, setExpression] = useState<MetricExpression>(args.expression); const [errors, setErrors] = useState<IErrorObject>(args.errors); diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx index c6348fab2a1eb..4fa45398f38b3 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx @@ -14,8 +14,8 @@ import { import type { Observable } from 'rxjs'; import { of } from 'rxjs'; import { action } from '@storybook/addon-actions'; -import type { DecoratorFn } from '@storybook/react'; -import { useParameter } from '@storybook/addons'; +import type { Decorator } from '@storybook/react'; +import { useParameter } from '@storybook/preview-api'; import type { DeepPartial } from 'utility-types'; import type { LocatorPublic } from '@kbn/share-plugin/public'; import type { IKibanaSearchRequest, ISearchOptions } from '@kbn/search-types'; @@ -45,7 +45,7 @@ const mockDataView = { getFieldByName: () => 'hostname' as unknown as DataViewField, } as unknown as DataView; -export const DecorateWithKibanaContext: DecoratorFn = (story) => { +export const DecorateWithKibanaContext: Decorator = (story) => { const initialProcesses = useParameter<{ mock: string }>('apiResponse', { mock: 'default', })!; @@ -216,7 +216,7 @@ export const DecorateWithKibanaContext: DecoratorFn = (story) => { ); }; -export const DecorateWithAssetDetailsStateContext: DecoratorFn = (story) => { +export const DecorateWithAssetDetailsStateContext: Decorator = (story) => { return ( <ContextProviders {...assetDetailsProps} diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx index 1d4c41e5069f5..5ab3f609423ce 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx @@ -7,9 +7,9 @@ import React, { useState } from 'react'; import { EuiButton, EuiCallOut, EuiSelect, EuiSpacer } from '@elastic/eui'; -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import { MemoryRouter } from 'react-router-dom'; -import { useArgs } from '@storybook/addons'; +import { useArgs } from '@storybook/preview-api'; import { AssetDetails } from './asset_details'; import { decorateWithGlobalStorybookThemeProviders } from '../../test_utils/use_global_storybook_theme'; import { type TabIds, type AssetDetailsProps } from './types'; @@ -42,7 +42,7 @@ const stories: Meta<AssetDetailsStoryArgs> = { args: { ...assetDetailsProps }, }; -const PageTabTemplate: Story<AssetDetailsStoryArgs> = (args) => { +const PageTabTemplate: StoryFn<AssetDetailsStoryArgs> = (args) => { return ( <MemoryRouter initialEntries={[`/infra/metrics/hosts?assetDetails=(tabId:${args.tabId})`]}> <AssetDetails {...args} /> @@ -50,7 +50,7 @@ const PageTabTemplate: Story<AssetDetailsStoryArgs> = (args) => { ); }; -const FlyoutTemplate: Story<AssetDetailsStoryArgs> = (args) => { +const FlyoutTemplate: StoryFn<AssetDetailsStoryArgs> = (args) => { const [isOpen, setIsOpen] = useState(false); const closeFlyout = () => setIsOpen(false); const options = assetDetailsProps.tabs.map(({ id }) => id); diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx index 323d3302589d9..85099785fe385 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../../../test_utils/use_global_storybook_theme'; import { Metadata } from './metadata'; @@ -24,7 +24,7 @@ const stories: Meta = { component: Metadata, }; -const Template: Story = () => { +const Template: StoryFn = () => { return <Metadata />; }; diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx index 94e153d1f0589..9a9bc5e971572 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import { DecorateWithKibanaContext, DecorateWithAssetDetailsStateContext, @@ -24,7 +24,7 @@ const stories: Meta = { component: Processes, }; -const Template: Story = () => { +const Template: StoryFn = () => { return <Processes />; }; diff --git a/x-pack/solutions/observability/plugins/infra/public/components/loading/__examples__/index.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/loading/__examples__/index.stories.tsx index 1810698a09bff..fc853bfa485c8 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/loading/__examples__/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/loading/__examples__/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { InfraLoadingPanel } from '..'; import { decorateWithGlobalStorybookThemeProviders } from '../../../test_utils/use_global_storybook_theme'; @@ -18,4 +18,6 @@ export default { ], } as Meta; -export const LoadingPanel: Story = () => <InfraLoadingPanel text="test" width={200} height={200} />; +export const LoadingPanel: StoryFn = () => ( + <InfraLoadingPanel text="test" width={200} height={200} /> +); diff --git a/x-pack/solutions/observability/plugins/infra/public/test_utils/use_global_storybook_theme.tsx b/x-pack/solutions/observability/plugins/infra/public/test_utils/use_global_storybook_theme.tsx index 32d7b9df51223..119da3941c3d6 100644 --- a/x-pack/solutions/observability/plugins/infra/public/test_utils/use_global_storybook_theme.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/test_utils/use_global_storybook_theme.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import type { FC, PropsWithChildren } from 'react'; import React, { useEffect, useMemo, useState } from 'react'; import { BehaviorSubject } from 'rxjs'; @@ -13,7 +13,7 @@ import type { CoreTheme } from '@kbn/core/public'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme'; -type StoryContext = Parameters<DecoratorFn>[1]; +type StoryContext = Parameters<Decorator>[1]; export const useGlobalStorybookTheme = ({ globals: { euiTheme } }: StoryContext) => { const theme = useMemo(() => euiThemeFromId(euiTheme), [euiTheme]); @@ -42,7 +42,7 @@ export const GlobalStorybookThemeProviders: FC< ); }; -export const decorateWithGlobalStorybookThemeProviders: DecoratorFn = ( +export const decorateWithGlobalStorybookThemeProviders: Decorator = ( wrappedStory, storyContext ) => ( diff --git a/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.mdx b/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.mdx similarity index 79% rename from x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.mdx rename to x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.mdx index a8854692caa36..2081a63640084 100644 --- a/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.mdx +++ b/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.mdx @@ -1,21 +1,22 @@ -import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks'; +import { Canvas, Meta, Story } from '@storybook/blocks'; +import * as DataSearchStories from './data_search.stories'; -<Meta title="infra/dataSearch/Overview" /> +<Meta of={DataSearchStories} /> # The `data` plugin and `SearchStrategies` The search functionality abstraction provided by the `search` service of the `data` plugin is pretty powerful: -- The execution of the request is delegated to a search strategy, which is - executed on the Kibana server side. -- Any plugin can register custom search strategies with custom parameters and - response shapes. -- Search requests can be cancelled via an `AbortSignal`. -- Search requests are decoupled from the transport layer. The service will poll - for new results transparently. -- Partial responses can be returned as they become available if the search - takes longer. +* The execution of the request is delegated to a search strategy, which is + executed on the Kibana server side. +* Any plugin can register custom search strategies with custom parameters and + response shapes. +* Search requests can be cancelled via an `AbortSignal`. +* Search requests are decoupled from the transport layer. The service will poll + for new results transparently. +* Partial responses can be returned as they become available if the search + takes longer. # Working with `data.search.search()` in the Browser @@ -49,9 +50,9 @@ an appropriate way. Because most response projections follow a similar pattern there's a helper `normalizeDataSearchResponses(initialResponse, parseRawResponse)`, which generates an RxJS operator, that... -- emits an initial response containing the given `initialResponse` value -- applies `parseRawResponse` to the `rawResponse` property of each emitted response -- transforms transport layer errors as well as parsing errors into +* emits an initial response containing the given `initialResponse` value +* applies `parseRawResponse` to the `rawResponse` property of each emitted response +* transforms transport layer errors as well as parsing errors into `SearchStrategyError`s ```typescript @@ -126,6 +127,8 @@ If `total` and `loaded` are not (yet) known, we can show an undetermined progress bar. <Canvas> + {/* <Story id="infra-datasearch-datasearchprogress--undetermined-progress" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearchprogress--undetermined-progress" /> </Canvas> @@ -136,6 +139,8 @@ to show a progress bar with the option to cancel the request if it takes too long. <Canvas> + {/* <Story id="infra-datasearch-datasearchprogress--cancelable-determined-progress" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearchprogress--cancelable-determined-progress" /> </Canvas> @@ -147,6 +152,7 @@ for the respective part of the UI. For many cases a `EuiCallout` is suitable, so the `DataSearchErrorCallout` can serve as a starting point: <Canvas> + {/* <Story id="infra-datasearch-datasearcherrorcallout--error-callout-with-retry" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */} + <Story id="infra-datasearch-datasearcherrorcallout--error-callout-with-retry" /> </Canvas> - diff --git a/x-pack/solutions/observability/plugins/observability_shared/.storybook/main.js b/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.js similarity index 81% rename from x-pack/solutions/observability/plugins/observability_shared/.storybook/main.js rename to x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.js index 86b48c32f103e..e5fc6a4d79bb6 100644 --- a/x-pack/solutions/observability/plugins/observability_shared/.storybook/main.js +++ b/x-pack/solutions/observability/plugins/infra/public/utils/data_search/data_search.stories.js @@ -5,4 +5,6 @@ * 2.0. */ -module.exports = require('@kbn/storybook').defaultConfig; +export default { + title: 'infra/dataSearch/Overview', +}; diff --git a/x-pack/solutions/observability/plugins/inventory/.storybook/preview.tsx b/x-pack/solutions/observability/plugins/inventory/.storybook/preview.tsx index 9bcd37d60628a..2587b1efcb9df 100644 --- a/x-pack/solutions/observability/plugins/inventory/.storybook/preview.tsx +++ b/x-pack/solutions/observability/plugins/inventory/.storybook/preview.tsx @@ -5,11 +5,16 @@ * 2.0. */ -import { addDecorator } from '@storybook/react'; +import type { Preview } from '@storybook/react'; import * as jest from 'jest-mock'; import { KibanaReactStorybookDecorator } from './storybook_decorator'; // @ts-ignore window.jest = jest; -addDecorator(KibanaReactStorybookDecorator); +const preview: Preview = { + decorators: [KibanaReactStorybookDecorator], +}; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/x-pack/solutions/observability/plugins/inventory/.storybook/storybook_decorator.tsx b/x-pack/solutions/observability/plugins/inventory/.storybook/storybook_decorator.tsx index 41ffc85e05c1b..e03795e6aa83a 100644 --- a/x-pack/solutions/observability/plugins/inventory/.storybook/storybook_decorator.tsx +++ b/x-pack/solutions/observability/plugins/inventory/.storybook/storybook_decorator.tsx @@ -5,11 +5,11 @@ * 2.0. */ import React, { useMemo } from 'react'; -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import { InventoryContextProvider } from '../public/context/inventory_context_provider'; import { getMockInventoryContext } from './get_mock_inventory_context'; -export const KibanaReactStorybookDecorator: DecoratorFn = (story) => { +export const KibanaReactStorybookDecorator: Decorator = (story) => { const context = useMemo(() => getMockInventoryContext(), []); return <InventoryContextProvider context={context}>{story()}</InventoryContextProvider>; }; diff --git a/x-pack/solutions/observability/plugins/inventory/public/components/entities_grid/entities_grid.stories.tsx b/x-pack/solutions/observability/plugins/inventory/public/components/entities_grid/entities_grid.stories.tsx index a20d6e93027fc..4afbf0630a43f 100644 --- a/x-pack/solutions/observability/plugins/inventory/public/components/entities_grid/entities_grid.stories.tsx +++ b/x-pack/solutions/observability/plugins/inventory/public/components/entities_grid/entities_grid.stories.tsx @@ -7,11 +7,11 @@ import type { EuiDataGridSorting } from '@elastic/eui'; import { EuiButton, EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { orderBy } from 'lodash'; import React, { useMemo, useState } from 'react'; import { ENTITY_LAST_SEEN } from '@kbn/observability-shared-plugin/common'; -import { useArgs } from '@storybook/addons'; +import { useArgs } from '@storybook/preview-api'; import { EntitiesGrid } from '.'; import { entitiesMock } from './mock/entities_mock'; @@ -36,7 +36,7 @@ const stories: Meta<EntityGridStoriesArgs> = { args: { entityType: undefined }, }; -export const Grid: Story<EntityGridStoriesArgs> = (args) => { +export const Grid: StoryFn<EntityGridStoriesArgs> = (args) => { const [pageIndex, setPageIndex] = useState(0); const [{ entityType }, updateArgs] = useArgs(); const [sort, setSort] = useState<EuiDataGridSorting['columns'][0]>({ @@ -85,7 +85,7 @@ export const Grid: Story<EntityGridStoriesArgs> = (args) => { ); }; -export const EmptyGrid: Story<EntityGridStoriesArgs> = (args) => { +export const EmptyGrid: StoryFn<EntityGridStoriesArgs> = (args) => { const [pageIndex, setPageIndex] = useState(0); const [sort, setSort] = useState<EuiDataGridSorting['columns'][0]>({ id: ENTITY_LAST_SEEN, diff --git a/x-pack/solutions/observability/plugins/investigate_app/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/investigate_app/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/investigate_app/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/investigate_app/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/investigate_app/public/components/preview_lens_suggestion/index.stories.tsx b/x-pack/solutions/observability/plugins/investigate_app/public/components/preview_lens_suggestion/index.stories.tsx index 7e506082bbbe6..853b4512726a4 100644 --- a/x-pack/solutions/observability/plugins/investigate_app/public/components/preview_lens_suggestion/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/investigate_app/public/components/preview_lens_suggestion/index.stories.tsx @@ -5,12 +5,12 @@ * 2.0. */ -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { PreviewLensSuggestion as Component } from '.'; import { KibanaReactStorybookDecorator } from '../../../.storybook/storybook_decorator'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Molecules/PreviewLensSuggestion', decorators: [KibanaReactStorybookDecorator], @@ -18,12 +18,12 @@ const meta: ComponentMeta<typeof Component> = { export default meta; -const defaultProps: ComponentStoryObj<typeof Component> = { +const defaultProps: StoryObj<typeof Component> = { args: {}, render: (props) => <Component {...props} />, }; -export const PreviewLensSuggestionStory: ComponentStoryObj<typeof Component> = { +export const PreviewLensSuggestionStory: StoryObj<typeof Component> = { ...defaultProps, args: {}, name: 'default', diff --git a/x-pack/solutions/observability/plugins/investigate_app/public/components/suggest_visualization_list/index.stories.tsx b/x-pack/solutions/observability/plugins/investigate_app/public/components/suggest_visualization_list/index.stories.tsx index 445548dfc46c5..8e701a8c00ef8 100644 --- a/x-pack/solutions/observability/plugins/investigate_app/public/components/suggest_visualization_list/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/investigate_app/public/components/suggest_visualization_list/index.stories.tsx @@ -6,7 +6,7 @@ */ import type { Suggestion } from '@kbn/lens-plugin/public'; -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { v4 } from 'uuid'; import { SuggestVisualizationList as Component } from '.'; @@ -14,7 +14,7 @@ import '../../../.storybook/mock_kibana_services'; import { KibanaReactStorybookDecorator } from '../../../.storybook/storybook_decorator'; import { metricSuggestion, tableSuggestion, treemapSuggestion } from './suggestions.mock'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Molecules/SuggestVisualizationList', decorators: [KibanaReactStorybookDecorator], @@ -26,13 +26,13 @@ function mapWithIds(suggestions: Suggestion[]) { return suggestions.map((suggestion) => ({ id: v4(), ...suggestion })); } -const defaultProps: ComponentStoryObj<typeof Component> = { +const defaultProps: StoryObj<typeof Component> = { render: (props) => { return <Component {...props} />; }, }; -export const WithSuggestions: ComponentStoryObj<typeof Component> = { +export const WithSuggestions: StoryObj<typeof Component> = { ...defaultProps, args: { loading: false, @@ -41,7 +41,7 @@ export const WithSuggestions: ComponentStoryObj<typeof Component> = { name: 'With suggestions', }; -export const WithoutSuggestions: ComponentStoryObj<typeof Component> = { +export const WithoutSuggestions: StoryObj<typeof Component> = { ...defaultProps, args: { loading: false, @@ -50,7 +50,7 @@ export const WithoutSuggestions: ComponentStoryObj<typeof Component> = { name: 'Without suggestions', }; -export const LoadingStory: ComponentStoryObj<typeof Component> = { +export const LoadingStory: StoryObj<typeof Component> = { ...defaultProps, args: { loading: true, @@ -59,7 +59,7 @@ export const LoadingStory: ComponentStoryObj<typeof Component> = { name: 'Loading without suggestions', }; -export const LoadingWithSuggestionsStory: ComponentStoryObj<typeof Component> = { +export const LoadingWithSuggestionsStory: StoryObj<typeof Component> = { ...defaultProps, args: { loading: true, @@ -68,7 +68,7 @@ export const LoadingWithSuggestionsStory: ComponentStoryObj<typeof Component> = name: 'Loading with suggestions', }; -export const ErrorStory: ComponentStoryObj<typeof Component> = { +export const ErrorStory: StoryObj<typeof Component> = { ...defaultProps, args: { error: new Error('Network error'), diff --git a/x-pack/solutions/observability/plugins/investigate_app/public/pages/details/components/investigation_details/index.stories.tsx b/x-pack/solutions/observability/plugins/investigate_app/public/pages/details/components/investigation_details/index.stories.tsx index e5710d714e620..e0eb13ebcfa5e 100644 --- a/x-pack/solutions/observability/plugins/investigate_app/public/pages/details/components/investigation_details/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/investigate_app/public/pages/details/components/investigation_details/index.stories.tsx @@ -6,12 +6,12 @@ */ import { mockAuthenticatedUser } from '@kbn/core-security-common/mocks'; -import { ComponentMeta, ComponentStoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { KibanaReactStorybookDecorator } from '../../../../../.storybook/storybook_decorator'; import { InvestigationDetails as Component } from './investigation_details'; -const meta: ComponentMeta<typeof Component> = { +const meta: Meta<typeof Component> = { component: Component, title: 'app/Organisms/InvestigatationDetails', decorators: [KibanaReactStorybookDecorator], @@ -19,12 +19,12 @@ const meta: ComponentMeta<typeof Component> = { export default meta; -const defaultProps: ComponentStoryObj<typeof Component> = { +const defaultProps: StoryObj<typeof Component> = { args: {}, render: (props) => <Component user={mockAuthenticatedUser()} />, }; -export const InvestigateViewStory: ComponentStoryObj<typeof Component> = { +export const InvestigateViewStory: StoryObj<typeof Component> = { ...defaultProps, name: 'default', }; diff --git a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/container/container_metrics_table.stories.tsx b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/container/container_metrics_table.stories.tsx index cd83f9ccdd215..c8d00a518a3b0 100644 --- a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/container/container_metrics_table.stories.tsx +++ b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/container/container_metrics_table.stories.tsx @@ -8,7 +8,7 @@ import { EuiCard } from '@elastic/eui'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../../test_utils/use_global_storybook_theme'; import type { ContainerMetricsTableProps } from './container_metrics_table'; @@ -85,7 +85,7 @@ const loadedContainers: ContainerNodeMetricsRow[] = [ }, ]; -const Template: Story<ContainerMetricsTableProps> = (args) => { +const Template: StoryFn<ContainerMetricsTableProps> = (args) => { return <ContainerMetricsTable {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/host/host_metrics_table.stories.tsx b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/host/host_metrics_table.stories.tsx index f7683c202ef50..b353bfa39022f 100644 --- a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/host/host_metrics_table.stories.tsx +++ b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/host/host_metrics_table.stories.tsx @@ -8,7 +8,7 @@ import { EuiCard } from '@elastic/eui'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../../test_utils/use_global_storybook_theme'; import type { HostMetricsTableProps } from './host_metrics_table'; @@ -95,7 +95,7 @@ const loadedHosts: HostNodeMetricsRow[] = [ }, ]; -const Template: Story<HostMetricsTableProps> = (args) => { +const Template: StoryFn<HostMetricsTableProps> = (args) => { return <HostMetricsTable {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/pod/pod_metrics_table.stories.tsx b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/pod/pod_metrics_table.stories.tsx index 5a4b18c868d61..859dae6786609 100644 --- a/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/pod/pod_metrics_table.stories.tsx +++ b/x-pack/solutions/observability/plugins/metrics_data_access/public/components/infrastructure_node_metrics_tables/pod/pod_metrics_table.stories.tsx @@ -8,7 +8,7 @@ import { EuiCard } from '@elastic/eui'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; -import type { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../../test_utils/use_global_storybook_theme'; import type { PodMetricsTableProps } from './pod_metrics_table'; @@ -90,7 +90,7 @@ const loadedPods: PodNodeMetricsRow[] = [ }, ]; -const Template: Story<PodMetricsTableProps> = (args) => { +const Template: StoryFn<PodMetricsTableProps> = (args) => { return <PodMetricsTable {...args} />; }; diff --git a/x-pack/solutions/observability/plugins/metrics_data_access/public/test_utils/use_global_storybook_theme.tsx b/x-pack/solutions/observability/plugins/metrics_data_access/public/test_utils/use_global_storybook_theme.tsx index 536cebb21a511..15bc5fc240db9 100644 --- a/x-pack/solutions/observability/plugins/metrics_data_access/public/test_utils/use_global_storybook_theme.tsx +++ b/x-pack/solutions/observability/plugins/metrics_data_access/public/test_utils/use_global_storybook_theme.tsx @@ -5,14 +5,14 @@ * 2.0. */ -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import React, { useEffect, useMemo, useState } from 'react'; import { BehaviorSubject } from 'rxjs'; import type { CoreTheme } from '@kbn/core/public'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme'; -type StoryContext = Parameters<DecoratorFn>[1]; +type StoryContext = Parameters<Decorator>[1]; export const useGlobalStorybookTheme = ({ globals: { euiTheme } }: StoryContext) => { const theme = useMemo(() => euiThemeFromId(euiTheme), [euiTheme]); @@ -40,7 +40,7 @@ export const GlobalStorybookThemeProviders: React.FC<{ ); }; -export const decorateWithGlobalStorybookThemeProviders: DecoratorFn = ( +export const decorateWithGlobalStorybookThemeProviders: Decorator = ( wrappedStory, storyContext ) => ( diff --git a/x-pack/solutions/observability/plugins/observability/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/observability/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/observability/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/observability/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_equation/custom_equation_editor.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_equation/custom_equation_editor.stories.tsx index 50753eedb1d4b..79a95a7084197 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_equation/custom_equation_editor.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_equation/custom_equation_editor.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react/types-6-0'; +import type { Meta, StoryFn } from '@storybook/react'; import React, { useCallback, useEffect, useState } from 'react'; import { IErrorObject } from '@kbn/triggers-actions-ui-plugin/public'; import { IUiSettingsClient } from '@kbn/core-ui-settings-browser'; @@ -54,7 +54,7 @@ const fakeDataView = { ], }; -const CustomEquationEditorTemplate: Story<CustomEquationEditorProps> = (args) => { +const CustomEquationEditorTemplate: StoryFn<CustomEquationEditorProps> = (args) => { const [expression, setExpression] = useState<MetricExpression>(args.expression); const [errors, setErrors] = useState<IErrorObject>(args.errors); diff --git a/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_threshold.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_threshold.stories.tsx index 8eeca2e107b5f..e16277a9b6127 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_threshold.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/custom_threshold/components/custom_threshold.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentMeta } from '@storybook/react'; +import type { Meta } from '@storybook/react'; import { LIGHT_THEME } from '@elastic/charts'; import { COMPARATORS } from '@kbn/alerting-comparators'; import { Props, Threshold as Component } from './threshold'; @@ -26,7 +26,7 @@ export default { </div> ), ], -} as ComponentMeta<typeof Component>; +} as Meta<typeof Component>; const defaultProps: Props = { chartProps: { baseTheme: LIGHT_THEME }, diff --git a/x-pack/solutions/observability/plugins/observability/public/pages/alert_details/components/status_bar.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/pages/alert_details/components/status_bar.stories.tsx index 0c0eada41e1e7..9860eed81b7c3 100644 --- a/x-pack/solutions/observability/plugins/observability/public/pages/alert_details/components/status_bar.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/pages/alert_details/components/status_bar.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { I18nProvider } from '@kbn/i18n-react'; import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public'; @@ -19,7 +19,7 @@ export default { alert, }; -const Template: ComponentStory<typeof Component> = (props: StatusBarProps) => ( +const Template: StoryObj<typeof Component> = (props: StatusBarProps) => ( <I18nProvider> <KibanaContextProvider services={services}> <Component {...props} /> diff --git a/x-pack/solutions/observability/plugins/observability/public/pages/cases/components/cases.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/pages/cases/components/cases.stories.tsx index 862d26354f777..eeca1157407d1 100644 --- a/x-pack/solutions/observability/plugins/observability/public/pages/cases/components/cases.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/pages/cases/components/cases.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { Cases as Component, CasesProps } from './cases'; @@ -16,7 +16,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: CasesProps) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: CasesProps) => <Component {...props} />; const defaultProps: CasesProps = { permissions: { diff --git a/x-pack/solutions/observability/plugins/observability/public/pages/overview/components/observability_status/observability_status.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/pages/overview/components/observability_status/observability_status.stories.tsx index eff8056b9bb6e..4681bd3439173 100644 --- a/x-pack/solutions/observability/plugins/observability/public/pages/overview/components/observability_status/observability_status.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/pages/overview/components/observability_status/observability_status.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { ObservabilityStatusBoxes, ObservabilityStatusProps } from './observability_status_boxes'; export default { @@ -99,7 +99,7 @@ const testBoxes = [ }, ]; -const Template: Story<ObservabilityStatusProps> = ({ boxes }: ObservabilityStatusProps) => { +const Template: StoryFn<ObservabilityStatusProps> = ({ boxes }: ObservabilityStatusProps) => { return ( <div style={{ width: 380, backgroundColor: '#fff', padding: 40 }}> <ObservabilityStatusBoxes boxes={boxes} /> diff --git a/x-pack/solutions/observability/plugins/observability/public/pages/overview/overview.stories.tsx b/x-pack/solutions/observability/plugins/observability/public/pages/overview/overview.stories.tsx index 4a9c44151e03c..a541c988efba8 100644 --- a/x-pack/solutions/observability/plugins/observability/public/pages/overview/overview.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/pages/overview/overview.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { makeDecorator } from '@storybook/addons'; +import { makeDecorator } from '@storybook/preview-api'; import { storiesOf } from '@storybook/react'; import { AppMountParameters, CoreStart } from '@kbn/core/public'; import React, { ReactNode } from 'react'; diff --git a/x-pack/solutions/observability/plugins/observability/public/test_utils/use_global_storybook_theme.tsx b/x-pack/solutions/observability/plugins/observability/public/test_utils/use_global_storybook_theme.tsx index 86e67681ab7af..5798c853e3ccf 100644 --- a/x-pack/solutions/observability/plugins/observability/public/test_utils/use_global_storybook_theme.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/test_utils/use_global_storybook_theme.tsx @@ -5,14 +5,14 @@ * 2.0. */ -import type { DecoratorFn } from '@storybook/react'; +import type { Decorator } from '@storybook/react'; import React, { useEffect, useMemo, useState } from 'react'; import { BehaviorSubject } from 'rxjs'; import type { CoreTheme } from '@kbn/core/public'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme'; -type StoryContext = Parameters<DecoratorFn>[1]; +type StoryContext = Parameters<Decorator>[1]; export const useGlobalStorybookTheme = ({ globals: { euiTheme } }: StoryContext) => { const theme = useMemo(() => euiThemeFromId(euiTheme), [euiTheme]); @@ -43,7 +43,7 @@ export function GlobalStorybookThemeProviders({ ); } -export const decorateWithGlobalStorybookThemeProviders: DecoratorFn = ( +export const decorateWithGlobalStorybookThemeProviders: Decorator = ( wrappedStory, storyContext ) => ( diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/changes/change_list.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/changes/change_list.stories.tsx index e8775ad456ca8..416ce43e68ac5 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/changes/change_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/changes/change_list.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { ChangeListProps, ChangeList as Component, ChangeListItemImpact } from './change_list'; @@ -15,7 +15,7 @@ export default { title: 'app/Organisms/ChangesList', }; -const Template: ComponentStory<typeof Component> = (props: ChangeListProps) => ( +const Template: StoryObj<typeof Component> = (props: ChangeListProps) => ( <div style={{ width: 480 }}> <Component {...props} /> </div> diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_callout/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_callout/index.stories.tsx index 6328835af1f63..f2efa1490470f 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_callout/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_callout/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { RootCauseAnalysisCallout } from '.'; @@ -16,7 +16,7 @@ const stories: Meta<{}> = { export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisCallout onClick={() => {}} @@ -26,7 +26,7 @@ export const Default: Story<{}> = () => { ); }; -export const CompleteInBackgroundDisabled: Story<{}> = () => { +export const CompleteInBackgroundDisabled: StoryFn<{}> = () => { return ( <RootCauseAnalysisCallout onClick={() => {}} diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_container/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_container/index.stories.tsx index 492d6ecc59386..d75e809f20a27 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_container/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_container/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { noop } from 'lodash'; import { RootCauseAnalysisContainer } from '.'; @@ -27,27 +27,27 @@ const handlers = { onClearAnalysisClick: noop, }; -export const Empty: Story<{}> = () => { +export const Empty: StoryFn<{}> = () => { return <RootCauseAnalysisContainer completeInBackground loading={false} {...handlers} />; }; -export const Loading: Story<{}> = () => { +export const Loading: StoryFn<{}> = () => { return <RootCauseAnalysisContainer completeInBackground loading {...handlers} />; }; -export const LoadingWithoutCompleteInBackground: Story<{}> = () => { +export const LoadingWithoutCompleteInBackground: StoryFn<{}> = () => { return <RootCauseAnalysisContainer completeInBackground={false} loading {...handlers} />; }; const error = new Error('Failed to load analysis'); -export const WithError: Story<{}> = () => { +export const WithError: StoryFn<{}> = () => { return ( <RootCauseAnalysisContainer completeInBackground loading={false} {...handlers} error={error} /> ); }; -export const Completed: Story<{}> = () => { +export const Completed: StoryFn<{}> = () => { return ( <RootCauseAnalysisContainer completeInBackground diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_investigation/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_investigation/index.stories.tsx index 0601a0cdf1f6f..f855be90dc71f 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_investigation/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_investigation/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { RootCauseAnalysisEntityInvestigation } from '.'; import { controllerEntityHealthAnalysis } from '../mock'; @@ -17,7 +17,7 @@ const stories: Meta<{}> = { export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisEntityInvestigation entity={controllerEntityHealthAnalysis.response.entity} diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_log_pattern_table/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_log_pattern_table/index.stories.tsx index 16596832eff89..ae66672b55538 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_log_pattern_table/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_entity_log_pattern_table/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { RootCauseAnalysisEntityLogPatternTable } from '.'; import { controllerEntityHealthAnalysis } from '../mock'; @@ -17,7 +17,7 @@ const stories: Meta<{}> = { export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisEntityLogPatternTable entity={controllerEntityHealthAnalysis.response.entity} diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_observation_panel/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_observation_panel/index.stories.tsx index 5ec46729e7c74..8ca9abaf7beb1 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_observation_panel/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_observation_panel/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { RootCauseAnalysisObservationPanel } from '.'; @@ -19,13 +19,13 @@ const content = export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisObservationPanel title={'High rate of HTTP 500 errors'} content={content} /> ); }; -export const Loading: Story<{}> = () => { +export const Loading: StoryFn<{}> = () => { return ( <RootCauseAnalysisObservationPanel title={'High rate of HTTP 500 errors'} diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_report/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_report/index.stories.tsx index cb32631fc7a73..970f9690794ef 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_report/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_report/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { RootCauseAnalysisReport } from '.'; @@ -19,7 +19,7 @@ const stories: Meta<{}> = { export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisReport report={report} diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_step/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_step/index.stories.tsx index fa5b184800216..301a93f6e0710 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_step/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_step/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { EuiBadge, EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { RootCauseAnalysisStepItem } from '.'; @@ -17,7 +17,7 @@ const stories: Meta<{}> = { export default stories; -export const Default: Story<{}> = () => { +export const Default: StoryFn<{}> = () => { return ( <RootCauseAnalysisStepItem label={ @@ -30,7 +30,7 @@ export const Default: Story<{}> = () => { ); }; -export const Loading: Story<{}> = () => { +export const Loading: StoryFn<{}> = () => { return ( <RootCauseAnalysisStepItem loading @@ -44,7 +44,7 @@ export const Loading: Story<{}> = () => { ); }; -export const WithColor: Story<{}> = () => { +export const WithColor: StoryFn<{}> = () => { return ( <RootCauseAnalysisStepItem loading diff --git a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_task_step/index.stories.tsx b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_task_step/index.stories.tsx index 4bc31dcf7cc4f..c299ffd82eba8 100644 --- a/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_task_step/index.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_ai_assistant_app/public/components/rca/rca_task_step/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import React from 'react'; import { EuiBadge, EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { RootCauseAnalysisTaskStepItem } from '.'; @@ -18,7 +18,7 @@ const stories: Meta<{}> = { export default stories; -export const Pending: Story<{}> = () => { +export const Pending: StoryFn<{}> = () => { return ( <RootCauseAnalysisTaskStepItem status="pending" @@ -34,7 +34,7 @@ export const Pending: Story<{}> = () => { ); }; -export const Completed: Story<{}> = () => { +export const Completed: StoryFn<{}> = () => { return ( <RootCauseAnalysisTaskStepItem status="completed" @@ -50,7 +50,7 @@ export const Completed: Story<{}> = () => { ); }; -export const Failure: Story<{}> = () => { +export const Failure: StoryFn<{}> = () => { return ( <RootCauseAnalysisTaskStepItem status="failure" diff --git a/x-pack/solutions/observability/plugins/observability_shared/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/observability_shared/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/observability_shared/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/observability_shared/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/observability_shared/.storybook/main.ts b/x-pack/solutions/observability/plugins/observability_shared/.storybook/main.ts new file mode 100644 index 0000000000000..42bb57c641b81 --- /dev/null +++ b/x-pack/solutions/observability/plugins/observability_shared/.storybook/main.ts @@ -0,0 +1,11 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { defaultConfig } from '@kbn/storybook'; + +// eslint-disable-next-line import/no-default-export +export default defaultConfig; diff --git a/x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.js b/x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.ts similarity index 66% rename from x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.js rename to x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.ts index a4fde4af88837..09d50e3680a7b 100644 --- a/x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.js +++ b/x-pack/solutions/observability/plugins/observability_shared/.storybook/preview.ts @@ -6,12 +6,15 @@ */ import { EuiThemeProviderDecorator } from '@kbn/kibana-react-plugin/common'; -import { addDecorator } from '@storybook/react'; -import { KibanaReactStorybookDecorator } from './storybook_decorator'; +import type { Preview } from '@storybook/react'; import * as jest from 'jest-mock'; - -export const decorators = [EuiThemeProviderDecorator]; +import { KibanaReactStorybookDecorator } from './storybook_decorator'; window.jest = jest; -addDecorator(KibanaReactStorybookDecorator); +const preview: Preview = { + decorators: [EuiThemeProviderDecorator, KibanaReactStorybookDecorator], +}; + +// eslint-disable-next-line import/no-default-export +export default preview; diff --git a/x-pack/solutions/observability/plugins/observability_shared/public/components/field_value_suggestions/__stories__/field_value_selection.stories.tsx b/x-pack/solutions/observability/plugins/observability_shared/public/components/field_value_suggestions/__stories__/field_value_selection.stories.tsx index 0916cc4673129..64288a1f2def2 100644 --- a/x-pack/solutions/observability/plugins/observability_shared/public/components/field_value_suggestions/__stories__/field_value_selection.stories.tsx +++ b/x-pack/solutions/observability/plugins/observability_shared/public/components/field_value_suggestions/__stories__/field_value_selection.stories.tsx @@ -5,13 +5,13 @@ * 2.0. */ -import React, { ComponentType, useEffect, useState } from 'react'; +import React, { type ComponentType, useEffect, useState } from 'react'; import { __IntlProvider as IntlProvider } from '@kbn/i18n-react'; import { Observable } from 'rxjs'; -import { CoreStart } from '@kbn/core/public'; -import { text } from '@storybook/addon-knobs'; +import type { CoreStart } from '@kbn/core/public'; +import { Meta, StoryObj } from '@storybook/react'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; -import { FieldValueSelectionProps } from '../types'; +import type { FieldValueSelectionProps } from '../types'; import { FieldValueSelection } from '../field_value_selection'; const values = [ @@ -23,14 +23,14 @@ const KibanaReactContext = createKibanaReactContext({ uiSettings: { get: () => {}, get$: () => new Observable() }, } as unknown as Partial<CoreStart>); -export default { +const meta: Meta<FieldValueSelectionProps> = { title: 'app/Shared/FieldValueSuggestions', component: FieldValueSelection, decorators: [ (Story: ComponentType<FieldValueSelectionProps>) => ( <IntlProvider locale="en"> <KibanaReactContext.Provider> - <FieldValueSelection + <Story label="Service name" values={values} onChange={() => {}} @@ -44,8 +44,11 @@ export default { ], }; -export function ValuesLoaded() { - return ( +export default meta; +type Story = StoryObj<FieldValueSelectionProps>; + +export const ValuesLoaded: Story = { + render: () => ( <FieldValueSelection label="Service name" values={values} @@ -54,11 +57,11 @@ export function ValuesLoaded() { loading={false} setQuery={() => {}} /> - ); -} + ), +}; -export function LoadingState() { - return ( +export const LoadingState: Story = { + render: () => ( <FieldValueSelection label="Service name" values={values} @@ -67,11 +70,11 @@ export function LoadingState() { loading={true} setQuery={() => {}} /> - ); -} + ), +}; -export function EmptyState() { - return ( +export const EmptyState: Story = { + render: () => ( <FieldValueSelection label="Service name" values={[]} @@ -80,16 +83,20 @@ export function EmptyState() { loading={false} setQuery={() => {}} /> - ); -} + ), +}; -export function SearchState(args: FieldValueSelectionProps) { - const name = text('Query', ''); +interface SearchStateProps extends FieldValueSelectionProps { + query: string; +} +const SearchStateComponent = (args: SearchStateProps) => { + const { query } = args; const [, setQuery] = useState(''); + useEffect(() => { - setQuery(name); - }, [name]); + setQuery(query); + }, [query]); return ( <FieldValueSelection @@ -101,4 +108,20 @@ export function SearchState(args: FieldValueSelectionProps) { setQuery={setQuery} /> ); -} +}; + +export const SearchState: StoryObj<SearchStateProps> = { + args: { + query: '', + label: 'Service name', + values, + loading: false, + }, + argTypes: { + query: { + control: { type: 'text' }, + description: 'Search query', + }, + }, + render: SearchStateComponent, +}; diff --git a/x-pack/solutions/observability/plugins/observability_shared/tsconfig.json b/x-pack/solutions/observability/plugins/observability_shared/tsconfig.json index a2188056df738..c6b793d823a11 100644 --- a/x-pack/solutions/observability/plugins/observability_shared/tsconfig.json +++ b/x-pack/solutions/observability/plugins/observability_shared/tsconfig.json @@ -48,6 +48,7 @@ "@kbn/data-views-plugin", "@kbn/charts-theme", "@kbn/deeplinks-observability", + "@kbn/storybook", ], "exclude": ["target/**/*", ".storybook/**/*.js"] } diff --git a/x-pack/solutions/observability/plugins/profiling/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/profiling/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/profiling/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/profiling/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/slo/.storybook/jest_setup.js b/x-pack/solutions/observability/plugins/slo/.storybook/jest_setup.js index 32071b8aa3f62..d789c541066f4 100644 --- a/x-pack/solutions/observability/plugins/slo/.storybook/jest_setup.js +++ b/x-pack/solutions/observability/plugins/slo/.storybook/jest_setup.js @@ -5,7 +5,7 @@ * 2.0. */ -import { setGlobalConfig } from '@storybook/testing-react'; +import { setProjectAnnotations } from '@storybook/react'; import * as globalStorybookConfig from './preview'; -setGlobalConfig(globalStorybookConfig); +setProjectAnnotations(globalStorybookConfig); diff --git a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate_rule_editor.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate_rule_editor.stories.tsx index 67d084c2bfff0..c5aa0f66619bf 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate_rule_editor.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/burn_rate_rule_editor.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { BurnRateRuleParams } from '../../typings'; import { BurnRateRuleEditor as Component } from './burn_rate_rule_editor'; import { KibanaReactStorybookDecorator } from '../../utils/kibana_react.storybook_decorator'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => ( +const Template: StoryObj<typeof Component> = () => ( <Component ruleParams={{} as BurnRateRuleParams} setRuleParams={() => {}} diff --git a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/slo_selector.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/slo_selector.stories.tsx index 0bf35eea5ffe9..2fbae3dbc170c 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/slo_selector.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/slo_selector.stories.tsx @@ -6,7 +6,7 @@ */ import { SLODefinitionResponse } from '@kbn/slo-schema'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { KibanaReactStorybookDecorator } from '../../utils/kibana_react.storybook_decorator'; import { SloSelector as Component } from './slo_selector'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => ( +const Template: StoryObj<typeof Component> = () => ( // eslint-disable-next-line no-console <Component onSelected={(slo: SLODefinitionResponse | undefined) => console.log(slo)} /> ); diff --git a/x-pack/solutions/observability/plugins/slo/public/components/slo/auto_refresh_button/auto_refresh_button.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/slo/auto_refresh_button/auto_refresh_button.stories.tsx index 5a5b94401253e..148bb3977757a 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/slo/auto_refresh_button/auto_refresh_button.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/slo/auto_refresh_button/auto_refresh_button.stories.tsx @@ -6,7 +6,7 @@ */ import React, { useState } from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { AutoRefreshButton as Component } from './auto_refresh_button'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const [isAutoRefreshing, setIsAutoRefreshing] = useState(true); const toggleEnabled = () => { diff --git a/x-pack/solutions/observability/plugins/slo/public/components/slo/delete_confirmation_modal/slo_delete_confirmation_modal.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/slo/delete_confirmation_modal/slo_delete_confirmation_modal.stories.tsx index e6b969d9d89ac..10db4815e29c9 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/slo/delete_confirmation_modal/slo_delete_confirmation_modal.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/slo/delete_confirmation_modal/slo_delete_confirmation_modal.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { buildSlo } from '../../../data/slo/slo'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_active_alerts_badge.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_active_alerts_badge.stories.tsx index c9f07555897c5..b131f69a27ff8 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_active_alerts_badge.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_active_alerts_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -18,7 +18,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => ( +const Template: StoryObj<typeof Component> = (props: Props) => ( <EuiFlexGroup> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_status_badge.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_status_badge.stories.tsx index a7acf522c0b46..692a6421ba883 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_status_badge.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/slo/slo_badges/slo_status_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: SloStatusProps) => ( +const Template: StoryObj<typeof Component> = (props: SloStatusProps) => ( <EuiFlexGroup> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_control.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_control.stories.tsx index f2c3259b601cc..cf52349a9e372 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_control.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_control.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { buildSlo } from '../../../data/slo/slo'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps: Props = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_title.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_title.stories.tsx index daf5e8038fdd3..9111f1e2038cf 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_title.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/header_title.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { buildSlo } from '../../../data/slo/slo'; @@ -18,7 +18,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps: Props = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/overview/overview.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/overview/overview.stories.tsx index c393846e23a7d..525e29f8c01ce 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/overview/overview.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/overview/overview.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; import { buildSlo } from '../../../../data/slo/slo'; @@ -18,7 +18,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps: Props = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/slo_details.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/slo_details.stories.tsx index 03b0fdbe62723..88c18e0dee061 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/slo_details.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/slo_details.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { buildSlo } from '../../../data/slo/slo'; @@ -18,7 +18,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps: Props = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/query_builder.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/query_builder.stories.tsx index 88d2679ceb6e9..e9b4bb77056dd 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/query_builder.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/query_builder.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: SearchBarProps) => { +const Template: StoryObj<typeof Component> = (props: SearchBarProps) => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_availability/apm_availability_indicator_type_form.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_availability/apm_availability_indicator_type_form.stories.tsx index d40d56941ccfe..23bc1c2685c74 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_availability/apm_availability_indicator_type_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_availability/apm_availability_indicator_type_form.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_common/field_selector.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_common/field_selector.stories.tsx index f9756501bab92..b5a3ca3b089c6 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_common/field_selector.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_common/field_selector.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => { +const Template: StoryObj<typeof Component> = (props: Props) => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_latency/apm_latency_indicator_type_form.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_latency/apm_latency_indicator_type_form.stories.tsx index 9b346c94dea9a..920b8afb123f2 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_latency/apm_latency_indicator_type_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/apm_latency/apm_latency_indicator_type_form.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_common/index_selection.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_common/index_selection.stories.tsx index b1739a63881f5..d572a7ede7545 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_common/index_selection.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_common/index_selection.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_kql/custom_kql_indicator_type_form.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_kql/custom_kql_indicator_type_form.stories.tsx index 1ecf3f57c1496..54af7a77446a7 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_kql/custom_kql_indicator_type_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_kql/custom_kql_indicator_type_form.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_metric/custom_metric_type_form.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_metric/custom_metric_type_form.stories.tsx index 771405a539f1b..e4593245ecaf4 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_metric/custom_metric_type_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/indicator_section/custom_metric/custom_metric_type_form.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES_CUSTOM_METRIC }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form.stories.tsx index ace1088d4a3bb..b32646fc6206f 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => { +const Template: StoryObj<typeof Component> = (props: Props) => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_description_section.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_description_section.stories.tsx index 8365b8ef27545..a2f2b83aa51ec 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_description_section.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_description_section.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section.stories.tsx index ee2938321d136..808824eea5254 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.stories.tsx index b4066c8f9a961..839102408c4b9 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { FormProvider, useForm } from 'react-hook-form'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => { +const Template: StoryObj<typeof Component> = () => { const methods = useForm({ defaultValues: SLO_EDIT_FORM_DEFAULT_VALUES }); return ( <FormProvider {...methods}> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_badges.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_badges.stories.tsx index ab4a5d0086da3..d78f7fef69fbe 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_badges.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_badges.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: SloBadgesProps) => ( +const Template: StoryObj<typeof Component> = (props: SloBadgesProps) => ( <EuiFlexGroup> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_indicator_type_badge.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_indicator_type_badge.stories.tsx index fbc65fb1a2c12..22661736b28b5 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_indicator_type_badge.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_indicator_type_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; @@ -24,7 +24,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => ( +const Template: StoryObj<typeof Component> = (props: Props) => ( <EuiFlexGroup gutterSize="s"> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_rules_badge.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_rules_badge.stories.tsx index b88971e2a1355..f9e9dfb43d3ed 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_rules_badge.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_rules_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { Rule } from '@kbn/triggers-actions-ui-plugin/public'; @@ -20,7 +20,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => ( +const Template: StoryObj<typeof Component> = (props: Props) => ( <EuiFlexGroup gutterSize="s"> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_time_window_badge.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_time_window_badge.stories.tsx index 8998cb0de9492..d3268fe0274cc 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_time_window_badge.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/badges/slo_time_window_badge.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { EuiFlexGroup } from '@elastic/eui'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; @@ -19,7 +19,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => ( +const Template: StoryObj<typeof Component> = (props: Props) => ( <EuiFlexGroup> <Component {...props} /> </EuiFlexGroup> diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/header_title.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/header_title.stories.tsx index 05ecb3ab4bde3..743d8ab8082d5 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/header_title.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/header_title.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { HeaderTitle as Component } from './header_title'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; const defaultProps = {}; diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list.stories.tsx index 3e6dd1c87d798..158140b3c1cf3 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { SloList as Component } from './slo_list'; @@ -18,7 +18,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; const defaultProps = {}; diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_empty.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_empty.stories.tsx index b8c49050143fc..02e3436cfc7ba 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_empty.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_empty.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { SloListEmpty as Component } from './slo_list_empty'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; const defaultProps = {}; diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_error.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_error.stories.tsx index a3e2503449da8..11497384a8a9c 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_error.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_error.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { SloListError as Component } from './slo_list_error'; @@ -17,7 +17,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; const defaultProps = {}; diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_search_bar.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_search_bar.stories.tsx index 0d36156cfeced..2a8fb2d1ad867 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_search_bar.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_search_bar.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { SloListSearchBar as Component } from './slo_list_search_bar'; @@ -17,6 +17,6 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; export const SloListSearchBar = Template.bind({}); diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_view/slo_list_item.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_view/slo_list_item.stories.tsx index 8e1c7b2ab3f33..4c481882ecae3 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_view/slo_list_item.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_list_view/slo_list_item.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { KibanaReactStorybookDecorator } from '../../../../utils/kibana_react.storybook_decorator'; import { @@ -22,9 +22,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: SloListItemProps) => ( - <Component {...props} /> -); +const Template: StoryObj<typeof Component> = (props: SloListItemProps) => <Component {...props} />; const defaultProps = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.stories.tsx index 3b46d028f731e..90ac6c00dec34 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.stories.tsx @@ -6,7 +6,7 @@ */ import { HistoricalSummaryResponse } from '@kbn/slo-schema'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { @@ -25,7 +25,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; export const AreaWithHealthyFlatData = Template.bind({}); AreaWithHealthyFlatData.args = { diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_summary.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_summary.stories.tsx index c62ff1d4156d4..7382af53041ce 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_summary.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_summary.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { KibanaReactStorybookDecorator } from '../../../utils/kibana_react.storybook_decorator'; import { @@ -21,7 +21,7 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = (props: Props) => <Component {...props} />; +const Template: StoryObj<typeof Component> = (props: Props) => <Component {...props} />; const defaultProps = { slo: buildSlo(), diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos_welcome/slos_welcome.stories.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos_welcome/slos_welcome.stories.tsx index 186d8c600f7d9..bff5ab7a6ef86 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos_welcome/slos_welcome.stories.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos_welcome/slos_welcome.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { SlosWelcomePage as Component } from './slos_welcome'; import { KibanaReactStorybookDecorator } from '../../utils/kibana_react.storybook_decorator'; @@ -17,6 +17,6 @@ export default { decorators: [KibanaReactStorybookDecorator], }; -const Template: ComponentStory<typeof Component> = () => <Component />; +const Template: StoryObj<typeof Component> = () => <Component />; export const SloListWelcomePrompt = Template.bind({}); diff --git a/x-pack/solutions/security/packages/expandable-flyout/src/index.stories.tsx b/x-pack/solutions/security/packages/expandable-flyout/src/index.stories.tsx index acd904a5678ad..ae24fa6f07ca5 100644 --- a/x-pack/solutions/security/packages/expandable-flyout/src/index.stories.tsx +++ b/x-pack/solutions/security/packages/expandable-flyout/src/index.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiButton, EuiFlexGroup, @@ -99,7 +99,7 @@ const registeredPanels = [ }, ]; -export const Right: Story<void> = () => { +export const Right: StoryFn = () => { const state: State = { panels: { byId: { @@ -126,7 +126,7 @@ export const Right: Story<void> = () => { ); }; -export const Left: Story<void> = () => { +export const Left: StoryFn = () => { const state: State = { panels: { byId: { @@ -155,7 +155,7 @@ export const Left: Story<void> = () => { ); }; -export const Preview: Story<void> = () => { +export const Preview: StoryFn = () => { const state: State = { panels: { byId: { @@ -188,7 +188,7 @@ export const Preview: Story<void> = () => { ); }; -export const MultiplePreviews: Story<void> = () => { +export const MultiplePreviews: StoryFn = () => { const state: State = { panels: { byId: { @@ -224,7 +224,7 @@ export const MultiplePreviews: Story<void> = () => { ); }; -export const CollapsedPushMode: Story<void> = () => { +export const CollapsedPushMode: StoryFn = () => { const state: State = { panels: { byId: { @@ -251,7 +251,7 @@ export const CollapsedPushMode: Story<void> = () => { ); }; -export const ExpandedPushMode: Story<void> = () => { +export const ExpandedPushMode: StoryFn = () => { const state: State = { panels: { byId: { @@ -280,7 +280,7 @@ export const ExpandedPushMode: Story<void> = () => { ); }; -export const DisableTypeSelection: Story<void> = () => { +export const DisableTypeSelection: StoryFn = () => { const state: State = { panels: { byId: { @@ -311,7 +311,7 @@ export const DisableTypeSelection: Story<void> = () => { ); }; -export const ResetWidths: Story<void> = () => { +export const ResetWidths: StoryFn = () => { const state: State = { panels: { byId: { @@ -337,7 +337,7 @@ export const ResetWidths: Story<void> = () => { ); }; -export const DisableResizeWidthSelection: Story<void> = () => { +export const DisableResizeWidthSelection: StoryFn = () => { const state: State = { panels: { byId: { diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/.storybook/manager.ts b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/.storybook/manager.ts index 5dff8fa3fcbd6..efb41958ce827 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/.storybook/manager.ts +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/.storybook/manager.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID as selectedPanel } from '@storybook/addon-actions'; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/actions.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/actions.stories.tsx index c2201c6f3366f..20a9e93f228f1 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/actions.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/actions.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { ThemeProvider, css } from '@emotion/react'; import { action } from '@storybook/addon-actions'; import { Actions as ActionsComponent, type ActionsProps } from './actions'; @@ -23,7 +23,7 @@ export default { decorators: [GlobalStylesStorybookDecorator], } as Meta; -const Template: Story<ActionsProps> = (props) => { +const Template: StoryFn<ActionsProps> = (props) => { return ( <ThemeProvider theme={{ darkMode: false }}> <ActionsComponent diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/controls.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/controls.stories.tsx index 905dd0f0bd267..d057ec912553c 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/controls.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/controls/controls.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story, type Meta } from '@storybook/react'; +import type { StoryFn, Meta } from '@storybook/react'; import { ThemeProvider, css } from '@emotion/react'; import { ReactFlowProvider } from '@xyflow/react'; import { action } from '@storybook/addon-actions'; @@ -30,7 +30,7 @@ export default { decorators: [GlobalStylesStorybookDecorator], } as Meta; -const Template: Story<ControlsProps> = (props) => { +const Template: StoryFn<ControlsProps> = (props) => { return ( <ThemeProvider theme={{ darkMode: false }}> <ReactFlowProvider> diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/edge/deafult_edge.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/edge/deafult_edge.stories.tsx index cb079840cfa0a..296582d5b885e 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/edge/deafult_edge.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/edge/deafult_edge.stories.tsx @@ -21,7 +21,7 @@ import { type Edge as xyEdge, } from '@xyflow/react'; import { isEmpty, isEqual, pick, size, xorWith } from 'lodash'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { DefaultEdge } from '.'; import { GlobalStylesStorybookDecorator } from '../../../.storybook/decorators'; import { LabelNode } from '../node'; @@ -77,7 +77,7 @@ const edgeTypes = { default: DefaultEdge, }; -const Template: Story<EdgeViewModel> = (args: EdgeViewModel) => { +const Template: StoryFn<EdgeViewModel> = (args: EdgeViewModel) => { const nodes = useMemo( () => [ { diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_benchmark.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_benchmark.stories.tsx index 958bfdc1f030d..b466fdcdca82c 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_benchmark.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_benchmark.stories.tsx @@ -7,7 +7,7 @@ import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { css, ThemeProvider } from '@emotion/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiListGroup, EuiHorizontalRule } from '@elastic/eui'; import type { NodeProps, NodeViewModel } from '..'; import { Graph } from '..'; @@ -154,7 +154,7 @@ const useNodePopover = () => { ); }; -const Template: Story = () => { +const Template: StoryFn = () => { const expandNodePopover = useExpandButtonPopover(); const nodePopover = useNodePopover(); const popovers = [expandNodePopover, nodePopover]; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_popover.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_popover.stories.tsx index 7dea7e77838b6..0ff9538522cd2 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_popover.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph/graph_popover.stories.tsx @@ -7,7 +7,7 @@ import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { ThemeProvider, css } from '@emotion/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiListGroup, EuiHorizontalRule } from '@elastic/eui'; import type { EntityNodeViewModel, LabelNodeViewModel, NodeProps } from '..'; import { Graph } from '..'; @@ -153,7 +153,7 @@ const useNodePopover = () => { ); }; -const Template: Story = () => { +const Template: StoryFn = () => { const expandNodePopover = useExpandButtonPopover(); const nodePopover = useNodePopover(); const popovers = [expandNodePopover, nodePopover]; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.test.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.test.tsx index 02cc3679ce248..9e1d49c6a2c42 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.test.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.test.tsx @@ -8,9 +8,8 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { setProjectAnnotations } from '@storybook/react'; +import { setProjectAnnotations, composeStories } from '@storybook/react'; import { action } from '@storybook/addon-actions'; -import { composeStories } from '@storybook/testing-react'; import { __IntlProvider as IntlProvider } from '@kbn/i18n-react'; import useSessionStorage from 'react-use/lib/useSessionStorage'; import * as stories from './graph_investigation.stories'; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.tsx index 2046f4fb4772d..3133833f7877e 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_investigation/graph_investigation.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { type Meta, Story } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { GraphInvestigation, type GraphInvestigationProps } from './graph_investigation'; import { @@ -92,7 +92,7 @@ const defaultProps: GraphInvestigationProps = { showInvestigateInTimeline: false, }; -const Template: Story<Partial<GraphInvestigationProps>> = (props) => { +const Template: StoryFn<Partial<GraphInvestigationProps>> = (props) => { return <GraphInvestigation {...defaultProps} {...props} />; }; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.test.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.test.tsx index 7ba8a5388f615..25f057a041a48 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.test.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.test.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { composeStories } from '@storybook/testing-react'; +import { composeStories } from '@storybook/react'; import { render } from '@testing-library/react'; import * as stories from './graph_layout.stories'; diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.tsx index 2587f7aafe8f8..3662eac90cd4a 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/graph_layout.stories.tsx @@ -7,7 +7,7 @@ import React from 'react'; import { ThemeProvider, css } from '@emotion/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { Writable } from '@kbn/utility-types'; import { GlobalStylesStorybookDecorator } from '../../.storybook/decorators'; import type { @@ -162,7 +162,7 @@ const extractEdges = ( return { nodes: Object.values(nodes).reverse(), edges }; }; -const Template: Story<GraphData> = ({ nodes, edges, interactive }: GraphData) => { +const Template: StoryFn<GraphData> = ({ nodes, edges, interactive }: GraphData) => { return ( <ThemeProvider theme={{ darkMode: false }}> <Graph diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/label.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/label.stories.tsx index 726da45b0be51..8218569aaba5f 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/label.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/label.stories.tsx @@ -9,7 +9,7 @@ import React from 'react'; import { ThemeProvider } from '@emotion/react'; import { pick } from 'lodash'; import { ReactFlow, Controls, Background } from '@xyflow/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { NodeViewModel } from '../types'; import { GlobalStylesStorybookDecorator } from '../../../.storybook/decorators'; import { HexagonNode, PentagonNode, EllipseNode, RectangleNode, DiamondNode, LabelNode } from '.'; @@ -42,7 +42,7 @@ const nodeTypes = { label: LabelNode, }; -const Template: Story<NodeViewModel> = (args: NodeViewModel) => ( +const Template: StoryFn<NodeViewModel> = (args: NodeViewModel) => ( <ThemeProvider theme={{ darkMode: false }}> <ReactFlow fitView diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node.stories.tsx index 6bfac77ac4f22..758d7e6afa4d1 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node.stories.tsx @@ -9,7 +9,7 @@ import React from 'react'; import { ThemeProvider } from '@emotion/react'; import { pick } from 'lodash'; import { ReactFlow, Controls, Background } from '@xyflow/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { NodeViewModel } from '../types'; import { GlobalStylesStorybookDecorator } from '../../../.storybook/decorators'; import { HexagonNode, PentagonNode, EllipseNode, RectangleNode, DiamondNode, LabelNode } from '.'; @@ -42,7 +42,7 @@ const nodeTypes = { label: LabelNode, }; -const Template: Story<NodeViewModel> = (args: NodeViewModel) => ( +const Template: StoryFn<NodeViewModel> = (args: NodeViewModel) => ( <ThemeProvider theme={{ darkMode: false }}> <ReactFlow fitView diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node_expand_button.stories.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node_expand_button.stories.tsx index af62254d8e9da..fbcca65a189b9 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node_expand_button.stories.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/graph/src/components/node/node_expand_button.stories.tsx @@ -9,7 +9,7 @@ import React from 'react'; import { ThemeProvider } from '@emotion/react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { GlobalStylesStorybookDecorator } from '../../../.storybook/decorators'; import { NodeShapeContainer } from './styles'; import { NodeExpandButton, type NodeExpandButtonProps } from './node_expand_button'; @@ -28,7 +28,7 @@ export default { decorators: [GlobalStylesStorybookDecorator], }; -const Template: Story<NodeExpandButtonProps> = (args) => ( +const Template: StoryFn<NodeExpandButtonProps> = (args) => ( <ThemeProvider theme={{ darkMode: false }}> <NodeShapeContainer> Hover me diff --git a/x-pack/solutions/security/packages/storybook/config/main.ts b/x-pack/solutions/security/packages/storybook/config/main.ts index 8fd00f77083a8..3d6d23cc62fed 100644 --- a/x-pack/solutions/security/packages/storybook/config/main.ts +++ b/x-pack/solutions/security/packages/storybook/config/main.ts @@ -9,7 +9,7 @@ import { defaultConfig } from '@kbn/storybook'; module.exports = { ...defaultConfig, - stories: ['../../../**/*.stories.+(tsx|mdx)'], + stories: ['../../**/*.stories.tsx', '../../**/*.mdx'], reactOptions: { strictMode: true, }, diff --git a/x-pack/solutions/security/packages/storybook/config/manager.ts b/x-pack/solutions/security/packages/storybook/config/manager.ts index 5dff8fa3fcbd6..efb41958ce827 100644 --- a/x-pack/solutions/security/packages/storybook/config/manager.ts +++ b/x-pack/solutions/security/packages/storybook/config/manager.ts @@ -5,7 +5,7 @@ * 2.0. */ -import { addons } from '@storybook/addons'; +import { addons } from '@storybook/manager-api'; import { create } from '@storybook/theming'; import { PANEL_ID as selectedPanel } from '@storybook/addon-actions'; diff --git a/x-pack/solutions/security/plugins/lists/public/exceptions/components/and_or_badge/index.stories.tsx b/x-pack/solutions/security/plugins/lists/public/exceptions/components/and_or_badge/index.stories.tsx index b0242ef38b95a..42f3050e63349 100644 --- a/x-pack/solutions/security/plugins/lists/public/exceptions/components/and_or_badge/index.stories.tsx +++ b/x-pack/solutions/security/plugins/lists/public/exceptions/components/and_or_badge/index.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import React from 'react'; import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; @@ -58,7 +58,7 @@ export default { title: 'AndOrBadge', }; -const AndOrBadgeTemplate: Story<AndOrBadgeProps> = (args) => ( +const AndOrBadgeTemplate: StoryFn<AndOrBadgeProps> = (args) => ( <EuiFlexGroup> <EuiFlexItem grow={false}> <AndOrBadge {...args} /> diff --git a/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/builder.stories.tsx b/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/builder.stories.tsx index d37b3446b42d0..117f00405765e 100644 --- a/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/builder.stories.tsx +++ b/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/builder.stories.tsx @@ -5,8 +5,8 @@ * 2.0. */ -import { Story, addDecorator } from '@storybook/react'; import React from 'react'; +import type { Decorator, Meta, StoryObj } from '@storybook/react'; import { HttpStart } from '@kbn/core/public'; import type { AutocompleteStart } from '@kbn/unified-search-plugin/public'; import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common'; @@ -18,23 +18,14 @@ import { getEntryExistsMock } from '../../../../common/schemas/types/entry_exist import { getEntryNestedMock } from '../../../../common/schemas/types/entry_nested.mock'; import { getExceptionListItemSchemaMock } from '../../../../common/schemas/response/exception_list_item_schema.mock'; -import { - ExceptionBuilderComponent, - ExceptionBuilderProps, - OnChangeProps, -} from './exception_items_renderer'; +import { ExceptionBuilderComponent, type OnChangeProps } from './exception_items_renderer'; const mockHttpService: HttpStart = { addLoadingCountSource: (): void => {}, - anonymousPaths: { - isAnonymous: (): void => {}, - register: (): void => {}, - }, + anonymousPaths: { isAnonymous: (): void => {}, register: (): void => {} }, basePath: {}, delete: (): void => {}, - externalUrl: { - validateUrl: (): void => {}, - }, + externalUrl: { validateUrl: (): void => {} }, fetch: (): void => {}, get: (): void => {}, getLoadingCount$: (): void => {}, @@ -45,6 +36,7 @@ const mockHttpService: HttpStart = { post: (): void => {}, put: (): void => {}, } as unknown as HttpStart; + const mockAutocompleteService = { getValueSuggestions: () => new Promise((resolve) => { @@ -61,280 +53,192 @@ const mockAutocompleteService = { }), } as unknown as AutocompleteStart; -addDecorator((storyFn) => <EuiThemeProvider>{storyFn()}</EuiThemeProvider>); +const sampleExceptionItem = { + ...getExceptionListItemSchemaMock(), + entries: [ + { ...getEntryMatchAnyMock(), field: getField('ip').name, value: ['some ip'] }, + { ...getEntryMatchMock(), field: getField('ssl').name, value: 'false' }, + { ...getEntryExistsMock(), field: getField('@timestamp').name }, + ], +}; + +const sampleNestedExceptionItem = { + ...getExceptionListItemSchemaMock(), + entries: [ + { ...getEntryMatchAnyMock(), field: getField('ip').name, value: ['some ip'] }, + { + ...getEntryNestedMock(), + entries: [{ ...getEntryMatchMock(), field: 'child', value: 'some nested value' }], + field: 'nestedField', + }, + ], +}; -export default { +const meta: Meta<typeof ExceptionBuilderComponent> = { argTypes: { allowLargeValueLists: { - control: { - type: 'boolean', - }, - description: '`boolean` - set to true to allow large value lists.', - table: { - defaultValue: { - summary: true, - }, - }, - type: { - required: true, - }, + control: { type: 'boolean' }, + description: 'boolean - set to true to allow large value lists.', + table: { defaultValue: { summary: 'true' } }, }, autocompleteService: { - control: { - type: 'object', - }, + control: { type: 'object' }, description: - '`AutocompleteStart` - Kibana data plugin autocomplete service used for field value autocomplete.', - type: { - required: true, - }, + 'AutocompleteStart - Kibana data plugin autocomplete service used for field value autocomplete.', }, exceptionListItems: { - control: { - type: 'array', - }, + control: { type: 'object' }, description: - '`ExceptionsBuilderExceptionItem[]` - Any existing exception items - would be populated when editing an exception item.', - type: { - required: true, - }, + 'ExceptionsBuilderExceptionItem[] - Any existing exception items - would be populated when editing an exception item.', }, httpService: { - control: { - type: 'object', - }, - description: '`HttpStart` - Kibana service.', - type: { - required: true, - }, + control: { type: 'object' }, + description: 'HttpStart - Kibana service.', }, indexPatterns: { description: - '`DataViewBase` - index patterns used to populate field options and value autocomplete.', - type: { - required: true, - }, + 'DataViewBase - index patterns used to populate field options and value autocomplete.', }, isAndDisabled: { - control: { - type: 'boolean', - }, + control: { type: 'boolean' }, description: - '`boolean` - set to true to disallow users from using the `AND` button to add entries.', - table: { - defaultValue: { - summary: false, - }, - }, - type: { - required: true, - }, + 'boolean - set to true to disallow users from using the AND button to add entries.', + table: { defaultValue: { summary: 'false' } }, }, isNestedDisabled: { - control: { - type: 'boolean', - }, + control: { type: 'boolean' }, description: - '`boolean` - set to true to disallow users from using the `Add nested` button to add nested entries.', - table: { - defaultValue: { - summary: false, - }, - }, - type: { - required: true, - }, + 'boolean - set to true to disallow users from using the Add nested button to add nested entries.', + table: { defaultValue: { summary: 'false' } }, }, isOrDisabled: { - control: { - type: 'boolean', - }, + control: { type: 'boolean' }, description: - '`boolean` - set to true to disallow users from using the `OR` button to add multiple exception items within the builder.', - table: { - defaultValue: { - summary: false, - }, - }, - type: { - required: true, - }, + 'boolean - set to true to disallow users from using the OR button to add multiple exception items within the builder.', + table: { defaultValue: { summary: 'false' } }, }, listId: { - control: { - type: 'string', - }, - description: '`string` - the exception list id.', - type: { - required: true, - }, + control: { type: 'text' }, + description: 'string - the exception list id.', }, listNamespaceType: { - control: { - options: ['agnostic', 'single'], - type: 'select', - }, - description: '`NamespaceType` - Determines whether the list is global or space specific.', - type: { - required: true, - }, + control: { options: ['agnostic', 'single'], type: 'select' }, + description: 'NamespaceType - Determines whether the list is global or space specific.', }, listType: { - control: { - options: ['detection', 'endpoint'], - type: 'select', - }, - description: - '`ExceptionListType` - Depending on the list type, certain validations may apply.', - type: { - required: true, - }, + control: { options: ['detection', 'endpoint'], type: 'select' }, + description: 'ExceptionListType - Depending on the list type, certain validations may apply.', }, onChange: { description: - '`(arg: OnChangeProps) => void` - callback invoked any time builder update to propagate changes up to parent.', - type: { - required: true, - }, + '(arg: OnChangeProps) => void - callback invoked any time builder update to propagate changes up to parent.', }, ruleName: { - description: '`string` - name of the rule list is associated with.', - type: { - required: true, - }, + description: 'string - name of the rule list is associated with.', }, }, component: ExceptionBuilderComponent, - title: 'ExceptionBuilderComponent', -}; - -const BuilderTemplate: Story<ExceptionBuilderProps> = (args) => ( - <ExceptionBuilderComponent {...args} /> -); - -export const Default = BuilderTemplate.bind({}); -Default.args = { - allowLargeValueLists: true, - autocompleteService: mockAutocompleteService, - exceptionListItems: [], - httpService: mockHttpService, - indexPatterns: { fields, id: '1234', title: 'logstash-*' }, - isAndDisabled: false, - isNestedDisabled: false, - isOrDisabled: false, - listId: '1234', - listNamespaceType: 'single', - listType: 'detection', - onChange: (): OnChangeProps => ({ - errorExists: false, - exceptionItems: [], - exceptionsToDelete: [], - warningExists: false, - }), - ruleName: 'My awesome rule', -}; - -const sampleExceptionItem = { - ...getExceptionListItemSchemaMock(), - entries: [ - { ...getEntryMatchAnyMock(), field: getField('ip').name, value: ['some ip'] }, - { ...getEntryMatchMock(), field: getField('ssl').name, value: 'false' }, - { ...getEntryExistsMock(), field: getField('@timestamp').name }, + decorators: [ + ((Story) => ( + <EuiThemeProvider> + <Story /> + </EuiThemeProvider> + )) as Decorator, ], + title: 'ExceptionBuilderComponent', }; -const sampleNestedExceptionItem = { - ...getExceptionListItemSchemaMock(), - entries: [ - { ...getEntryMatchAnyMock(), field: getField('ip').name, value: ['some ip'] }, - { - ...getEntryNestedMock(), - entries: [ - { - ...getEntryMatchMock(), - field: 'child', - value: 'some nested value', - }, - ], - field: 'nestedField', - }, - ], +export default meta; +type Story = StoryObj<typeof ExceptionBuilderComponent>; + +export const Default: Story = { + args: { + allowLargeValueLists: true, + autocompleteService: mockAutocompleteService, + exceptionListItems: [], + httpService: mockHttpService, + indexPatterns: { fields, id: '1234', title: 'logstash-*' }, + isAndDisabled: false, + isNestedDisabled: false, + isOrDisabled: false, + listId: '1234', + listNamespaceType: 'single', + listType: 'detection', + onChange: (): OnChangeProps => ({ + errorExists: false, + exceptionItems: [], + exceptionsToDelete: [], + warningExists: false, + }), + ruleName: 'My awesome rule', + }, }; -const BuilderSingleExceptionItem: Story<ExceptionBuilderProps> = (args) => ( - <ExceptionBuilderComponent {...args} /> -); - -export const SingleExceptionItem = BuilderSingleExceptionItem.bind({}); -SingleExceptionItem.args = { - allowLargeValueLists: true, - autocompleteService: mockAutocompleteService, - exceptionListItems: [sampleExceptionItem], - httpService: mockHttpService, - indexPatterns: { fields, id: '1234', title: 'logstash-*' }, - isAndDisabled: false, - isNestedDisabled: false, - isOrDisabled: false, - listId: '1234', - listNamespaceType: 'single', - listType: 'detection', - onChange: (): OnChangeProps => ({ - errorExists: false, - exceptionItems: [sampleExceptionItem], - exceptionsToDelete: [], - warningExists: false, - }), - ruleName: 'My awesome rule', +export const SingleExceptionItem: Story = { + args: { + allowLargeValueLists: true, + autocompleteService: mockAutocompleteService, + exceptionListItems: [sampleExceptionItem], + httpService: mockHttpService, + indexPatterns: { fields, id: '1234', title: 'logstash-*' }, + isAndDisabled: false, + isNestedDisabled: false, + isOrDisabled: false, + listId: '1234', + listNamespaceType: 'single', + listType: 'detection', + onChange: (): OnChangeProps => ({ + errorExists: false, + exceptionItems: [sampleExceptionItem], + exceptionsToDelete: [], + warningExists: false, + }), + ruleName: 'My awesome rule', + }, }; -const BuilderMultiExceptionItems: Story<ExceptionBuilderProps> = (args) => ( - <ExceptionBuilderComponent {...args} /> -); - -export const MultiExceptionItems = BuilderMultiExceptionItems.bind({}); -MultiExceptionItems.args = { - allowLargeValueLists: true, - autocompleteService: mockAutocompleteService, - exceptionListItems: [sampleExceptionItem, sampleExceptionItem], - httpService: mockHttpService, - indexPatterns: { fields, id: '1234', title: 'logstash-*' }, - isAndDisabled: false, - isNestedDisabled: false, - isOrDisabled: false, - listId: '1234', - listNamespaceType: 'single', - listType: 'detection', - onChange: (): OnChangeProps => ({ - errorExists: false, - exceptionItems: [sampleExceptionItem, sampleExceptionItem], - exceptionsToDelete: [], - warningExists: false, - }), - ruleName: 'My awesome rule', +export const MultiExceptionItems: Story = { + args: { + allowLargeValueLists: true, + autocompleteService: mockAutocompleteService, + exceptionListItems: [sampleExceptionItem, sampleExceptionItem], + httpService: mockHttpService, + indexPatterns: { fields, id: '1234', title: 'logstash-*' }, + isAndDisabled: false, + isNestedDisabled: false, + isOrDisabled: false, + listId: '1234', + listNamespaceType: 'single', + listType: 'detection', + onChange: (): OnChangeProps => ({ + errorExists: false, + exceptionItems: [sampleExceptionItem, sampleExceptionItem], + exceptionsToDelete: [], + warningExists: false, + }), + ruleName: 'My awesome rule', + }, }; -const BuilderWithNested: Story<ExceptionBuilderProps> = (args) => ( - <ExceptionBuilderComponent {...args} /> -); - -export const WithNestedExceptionItem = BuilderWithNested.bind({}); -WithNestedExceptionItem.args = { - allowLargeValueLists: true, - autocompleteService: mockAutocompleteService, - exceptionListItems: [sampleNestedExceptionItem, sampleExceptionItem], - httpService: mockHttpService, - indexPatterns: { fields, id: '1234', title: 'logstash-*' }, - isAndDisabled: false, - isNestedDisabled: false, - isOrDisabled: false, - listId: '1234', - listNamespaceType: 'single', - listType: 'detection', - onChange: (): OnChangeProps => ({ - errorExists: false, - exceptionItems: [sampleNestedExceptionItem, sampleExceptionItem], - exceptionsToDelete: [], - warningExists: false, - }), - ruleName: 'My awesome rule', +export const WithNestedExceptionItem: Story = { + args: { + allowLargeValueLists: true, + autocompleteService: mockAutocompleteService, + exceptionListItems: [sampleNestedExceptionItem, sampleExceptionItem], + httpService: mockHttpService, + indexPatterns: { fields, id: '1234', title: 'logstash-*' }, + isAndDisabled: false, + isNestedDisabled: false, + isOrDisabled: false, + listId: '1234', + listNamespaceType: 'single', + listType: 'detection', + onChange: (): OnChangeProps => ({ + errorExists: false, + exceptionItems: [sampleNestedExceptionItem, sampleExceptionItem], + exceptionsToDelete: [], + warningExists: false, + }), + ruleName: 'My awesome rule', + }, }; diff --git a/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/entry_renderer.stories.tsx b/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/entry_renderer.stories.tsx index 2fbc89e719eb1..eb2070e2b71f1 100644 --- a/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/entry_renderer.stories.tsx +++ b/x-pack/solutions/security/plugins/lists/public/exceptions/components/builder/entry_renderer.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import React from 'react'; import { HttpStart } from '@kbn/core/public'; @@ -167,7 +167,7 @@ export default { title: 'BuilderEntryItem', }; -const BuilderEntryItemTemplate: Story<EntryItemProps> = (args) => <BuilderEntryItem {...args} />; +const BuilderEntryItemTemplate: StoryFn<EntryItemProps> = (args) => <BuilderEntryItem {...args} />; export const Default = BuilderEntryItemTemplate.bind({}); Default.args = { diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/conditions_table/index.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/conditions_table/index.stories.tsx index 61451cf5a91d9..935ddf63ab53c 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/conditions_table/index.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/conditions_table/index.stories.tsx @@ -7,23 +7,38 @@ import React from 'react'; import { ThemeProvider } from 'styled-components'; -import { storiesOf, addDecorator } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { euiLightVars } from '@kbn/ui-theme'; import { createItems, TEST_COLUMNS } from './test_utils'; import { ConditionsTable } from '.'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); +const meta: Meta<typeof ConditionsTable> = { + title: 'Components/ConditionsTable', + component: ConditionsTable, + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], +}; -storiesOf('Components/ConditionsTable', module) - .add('single item', () => { - return <ConditionsTable items={createItems(1)} columns={TEST_COLUMNS} badge="and" />; - }) - .add('and', () => { - return <ConditionsTable items={createItems(3)} columns={TEST_COLUMNS} badge="and" />; - }) - .add('or', () => { - return <ConditionsTable items={createItems(3)} columns={TEST_COLUMNS} badge="or" />; - }); +export default meta; +type Story = StoryObj<typeof ConditionsTable>; + +export const SingleItem: Story = { + name: 'single item', + render: () => <ConditionsTable items={createItems(1)} columns={TEST_COLUMNS} badge="and" />, +}; + +export const And: Story = { + name: 'and', + render: () => <ConditionsTable items={createItems(3)} columns={TEST_COLUMNS} badge="and" />, +}; + +export const Or: Story = { + name: 'or', + render: () => <ConditionsTable items={createItems(3)} columns={TEST_COLUMNS} badge="or" />, +}; diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/item_details_card/index.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/item_details_card/index.stories.tsx index 38f08698e5428..932bdafe0f9ee 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/item_details_card/index.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/item_details_card/index.stories.tsx @@ -6,18 +6,29 @@ */ import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; import { ThemeProvider } from 'styled-components'; -import { storiesOf, addDecorator } from '@storybook/react'; import { euiLightVars } from '@kbn/ui-theme'; import { ItemDetailsAction, ItemDetailsCard, ItemDetailsPropertySummary } from '.'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); +const meta: Meta<typeof ItemDetailsCard> = { + title: 'Components/ItemDetailsCard', + component: ItemDetailsCard, + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], +}; -storiesOf('Components/ItemDetailsCard', module).add('default', () => { - return ( +export default meta; +type Story = StoryObj<typeof ItemDetailsCard>; + +export const Default: Story = { + render: () => ( <ItemDetailsCard> <ItemDetailsPropertySummary name={'property 1'} value={'value 1'} /> <ItemDetailsPropertySummary name={'property 2'} value={'value 2'} /> @@ -36,5 +47,5 @@ storiesOf('Components/ItemDetailsCard', module).add('default', () => { {'danger'} </ItemDetailsAction> </ItemDetailsCard> - ); -}); + ), +}; diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/text_field_value/index.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/text_field_value/index.stories.tsx index 3e0cc2d34ce1a..f319fdb74d301 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/text_field_value/index.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/text_field_value/index.stories.tsx @@ -6,24 +6,59 @@ */ import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; import { ThemeProvider } from 'styled-components'; -import { storiesOf, addDecorator } from '@storybook/react'; import { euiLightVars } from '@kbn/ui-theme'; import { TextFieldValue } from '.'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); - const longText = [...new Array(20).keys()].map((i) => ` super long text part ${i}`).join(' '); -storiesOf('Components/TextFieldValue', module) - .add('short text, no limit', () => <TextFieldValue fieldName="Field name" value="Small value" />) - .add('short text, with limit', () => ( - <TextFieldValue fieldName="Field name" value="Small value" maxLength={100} /> - )) - .add('long text, no limit', () => <TextFieldValue fieldName="Field name" value={longText} />) - .add('long text, with limit', () => ( - <TextFieldValue fieldName="Field name" value={longText} maxLength={100} /> - )); +const meta: Meta<typeof TextFieldValue> = { + title: 'Components/TextFieldValue', + component: TextFieldValue, + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], +}; + +export default meta; +type Story = StoryObj<typeof TextFieldValue>; + +export const ShortTextNoLimit: Story = { + name: 'short text, no limit', + args: { + fieldName: 'Field name', + value: 'Small value', + }, +}; + +export const ShortTextWithLimit: Story = { + name: 'short text, with limit', + args: { + fieldName: 'Field name', + value: 'Small value', + maxLength: 100, + }, +}; + +export const LongTextNoLimit: Story = { + name: 'long text, no limit', + args: { + fieldName: 'Field name', + value: longText, + }, +}; + +export const LongTextWithLimit: Story = { + name: 'long text, with limit', + args: { + fieldName: 'Field name', + value: longText, + maxLength: 100, + }, +}; diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/threat_match/logic_buttons.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/threat_match/logic_buttons.stories.tsx index 32145412823ec..122f522ba1731 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/threat_match/logic_buttons.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/threat_match/logic_buttons.stories.tsx @@ -5,46 +5,55 @@ * 2.0. */ -import { storiesOf, addDecorator } from '@storybook/react'; -import { action } from '@storybook/addon-actions'; import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; import { ThemeProvider } from 'styled-components'; import { euiLightVars } from '@kbn/ui-theme'; import { LogicButtons } from './logic_buttons'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); +const meta: Meta<typeof LogicButtons> = { + title: 'ThreatMatching/LogicButtons', + component: LogicButtons, + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], +}; + +export default meta; +type Story = StoryObj<typeof LogicButtons>; + +export const AndOrButtons: Story = { + name: 'and/or buttons', + args: { + isAndDisabled: false, + isOrDisabled: false, + onOrClicked: action('onClick'), + onAndClicked: action('onClick'), + }, +}; + +export const AndDisabled: Story = { + name: 'and disabled', + args: { + isAndDisabled: true, + isOrDisabled: false, + onOrClicked: action('onClick'), + onAndClicked: action('onClick'), + }, +}; -storiesOf('ThreatMatching|LogicButtons', module) - .add('and/or buttons', () => { - return ( - <LogicButtons - isAndDisabled={false} - isOrDisabled={false} - onOrClicked={action('onClick')} - onAndClicked={action('onClick')} - /> - ); - }) - .add('and disabled', () => { - return ( - <LogicButtons - isAndDisabled - isOrDisabled={false} - onOrClicked={action('onClick')} - onAndClicked={action('onClick')} - /> - ); - }) - .add('or disabled', () => { - return ( - <LogicButtons - isAndDisabled={false} - isOrDisabled - onOrClicked={action('onClick')} - onAndClicked={action('onClick')} - /> - ); - }); +export const OrDisabled: Story = { + name: 'or disabled', + args: { + isAndDisabled: false, + isOrDisabled: true, + onOrClicked: action('onClick'), + onAndClicked: action('onClick'), + }, +}; diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/json_diff/diff_view.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/json_diff/diff_view.stories.tsx index 2e2e2dbb0895b..76552d7576f70 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/json_diff/diff_view.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/json_diff/diff_view.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import type { DiffViewProps } from './diff_view'; import { DiffView } from './diff_view'; import { DiffMethod } from './mark_edits'; @@ -39,7 +39,7 @@ export default { }, }; -const Template: Story<DiffViewProps> = ({ oldSource, newSource, diffMethod, zip }) => { +const Template: StoryFn<DiffViewProps> = ({ oldSource, newSource, diffMethod, zip }) => { return ( <DiffView oldSource={oldSource} diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/three_way_diff/comparison_side/field_comparison_side.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/three_way_diff/comparison_side/field_comparison_side.stories.tsx index 004b7ff25670b..62ea4fd7f00d0 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/three_way_diff/comparison_side/field_comparison_side.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/three_way_diff/comparison_side/field_comparison_side.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { FieldComparisonSide } from './field_comparison_side'; import type { ThreeWayDiff, @@ -44,7 +44,7 @@ interface TemplateProps<FieldName extends keyof DiffableAllFields> { resolvedValue?: DiffableAllFields[FieldName]; } -const Template: Story<TemplateProps<keyof DiffableAllFields>> = () => { +const Template: StoryFn<TemplateProps<keyof DiffableAllFields>> = () => { return <FieldComparisonSide />; }; diff --git a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality/asset_criticality_selector.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality/asset_criticality_selector.stories.tsx index 860a75609cf9c..bda4d3e35eb89 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality/asset_criticality_selector.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality/asset_criticality_selector.stories.tsx @@ -5,8 +5,7 @@ * 2.0. */ -import type { Story } from '@storybook/react'; -import { addDecorator } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { ThemeProvider } from 'styled-components'; import { euiLightVars } from '@kbn/ui-theme'; @@ -17,9 +16,6 @@ import { StorybookProviders } from '../../../common/mock/storybook_providers'; import { AssetCriticalitySelector } from './asset_criticality_selector'; import type { State } from './use_asset_criticality'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); const criticality = { status: 'create', query: {}, @@ -32,13 +28,23 @@ const criticalityLoading = { query: { isLoading: true }, } as State; -export default { +const meta: Meta<typeof AssetCriticalitySelector> = { component: AssetCriticalitySelector, title: 'Components/AssetCriticalitySelector', + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], }; -export const Default: Story<void> = () => { - return ( +export default meta; +type Story = StoryObj<typeof AssetCriticalitySelector>; + +export const Default: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '300px' }}> @@ -49,11 +55,11 @@ export const Default: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; -export const Compressed: Story<void> = () => { - return ( +export const Compressed: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '300px' }}> @@ -65,11 +71,11 @@ export const Compressed: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; -export const Loading: Story<void> = () => { - return ( +export const Loading: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '300px' }}> @@ -80,5 +86,5 @@ export const Loading: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; diff --git a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality_file_uploader/asset_criticality_file_uploader.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality_file_uploader/asset_criticality_file_uploader.stories.tsx index dd4547a2f774b..c5d0432f528fd 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality_file_uploader/asset_criticality_file_uploader.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/asset_criticality_file_uploader/asset_criticality_file_uploader.stories.tsx @@ -5,9 +5,8 @@ * 2.0. */ -import type { Story } from '@storybook/react'; -import { addDecorator } from '@storybook/react'; import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; import { ThemeProvider } from 'styled-components'; import { euiLightVars } from '@kbn/ui-theme'; import { TestProvider } from '@kbn/expandable-flyout/src/test/provider'; @@ -18,20 +17,26 @@ import { AssetCriticalityResultStep } from './components/result_step'; import { AssetCriticalityValidationStep } from './components/validation_step'; import { AssetCriticalityFilePickerStep } from './components/file_picker_step'; -addDecorator((storyFn) => ( - <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}>{storyFn()}</ThemeProvider> -)); - const validLinesAsText = `user,user-001,low_impact\nuser-002,medium_impact\nuser,user-003,medium_impact\nhost,host-001,extreme_impact\nhost,host-002,extreme_impact\nservice,service-001,extreme_impact`; const invalidLinesAsText = `user,user-001,wow_impact\ntest,user-002,medium_impact\nuser,user-003,medium_impact,extra_column`; -export default { +const meta: Meta<typeof AssetCriticalityFileUploader> = { component: AssetCriticalityFileUploader, title: 'Entity Analytics/AssetCriticalityFileUploader', + decorators: [ + (Story) => ( + <ThemeProvider theme={() => ({ eui: euiLightVars, darkMode: false })}> + <Story /> + </ThemeProvider> + ), + ], }; -export const Default: Story<void> = () => { - return ( +export default meta; +type Story = StoryObj<typeof AssetCriticalityFileUploader>; + +export const Default: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '800px' }}> @@ -41,11 +46,11 @@ export const Default: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; -export const FilePickerStep: Story<void> = () => { - return ( +export const FilePickerStep: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '800px' }}> @@ -70,11 +75,11 @@ export const FilePickerStep: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; -export const ValidationStep: Story<void> = () => { - return ( +export const ValidationStep: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '800px' }}> @@ -155,11 +160,11 @@ export const ValidationStep: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; -export const ResultsStep: Story<void> = () => { - return ( +export const ResultsStep: Story = { + render: () => ( <StorybookProviders> <TestProvider> <div style={{ maxWidth: '800px' }}> @@ -219,5 +224,5 @@ export const ResultsStep: Story<void> = () => { </div> </TestProvider> </StorybookProviders> - ); + ), }; diff --git a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/risk_summary_flyout/risk_summary.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/risk_summary_flyout/risk_summary.stories.tsx index d2e6f2d937ab0..201f1d635b3a4 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/risk_summary_flyout/risk_summary.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/risk_summary_flyout/risk_summary.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { TestProvider } from '@kbn/expandable-flyout/src/test/provider'; import { EntityType } from '../../../../common/search_strategy'; import { StorybookProviders } from '../../../common/mock/storybook_providers'; @@ -18,7 +18,7 @@ export default { title: 'Components/FlyoutRiskSummary', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return ( <StorybookProviders> <TestProvider> @@ -37,7 +37,7 @@ export const Default: Story<void> = () => { ); }; -export const LinkEnabledInPreviewMode: Story<void> = () => { +export const LinkEnabledInPreviewMode: StoryFn = () => { return ( <StorybookProviders> <TestProvider> @@ -57,7 +57,7 @@ export const LinkEnabledInPreviewMode: Story<void> = () => { ); }; -export const LinkDisabled: Story<void> = () => { +export const LinkDisabled: StoryFn = () => { return ( <StorybookProviders> <TestProvider> diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/expandable_section.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/expandable_section.stories.tsx index bb315fe04ac2e..9080869ae45ca 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/expandable_section.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/expandable_section.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { ExpandableSection } from './expandable_section'; const title = <p>{'title'}</p>; @@ -17,7 +17,7 @@ export default { title: 'Flyout/ExpandableSection', }; -export const Expand: Story<void> = () => { +export const Expand: StoryFn = () => { return ( <ExpandableSection expanded={false} title={title}> {children} @@ -25,7 +25,7 @@ export const Expand: Story<void> = () => { ); }; -export const Collapse: Story<void> = () => { +export const Collapse: StoryFn = () => { return ( <ExpandableSection expanded={true} title={title}> {children} diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/expandable_panel.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/expandable_panel.stories.tsx index 8b76ffd65ad3c..6be00f1fe8fd6 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/expandable_panel.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/expandable_panel.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiIcon } from '@elastic/eui'; import { ExpandablePanel } from './expandable_panel'; @@ -25,16 +25,16 @@ const headerContent = <EuiIcon type="expand" />; const children = <p>{'test content'}</p>; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return <ExpandablePanel {...defaultProps}>{children}</ExpandablePanel>; }; -export const DefaultWithoutIcon: Story<void> = () => { +export const DefaultWithoutIcon: StoryFn = () => { const props = { header: { title: 'title' } }; return <ExpandablePanel {...props}>{children}</ExpandablePanel>; }; -export const DefaultWithHeaderContent: Story<void> = () => { +export const DefaultWithHeaderContent: StoryFn = () => { const props = { ...defaultProps, header: { ...defaultProps.header, headerContent }, @@ -42,7 +42,7 @@ export const DefaultWithHeaderContent: Story<void> = () => { return <ExpandablePanel {...props}>{children}</ExpandablePanel>; }; -export const Expandable: Story<void> = () => { +export const Expandable: StoryFn = () => { const props = { ...defaultProps, expand: { expandable: true }, @@ -50,7 +50,7 @@ export const Expandable: Story<void> = () => { return <ExpandablePanel {...props}>{children}</ExpandablePanel>; }; -export const ExpandableDefaultOpen: Story<void> = () => { +export const ExpandableDefaultOpen: StoryFn = () => { const props = { ...defaultProps, expand: { expandable: true, expandedOnFirstRender: true }, @@ -58,11 +58,11 @@ export const ExpandableDefaultOpen: Story<void> = () => { return <ExpandablePanel {...props}>{children}</ExpandablePanel>; }; -export const EmptyDefault: Story<void> = () => { +export const EmptyDefault: StoryFn = () => { return <ExpandablePanel {...defaultProps} />; }; -export const EmptyDefaultExpanded: Story<void> = () => { +export const EmptyDefaultExpanded: StoryFn = () => { const props = { ...defaultProps, expand: { expandable: true }, diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_error.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_error.stories.tsx index abb5388d6ff97..472a90c63a25d 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_error.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_error.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { FlyoutError } from './flyout_error'; export default { @@ -14,6 +14,6 @@ export default { title: 'Flyout/FlyoutError', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return <FlyoutError />; }; diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_loading.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_loading.stories.tsx index 1328fcfa92dd1..c8addf6d7c215 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_loading.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_loading.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { FlyoutLoading } from './flyout_loading'; export default { @@ -14,6 +14,6 @@ export default { title: 'Flyout/FlyoutLoading', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return <FlyoutLoading />; }; diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_navigation.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_navigation.stories.tsx index ec9c4a65089f2..092d5a0bdda5d 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_navigation.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_navigation.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiButtonIcon } from '@elastic/eui'; import { TestProvider } from '@kbn/expandable-flyout/src/test/provider'; import { FlyoutNavigation } from './flyout_navigation'; @@ -18,7 +18,7 @@ export default { title: 'Flyout/Navigation', }; -export const Expand: Story<void> = () => { +export const Expand: StoryFn = () => { return ( <TestProvider> <FlyoutNavigation flyoutIsExpandable={true} expandDetails={expandDetails} /> @@ -26,14 +26,14 @@ export const Expand: Story<void> = () => { ); }; -export const Collapse: Story<void> = () => { +export const Collapse: StoryFn = () => { return ( <TestProvider> <FlyoutNavigation flyoutIsExpandable={true} expandDetails={expandDetails} /> </TestProvider> ); }; -export const CollapsableWithAction: Story<void> = () => { +export const CollapsableWithAction: StoryFn = () => { return ( <TestProvider> <FlyoutNavigation @@ -45,7 +45,7 @@ export const CollapsableWithAction: Story<void> = () => { ); }; -export const NonCollapsableWithAction: Story<void> = () => { +export const NonCollapsableWithAction: StoryFn = () => { return ( <TestProvider> <FlyoutNavigation flyoutIsExpandable={false} actions={<EuiButtonIcon iconType="share" />} /> @@ -53,7 +53,7 @@ export const NonCollapsableWithAction: Story<void> = () => { ); }; -export const Empty: Story<void> = () => { +export const Empty: StoryFn = () => { return ( <TestProvider> <FlyoutNavigation flyoutIsExpandable={false} /> diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.stories.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.stories.tsx index 867430167a349..e6d67f4d3c3f1 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.stories.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiLink } from '@elastic/eui'; import styled from '@emotion/styled'; import { FlyoutTitle } from './flyout_title'; @@ -24,7 +24,7 @@ export default { title: 'Flyout/Title', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return ( <FixWidthWrapper> <FlyoutTitle title={'Title'} iconType={'warning'} data-test-subj={'test-title'} /> @@ -32,7 +32,7 @@ export const Default: Story<void> = () => { ); }; -export const WithoutIcon: Story<void> = () => { +export const WithoutIcon: StoryFn = () => { return ( <FixWidthWrapper> <FlyoutTitle title={'Title'} data-test-subj={'test-title'} /> @@ -40,7 +40,7 @@ export const WithoutIcon: Story<void> = () => { ); }; -export const MultipleLines: Story<void> = () => { +export const MultipleLines: StoryFn = () => { return ( <FixWidthWrapper> <FlyoutTitle @@ -52,7 +52,7 @@ export const MultipleLines: Story<void> = () => { ); }; -export const MoreThanThreeLines: Story<void> = () => { +export const MoreThanThreeLines: StoryFn = () => { return ( <FixWidthWrapper> <FlyoutTitle @@ -66,7 +66,7 @@ export const MoreThanThreeLines: Story<void> = () => { ); }; -export const TitleInLink: Story<void> = () => { +export const TitleInLink: StoryFn = () => { return ( <FixWidthLinkWrapper> <FlyoutTitle title={'Title'} iconType={'warning'} data-test-subj={'test-title'} isLink /> @@ -74,7 +74,7 @@ export const TitleInLink: Story<void> = () => { ); }; -export const MultipleLinesInLink: Story<void> = () => { +export const MultipleLinesInLink: StoryFn = () => { return ( <FixWidthLinkWrapper> <FlyoutTitle @@ -87,7 +87,7 @@ export const MultipleLinesInLink: Story<void> = () => { ); }; -export const MoreThanThreeLinesInLink: Story<void> = () => { +export const MoreThanThreeLinesInLink: StoryFn = () => { return ( <FixWidthLinkWrapper> <FlyoutTitle diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/components/layout.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/components/layout.stories.tsx index b488e3ec88848..c90059ec27942 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/components/layout.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/components/layout.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiText } from '@elastic/eui'; import { DefaultPageLayout } from './layout'; import { StoryProvidersComponent } from '../mocks/story_providers'; @@ -16,7 +16,7 @@ export default { component: DefaultPageLayout, }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const title = 'Title with border below'; const children = <EuiText>Content with border above</EuiText>; @@ -27,7 +27,7 @@ export const Default: Story<void> = () => { ); }; -export const NoBorder: Story<void> = () => { +export const NoBorder: StoryFn = () => { const title = 'Title without border'; const border = false; const children = <EuiText>Content without border</EuiText>; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/block_list/components/add_to_block_list.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/block_list/components/add_to_block_list.stories.tsx index 2fa928fb26fc1..4ad45d94a935e 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/block_list/components/add_to_block_list.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/block_list/components/add_to_block_list.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel } from '@elastic/eui'; import { SecuritySolutionContext } from '../../../containers/security_solution_context'; import { SecuritySolutionPluginContext } from '../../..'; @@ -18,7 +18,7 @@ export default { title: 'AddToBlocklist', }; -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const mockSecurityContext: SecuritySolutionPluginContext = getSecuritySolutionContextMock(); const mockIndicatorFileHashValue: string = 'abc'; @@ -36,7 +36,7 @@ export const ContextMenu: Story<void> = () => { ); }; -export const Disabled: Story<void> = () => { +export const Disabled: StoryFn = () => { const mockSecurityContext: SecuritySolutionPluginContext = getSecuritySolutionContextMock(); mockSecurityContext.blockList.canWriteBlocklist = false; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_existing_case.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_existing_case.stories.tsx index 17ca640444edf..558ca599d7fe2 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_existing_case.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_existing_case.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel } from '@elastic/eui'; import { StoryProvidersComponent } from '../../../mocks/story_providers'; import { generateMockUrlIndicator } from '../../../../common/types/indicator'; @@ -18,7 +18,7 @@ export default { const mockIndicator = generateMockUrlIndicator(); -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const items = [ <AddToExistingCase indicator={mockIndicator} onClick={() => window.alert('Clicked')} />, ]; @@ -30,7 +30,7 @@ export const Default: Story<void> = () => { ); }; -export const Disabled: Story<void> = () => { +export const Disabled: StoryFn = () => { const fields = { ...mockIndicator.fields }; delete fields['threat.indicator.name']; const mockIndicatorMissingName = { diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_new_case.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_new_case.stories.tsx index 268c0717d3a6e..af9f83ec8e911 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_new_case.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/add_to_new_case.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel } from '@elastic/eui'; import { AddToNewCase } from './add_to_new_case'; import { StoryProvidersComponent } from '../../../mocks/story_providers'; @@ -18,7 +18,7 @@ export default { const mockIndicator = generateMockUrlIndicator(); -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const items = [ <AddToNewCase indicator={mockIndicator} onClick={() => window.alert('Clicked')} />, ]; @@ -30,7 +30,7 @@ export const Default: Story<void> = () => { ); }; -export const Disabled: Story<void> = () => { +export const Disabled: StoryFn = () => { const fields = { ...mockIndicator.fields }; delete fields['threat.indicator.name']; const mockIndicatorMissingName = { diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/comment_children.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/comment_children.stories.tsx index a532c60ef4b81..9d410aedba354 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/comment_children.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/cases/components/comment_children.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { of } from 'rxjs'; import type { IKibanaSearchResponse } from '@kbn/search-types'; import { generateMockFileIndicator } from '../../../../common/types/indicator'; @@ -18,7 +18,7 @@ export default { title: 'CommentChildren', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const id: string = '123'; const metadata: AttachmentMetadata = { indicatorName: 'indicatorName', @@ -50,7 +50,7 @@ export const Default: Story<void> = () => { ); }; -export const Loading: Story<void> = () => { +export const Loading: StoryFn = () => { const id: string = '123'; const metadata: AttachmentMetadata = { indicatorName: 'indicatorName', diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/barchart.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/barchart.stories.tsx index 244aa8ec8dea3..ee8be3946abd2 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/barchart.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/barchart.stories.tsx @@ -7,7 +7,7 @@ import moment from 'moment'; import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { TimeRangeBounds } from '@kbn/data-plugin/common'; import { StoryProvidersComponent } from '../../../../mocks/story_providers'; import { mockKibanaTimelinesService } from '../../../../mocks/mock_kibana_timelines_service'; @@ -62,19 +62,19 @@ export default { title: 'IndicatorsBarChart', }; -export const Default: Story<void> = () => ( +export const Default: StoryFn = () => ( <StoryProvidersComponent kibana={{ timelines: mockKibanaTimelinesService }}> <IndicatorsBarChart indicators={mockIndicators} field={mockField} dateRange={mockDateRange} /> </StoryProvidersComponent> ); -export const NoData: Story<void> = () => ( +export const NoData: StoryFn = () => ( <StoryProvidersComponent kibana={{ timelines: mockKibanaTimelinesService }}> <IndicatorsBarChart indicators={[]} field={mockField} dateRange={mockDateRange} /> </StoryProvidersComponent> ); -export const CustomHeight: Story<void> = () => { +export const CustomHeight: StoryFn = () => { const mockHeight = '500px'; return ( diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/field_selector.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/field_selector.stories.tsx index 494c90cd4a711..f8f9bbf513422 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/field_selector.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/field_selector.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiComboBoxOptionOption } from '@elastic/eui'; import { RawIndicatorFieldId } from '../../../../../common/types/indicator'; import { IndicatorsFieldSelector } from './field_selector'; @@ -16,7 +16,7 @@ export default { title: 'IndicatorsFieldSelector', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return ( <IndicatorsFieldSelector valueChange={({ label }: EuiComboBoxOptionOption<string>) => @@ -26,7 +26,7 @@ export const Default: Story<void> = () => { ); }; -export const WithDefaultValue: Story<void> = () => { +export const WithDefaultValue: StoryFn = () => { return ( <IndicatorsFieldSelector valueChange={({ label }: EuiComboBoxOptionOption<string>) => @@ -37,6 +37,6 @@ export const WithDefaultValue: Story<void> = () => { ); }; -export const NoData: Story<void> = () => { +export const NoData: StoryFn = () => { return <IndicatorsFieldSelector valueChange={() => {}} />; }; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/wrapper.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/wrapper.stories.tsx index 4c7cbdf8fa258..a546005c0c72a 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/wrapper.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/barchart/wrapper.stories.tsx @@ -9,7 +9,7 @@ import moment from 'moment'; import React from 'react'; import { MemoryRouter } from 'react-router-dom'; import { of } from 'rxjs'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { TimeRange } from '@kbn/es-query'; import { DataPublicPluginStart } from '@kbn/data-plugin/public'; import { IUiSettingsClient } from '@kbn/core/public'; @@ -108,7 +108,7 @@ const mockOnFieldChange = function (value: EuiComboBoxOptionOption<string>): voi window.alert(value.label); }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return ( <StoryProvidersComponent kibana={{ @@ -131,7 +131,7 @@ export const Default: Story<void> = () => { Default.decorators = [(story) => <MemoryRouter>{story()}</MemoryRouter>]; -export const InitialLoad: Story<void> = () => { +export const InitialLoad: StoryFn = () => { return ( <StoryProvidersComponent kibana={{ @@ -156,7 +156,7 @@ export const InitialLoad: Story<void> = () => { InitialLoad.decorators = [(story) => <MemoryRouter>{story()}</MemoryRouter>]; -export const UpdatingData: Story<void> = () => { +export const UpdatingData: StoryFn = () => { const mockIndicators: ChartSeries[] = [ { x: '1 Jan 2022 06:00:00 GMT', diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/copy_to_clipboard.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/copy_to_clipboard.stories.tsx index af79670a72419..72dcea4eb4b5f 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/copy_to_clipboard.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/copy_to_clipboard.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel } from '@elastic/eui'; import { CopyToClipboardButtonEmpty, @@ -20,16 +20,16 @@ export default { const mockValue: string = 'Text copied!'; -export const ButtonEmpty: Story<void> = () => { +export const ButtonEmpty: StoryFn = () => { return <CopyToClipboardButtonEmpty value={mockValue} />; }; -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const items = [<CopyToClipboardContextMenu value={mockValue} />]; return <EuiContextMenuPanel items={items} />; }; -export const ButtonIcon: Story<void> = () => { +export const ButtonIcon: StoryFn = () => { return <CopyToClipboardButtonIcon value={mockValue} />; }; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/tlp_badge.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/tlp_badge.stories.tsx index dd70fd29ee861..443823c34de44 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/tlp_badge.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/common/tlp_badge.stories.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import React from 'react'; import { TLPBadge, TLPBadgeProps } from './tlp_badge'; @@ -14,7 +14,7 @@ export default { title: 'TLPBadge', }; -const Template: ComponentStory<typeof TLPBadge> = (args: TLPBadgeProps) => <TLPBadge {...args} />; +const Template: StoryObj<typeof TLPBadge> = (args: TLPBadgeProps) => <TLPBadge {...args} />; export const Red = Template.bind({}); Red.args = { diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/empty_prompt.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/empty_prompt.stories.tsx index 51105b8dcb3cd..a971bc194f22b 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/empty_prompt.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/empty_prompt.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { StoryProvidersComponent } from '../../../../mocks/story_providers'; import { IndicatorEmptyPrompt } from './empty_prompt'; @@ -15,7 +15,7 @@ export default { title: 'IndicatorEmptyPrompt', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { return ( <StoryProvidersComponent> <IndicatorEmptyPrompt /> diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/flyout.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/flyout.stories.tsx index d04284778a442..7be6a80f87972 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/flyout.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/flyout.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { StoryProvidersComponent } from '../../../../mocks/story_providers'; import { generateMockIndicator, Indicator } from '../../../../../common/types/indicator'; import { IndicatorsFlyout } from './flyout'; @@ -16,7 +16,7 @@ export default { title: 'IndicatorsFlyout', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); return ( @@ -29,7 +29,7 @@ export const Default: Story<void> = () => { ); }; -export const EmptyIndicator: Story<void> = () => { +export const EmptyIndicator: StoryFn = () => { return ( <StoryProvidersComponent> <IndicatorsFlyout diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/indicator_value_actions.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/indicator_value_actions.stories.tsx index dea89e7e84ddb..80e1a8f2f9ef1 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/indicator_value_actions.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/indicator_value_actions.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { StoryProvidersComponent } from '../../../../mocks/story_providers'; import { generateMockFileIndicator, Indicator } from '../../../../../common/types/indicator'; import { IndicatorValueActions } from './indicator_value_actions'; @@ -19,7 +19,7 @@ export default { const indicator: Indicator = generateMockFileIndicator(); const field: string = 'threat.indicator.name'; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const context = { kqlBarIntegration: true, }; @@ -32,7 +32,7 @@ export const Default: Story<void> = () => { ); }; -export const WithoutFilterInOut: Story<void> = () => { +export const WithoutFilterInOut: StoryFn = () => { const context = { kqlBarIntegration: false, }; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/json_tab.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/json_tab.stories.tsx index fe192d2c0fc9b..7f05166622ad4 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/json_tab.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/json_tab.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { generateMockIndicator, Indicator } from '../../../../../common/types/indicator'; import { IndicatorsFlyoutJson } from './json_tab'; @@ -15,12 +15,12 @@ export default { title: 'IndicatorsFlyoutJson', }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); return <IndicatorsFlyoutJson indicator={mockIndicator} />; }; -export const EmptyIndicator: Story<void> = () => { +export const EmptyIndicator: StoryFn = () => { return <IndicatorsFlyoutJson indicator={{} as unknown as Indicator} />; }; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/overview_tab.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/overview_tab.stories.tsx index 1d4664e0bc878..413c4dd42cc10 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/overview_tab.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/overview_tab.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { StoryProvidersComponent } from '../../../../mocks/story_providers'; import { generateMockIndicator, Indicator } from '../../../../../common/types/indicator'; import { IndicatorsFlyoutOverview } from './overview_tab'; @@ -24,7 +24,7 @@ export default { }, }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const context = { kqlBarIntegration: false, diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/table_tab.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/table_tab.stories.tsx index 7f397ee4884f0..ba3e07d264e44 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/table_tab.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/flyout/table_tab.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; import { mockIndicatorsFiltersContext } from '../../../../mocks/mock_indicators_filters_context'; @@ -25,7 +25,7 @@ const context = { kqlBarIntegration: false, }; -export const Default: Story<void> = () => { +export const Default: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const KibanaReactContext = createKibanaReactContext({ uiSettings: mockUiSettingsService(), @@ -43,7 +43,7 @@ export const Default: Story<void> = () => { ); }; -export const EmptyIndicator: Story<void> = () => { +export const EmptyIndicator: StoryFn = () => { return ( <IndicatorsFlyoutContext.Provider value={context}> <IndicatorsFlyoutTable indicator={{ fields: {} } as unknown as Indicator} /> diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/table/open_flyout_button.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/table/open_flyout_button.stories.tsx index 9fb20f6f12c7b..21a45b4bd45a9 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/table/open_flyout_button.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/indicators/components/table/open_flyout_button.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { ComponentStory } from '@storybook/react'; +import type { StoryObj } from '@storybook/react'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; import { mockUiSettingsService } from '../../../../mocks/mock_kibana_ui_settings_service'; import { generateMockIndicator, Indicator } from '../../../../../common/types/indicator'; @@ -30,7 +30,7 @@ const mockIndicator: Indicator = generateMockIndicator(); const KibanaReactContext = createKibanaReactContext({ uiSettings: mockUiSettingsService() }); -const Template: ComponentStory<typeof OpenIndicatorFlyoutButton> = (args) => { +const Template: StoryObj<typeof OpenIndicatorFlyoutButton> = (args) => { return ( <KibanaReactContext.Provider> <OpenIndicatorFlyoutButton {...args} /> diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_in.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_in.stories.tsx index e70fd9aaf0f4b..a1cc4ca6bb3fb 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_in.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_in.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel, EuiDataGrid, EuiDataGridColumn } from '@elastic/eui'; import { EuiDataGridColumnVisibility } from '@elastic/eui/src/components/datagrid/data_grid_types'; import { mockIndicatorsFiltersContext } from '../../../mocks/mock_indicators_filters_context'; @@ -18,7 +18,7 @@ export default { title: 'FilterIn', }; -export const ButtonIcon: Story<void> = () => { +export const ButtonIcon: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; @@ -29,7 +29,7 @@ export const ButtonIcon: Story<void> = () => { ); }; -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; const items = [<FilterInContextMenu data={mockIndicator} field={mockField} />]; @@ -41,7 +41,7 @@ export const ContextMenu: Story<void> = () => { ); }; -export const DataGrid: Story<void> = () => { +export const DataGrid: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; const columnId: string = '1'; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_out.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_out.stories.tsx index a88b9c7fe61f6..3dfac44efa210 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_out.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/query_bar/components/filter_out.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel, EuiDataGrid, EuiDataGridColumn } from '@elastic/eui'; import { EuiDataGridColumnVisibility } from '@elastic/eui/src/components/datagrid/data_grid_types'; import { mockIndicatorsFiltersContext } from '../../../mocks/mock_indicators_filters_context'; @@ -18,7 +18,7 @@ export default { title: 'FilterOut', }; -export const ButtonIcon: Story<void> = () => { +export const ButtonIcon: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; @@ -29,7 +29,7 @@ export const ButtonIcon: Story<void> = () => { ); }; -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; const items = [<FilterOutContextMenu data={mockIndicator} field={mockField} />]; @@ -41,7 +41,7 @@ export const ContextMenu: Story<void> = () => { ); }; -export const DataGrid: Story<void> = () => { +export const DataGrid: StoryFn = () => { const mockIndicator: Indicator = generateMockIndicator(); const mockField: string = 'threat.feed.name'; const columnId: string = '1'; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/add_to_timeline.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/add_to_timeline.stories.tsx index c1f45478b5e24..4ed72a236ab3c 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/add_to_timeline.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/add_to_timeline.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { CoreStart } from '@kbn/core/public'; import { createKibanaReactContext } from '@kbn/kibana-react-plugin/public'; import { EuiContextMenuPanel } from '@elastic/eui'; @@ -24,7 +24,7 @@ const KibanaReactContext = createKibanaReactContext({ timelines: mockKibanaTimelinesService, } as unknown as CoreStart); -export const ButtonIcon: Story<void> = () => { +export const ButtonIcon: StoryFn = () => { const mockData: Indicator = generateMockIndicator(); return ( @@ -34,7 +34,7 @@ export const ButtonIcon: Story<void> = () => { ); }; -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const mockData: Indicator = generateMockIndicator(); const items = [<AddToTimelineContextMenu data={mockData} field={mockField} />]; diff --git a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/investigate_in_timeline.stories.tsx b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/investigate_in_timeline.stories.tsx index 1addbaee47f06..1f57e1c95873a 100644 --- a/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/investigate_in_timeline.stories.tsx +++ b/x-pack/solutions/security/plugins/threat_intelligence/public/modules/timeline/components/investigate_in_timeline.stories.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { Story } from '@storybook/react'; +import type { StoryFn } from '@storybook/react'; import { EuiContextMenuPanel } from '@elastic/eui'; import { StoryProvidersComponent } from '../../../mocks/story_providers'; import { generateMockUrlIndicator } from '../../../../common/types/indicator'; @@ -21,7 +21,7 @@ export default { const mockIndicator = generateMockUrlIndicator(); -export const ContextMenu: Story<void> = () => { +export const ContextMenu: StoryFn = () => { const items = [<InvestigateInTimelineContextMenu data={mockIndicator} />]; return ( @@ -31,7 +31,7 @@ export const ContextMenu: Story<void> = () => { ); }; -export const ButtonIcon: Story<void> = () => { +export const ButtonIcon: StoryFn = () => { return ( <StoryProvidersComponent> <InvestigateInTimelineButtonIcon data={mockIndicator} /> diff --git a/yarn.lock b/yarn.lock index b6c951a71f852..adb72255a5c24 100644 --- a/yarn.lock +++ b/yarn.lock @@ -182,26 +182,26 @@ "@smithy/util-utf8" "^2.0.0" tslib "^2.6.2" -"@aws-sdk/client-bedrock-agent-runtime@^3.616.0", "@aws-sdk/client-bedrock-agent-runtime@^3.744.0": - version "3.747.0" - resolved "https://registry.yarnpkg.com/@aws-sdk/client-bedrock-agent-runtime/-/client-bedrock-agent-runtime-3.747.0.tgz#00829b036cf2ffc0dd32da541769e0f7579bd53e" - integrity sha512-ru1zD008DUf7pf9AmbqweP15ypvLp7BIdYZd5wvldvq0aDQTgMoTSKNv62KAL1kj5rLwwaopurISf10p5XbmaA== +"@aws-sdk/client-bedrock-agent-runtime@^3.744.0", "@aws-sdk/client-bedrock-agent-runtime@^3.755.0": + version "3.758.0" + resolved "https://registry.yarnpkg.com/@aws-sdk/client-bedrock-agent-runtime/-/client-bedrock-agent-runtime-3.758.0.tgz#b5d31a8d6e09feb471c89bf0280e9eaa94572a1e" + integrity sha512-5Svphee/Q/3hKlk/V6UQmQBQdBG0rIfqi7eMgEaNWXHfwy9/V6zJ6MsPvPGHqVZMNqUaSZJ0ToycvVbZ6HX3bA== dependencies: "@aws-crypto/sha256-browser" "5.2.0" "@aws-crypto/sha256-js" "5.2.0" - "@aws-sdk/core" "3.744.0" - "@aws-sdk/credential-provider-node" "3.744.0" + "@aws-sdk/core" "3.758.0" + "@aws-sdk/credential-provider-node" "3.758.0" "@aws-sdk/middleware-host-header" "3.734.0" "@aws-sdk/middleware-logger" "3.734.0" "@aws-sdk/middleware-recursion-detection" "3.734.0" - "@aws-sdk/middleware-user-agent" "3.744.0" + "@aws-sdk/middleware-user-agent" "3.758.0" "@aws-sdk/region-config-resolver" "3.734.0" "@aws-sdk/types" "3.734.0" "@aws-sdk/util-endpoints" "3.743.0" "@aws-sdk/util-user-agent-browser" "3.734.0" - "@aws-sdk/util-user-agent-node" "3.744.0" + "@aws-sdk/util-user-agent-node" "3.758.0" "@smithy/config-resolver" "^4.0.1" - "@smithy/core" "^3.1.2" + "@smithy/core" "^3.1.5" "@smithy/eventstream-serde-browser" "^4.0.1" "@smithy/eventstream-serde-config-resolver" "^4.0.1" "@smithy/eventstream-serde-node" "^4.0.1" @@ -209,47 +209,47 @@ "@smithy/hash-node" "^4.0.1" "@smithy/invalid-dependency" "^4.0.1" "@smithy/middleware-content-length" "^4.0.1" - "@smithy/middleware-endpoint" "^4.0.3" - "@smithy/middleware-retry" "^4.0.4" + "@smithy/middleware-endpoint" "^4.0.6" + "@smithy/middleware-retry" "^4.0.7" "@smithy/middleware-serde" "^4.0.2" "@smithy/middleware-stack" "^4.0.1" "@smithy/node-config-provider" "^4.0.1" - "@smithy/node-http-handler" "^4.0.2" + "@smithy/node-http-handler" "^4.0.3" "@smithy/protocol-http" "^5.0.1" - "@smithy/smithy-client" "^4.1.3" + "@smithy/smithy-client" "^4.1.6" "@smithy/types" "^4.1.0" "@smithy/url-parser" "^4.0.1" "@smithy/util-base64" "^4.0.0" "@smithy/util-body-length-browser" "^4.0.0" "@smithy/util-body-length-node" "^4.0.0" - "@smithy/util-defaults-mode-browser" "^4.0.4" - "@smithy/util-defaults-mode-node" "^4.0.4" + "@smithy/util-defaults-mode-browser" "^4.0.7" + "@smithy/util-defaults-mode-node" "^4.0.7" "@smithy/util-endpoints" "^3.0.1" "@smithy/util-middleware" "^4.0.1" "@smithy/util-retry" "^4.0.1" "@smithy/util-utf8" "^4.0.0" tslib "^2.6.2" -"@aws-sdk/client-bedrock-runtime@^3.602.0", "@aws-sdk/client-bedrock-runtime@^3.744.0": - version "3.744.0" - resolved "https://registry.yarnpkg.com/@aws-sdk/client-bedrock-runtime/-/client-bedrock-runtime-3.744.0.tgz#34ea5058db97d6cf3bf8f26804db15067c388b77" - integrity sha512-kKKN6RwzlI4GRvfJ6pe3z4Rwm4FHL3BnVoe2xcP/Kr/c5dT6kZbBDDBumsg8Svb4KE6N4pWck4qr/6F9axQ2Bw== +"@aws-sdk/client-bedrock-runtime@^3.744.0", "@aws-sdk/client-bedrock-runtime@^3.755.0": + version "3.758.0" + resolved "https://registry.yarnpkg.com/@aws-sdk/client-bedrock-runtime/-/client-bedrock-runtime-3.758.0.tgz#148741d7c6d451d86727e3b82df690f3ac43c899" + integrity sha512-T7s+fULUxN3AcJP+lgoUKLawzVEtyCTi+5Ga+wrHnqEPwAsM/wg7VctsZfow1fCgARLT/lzmP2LTCi8ycRnQWg== dependencies: "@aws-crypto/sha256-browser" "5.2.0" "@aws-crypto/sha256-js" "5.2.0" - "@aws-sdk/core" "3.744.0" - "@aws-sdk/credential-provider-node" "3.744.0" + "@aws-sdk/core" "3.758.0" + "@aws-sdk/credential-provider-node" "3.758.0" "@aws-sdk/middleware-host-header" "3.734.0" "@aws-sdk/middleware-logger" "3.734.0" "@aws-sdk/middleware-recursion-detection" "3.734.0" - "@aws-sdk/middleware-user-agent" "3.744.0" + "@aws-sdk/middleware-user-agent" "3.758.0" "@aws-sdk/region-config-resolver" "3.734.0" "@aws-sdk/types" "3.734.0" "@aws-sdk/util-endpoints" "3.743.0" "@aws-sdk/util-user-agent-browser" "3.734.0" - "@aws-sdk/util-user-agent-node" "3.744.0" + "@aws-sdk/util-user-agent-node" "3.758.0" "@smithy/config-resolver" "^4.0.1" - "@smithy/core" "^3.1.2" + "@smithy/core" "^3.1.5" "@smithy/eventstream-serde-browser" "^4.0.1" "@smithy/eventstream-serde-config-resolver" "^4.0.1" "@smithy/eventstream-serde-node" "^4.0.1" @@ -257,31 +257,31 @@ "@smithy/hash-node" "^4.0.1" "@smithy/invalid-dependency" "^4.0.1" "@smithy/middleware-content-length" "^4.0.1" - "@smithy/middleware-endpoint" "^4.0.3" - "@smithy/middleware-retry" "^4.0.4" + "@smithy/middleware-endpoint" "^4.0.6" + "@smithy/middleware-retry" "^4.0.7" "@smithy/middleware-serde" "^4.0.2" "@smithy/middleware-stack" "^4.0.1" "@smithy/node-config-provider" "^4.0.1" - "@smithy/node-http-handler" "^4.0.2" + "@smithy/node-http-handler" "^4.0.3" "@smithy/protocol-http" "^5.0.1" - "@smithy/smithy-client" "^4.1.3" + "@smithy/smithy-client" "^4.1.6" "@smithy/types" "^4.1.0" "@smithy/url-parser" "^4.0.1" "@smithy/util-base64" "^4.0.0" "@smithy/util-body-length-browser" "^4.0.0" "@smithy/util-body-length-node" "^4.0.0" - "@smithy/util-defaults-mode-browser" "^4.0.4" - "@smithy/util-defaults-mode-node" "^4.0.4" + "@smithy/util-defaults-mode-browser" "^4.0.7" + "@smithy/util-defaults-mode-node" "^4.0.7" "@smithy/util-endpoints" "^3.0.1" "@smithy/util-middleware" "^4.0.1" "@smithy/util-retry" "^4.0.1" - "@smithy/util-stream" "^4.0.2" + "@smithy/util-stream" "^4.1.2" "@smithy/util-utf8" "^4.0.0" "@types/uuid" "^9.0.1" tslib "^2.6.2" uuid "^9.0.1" -"@aws-sdk/client-kendra@3.744.0", "@aws-sdk/client-kendra@^3.352.0": +"@aws-sdk/client-kendra@3.744.0", "@aws-sdk/client-kendra@^3.750.0": version "3.744.0" resolved "https://registry.yarnpkg.com/@aws-sdk/client-kendra/-/client-kendra-3.744.0.tgz#f961668c7c5b0282378334d608fc12b14d2bcdf4" integrity sha512-jPDF34Gbask+GsTSV0dIbqV31n5WxA48mI3TpBTRLuxBy2Ts/B2H7XciZDQZ+FXK401tWcczOW/4onAOmPTxuw== @@ -389,6 +389,23 @@ fast-xml-parser "4.4.1" tslib "^2.6.2" +"@aws-sdk/core@3.758.0": + version "3.758.0" + resolved "https://registry.yarnpkg.com/@aws-sdk/core/-/core-3.758.0.tgz#d13a4bb95de0460d5269cd5a40503c85b344b0b4" + integrity sha512-0RswbdR9jt/XKemaLNuxi2gGr4xGlHyGxkTdhSQzCyUe9A9OPCoLl3rIESRguQEech+oJnbHk/wuiwHqTuP9sg== + dependencies: + "@aws-sdk/types" "3.734.0" + "@smithy/core" "^3.1.5" + "@smithy/node-config-provider" "^4.0.1" + "@smithy/property-provider" "^4.0.1" + "@smithy/protocol-http" "^5.0.1" + "@smithy/signature-v4" "^5.0.1" + "@smithy/smithy-client" "^4.1.6" + "@smithy/types" "^4.1.0" + "@smithy/util-middleware" "^4.0.1" + fast-xml-parser "4.4.1" + tslib "^2.6.2" + "@aws-sdk/credential-provider-env@3.744.0": version "3.744.0" resolved "https://registry.yarnpkg.com/@aws-sdk/credential-provider-env/-/credential-provider-env-3.744.0.tgz#bfcfa86a7b7d0dc94fb7e97ef35d2b7830f69f42" @@ -435,7 +452,7 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" -"@aws-sdk/credential-provider-node@3.744.0", "@aws-sdk/credential-provider-node@^3.600.0": +"@aws-sdk/credential-provider-node@3.744.0", "@aws-sdk/credential-provider-node@3.758.0", "@aws-sdk/credential-provider-node@^3.750.0": version "3.744.0" resolved "https://registry.yarnpkg.com/@aws-sdk/credential-provider-node/-/credential-provider-node-3.744.0.tgz#302a136b40c5bc6b3b137d03615ec97eb111bfe8" integrity sha512-4oUfRd6pe/VGmKoav17pPoOO0WP0L6YXmHqtJHSDmFUOAa+Vh0ZRljTj/yBdleRgdO6rOfdWqoGLFSFiAZDrsQ== @@ -533,6 +550,19 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" +"@aws-sdk/middleware-user-agent@3.758.0": + version "3.758.0" + resolved "https://registry.yarnpkg.com/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.758.0.tgz#f3c9d2025aa55fd400acb1d699c1fbd6b4f68f34" + integrity sha512-iNyehQXtQlj69JCgfaOssgZD4HeYGOwxcaKeG6F+40cwBjTAi0+Ph1yfDwqk2qiBPIRWJ/9l2LodZbxiBqgrwg== + dependencies: + "@aws-sdk/core" "3.758.0" + "@aws-sdk/types" "3.734.0" + "@aws-sdk/util-endpoints" "3.743.0" + "@smithy/core" "^3.1.5" + "@smithy/protocol-http" "^5.0.1" + "@smithy/types" "^4.1.0" + tslib "^2.6.2" + "@aws-sdk/nested-clients@3.744.0": version "3.744.0" resolved "https://registry.yarnpkg.com/@aws-sdk/nested-clients/-/nested-clients-3.744.0.tgz#6af18949cf2a2180c2c4fbcf71fab6fd965e1874" @@ -647,6 +677,17 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" +"@aws-sdk/util-user-agent-node@3.758.0": + version "3.758.0" + resolved "https://registry.yarnpkg.com/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.758.0.tgz#604ccb02a5d11c9cedaea0bea279641ea9d4194d" + integrity sha512-A5EZw85V6WhoKMV2hbuFRvb9NPlxEErb4HPO6/SPXYY4QrjprIzScHxikqcWv1w4J3apB1wto9LPU3IMsYtfrw== + dependencies: + "@aws-sdk/middleware-user-agent" "3.758.0" + "@aws-sdk/types" "3.734.0" + "@smithy/node-config-provider" "^4.0.1" + "@smithy/types" "^4.1.0" + tslib "^2.6.2" + "@babel/cli@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.24.7.tgz#eb2868c1fa384b17ea88d60107577d3e6fd05c4e" @@ -663,56 +704,35 @@ "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents.3" chokidar "^3.4.0" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.24.7", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465" - integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA== +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.26.2": + version "7.26.2" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85" + integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ== dependencies: - "@babel/highlight" "^7.24.7" + "@babel/helper-validator-identifier" "^7.25.9" + js-tokens "^4.0.0" picocolors "^1.0.0" -"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed" - integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw== - -"@babel/core@7.12.9": - version "7.12.9" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8" - integrity sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ== - dependencies: - "@babel/code-frame" "^7.10.4" - "@babel/generator" "^7.12.5" - "@babel/helper-module-transforms" "^7.12.1" - "@babel/helpers" "^7.12.5" - "@babel/parser" "^7.12.7" - "@babel/template" "^7.12.7" - "@babel/traverse" "^7.12.9" - "@babel/types" "^7.12.7" - convert-source-map "^1.7.0" - debug "^4.1.0" - gensync "^1.0.0-beta.1" - json5 "^2.1.2" - lodash "^4.17.19" - resolve "^1.3.2" - semver "^5.4.1" - source-map "^0.5.0" +"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.7", "@babel/compat-data@^7.26.5": + version "7.26.8" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367" + integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ== -"@babel/core@^7.1.0", "@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.23.9", "@babel/core@^7.24.7", "@babel/core@^7.7.5": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4" - integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g== +"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.18.9", "@babel/core@^7.23.9", "@babel/core@^7.24.7", "@babel/core@^7.26.0": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.9.tgz#71838542a4b1e49dfed353d7acbc6eb89f4a76f2" + integrity sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw== dependencies: "@ampproject/remapping" "^2.2.0" - "@babel/code-frame" "^7.24.7" - "@babel/generator" "^7.24.7" - "@babel/helper-compilation-targets" "^7.24.7" - "@babel/helper-module-transforms" "^7.24.7" - "@babel/helpers" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/template" "^7.24.7" - "@babel/traverse" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/code-frame" "^7.26.2" + "@babel/generator" "^7.26.9" + "@babel/helper-compilation-targets" "^7.26.5" + "@babel/helper-module-transforms" "^7.26.0" + "@babel/helpers" "^7.26.9" + "@babel/parser" "^7.26.9" + "@babel/template" "^7.26.9" + "@babel/traverse" "^7.26.9" + "@babel/types" "^7.26.9" convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" @@ -735,17 +755,18 @@ dependencies: eslint-rule-composer "^0.3.0" -"@babel/generator@^7.12.11", "@babel/generator@^7.12.5", "@babel/generator@^7.24.7", "@babel/generator@^7.7.2": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d" - integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA== +"@babel/generator@^7.24.7", "@babel/generator@^7.26.9", "@babel/generator@^7.7.2": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.9.tgz#75a9482ad3d0cc7188a537aa4910bc59db67cbca" + integrity sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg== dependencies: - "@babel/types" "^7.24.7" + "@babel/parser" "^7.26.9" + "@babel/types" "^7.26.9" "@jridgewell/gen-mapping" "^0.3.5" "@jridgewell/trace-mapping" "^0.3.25" - jsesc "^2.5.1" + jsesc "^3.0.2" -"@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.22.5", "@babel/helper-annotate-as-pure@^7.24.7": +"@babel/helper-annotate-as-pure@^7.22.5", "@babel/helper-annotate-as-pure@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz#5373c7bc8366b12a033b4be1ac13a206c6656aab" integrity sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg== @@ -760,14 +781,14 @@ "@babel/traverse" "^7.24.7" "@babel/types" "^7.24.7" -"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz#4eb6c4a80d6ffeac25ab8cd9a21b5dfa48d503a9" - integrity sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg== +"@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.24.7", "@babel/helper-compilation-targets@^7.26.5": + version "7.26.5" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz#75d92bb8d8d51301c0d49e52a65c9a7fe94514d8" + integrity sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA== dependencies: - "@babel/compat-data" "^7.24.7" - "@babel/helper-validator-option" "^7.24.7" - browserslist "^4.22.2" + "@babel/compat-data" "^7.26.5" + "@babel/helper-validator-option" "^7.25.9" + browserslist "^4.24.0" lru-cache "^5.1.1" semver "^6.3.1" @@ -795,20 +816,6 @@ regexpu-core "^5.3.1" semver "^6.3.1" -"@babel/helper-define-polyfill-provider@^0.1.5": - version "0.1.5" - resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.1.5.tgz#3c2f91b7971b9fc11fe779c945c014065dea340e" - integrity sha512-nXuzCSwlJ/WKr8qxzW816gwyT6VZgiJG17zR40fou70yfAcqjoNyTLl/DQ+FExw5Hx5KNqshmN8Ldl/r2N7cTg== - dependencies: - "@babel/helper-compilation-targets" "^7.13.0" - "@babel/helper-module-imports" "^7.12.13" - "@babel/helper-plugin-utils" "^7.13.0" - "@babel/traverse" "^7.13.0" - debug "^4.1.1" - lodash.debounce "^4.0.8" - resolve "^1.14.2" - semver "^6.1.2" - "@babel/helper-define-polyfill-provider@^0.6.1": version "0.6.1" resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz#fadc63f0c2ff3c8d02ed905dcea747c5b0fb74fd" @@ -850,24 +857,22 @@ "@babel/traverse" "^7.24.7" "@babel/types" "^7.24.7" -"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.5", "@babel/helper-module-imports@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b" - integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA== +"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.5", "@babel/helper-module-imports@^7.24.7", "@babel/helper-module-imports@^7.25.9": + version "7.25.9" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715" + integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw== dependencies: - "@babel/traverse" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/traverse" "^7.25.9" + "@babel/types" "^7.25.9" -"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz#31b6c9a2930679498db65b685b1698bfd6c7daf8" - integrity sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ== +"@babel/helper-module-transforms@^7.24.7", "@babel/helper-module-transforms@^7.26.0": + version "7.26.0" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae" + integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw== dependencies: - "@babel/helper-environment-visitor" "^7.24.7" - "@babel/helper-module-imports" "^7.24.7" - "@babel/helper-simple-access" "^7.24.7" - "@babel/helper-split-export-declaration" "^7.24.7" - "@babel/helper-validator-identifier" "^7.24.7" + "@babel/helper-module-imports" "^7.25.9" + "@babel/helper-validator-identifier" "^7.25.9" + "@babel/traverse" "^7.25.9" "@babel/helper-optimise-call-expression@^7.24.7": version "7.24.7" @@ -876,12 +881,7 @@ dependencies: "@babel/types" "^7.24.7" -"@babel/helper-plugin-utils@7.10.4": - version "7.10.4" - resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375" - integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg== - -"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.13.0", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.7", "@babel/helper-plugin-utils@^7.24.8", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3": +"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.7", "@babel/helper-plugin-utils@^7.24.8", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3": version "7.24.8" resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz#94ee67e8ec0e5d44ea7baeb51e571bd26af07878" integrity sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg== @@ -927,20 +927,20 @@ dependencies: "@babel/types" "^7.24.7" -"@babel/helper-string-parser@^7.19.4", "@babel/helper-string-parser@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2" - integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg== +"@babel/helper-string-parser@^7.19.4", "@babel/helper-string-parser@^7.24.7", "@babel/helper-string-parser@^7.25.9": + version "7.25.9" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c" + integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA== -"@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db" - integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w== +"@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.24.7", "@babel/helper-validator-identifier@^7.25.9": + version "7.25.9" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7" + integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ== -"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6" - integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw== +"@babel/helper-validator-option@^7.24.7", "@babel/helper-validator-option@^7.25.9": + version "7.25.9" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72" + integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw== "@babel/helper-wrap-function@^7.24.7": version "7.24.7" @@ -952,28 +952,20 @@ "@babel/traverse" "^7.24.7" "@babel/types" "^7.24.7" -"@babel/helpers@^7.12.5", "@babel/helpers@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416" - integrity sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg== +"@babel/helpers@^7.26.9": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.9.tgz#28f3fb45252fc88ef2dc547c8a911c255fc9fef6" + integrity sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA== dependencies: - "@babel/template" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/template" "^7.26.9" + "@babel/types" "^7.26.9" -"@babel/highlight@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d" - integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw== +"@babel/parser@^7.1.0", "@babel/parser@^7.10.3", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.8", "@babel/parser@^7.23.0", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7", "@babel/parser@^7.26.9": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.9.tgz#d9e78bee6dc80f9efd8f2349dcfbbcdace280fd5" + integrity sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A== dependencies: - "@babel/helper-validator-identifier" "^7.24.7" - chalk "^2.4.2" - js-tokens "^4.0.0" - picocolors "^1.0.0" - -"@babel/parser@^7.1.0", "@babel/parser@^7.10.3", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.14.7", "@babel/parser@^7.21.8", "@babel/parser@^7.23.0", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85" - integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw== + "@babel/types" "^7.26.9" "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.7": version "7.24.7" @@ -1007,15 +999,7 @@ "@babel/helper-environment-visitor" "^7.24.7" "@babel/helper-plugin-utils" "^7.24.7" -"@babel/plugin-proposal-class-properties@^7.12.1": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3" - integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ== - dependencies: - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - -"@babel/plugin-proposal-decorators@^7.12.12", "@babel/plugin-proposal-decorators@^7.24.7": +"@babel/plugin-proposal-decorators@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.24.7.tgz#7e2dcfeda4a42596b57c4c9de1f5176bbfc532e3" integrity sha512-RL9GR0pUG5Kc8BUWLNDm2T5OpYwSX15r98I0IkgmRQTXuELq/OynH8xtMTMvTJFjXbMWFVTKtYkTaYQsuAwQlQ== @@ -1024,14 +1008,6 @@ "@babel/helper-plugin-utils" "^7.24.7" "@babel/plugin-syntax-decorators" "^7.24.7" -"@babel/plugin-proposal-export-default-from@^7.12.1": - version "7.18.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.18.10.tgz#091f4794dbce4027c03cf4ebc64d3fb96b75c206" - integrity sha512-5H2N3R2aQFxkV4PIBUR/i7PUSwgTZjouJKzI8eKswfIjT0PhvzkPn0t0wIS5zn6maQuvtT0t1oHtMUz61LOuow== - dependencies: - "@babel/helper-plugin-utils" "^7.18.9" - "@babel/plugin-syntax-export-default-from" "^7.18.6" - "@babel/plugin-proposal-export-namespace-from@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz#5f7313ab348cdb19d590145f9247540e94761203" @@ -1040,7 +1016,7 @@ "@babel/helper-plugin-utils" "^7.18.9" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" -"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": +"@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1" integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA== @@ -1048,16 +1024,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-proposal-object-rest-spread@7.12.1": - version "7.12.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz#def9bd03cea0f9b72283dac0ec22d289c7691069" - integrity sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA== - dependencies: - "@babel/helper-plugin-utils" "^7.10.4" - "@babel/plugin-syntax-object-rest-spread" "^7.8.0" - "@babel/plugin-transform-parameters" "^7.12.1" - -"@babel/plugin-proposal-object-rest-spread@^7.12.1", "@babel/plugin-proposal-object-rest-spread@^7.20.7": +"@babel/plugin-proposal-object-rest-spread@^7.20.7": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a" integrity sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg== @@ -1068,7 +1035,7 @@ "@babel/plugin-syntax-object-rest-spread" "^7.8.3" "@babel/plugin-transform-parameters" "^7.20.7" -"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.21.0": +"@babel/plugin-proposal-optional-chaining@^7.21.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea" integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA== @@ -1077,7 +1044,7 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.18.6": +"@babel/plugin-proposal-private-methods@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea" integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA== @@ -1090,16 +1057,6 @@ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703" integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w== -"@babel/plugin-proposal-private-property-in-object@^7.12.1": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.18.6.tgz#a64137b232f0aca3733a67eb1a144c192389c503" - integrity sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw== - dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-private-property-in-object" "^7.14.5" - "@babel/plugin-syntax-async-generators@^7.8.4": version "7.8.4" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d" @@ -1142,13 +1099,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.0" -"@babel/plugin-syntax-export-default-from@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.18.6.tgz#8df076711a4818c4ce4f23e61d622b0ba2ff84bc" - integrity sha512-Kr//z3ujSVNx6E9z9ih5xXXMqK07VVTuqPmqGe6Mss/zW5XPeLZeSDZoP9ab/hT4wPKqAgjl2PnhPrcpk8Seew== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-export-namespace-from@^7.8.3": version "7.8.3" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a" @@ -1156,13 +1106,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.3" -"@babel/plugin-syntax-flow@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.18.6.tgz#774d825256f2379d06139be0c723c4dd444f3ca1" - integrity sha512-LUbR+KNTBWCUAqRG9ex5Gnzu2IOkt8jRJbHHXFT9q+L9zm7M/QQbEqXyw1n1pohYvOyWC8CjeyjrSaIwiYjK7A== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-import-assertions@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.7.tgz#2a0b406b5871a20a841240586b1300ce2088a778" @@ -1191,13 +1134,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.0" -"@babel/plugin-syntax-jsx@7.12.1": - version "7.12.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz#9d9d357cc818aa7ae7935917c1257f67677a0926" - integrity sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg== - dependencies: - "@babel/helper-plugin-utils" "^7.10.4" - "@babel/plugin-syntax-jsx@^7.17.12", "@babel/plugin-syntax-jsx@^7.22.5", "@babel/plugin-syntax-jsx@^7.24.7", "@babel/plugin-syntax-jsx@^7.7.2": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz#39a1fa4a7e3d3d7f34e2acc6be585b718d30e02d" @@ -1226,7 +1162,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.10.4" -"@babel/plugin-syntax-object-rest-spread@7.8.3", "@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3": +"@babel/plugin-syntax-object-rest-spread@^7.8.3": version "7.8.3" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871" integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA== @@ -1275,7 +1211,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-arrow-functions@^7.12.1", "@babel/plugin-transform-arrow-functions@^7.24.7": +"@babel/plugin-transform-arrow-functions@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.7.tgz#4f6886c11e423bd69f3ce51dbf42424a5f275514" integrity sha512-Dt9LQs6iEY++gXUwY03DNFat5C2NbO48jj+j/bSAz6b3HgPs39qcPiYt77fDObIcFwj3/C2ICX9YMwGflUoSHQ== @@ -1308,7 +1244,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.24.7" -"@babel/plugin-transform-block-scoping@^7.12.12", "@babel/plugin-transform-block-scoping@^7.24.7": +"@babel/plugin-transform-block-scoping@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.7.tgz#42063e4deb850c7bd7c55e626bf4e7ab48e6ce02" integrity sha512-Nd5CvgMbWc+oWzBsuaMcbwjJWAcp5qzrbg69SZdHSP7AMY0AbWFqFO0WTFCA1jxhMCwodRwvRec8k0QUbZk7RQ== @@ -1332,7 +1268,7 @@ "@babel/helper-plugin-utils" "^7.24.7" "@babel/plugin-syntax-class-static-block" "^7.14.5" -"@babel/plugin-transform-classes@^7.12.1", "@babel/plugin-transform-classes@^7.24.7": +"@babel/plugin-transform-classes@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.7.tgz#4ae6ef43a12492134138c1e45913f7c46c41b4bf" integrity sha512-CFbbBigp8ln4FU6Bpy6g7sE8B/WmCmzvivzUC6xDAdWVsjYTXijpuuGJmYkAaoWAzcItGKT3IOAbxRItZ5HTjw== @@ -1354,7 +1290,7 @@ "@babel/helper-plugin-utils" "^7.24.7" "@babel/template" "^7.24.7" -"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.24.7": +"@babel/plugin-transform-destructuring@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.7.tgz#a097f25292defb6e6cc16d6333a4cfc1e3c72d9e" integrity sha512-19eJO/8kdCQ9zISOf+SEUJM/bAUIsvY3YDnXZTupUCQ8LgrWnsG/gFB9dvXqdXnRXMAM8fvt7b0CBKQHNGy1mw== @@ -1400,15 +1336,7 @@ "@babel/helper-plugin-utils" "^7.24.7" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" -"@babel/plugin-transform-flow-strip-types@^7.18.6": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.19.0.tgz#e9e8606633287488216028719638cbbb2f2dde8f" - integrity sha512-sgeMlNaQVbCSpgLSKP4ZZKfsJVnFnNQlUSk6gPYzR/q7tzCgQF2t8RBKAP6cKJeZdveei7Q7Jm527xepI8lNLg== - dependencies: - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/plugin-syntax-flow" "^7.18.6" - -"@babel/plugin-transform-for-of@^7.12.1", "@babel/plugin-transform-for-of@^7.24.7": +"@babel/plugin-transform-for-of@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.7.tgz#f25b33f72df1d8be76399e1b8f3f9d366eb5bc70" integrity sha512-wo9ogrDG1ITTTBsy46oGiN1dS9A7MROBTcYsfS8DtsImMkHk9JXJ3EWQM6X2SUw4x80uGPlwj0o00Uoc6nEE3g== @@ -1556,7 +1484,7 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.24.7" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.24.7": +"@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.7.tgz#5881f0ae21018400e320fc7eb817e529d1254b68" integrity sha512-yGWW5Rr+sQOhK0Ot8hjDJuxU3XLRQGflvT4lhlSY0DFvdb3TwKaY26CJzHtYllU0vT9j58hc37ndFPsqT1SrzA== @@ -1602,7 +1530,7 @@ dependencies: "@babel/plugin-transform-react-jsx" "^7.24.7" -"@babel/plugin-transform-react-jsx@^7.12.12", "@babel/plugin-transform-react-jsx@^7.17.12", "@babel/plugin-transform-react-jsx@^7.24.7": +"@babel/plugin-transform-react-jsx@^7.17.12", "@babel/plugin-transform-react-jsx@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.24.7.tgz#17cd06b75a9f0e2bd076503400e7c4b99beedac4" integrity sha512-+Dj06GDZEFRYvclU6k4bme55GKBEWUmByM/eoKuqg4zTNQHiApWRhQph5fxQB2wAEFvRzL1tOEj1RJ19wJrhoA== @@ -1648,14 +1576,14 @@ babel-plugin-polyfill-regenerator "^0.6.1" semver "^6.3.1" -"@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.24.7": +"@babel/plugin-transform-shorthand-properties@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.7.tgz#85448c6b996e122fa9e289746140aaa99da64e73" integrity sha512-KsDsevZMDsigzbA09+vacnLpmPH4aWjcZjXdyFKGzpplxhbeB4wYtury3vglQkg6KM/xEPKt73eCjPPf1PgXBA== dependencies: "@babel/helper-plugin-utils" "^7.24.7" -"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.24.7": +"@babel/plugin-transform-spread@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.7.tgz#e8a38c0fde7882e0fb8f160378f74bd885cc7bb3" integrity sha512-x96oO0I09dgMDxJaANcRyD4ellXFLLiWhuwDxKZX5g2rWP1bTPkBSwCYv96VDXVT1bD9aPj8tppr5ITIh8hBng== @@ -1670,7 +1598,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.24.7" -"@babel/plugin-transform-template-literals@^7.12.1", "@babel/plugin-transform-template-literals@^7.24.7": +"@babel/plugin-transform-template-literals@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.7.tgz#a05debb4a9072ae8f985bcf77f3f215434c8f8c8" integrity sha512-AfDTQmClklHCOLxtGoP7HkeMw56k1/bTQjwsfhL6pppo/M4TOBSq+jjBUBLmV/4oeFg4GWMavIl44ZeCtmmZTw== @@ -1725,7 +1653,7 @@ "@babel/helper-create-regexp-features-plugin" "^7.24.7" "@babel/helper-plugin-utils" "^7.24.7" -"@babel/preset-env@^7.12.11", "@babel/preset-env@^7.24.7": +"@babel/preset-env@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.7.tgz#ff067b4e30ba4a72f225f12f123173e77b987f37" integrity sha512-1YZNsc+y6cTvWlDHidMBsQZrZfEFjRIo/BZCT906PMdzOyXtSLTgqGdrpcuTDCXyd11Am5uQULtDIcCfnTc8fQ== @@ -1812,15 +1740,6 @@ core-js-compat "^3.31.0" semver "^6.3.1" -"@babel/preset-flow@^7.12.1": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.18.6.tgz#83f7602ba566e72a9918beefafef8ef16d2810cb" - integrity sha512-E7BDhL64W6OUqpuyHnSroLnqyRTcG6ZdOBl1OKI/QK/HJfplqK/S3sq1Cckx7oTodJ5yOXyfw7rEADJ6UjoQDQ== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/helper-validator-option" "^7.18.6" - "@babel/plugin-transform-flow-strip-types" "^7.18.6" - "@babel/preset-modules@0.1.6-no-external-plugins": version "0.1.6-no-external-plugins" resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a" @@ -1830,7 +1749,7 @@ "@babel/types" "^7.4.4" esutils "^2.0.2" -"@babel/preset-react@^7.12.10", "@babel/preset-react@^7.24.7": +"@babel/preset-react@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.7.tgz#480aeb389b2a798880bf1f889199e3641cbb22dc" integrity sha512-AAH4lEkpmzFWrGVlHaxJB7RLH21uPQ9+He+eFLWHmF9IuFQVugz8eAsamaW0DXRrTfco5zj1wWtpdcXJUOfsag== @@ -1842,7 +1761,7 @@ "@babel/plugin-transform-react-jsx-development" "^7.24.7" "@babel/plugin-transform-react-pure-annotations" "^7.24.7" -"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.24.7": +"@babel/preset-typescript@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.7.tgz#66cd86ea8f8c014855671d5ea9a737139cbbfef1" integrity sha512-SyXRe3OdWwIwalxDg5UtJnJQO+YPcTfwiIY2B0Xlddh9o7jpWLvv8X1RthIeDOxQ+O1ML5BLPCONToObyVQVuQ== @@ -1853,7 +1772,7 @@ "@babel/plugin-transform-modules-commonjs" "^7.24.7" "@babel/plugin-transform-typescript" "^7.24.7" -"@babel/register@^7.12.1", "@babel/register@^7.24.6": +"@babel/register@^7.24.6": version "7.24.6" resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.24.6.tgz#59e21dcc79e1d04eed5377633b0f88029a6bef9e" integrity sha512-WSuFCc2wCqMeXkz/i3yfAAsxwWflEgbVkZzivgAmXl/MxrXeoYFZOOPllbC8R8WTF7u61wSRQtDVZ1879cdu6w== @@ -1869,39 +1788,36 @@ resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310" integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA== -"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.24.1", "@babel/runtime@^7.24.7", "@babel/runtime@^7.25.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2": +"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.24.1", "@babel/runtime@^7.24.7", "@babel/runtime@^7.25.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2": version "7.25.0" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.25.0.tgz#3af9a91c1b739c569d5d80cc917280919c544ecb" integrity sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw== dependencies: regenerator-runtime "^0.14.0" -"@babel/template@^7.12.7", "@babel/template@^7.24.7", "@babel/template@^7.3.3": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315" - integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig== - dependencies: - "@babel/code-frame" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/types" "^7.24.7" - -"@babel/traverse@^7.10.3", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.24.7", "@babel/traverse@^7.4.5": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5" - integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA== - dependencies: - "@babel/code-frame" "^7.24.7" - "@babel/generator" "^7.24.7" - "@babel/helper-environment-visitor" "^7.24.7" - "@babel/helper-function-name" "^7.24.7" - "@babel/helper-hoist-variables" "^7.24.7" - "@babel/helper-split-export-declaration" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/types" "^7.24.7" +"@babel/template@^7.24.7", "@babel/template@^7.26.9", "@babel/template@^7.3.3": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.26.9.tgz#4577ad3ddf43d194528cff4e1fa6b232fa609bb2" + integrity sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA== + dependencies: + "@babel/code-frame" "^7.26.2" + "@babel/parser" "^7.26.9" + "@babel/types" "^7.26.9" + +"@babel/traverse@^7.10.3", "@babel/traverse@^7.18.9", "@babel/traverse@^7.24.7", "@babel/traverse@^7.25.9", "@babel/traverse@^7.26.9", "@babel/traverse@^7.4.5": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.9.tgz#4398f2394ba66d05d988b2ad13c219a2c857461a" + integrity sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg== + dependencies: + "@babel/code-frame" "^7.26.2" + "@babel/generator" "^7.26.9" + "@babel/parser" "^7.26.9" + "@babel/template" "^7.26.9" + "@babel/types" "^7.26.9" debug "^4.3.1" globals "^11.1.0" -"@babel/types@7.21.2", "@babel/types@^7.0.0", "@babel/types@^7.10.3", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4": +"@babel/types@7.21.2", "@babel/types@^7.0.0", "@babel/types@^7.10.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4": version "7.21.2" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.2.tgz#92246f6e00f91755893c2876ad653db70c8310d1" integrity sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw== @@ -1910,6 +1826,14 @@ "@babel/helper-validator-identifier" "^7.19.1" to-fast-properties "^2.0.0" +"@babel/types@^7.18.9", "@babel/types@^7.20.7", "@babel/types@^7.25.9", "@babel/types@^7.26.9": + version "7.26.9" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.9.tgz#08b43dec79ee8e682c2ac631c010bdcac54a21ce" + integrity sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw== + dependencies: + "@babel/helper-string-parser" "^7.25.9" + "@babel/helper-validator-identifier" "^7.25.9" + "@babel/types@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2" @@ -1989,14 +1913,6 @@ resolved "https://registry.yarnpkg.com/@cfworker/json-schema/-/json-schema-4.1.1.tgz#4a2a3947ee9fa7b7c24be981422831b8674c3be6" integrity sha512-gAmrUZSGtKc3AiBL71iNWxDsyUC5uMaKKGdvzYsBoTW/xi42JQHl7eKV2OYzCUqvc+D2RCcf7EXY2iCyFIk6og== -"@cnakazawa/watch@^1.0.3": - version "1.0.3" - resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef" - integrity sha512-r5160ogAvGyHsal38Kux7YYtodEKOj89RGb28ht1jh3SJb08VwRwAKKJL0bGb04Zd/3r9FL3BFIc3bBidYffCA== - dependencies: - exec-sh "^0.3.2" - minimist "^1.2.0" - "@colors/colors@1.5.0": version "1.5.0" resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9" @@ -2107,7 +2023,7 @@ gonzales-pe "^4.3.0" node-source-walk "^6.0.1" -"@discoveryjs/json-ext@0.5.7", "@discoveryjs/json-ext@^0.5.0", "@discoveryjs/json-ext@^0.5.3", "@discoveryjs/json-ext@^0.5.7": +"@discoveryjs/json-ext@0.5.7", "@discoveryjs/json-ext@^0.5.0", "@discoveryjs/json-ext@^0.5.7": version "0.5.7" resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70" integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== @@ -2518,16 +2434,6 @@ "@emotion/babel-plugin" "^11.11.0" "@emotion/babel-plugin-jsx-pragmatic" "^0.2.1" -"@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9": - version "10.0.29" - resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0" - integrity sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ== - dependencies: - "@emotion/sheet" "0.9.4" - "@emotion/stylis" "0.8.5" - "@emotion/utils" "0.11.3" - "@emotion/weak-memoize" "0.2.5" - "@emotion/cache@^11.11.0", "@emotion/cache@^11.4.0": version "11.11.0" resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff" @@ -2539,18 +2445,6 @@ "@emotion/weak-memoize" "^0.3.1" stylis "4.2.0" -"@emotion/core@^10.0.9": - version "10.1.1" - resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3" - integrity sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA== - dependencies: - "@babel/runtime" "^7.5.5" - "@emotion/cache" "^10.0.27" - "@emotion/css" "^10.0.27" - "@emotion/serialize" "^0.11.15" - "@emotion/sheet" "0.9.4" - "@emotion/utils" "0.11.3" - "@emotion/css-prettifier@^1.1.3": version "1.1.3" resolved "https://registry.yarnpkg.com/@emotion/css-prettifier/-/css-prettifier-1.1.3.tgz#014ff59a87a3be5f2ce555b70f096af66b2dc845" @@ -2559,15 +2453,6 @@ "@emotion/memoize" "^0.8.1" stylis "4.2.0" -"@emotion/css@^10.0.27", "@emotion/css@^10.0.9": - version "10.0.27" - resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.27.tgz#3a7458198fbbebb53b01b2b87f64e5e21241e14c" - integrity sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw== - dependencies: - "@emotion/serialize" "^0.11.15" - "@emotion/utils" "0.11.3" - babel-plugin-emotion "^10.0.27" - "@emotion/css@^11.11.0": version "11.11.0" resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.0.tgz#dad6a27a77d5e5cbb0287674c3ace76d762563ca" @@ -2579,11 +2464,6 @@ "@emotion/sheet" "^1.2.2" "@emotion/utils" "^1.2.1" -"@emotion/hash@0.8.0": - version "0.8.0" - resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413" - integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow== - "@emotion/hash@^0.9.1": version "0.9.1" resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43" @@ -2607,11 +2487,6 @@ specificity "^0.4.1" stylis "4.2.0" -"@emotion/memoize@0.7.4": - version "0.7.4" - resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb" - integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw== - "@emotion/memoize@^0.8.1": version "0.8.1" resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17" @@ -2631,17 +2506,6 @@ "@emotion/weak-memoize" "^0.3.1" hoist-non-react-statics "^3.3.1" -"@emotion/serialize@^0.11.15", "@emotion/serialize@^0.11.16": - version "0.11.16" - resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.16.tgz#dee05f9e96ad2fb25a5206b6d759b2d1ed3379ad" - integrity sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg== - dependencies: - "@emotion/hash" "0.8.0" - "@emotion/memoize" "0.7.4" - "@emotion/unitless" "0.7.5" - "@emotion/utils" "0.11.3" - csstype "^2.5.7" - "@emotion/serialize@^1.1.2": version "1.1.2" resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.2.tgz#017a6e4c9b8a803bd576ff3d52a0ea6fa5a62b51" @@ -2663,11 +2527,6 @@ multipipe "^1.0.2" through "^2.3.8" -"@emotion/sheet@0.9.4": - version "0.9.4" - resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.4.tgz#894374bea39ec30f489bbfc3438192b9774d32e5" - integrity sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA== - "@emotion/sheet@^1.2.2": version "1.2.2" resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec" @@ -2685,21 +2544,21 @@ "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1" "@emotion/utils" "^1.2.1" -"@emotion/stylis@0.8.5", "@emotion/stylis@^0.8.4": +"@emotion/stylis@^0.8.4": version "0.8.5" resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04" integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ== -"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4": - version "0.7.5" - resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed" - integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== - "@emotion/unitless@0.8.0": version "0.8.0" resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.0.tgz#a4a36e9cbdc6903737cd20d38033241e1b8833db" integrity sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw== +"@emotion/unitless@^0.7.4": + version "0.7.5" + resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed" + integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== + "@emotion/unitless@^0.8.1": version "0.8.1" resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3" @@ -2710,21 +2569,11 @@ resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963" integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw== -"@emotion/utils@0.11.3": - version "0.11.3" - resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.3.tgz#a759863867befa7e583400d322652a3f44820924" - integrity sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw== - "@emotion/utils@^1.2.1": version "1.2.1" resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4" integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg== -"@emotion/weak-memoize@0.2.5": - version "0.2.5" - resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46" - integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA== - "@emotion/weak-memoize@^0.3.1": version "0.3.1" resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6" @@ -2735,121 +2584,241 @@ resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz#51299374de171dbd80bb7d838e1cfce9af36f353" integrity sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ== +"@esbuild/aix-ppc64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.24.0.tgz#b57697945b50e99007b4c2521507dc613d4a648c" + integrity sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw== + "@esbuild/android-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz#58565291a1fe548638adb9c584237449e5e14018" integrity sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw== +"@esbuild/android-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.24.0.tgz#1add7e0af67acefd556e407f8497e81fddad79c0" + integrity sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w== + "@esbuild/android-arm@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.23.1.tgz#5eb8c652d4c82a2421e3395b808e6d9c42c862ee" integrity sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ== +"@esbuild/android-arm@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.24.0.tgz#ab7263045fa8e090833a8e3c393b60d59a789810" + integrity sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew== + "@esbuild/android-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.23.1.tgz#ae19d665d2f06f0f48a6ac9a224b3f672e65d517" integrity sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg== +"@esbuild/android-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.24.0.tgz#e8f8b196cfdfdd5aeaebbdb0110983460440e705" + integrity sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ== + "@esbuild/darwin-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz#05b17f91a87e557b468a9c75e9d85ab10c121b16" integrity sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q== +"@esbuild/darwin-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.24.0.tgz#2d0d9414f2acbffd2d86e98253914fca603a53dd" + integrity sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw== + "@esbuild/darwin-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz#c58353b982f4e04f0d022284b8ba2733f5ff0931" integrity sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw== +"@esbuild/darwin-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.24.0.tgz#33087aab31a1eb64c89daf3d2cf8ce1775656107" + integrity sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA== + "@esbuild/freebsd-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz#f9220dc65f80f03635e1ef96cfad5da1f446f3bc" integrity sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA== +"@esbuild/freebsd-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.0.tgz#bb76e5ea9e97fa3c753472f19421075d3a33e8a7" + integrity sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA== + "@esbuild/freebsd-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz#69bd8511fa013b59f0226d1609ac43f7ce489730" integrity sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g== +"@esbuild/freebsd-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.24.0.tgz#e0e2ce9249fdf6ee29e5dc3d420c7007fa579b93" + integrity sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ== + "@esbuild/linux-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz#8050af6d51ddb388c75653ef9871f5ccd8f12383" integrity sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g== +"@esbuild/linux-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.24.0.tgz#d1b2aa58085f73ecf45533c07c82d81235388e75" + integrity sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g== + "@esbuild/linux-arm@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz#ecaabd1c23b701070484990db9a82f382f99e771" integrity sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ== +"@esbuild/linux-arm@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.24.0.tgz#8e4915df8ea3e12b690a057e77a47b1d5935ef6d" + integrity sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw== + "@esbuild/linux-ia32@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz#3ed2273214178109741c09bd0687098a0243b333" integrity sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ== +"@esbuild/linux-ia32@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.24.0.tgz#8200b1110666c39ab316572324b7af63d82013fb" + integrity sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA== + "@esbuild/linux-loong64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz#a0fdf440b5485c81b0fbb316b08933d217f5d3ac" integrity sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw== +"@esbuild/linux-loong64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.24.0.tgz#6ff0c99cf647504df321d0640f0d32e557da745c" + integrity sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g== + "@esbuild/linux-mips64el@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz#e11a2806346db8375b18f5e104c5a9d4e81807f6" integrity sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q== +"@esbuild/linux-mips64el@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.24.0.tgz#3f720ccd4d59bfeb4c2ce276a46b77ad380fa1f3" + integrity sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA== + "@esbuild/linux-ppc64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz#06a2744c5eaf562b1a90937855b4d6cf7c75ec96" integrity sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw== +"@esbuild/linux-ppc64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.24.0.tgz#9d6b188b15c25afd2e213474bf5f31e42e3aa09e" + integrity sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ== + "@esbuild/linux-riscv64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz#65b46a2892fc0d1af4ba342af3fe0fa4a8fe08e7" integrity sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA== +"@esbuild/linux-riscv64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.24.0.tgz#f989fdc9752dfda286c9cd87c46248e4dfecbc25" + integrity sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw== + "@esbuild/linux-s390x@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz#e71ea18c70c3f604e241d16e4e5ab193a9785d6f" integrity sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw== +"@esbuild/linux-s390x@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.24.0.tgz#29ebf87e4132ea659c1489fce63cd8509d1c7319" + integrity sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g== + "@esbuild/linux-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz#d47f97391e80690d4dfe811a2e7d6927ad9eed24" integrity sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ== +"@esbuild/linux-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.24.0.tgz#4af48c5c0479569b1f359ffbce22d15f261c0cef" + integrity sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA== + "@esbuild/netbsd-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz#44e743c9778d57a8ace4b72f3c6b839a3b74a653" integrity sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA== +"@esbuild/netbsd-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.24.0.tgz#1ae73d23cc044a0ebd4f198334416fb26c31366c" + integrity sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg== + "@esbuild/openbsd-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz#05c5a1faf67b9881834758c69f3e51b7dee015d7" integrity sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q== +"@esbuild/openbsd-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.0.tgz#5d904a4f5158c89859fd902c427f96d6a9e632e2" + integrity sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg== + "@esbuild/openbsd-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz#2e58ae511bacf67d19f9f2dcd9e8c5a93f00c273" integrity sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA== +"@esbuild/openbsd-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.24.0.tgz#4c8aa88c49187c601bae2971e71c6dc5e0ad1cdf" + integrity sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q== + "@esbuild/sunos-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz#adb022b959d18d3389ac70769cef5a03d3abd403" integrity sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA== +"@esbuild/sunos-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.24.0.tgz#8ddc35a0ea38575fa44eda30a5ee01ae2fa54dd4" + integrity sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA== + "@esbuild/win32-arm64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz#84906f50c212b72ec360f48461d43202f4c8b9a2" integrity sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A== +"@esbuild/win32-arm64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.24.0.tgz#6e79c8543f282c4539db684a207ae0e174a9007b" + integrity sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA== + "@esbuild/win32-ia32@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz#5e3eacc515820ff729e90d0cb463183128e82fac" integrity sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ== +"@esbuild/win32-ia32@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.24.0.tgz#057af345da256b7192d18b676a02e95d0fa39103" + integrity sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw== + "@esbuild/win32-x64@0.23.1": version "0.23.1" resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz#81fd50d11e2c32b2d6241470e3185b70c7b30699" integrity sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg== +"@esbuild/win32-x64@0.24.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.24.0.tgz#168ab1c7e1c318b922637fad8f339d48b01e1244" + integrity sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA== + "@eslint-community/eslint-utils@^4.2.0": version "4.4.0" resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59" @@ -3099,11 +3068,6 @@ pngjs "7.0.0" sharp "0.32.1" -"@gar/promisify@^1.0.1": - version "1.1.3" - resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6" - integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw== - "@google/generative-ai@^0.21.0": version "0.21.0" resolved "https://registry.yarnpkg.com/@google/generative-ai/-/generative-ai-0.21.0.tgz#a5011aab9e6082e706937b26ef23445933fa0d15" @@ -3687,27 +3651,6 @@ jest-haste-map "^29.7.0" slash "^3.0.0" -"@jest/transform@^26.6.2": - version "26.6.2" - resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.6.2.tgz#5ac57c5fa1ad17b2aae83e73e45813894dcf2e4b" - integrity sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA== - dependencies: - "@babel/core" "^7.1.0" - "@jest/types" "^26.6.2" - babel-plugin-istanbul "^6.0.0" - chalk "^4.0.0" - convert-source-map "^1.4.0" - fast-json-stable-stringify "^2.0.0" - graceful-fs "^4.2.4" - jest-haste-map "^26.6.2" - jest-regex-util "^26.0.0" - jest-util "^26.6.2" - micromatch "^4.0.2" - pirates "^4.0.1" - slash "^3.0.0" - source-map "^0.6.1" - write-file-atomic "^3.0.0" - "@jest/transform@^29.6.1", "@jest/transform@^29.7.0": version "29.7.0" resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c" @@ -3729,17 +3672,6 @@ slash "^3.0.0" write-file-atomic "^4.0.2" -"@jest/types@^26.6.2": - version "26.6.2" - resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e" - integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ== - dependencies: - "@types/istanbul-lib-coverage" "^2.0.0" - "@types/istanbul-reports" "^3.0.0" - "@types/node" "*" - "@types/yargs" "^15.0.0" - chalk "^4.0.0" - "@jest/types@^29.6.3": version "29.6.3" resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59" @@ -3787,10 +3719,10 @@ "@jridgewell/gen-mapping" "^0.3.0" "@jridgewell/trace-mapping" "^0.3.9" -"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15": - version "1.4.15" - resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32" - integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg== +"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0": + version "1.5.0" + resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a" + integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ== "@jridgewell/trace-mapping@0.3.9": version "0.3.9" @@ -3800,7 +3732,7 @@ "@jridgewell/resolve-uri" "^3.0.3" "@jridgewell/sourcemap-codec" "^1.4.10" -"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9": +"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9": version "0.3.25" resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0" integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ== @@ -8080,21 +8012,21 @@ integrity sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw== "@langchain/aws@^0.1.3": - version "0.1.3" - resolved "https://registry.yarnpkg.com/@langchain/aws/-/aws-0.1.3.tgz#bb90feffcd01094300ce06e923e5e82d7f367552" - integrity sha512-OjS6V/virzRvOX1D2xgTyyHkYzdepjes77dU2bBS53jt4mp0DT8vzgclZQ/16DA20YgNFtMKYiFbOfMI+RTHyg== + version "0.1.5" + resolved "https://registry.yarnpkg.com/@langchain/aws/-/aws-0.1.5.tgz#e8555610499e46db1fe941b3a2eee3385541e353" + integrity sha512-VNXNfVHt2wf8rA9aXugSc604WRQwH4S+quRWbrp1MdHCWxbRFqd9M0wRGK+HBfISWyU6UNs7StfLFokqaxf/5w== dependencies: - "@aws-sdk/client-bedrock-agent-runtime" "^3.616.0" - "@aws-sdk/client-bedrock-runtime" "^3.602.0" - "@aws-sdk/client-kendra" "^3.352.0" - "@aws-sdk/credential-provider-node" "^3.600.0" + "@aws-sdk/client-bedrock-agent-runtime" "^3.755.0" + "@aws-sdk/client-bedrock-runtime" "^3.755.0" + "@aws-sdk/client-kendra" "^3.750.0" + "@aws-sdk/credential-provider-node" "^3.750.0" zod "^3.23.8" zod-to-json-schema "^3.22.5" "@langchain/community@^0.3.29": - version "0.3.29" - resolved "https://registry.yarnpkg.com/@langchain/community/-/community-0.3.29.tgz#e5ca89c0a4683345e8dcff2771546fc13a4b8b35" - integrity sha512-6XIPGctpH3KziFpdVDEvYBEQMMsNomffqy545shoxOLoMkZqgn1wfMs6R7ltzzS0p3LJUXW1RbwAUEuWp0rbuA== + version "0.3.33" + resolved "https://registry.yarnpkg.com/@langchain/community/-/community-0.3.33.tgz#6ea8c16d596a0d7299e04b417872c79b5b7f9f0e" + integrity sha512-BtgfvyPvb/HYUWLa5YXoDVMY+8pkZvaZzwp5NSebstVKsitsjuG/pwzZ7gDQO1c8LJZlxAeYyAwwQBI87ibRRg== dependencies: "@langchain/openai" ">=0.2.0 <0.5.0" binary-extensions "^2.2.0" @@ -8108,9 +8040,9 @@ zod-to-json-schema "^3.22.5" "@langchain/core@>0.1.0 <0.3.0", "@langchain/core@^0.3.40": - version "0.3.40" - resolved "https://registry.yarnpkg.com/@langchain/core/-/core-0.3.40.tgz#e5f41f8b4288672d73aa98bcdaf6b32df0480db8" - integrity sha512-RGhJOTzJv6H+3veBAnDlH2KXuZ68CXMEg6B6DPTzL3IGDyd+vLxXG4FIttzUwjdeQKjrrFBwlXpJDl7bkoApzQ== + version "0.3.41" + resolved "https://registry.yarnpkg.com/@langchain/core/-/core-0.3.41.tgz#dcdb1ec9bc5d8fc8223c51ae9cf4760d010b0a92" + integrity sha512-e/vOyfBxH6Wf2iWvQTecfnkTLGyy6QMTjHgRdU89d3+cHHnNURRCjFbq0dOLWqxnW3eWbXkmNhf3MauRDM+zbQ== dependencies: "@cfworker/json-schema" "^4.0.2" ansi-styles "^5.0.0" @@ -8142,9 +8074,9 @@ google-auth-library "^8.9.0" "@langchain/google-genai@^0.1.8": - version "0.1.8" - resolved "https://registry.yarnpkg.com/@langchain/google-genai/-/google-genai-0.1.8.tgz#9dd702f2e38a58cc4e5d53fef97aa66a03bdb526" - integrity sha512-aBz8IzEJfihOVz2GpqFrdLWjDlpscZUYIA7LZ2iazU7edO03etPaqxdexiYKr/Q+Be2D0BT7uaFJsouvQApIZA== + version "0.1.10" + resolved "https://registry.yarnpkg.com/@langchain/google-genai/-/google-genai-0.1.10.tgz#0c158c7dda2da0e3fca7fc607e5ae77c1ffe2cb8" + integrity sha512-+0xFWvauNDNp8Nvhy5F5g8RbB5g4WWQSIxoPI4IQIUICBBT/kS/Omf1VJI6Loc0IH93m9ZSwYxRVCRu3qx51TQ== dependencies: "@google/generative-ai" "^0.21.0" zod-to-json-schema "^3.22.4" @@ -8164,9 +8096,9 @@ uuid "^10.0.0" "@langchain/langgraph-sdk@~0.0.32": - version "0.0.42" - resolved "https://registry.yarnpkg.com/@langchain/langgraph-sdk/-/langgraph-sdk-0.0.42.tgz#401363ac74532b14e36ba94e5ebe7fb6ce287fe7" - integrity sha512-seOcLN6+MWxCGEVfKY2pFcFpJB56DZq7iXhe5Br/xF7Uxspm1e50Z8f0k21XOJFQyMheR6AZ9zXEBVeX1ZsDMg== + version "0.0.45" + resolved "https://registry.yarnpkg.com/@langchain/langgraph-sdk/-/langgraph-sdk-0.0.45.tgz#a39bb3e16eb0e4f9b7e87754db034f36fba27528" + integrity sha512-y1nKJeP0U3mkj2fTyV3CsWqNgoLN7WidTJxZffLsTrq1DvqFU0ywWSwXyDlw90QIoc96eBOQDrruDyklph/HHg== dependencies: "@types/json-schema" "^7.0.15" p-queue "^6.6.2" @@ -8174,9 +8106,9 @@ uuid "^9.0.0" "@langchain/langgraph@^0.2.45": - version "0.2.45" - resolved "https://registry.yarnpkg.com/@langchain/langgraph/-/langgraph-0.2.45.tgz#dd950a1720f94aedbcf1b65422084cae108baa25" - integrity sha512-yemuA+aTIRLL3WBVQ5TGvFMeEJQm2zoVyjMvHWyekIvg4w7Q4cu3CYB8f+yOXwd6OaxMtnNIX0wGh4hIw/Db+A== + version "0.2.49" + resolved "https://registry.yarnpkg.com/@langchain/langgraph/-/langgraph-0.2.49.tgz#4cb0c9f57e4b977d182c18d0116270aeb311aad2" + integrity sha512-CI8M8gz5bp6z1EcrcbKfHzZRGGHF8vYjih6vQTW7t3FEQAYzrLdpE4c7tw/jr7n2/9rb/bUkM7CL9pswUDoZfQ== dependencies: "@langchain/langgraph-checkpoint" "~0.0.15" "@langchain/langgraph-sdk" "~0.0.32" @@ -8509,40 +8441,12 @@ resolved "https://registry.yarnpkg.com/@math.gl/types/-/types-3.6.3.tgz#9fa9866feabcbb76de107d78ff3a89c0243ac374" integrity sha512-3uWLVXHY3jQxsXCr/UCNPSc2BG0hNUljhmOBt9l+lNFDp7zHgm0cK2Tw4kj2XfkJy4TgwZTBGwRDQgWEbLbdTA== -"@mdx-js/mdx@^1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.22.tgz#8a723157bf90e78f17dc0f27995398e6c731f1ba" - integrity sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA== - dependencies: - "@babel/core" "7.12.9" - "@babel/plugin-syntax-jsx" "7.12.1" - "@babel/plugin-syntax-object-rest-spread" "7.8.3" - "@mdx-js/util" "1.6.22" - babel-plugin-apply-mdx-type-prop "1.6.22" - babel-plugin-extract-import-names "1.6.22" - camelcase-css "2.0.1" - detab "2.0.4" - hast-util-raw "6.0.1" - lodash.uniq "4.5.0" - mdast-util-to-hast "10.0.1" - remark-footnotes "2.0.0" - remark-mdx "1.6.22" - remark-parse "8.0.3" - remark-squeeze-paragraphs "4.0.0" - style-to-object "0.3.0" - unified "9.2.0" - unist-builder "2.0.3" - unist-util-visit "2.0.3" - -"@mdx-js/react@^1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.22.tgz#ae09b4744fddc74714ee9f9d6f17a66e77c43573" - integrity sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg== - -"@mdx-js/util@1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b" - integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA== +"@mdx-js/react@^3.0.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-3.1.0.tgz#c4522e335b3897b9a845db1dbdd2f966ae8fb0ed" + integrity sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ== + dependencies: + "@types/mdx" "^2.0.0" "@mrmlnc/readdir-enhanced@^2.2.1": version "2.2.1" @@ -8645,21 +8549,6 @@ "@nodelib/fs.scandir" "2.1.5" fastq "^1.6.0" -"@npmcli/fs@^1.0.0": - version "1.1.1" - resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-1.1.1.tgz#72f719fe935e687c56a4faecf3c03d06ba593257" - integrity sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ== - dependencies: - "@gar/promisify" "^1.0.1" - semver "^7.3.5" - -"@npmcli/move-file@^1.0.1": - version "1.0.1" - resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464" - integrity sha512-Uv6h1sT+0DrblvIrolFtbvM1FgWm+/sy4B3pvLp67Zys+thcukzS5ekn7HsZFGpWP4Q3fYJCljbWQE/XivMRLw== - dependencies: - mkdirp "^1.0.4" - "@octokit/auth-token@^3.0.0": version "3.0.0" resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-3.0.0.tgz#6f22c5fc56445c496628488ba6810131558fa4a9" @@ -9204,21 +9093,6 @@ dependencies: playwright "1.49.0" -"@pmmmwh/react-refresh-webpack-plugin@^0.5.3": - version "0.5.7" - resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.7.tgz#58f8217ba70069cc6a73f5d7e05e85b458c150e2" - integrity sha512-bcKCAzF0DV2IIROp9ZHkRJa6O4jy7NlnHdWL3GmcUxYWNjLXkK5kfELELwEfSP5hXPfVL/qOGMAROuMQb9GG8Q== - dependencies: - ansi-html-community "^0.0.8" - common-path-prefix "^3.0.0" - core-js-pure "^3.8.1" - error-stack-parser "^2.0.6" - find-up "^5.0.0" - html-entities "^2.1.0" - loader-utils "^2.0.0" - schema-utils "^3.0.0" - source-map "^0.7.3" - "@polka/url@^1.0.0-next.24": version "1.0.0-next.28" resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73" @@ -9557,17 +9431,17 @@ "@smithy/util-middleware" "^4.0.1" tslib "^2.6.2" -"@smithy/core@^3.1.2": - version "3.1.2" - resolved "https://registry.yarnpkg.com/@smithy/core/-/core-3.1.2.tgz#f5b4c89bf054b717781d71c66b4fb594e06cbb62" - integrity sha512-htwQXkbdF13uwwDevz9BEzL5ABK+1sJpVQXywwGSH973AVOvisHNfpcB8A8761G6XgHoS2kHPqc9DqHJ2gp+/Q== +"@smithy/core@^3.1.2", "@smithy/core@^3.1.5": + version "3.1.5" + resolved "https://registry.yarnpkg.com/@smithy/core/-/core-3.1.5.tgz#cc260229e45964d8354a3737bf3dedb56e373616" + integrity sha512-HLclGWPkCsekQgsyzxLhCQLa8THWXtB5PxyYN+2O6nkyLt550KQKTlbV2D1/j5dNIQapAZM1+qFnpBFxZQkgCA== dependencies: "@smithy/middleware-serde" "^4.0.2" "@smithy/protocol-http" "^5.0.1" "@smithy/types" "^4.1.0" "@smithy/util-body-length-browser" "^4.0.0" "@smithy/util-middleware" "^4.0.1" - "@smithy/util-stream" "^4.0.2" + "@smithy/util-stream" "^4.1.2" "@smithy/util-utf8" "^4.0.0" tslib "^2.6.2" @@ -9679,12 +9553,12 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" -"@smithy/middleware-endpoint@^4.0.3": - version "4.0.3" - resolved "https://registry.yarnpkg.com/@smithy/middleware-endpoint/-/middleware-endpoint-4.0.3.tgz#74b64fb2473ae35649a8d22d41708bc5d8d99df2" - integrity sha512-YdbmWhQF5kIxZjWqPIgboVfi8i5XgiYMM7GGKFMTvBei4XjNQfNv8sukT50ITvgnWKKKpOtp0C0h7qixLgb77Q== +"@smithy/middleware-endpoint@^4.0.3", "@smithy/middleware-endpoint@^4.0.6": + version "4.0.6" + resolved "https://registry.yarnpkg.com/@smithy/middleware-endpoint/-/middleware-endpoint-4.0.6.tgz#7ead08fcfda92ee470786a7f458e9b59048407eb" + integrity sha512-ftpmkTHIFqgaFugcjzLZv3kzPEFsBFSnq1JsIkr2mwFzCraZVhQk2gqN51OOeRxqhbPTkRFj39Qd2V91E/mQxg== dependencies: - "@smithy/core" "^3.1.2" + "@smithy/core" "^3.1.5" "@smithy/middleware-serde" "^4.0.2" "@smithy/node-config-provider" "^4.0.1" "@smithy/shared-ini-file-loader" "^4.0.1" @@ -9693,15 +9567,15 @@ "@smithy/util-middleware" "^4.0.1" tslib "^2.6.2" -"@smithy/middleware-retry@^4.0.4": - version "4.0.4" - resolved "https://registry.yarnpkg.com/@smithy/middleware-retry/-/middleware-retry-4.0.4.tgz#95e55a1b163ff06264f20b4dbbcbd915c8028f60" - integrity sha512-wmxyUBGHaYUqul0wZiset4M39SMtDBOtUr2KpDuftKNN74Do9Y36Go6Eqzj9tL0mIPpr31ulB5UUtxcsCeGXsQ== +"@smithy/middleware-retry@^4.0.4", "@smithy/middleware-retry@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@smithy/middleware-retry/-/middleware-retry-4.0.7.tgz#8bb2014842a6144f230967db502f5fe6adcd6529" + integrity sha512-58j9XbUPLkqAcV1kHzVX/kAR16GT+j7DUZJqwzsxh1jtz7G82caZiGyyFgUvogVfNTg3TeAOIJepGc8TXF4AVQ== dependencies: "@smithy/node-config-provider" "^4.0.1" "@smithy/protocol-http" "^5.0.1" "@smithy/service-error-classification" "^4.0.1" - "@smithy/smithy-client" "^4.1.3" + "@smithy/smithy-client" "^4.1.6" "@smithy/types" "^4.1.0" "@smithy/util-middleware" "^4.0.1" "@smithy/util-retry" "^4.0.1" @@ -9734,10 +9608,10 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" -"@smithy/node-http-handler@^4.0.2": - version "4.0.2" - resolved "https://registry.yarnpkg.com/@smithy/node-http-handler/-/node-http-handler-4.0.2.tgz#48d47a046cf900ab86bfbe7f5fd078b52c82fab6" - integrity sha512-X66H9aah9hisLLSnGuzRYba6vckuFtGE+a5DcHLliI/YlqKrGoxhisD5XbX44KyoeRzoNlGr94eTsMVHFAzPOw== +"@smithy/node-http-handler@^4.0.2", "@smithy/node-http-handler@^4.0.3": + version "4.0.3" + resolved "https://registry.yarnpkg.com/@smithy/node-http-handler/-/node-http-handler-4.0.3.tgz#363e1d453168b4e37e8dd456d0a368a4e413bc98" + integrity sha512-dYCLeINNbYdvmMLtW0VdhW1biXt+PPCGazzT5ZjKw46mOtdgToQEwjqZSS9/EN8+tNs/RO0cEWG044+YZs97aA== dependencies: "@smithy/abort-controller" "^4.0.1" "@smithy/protocol-http" "^5.0.1" @@ -9807,17 +9681,17 @@ "@smithy/util-utf8" "^4.0.0" tslib "^2.6.2" -"@smithy/smithy-client@^4.1.3": - version "4.1.3" - resolved "https://registry.yarnpkg.com/@smithy/smithy-client/-/smithy-client-4.1.3.tgz#2c8f9aff3377e7655cebe84239da6be277ba8554" - integrity sha512-A2Hz85pu8BJJaYFdX8yb1yocqigyqBzn+OVaVgm+Kwi/DkN8vhN2kbDVEfADo6jXf5hPKquMLGA3UINA64UZ7A== +"@smithy/smithy-client@^4.1.3", "@smithy/smithy-client@^4.1.6": + version "4.1.6" + resolved "https://registry.yarnpkg.com/@smithy/smithy-client/-/smithy-client-4.1.6.tgz#2183c922d086d33252012232be891f29a008d932" + integrity sha512-UYDolNg6h2O0L+cJjtgSyKKvEKCOa/8FHYJnBobyeoeWDmNpXjwOAtw16ezyeu1ETuuLEOZbrynK0ZY1Lx9Jbw== dependencies: - "@smithy/core" "^3.1.2" - "@smithy/middleware-endpoint" "^4.0.3" + "@smithy/core" "^3.1.5" + "@smithy/middleware-endpoint" "^4.0.6" "@smithy/middleware-stack" "^4.0.1" "@smithy/protocol-http" "^5.0.1" "@smithy/types" "^4.1.0" - "@smithy/util-stream" "^4.0.2" + "@smithy/util-stream" "^4.1.2" tslib "^2.6.2" "@smithy/types@^4.1.0": @@ -9882,27 +9756,27 @@ dependencies: tslib "^2.6.2" -"@smithy/util-defaults-mode-browser@^4.0.4": - version "4.0.4" - resolved "https://registry.yarnpkg.com/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.0.4.tgz#6fa7ba64a80a77f27b9b5c6972918904578b8d5b" - integrity sha512-Ej1bV5sbrIfH++KnWxjjzFNq9nyP3RIUq2c9Iqq7SmMO/idUR24sqvKH2LUQFTSPy/K7G4sB2m8n7YYlEAfZaw== +"@smithy/util-defaults-mode-browser@^4.0.4", "@smithy/util-defaults-mode-browser@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.0.7.tgz#54595ab3da6765bfb388e8e8b594276e0f485710" + integrity sha512-CZgDDrYHLv0RUElOsmZtAnp1pIjwDVCSuZWOPhIOBvG36RDfX1Q9+6lS61xBf+qqvHoqRjHxgINeQz47cYFC2Q== dependencies: "@smithy/property-provider" "^4.0.1" - "@smithy/smithy-client" "^4.1.3" + "@smithy/smithy-client" "^4.1.6" "@smithy/types" "^4.1.0" bowser "^2.11.0" tslib "^2.6.2" -"@smithy/util-defaults-mode-node@^4.0.4": - version "4.0.4" - resolved "https://registry.yarnpkg.com/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.0.4.tgz#5470fdc96672cee5199620b576d7025de3b17333" - integrity sha512-HE1I7gxa6yP7ZgXPCFfZSDmVmMtY7SHqzFF55gM/GPegzZKaQWZZ+nYn9C2Cc3JltCMyWe63VPR3tSFDEvuGjw== +"@smithy/util-defaults-mode-node@^4.0.4", "@smithy/util-defaults-mode-node@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.0.7.tgz#0dea136de9096a36d84416f6af5843d866621491" + integrity sha512-79fQW3hnfCdrfIi1soPbK3zmooRFnLpSx3Vxi6nUlqaaQeC5dm8plt4OTNDNqEEEDkvKghZSaoti684dQFVrGQ== dependencies: "@smithy/config-resolver" "^4.0.1" "@smithy/credential-provider-imds" "^4.0.1" "@smithy/node-config-provider" "^4.0.1" "@smithy/property-provider" "^4.0.1" - "@smithy/smithy-client" "^4.1.3" + "@smithy/smithy-client" "^4.1.6" "@smithy/types" "^4.1.0" tslib "^2.6.2" @@ -9939,13 +9813,13 @@ "@smithy/types" "^4.1.0" tslib "^2.6.2" -"@smithy/util-stream@^4.0.2": - version "4.0.2" - resolved "https://registry.yarnpkg.com/@smithy/util-stream/-/util-stream-4.0.2.tgz#63495d3f7fba9d78748d540921136dc4a8d4c067" - integrity sha512-0eZ4G5fRzIoewtHtwaYyl8g2C+osYOT4KClXgfdNEDAgkbe2TYPqcnw4GAWabqkZCax2ihRGPe9LZnsPdIUIHA== +"@smithy/util-stream@^4.0.2", "@smithy/util-stream@^4.1.2": + version "4.1.2" + resolved "https://registry.yarnpkg.com/@smithy/util-stream/-/util-stream-4.1.2.tgz#b867f25bc8b016de0582810a2f4092a71c5e3244" + integrity sha512-44PKEqQ303d3rlQuiDpcCcu//hV8sn+u2JBo84dWCE0rvgeiVl0IlLMagbU++o0jCWhYCsHaAt9wZuZqNe05Hw== dependencies: "@smithy/fetch-http-handler" "^5.0.1" - "@smithy/node-http-handler" "^4.0.2" + "@smithy/node-http-handler" "^4.0.3" "@smithy/types" "^4.1.0" "@smithy/util-base64" "^4.0.0" "@smithy/util-buffer-from" "^4.0.0" @@ -10122,807 +9996,254 @@ "@statoscope/types" "5.28.1" "@types/md5" "^2.3.2" -"@storybook/addon-a11y@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-6.5.16.tgz#9288a6c1d111fa4ec501d213100ffff91757d3fc" - integrity sha512-/e9s34o+TmEhy+Q3/YzbRJ5AJ/Sy0gjZXlvsCrcRpiQLdt5JRbN8s+Lbn/FWxy8U1Tb1wlLYlqjJ+fYi5RrS3A== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/theming" "6.5.16" +"@storybook/addon-a11y@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-8.6.3.tgz#f017e9183138be2dddc88172b43e4b275a39f282" + integrity sha512-uJTk0n2/5qIXnURkEyK4weCjiApB6P+e6qql+z9Uo80ye8FfG/Y6RNftTHWN4W7vtP0gjFFNmI1SsNnsYCWBPw== + dependencies: + "@storybook/addon-highlight" "8.6.3" + "@storybook/test" "8.6.3" axe-core "^4.2.0" - core-js "^3.8.2" - global "^4.4.0" - lodash "^4.17.21" - react-sizeme "^3.0.1" - regenerator-runtime "^0.13.7" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" -"@storybook/addon-actions@6.5.16", "@storybook/addon-actions@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.5.16.tgz#2d7679f64899bef165a338582cb928102a09e364" - integrity sha512-aADjilFmuD6TNGz2CRPSupnyiA/IGkPJHDBTqMpsDXTUr8xnuD122xkIhg6UxmCM2y1c+ncwYXy3WPK2xXK57g== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.21" +"@storybook/addon-actions@8.6.3", "@storybook/addon-actions@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.6.3.tgz#fd5e60b4e78fc0d1eb762a0646195ced8dc9cf0f" + integrity sha512-0UrVqRoZFRFCqjtR8ODacpJNqi47qDUnsnB5F7e93U9ihSrH2edOBBX6frl11XKYA23rzq7jtnviFTVOpWpG7Q== + dependencies: + "@storybook/global" "^5.0.0" + "@types/uuid" "^9.0.1" + dequal "^2.0.2" polished "^4.2.2" - prop-types "^15.7.2" - react-inspector "^5.1.0" - regenerator-runtime "^0.13.7" - telejson "^6.0.8" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - uuid-browser "^3.1.0" - -"@storybook/addon-backgrounds@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.5.16.tgz#a93ea53955f714b4a4432dda1b88942cc87dd390" - integrity sha512-t7qooZ892BruhilFmzYPbysFwpULt/q4zYXNSmKVbAYta8UVvitjcU4F18p8FpWd9WvhiTr0SDlyhNZuzvDfug== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - global "^4.4.0" + uuid "^9.0.0" + +"@storybook/addon-backgrounds@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.3.tgz#8e81148df3227fa77f43595c9bd85ea3dc83a196" + integrity sha512-2mmMpMyUsS8rti2guMR4rk4h5YBLNHidxUqTm+U4nITZFfCXNP76To9hfTczpLTvUEpPxSbPG0sCIeHFaw4NRQ== + dependencies: + "@storybook/global" "^5.0.0" memoizerific "^1.11.3" - regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" - util-deprecate "^1.0.2" -"@storybook/addon-controls@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.5.16.tgz#5017805b8ca413edf6e9d87b90a9436e79eb5e59" - integrity sha512-kShSGjq1MjmmyL3l8i+uPz6yddtf82mzys0l82VKtcuyjrr5944wYFJ5NTXMfZxrO/U6FeFsfuFZE/k6ex3EMg== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/node-logger" "6.5.16" - "@storybook/store" "6.5.16" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - lodash "^4.17.21" +"@storybook/addon-controls@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.6.3.tgz#3db390b8f06064834115fab0f064e6775aaa0a49" + integrity sha512-j4Oof3nwjyiO6oNP1bJ98Sz1iZlYhdcgHX284yd0wBO91Q5B2GoCeqyCE+yRCh752ZnnYG1gazJrHmiG6gKxVg== + dependencies: + "@storybook/global" "^5.0.0" + dequal "^2.0.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@6.5.16", "@storybook/addon-docs@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.5.16.tgz#3de912f51fb8e48b9a53b11a5b1cede067acbe70" - integrity sha512-QM9WDZG9P02UvbzLu947a8ZngOrQeAKAT8jCibQFM/+RJ39xBlfm8rm+cQy3dm94wgtjmVkA3mKGOV/yrrsddg== - dependencies: - "@babel/plugin-transform-react-jsx" "^7.12.12" - "@babel/preset-env" "^7.12.11" - "@jest/transform" "^26.6.2" - "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/docs-tools" "6.5.16" - "@storybook/mdx1-csf" "^0.0.1" - "@storybook/node-logger" "6.5.16" - "@storybook/postinstall" "6.5.16" - "@storybook/preview-web" "6.5.16" - "@storybook/source-loader" "6.5.16" - "@storybook/store" "6.5.16" - "@storybook/theming" "6.5.16" - babel-loader "^8.0.0" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.21" - regenerator-runtime "^0.13.7" - remark-external-links "^8.0.0" - remark-slug "^6.0.0" +"@storybook/addon-docs@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.6.3.tgz#1eae8f04397a5606f46ceeffa3a9380aa60c1a94" + integrity sha512-FRABH+r2huMpAK8iUQiFlYZtYenbqtudX3fNKFK9b38eV1R14kWggVG02lsa6upXbzxWVbMLUdOqaZJHxNbO/A== + dependencies: + "@mdx-js/react" "^3.0.0" + "@storybook/blocks" "8.6.3" + "@storybook/csf-plugin" "8.6.3" + "@storybook/react-dom-shim" "8.6.3" + react "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + react-dom "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" ts-dedent "^2.0.0" - util-deprecate "^1.0.2" -"@storybook/addon-essentials@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.5.16.tgz#815991366a4a90b60bf0aa4022eb0bb0c2bb536d" - integrity sha512-TeoMr6tEit4Pe91GH6f8g/oar1P4M0JL9S6oMcFxxrhhtOGO7XkWD5EnfyCx272Ok2VYfE58FNBTGPNBVIqYKQ== - dependencies: - "@storybook/addon-actions" "6.5.16" - "@storybook/addon-backgrounds" "6.5.16" - "@storybook/addon-controls" "6.5.16" - "@storybook/addon-docs" "6.5.16" - "@storybook/addon-measure" "6.5.16" - "@storybook/addon-outline" "6.5.16" - "@storybook/addon-toolbars" "6.5.16" - "@storybook/addon-viewport" "6.5.16" - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/node-logger" "6.5.16" - core-js "^3.8.2" - regenerator-runtime "^0.13.7" +"@storybook/addon-essentials@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.6.3.tgz#3d91dd097aafd0d86052456c72ba4c8a12dd649f" + integrity sha512-tH+MwkZ6UwRWyhGdq8izVZAZHGWdeiBY1wpIwdceP1Rl2j9s11Gbddb/JlmiXrC+f/Oiylxghaf7EIksVVqLQQ== + dependencies: + "@storybook/addon-actions" "8.6.3" + "@storybook/addon-backgrounds" "8.6.3" + "@storybook/addon-controls" "8.6.3" + "@storybook/addon-docs" "8.6.3" + "@storybook/addon-highlight" "8.6.3" + "@storybook/addon-measure" "8.6.3" + "@storybook/addon-outline" "8.6.3" + "@storybook/addon-toolbars" "8.6.3" + "@storybook/addon-viewport" "8.6.3" ts-dedent "^2.0.0" -"@storybook/addon-knobs@^6.4.0": - version "6.4.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-6.4.0.tgz#fa5943ef21826cdc2e20ded74edfdf5a6dc71dcf" - integrity sha512-DiH1/5e2AFHoHrncl1qLu18ZHPHzRMMPvOLFz8AWvvmc+VCqTdIaE+tdxKr3e8rYylKllibgvDOzrLjfTNjF+Q== +"@storybook/addon-highlight@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.6.3.tgz#3fd975e5fca2d3925ecf7910b93e6c42a2a47829" + integrity sha512-LYZsgZt5q3EZBkZjUEELh/5+TDnUP0njuQ5g6skyKil6vj9+2RI4/Vjodp+ni5+xct5aDhXavRyUnPRfclX/Cg== dependencies: - copy-to-clipboard "^3.3.1" - core-js "^3.8.2" - escape-html "^1.0.3" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.20" - prop-types "^15.7.2" - qs "^6.10.0" - react-colorful "^5.1.2" - react-lifecycles-compat "^3.0.4" - react-select "^3.2.0" - -"@storybook/addon-measure@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-6.5.16.tgz#7f7bfdc0b624fbf18386b20a5e460027bf87115c" - integrity sha512-DMwnXkmM2L6POTh4KaOWvOAtQ2p9Tr1UUNxz6VXiN5cKFohpCs6x0txdLU5WN8eWIq0VFsO7u5ZX34CGCc6gCg== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - core-js "^3.8.2" - global "^4.4.0" - -"@storybook/addon-outline@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-6.5.16.tgz#6985b6a0b0122db36561c81dde2aa851604657b7" - integrity sha512-0du96nha4qltexO0Xq1xB7LeRSbqjC9XqtZLflXG7/X3ABoPD2cXgOV97eeaXUodIyb2qYBbHUfftBeA75x0+w== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - core-js "^3.8.2" - global "^4.4.0" - regenerator-runtime "^0.13.7" - ts-dedent "^2.0.0" + "@storybook/global" "^5.0.0" -"@storybook/addon-storyshots@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-storyshots/-/addon-storyshots-6.5.16.tgz#fc36b389c222748b647ed8ecff50124175172d2e" - integrity sha512-5pQrRM1PUtg8YM1odgUQyQeo6DDaMBF9CnIMwgioDrSBMHf+SqQ2MBgW/4GYbfrBYhhrML1d/QbbpwPJ7eb1Bg== - dependencies: - "@jest/transform" "^26.6.2" - "@storybook/addons" "6.5.16" - "@storybook/babel-plugin-require-context-hook" "1.0.1" - "@storybook/client-api" "6.5.16" - "@storybook/core" "6.5.16" - "@storybook/core-client" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@types/glob" "^7.1.3" - "@types/jest" "^26.0.16" - "@types/jest-specific-snapshot" "^0.5.3" - core-js "^3.8.2" - glob "^7.1.6" - global "^4.4.0" - jest-specific-snapshot "^4.0.0" - preact-render-to-string "^5.1.19" - pretty-format "^26.6.2" - react-test-renderer "^16.8.0 || ^17.0.0" - read-pkg-up "^7.0.1" - regenerator-runtime "^0.13.7" +"@storybook/addon-measure@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.6.3.tgz#f7fd39d0c78bada393e91c8d1d415f3978f6e2d8" + integrity sha512-FC/3pqM2adSnwyPOd9AxEoZD5XWCMKAk16urQFQ0M4+IzRUdf2OV8cc7aM/oZiBX36+q/UCcUWm2SbQ5nzNJpg== + dependencies: + "@storybook/global" "^5.0.0" + tiny-invariant "^1.3.1" + +"@storybook/addon-outline@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.6.3.tgz#4ac86a6dcc899ab8cd71861f5dca883a9a630a93" + integrity sha512-YklKHRkoDLSWawIIBrEI69RAWEdvhkYCOv+fMLu9zBeVPnkwbtIjXN/I+UJwPCm6jlxeEwEUAvbPWZMMf+BkPQ== + dependencies: + "@storybook/global" "^5.0.0" ts-dedent "^2.0.0" -"@storybook/addon-toolbars@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.5.16.tgz#9de04f9cc64b68d6cb680aa1c4fbf874e11afa32" - integrity sha512-y3PuUKiwOWrAvqx1YdUvArg0UaAwmboXFeR2bkrowk1xcT+xnRO3rML4npFeUl26OQ1FzwxX/cw6nknREBBLEA== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - regenerator-runtime "^0.13.7" +"@storybook/addon-toolbars@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.6.3.tgz#166cb5db172798f4ab93fd41dcc0c128b1b511d2" + integrity sha512-GTC1GPrFNfWvvBaQQnGuL7ZfGK5Q+3ZovwQA9tnPu7QZEwea/4CXvUyQh1u0NwqrFZkrabOad1XvYfpRuCPGSA== -"@storybook/addon-viewport@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.5.16.tgz#226aa0ab93df68264269eb31adb104e7e48f6c68" - integrity sha512-1Vyqf1U6Qng6TXlf4SdqUKyizlw1Wn6+qW8YeA2q1lbkJqn3UlnHXIp8Q0t/5q1dK5BFtREox3+jkGwbJrzkmA== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - global "^4.4.0" +"@storybook/addon-viewport@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.6.3.tgz#09cb8fce7068dad71bb8094bf86a7d4421a5d659" + integrity sha512-AixZKiQdBVs7ePj5iV0U1IY2jvH0G7wQJwBRTOq4qC1FKiOsZEYmrwc3wLUBUlVqyenXFKN+H40r4VhPzzSfLw== + dependencies: memoizerific "^1.11.3" - prop-types "^15.7.2" - regenerator-runtime "^0.13.7" -"@storybook/addons@6.5.16", "@storybook/addons@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.5.16.tgz#07e8f2205f86fa4c9dada719e3e096cb468e3cdd" - integrity sha512-p3DqQi+8QRL5k7jXhXmJZLsE/GqHqyY6PcoA1oNTJr0try48uhTGUOYkgzmqtDaa/qPFO5LP+xCPzZXckGtquQ== - dependencies: - "@storybook/api" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/router" "6.5.16" - "@storybook/theming" "6.5.16" - "@types/webpack-env" "^1.16.0" - core-js "^3.8.2" - global "^4.4.0" - regenerator-runtime "^0.13.7" +"@storybook/addon-webpack5-compiler-babel@^3.0.5": + version "3.0.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-webpack5-compiler-babel/-/addon-webpack5-compiler-babel-3.0.5.tgz#730378d44dcc6756005ac59d1e864238852f525e" + integrity sha512-9dlc5PrehEFUHqkgj8x+aKtOY9XH9Zk6WBbtpgY/JCQ7waJ2VvhyDnrgJeXfek+WYlSkJElnta6SlqP+XRG0PQ== + dependencies: + "@babel/core" "^7.26.0" + babel-loader "^9.2.1" -"@storybook/api@6.5.16", "@storybook/api@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.5.16.tgz#897915b76de05587fd702951d5d836f708043662" - integrity sha512-HOsuT8iomqeTMQJrRx5U8nsC7lJTwRr1DhdD0SzlqL4c80S/7uuCy4IZvOt4sYQjOzW5fOo/kamcoBXyLproTA== - dependencies: - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/router" "6.5.16" - "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.21" - memoizerific "^1.11.3" - regenerator-runtime "^0.13.7" - store2 "^2.12.0" - telejson "^6.0.8" +"@storybook/blocks@8.6.3", "@storybook/blocks@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.6.3.tgz#1df08fb3acffa3d8fc389a9d61ad72ab40e1ad84" + integrity sha512-Ieu6kwqdeAcrLzcX2QIqnCd0XWZi46i4eem8W54JRiOMQMYUpZ7onbciRAP58qxEWrZWqgxPS+tiCTaJe48VVQ== + dependencies: + "@storybook/icons" "^1.2.12" ts-dedent "^2.0.0" - util-deprecate "^1.0.2" -"@storybook/babel-plugin-require-context-hook@1.0.1": - version "1.0.1" - resolved "https://registry.yarnpkg.com/@storybook/babel-plugin-require-context-hook/-/babel-plugin-require-context-hook-1.0.1.tgz#0a4ec9816f6c7296ebc97dd8de3d2b7ae76f2e26" - integrity sha512-WM4vjgSVi8epvGiYfru7BtC3f0tGwNs7QK3Uc4xQn4t5hHQvISnCqbNrHdDYmNW56Do+bBztE8SwP6NGUvd7ww== - -"@storybook/builder-webpack4@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.5.16.tgz#ac468d244835a7f3bd01936398fee47244da35c1" - integrity sha512-YqDIrVNsUo8r9xc6AxsYDLxVYtMgl5Bxk+8/h1adsOko+jAFhdg6hOcAVxEmoSI0TMASOOVMFlT2hr23ppN2rQ== - dependencies: - "@babel/core" "^7.12.10" - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/channel-postmessage" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/preview-web" "6.5.16" - "@storybook/router" "6.5.16" - "@storybook/semver" "^7.3.2" - "@storybook/store" "6.5.16" - "@storybook/theming" "6.5.16" - "@storybook/ui" "6.5.16" - "@types/node" "^14.0.10 || ^16.0.0" - "@types/webpack" "^4.41.26" - autoprefixer "^9.8.6" - babel-loader "^8.0.0" - case-sensitive-paths-webpack-plugin "^2.3.0" - core-js "^3.8.2" - css-loader "^3.6.0" - file-loader "^6.2.0" - find-up "^5.0.0" - fork-ts-checker-webpack-plugin "^4.1.6" - glob "^7.1.6" - glob-promise "^3.4.0" - global "^4.4.0" - html-webpack-plugin "^4.0.0" - pnp-webpack-plugin "1.6.4" - postcss "^7.0.36" - postcss-flexbugs-fixes "^4.2.1" - postcss-loader "^4.2.0" - raw-loader "^4.0.2" - stable "^0.1.8" - style-loader "^1.3.0" - terser-webpack-plugin "^4.2.3" - ts-dedent "^2.0.0" - url-loader "^4.1.1" - util-deprecate "^1.0.2" - webpack "4" - webpack-dev-middleware "^3.7.3" - webpack-filter-warnings-plugin "^1.2.1" - webpack-hot-middleware "^2.25.1" - webpack-virtual-modules "^0.2.2" - -"@storybook/builder-webpack5@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-6.5.16.tgz#2f260e29fbc87f6f3bb3212459048ce37f3fb54e" - integrity sha512-kh8Sofm1sbijaHDWtm0sXabqACHVFjikU/fIkkW786kpjoPIPIec1a+hrLgDsZxMU3I7XapSOaCFzWt6FjVXjg== - dependencies: - "@babel/core" "^7.12.10" - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/channel-postmessage" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/preview-web" "6.5.16" - "@storybook/router" "6.5.16" - "@storybook/semver" "^7.3.2" - "@storybook/store" "6.5.16" - "@storybook/theming" "6.5.16" - "@types/node" "^14.0.10 || ^16.0.0" - babel-loader "^8.0.0" - babel-plugin-named-exports-order "^0.0.2" +"@storybook/builder-webpack5@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-8.6.3.tgz#80c2ebcf6ba0e37b51c2d95775a12bb1a26b5d0d" + integrity sha512-+Er6wFbi6O1xAqSsCZwqMcOfKM90n2jYDgSixYTsgqhjEcKLvCX9sn5akyRB1pPl5cGq4zBDIG4l9aLzZLLC3Q== + dependencies: + "@storybook/core-webpack" "8.6.3" + "@types/semver" "^7.3.4" browser-assert "^1.2.1" - case-sensitive-paths-webpack-plugin "^2.3.0" - core-js "^3.8.2" - css-loader "^5.0.1" - fork-ts-checker-webpack-plugin "^6.0.4" - glob "^7.1.6" - glob-promise "^3.4.0" - html-webpack-plugin "^5.0.0" + case-sensitive-paths-webpack-plugin "^2.4.0" + cjs-module-lexer "^1.2.3" + constants-browserify "^1.0.0" + css-loader "^6.7.1" + es-module-lexer "^1.5.0" + fork-ts-checker-webpack-plugin "^8.0.0" + html-webpack-plugin "^5.5.0" + magic-string "^0.30.5" path-browserify "^1.0.1" process "^0.11.10" - stable "^0.1.8" - style-loader "^2.0.0" - terser-webpack-plugin "^5.0.3" + semver "^7.3.7" + style-loader "^3.3.1" + terser-webpack-plugin "^5.3.1" ts-dedent "^2.0.0" + url "^0.11.0" + util "^0.12.4" util-deprecate "^1.0.2" - webpack "^5.9.0" - webpack-dev-middleware "^4.1.0" + webpack "5" + webpack-dev-middleware "^6.1.2" webpack-hot-middleware "^2.25.1" - webpack-virtual-modules "^0.4.1" - -"@storybook/channel-postmessage@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.5.16.tgz#06167c0a66c06b2b5f8ff01d1dd436fff8119a15" - integrity sha512-fZZSN29dsUArWOx7e7lTdMA9+7zijVwCwbvi2Fo4fqhRLh1DsTb/VXfz1FKMCWAjNlcX7QQvV25tnxbqsD6lyw== - dependencies: - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - core-js "^3.8.2" - global "^4.4.0" - qs "^6.10.0" - telejson "^6.0.8" - -"@storybook/channel-websocket@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-6.5.16.tgz#41f69ca9444a4dfbf72580b4696900c5b1d2b817" - integrity sha512-wJg2lpBjmRC2GJFzmhB9kxlh109VE58r/0WhFtLbwKvPqsvGf82xkBEl6BtBCvIQ4stzYnj/XijjA8qSi2zpOg== - dependencies: - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - core-js "^3.8.2" - global "^4.4.0" - telejson "^6.0.8" - -"@storybook/channels@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.5.16.tgz#3fb9a3b5666ecb951a2d0cf8b0699b084ef2d3c6" - integrity sha512-VylzaWQZaMozEwZPJdyJoz+0jpDa8GRyaqu9TGG6QGv+KU5POoZaGLDkRE7TzWkyyP0KQLo80K99MssZCpgSeg== - dependencies: - core-js "^3.8.2" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" + webpack-virtual-modules "^0.6.0" -"@storybook/client-api@6.5.16", "@storybook/client-api@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.5.16.tgz#13e5a7c3d1f0f951ec4ef51cfcf2c5aafb560e12" - integrity sha512-i3UwkzzUFw8I+E6fOcgB5sc4oU2fhvaKnqC1mpd9IYGJ9JN9MnGIaVl3Ko28DtFItu/QabC9JsLIJVripFLktQ== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/channel-postmessage" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/store" "6.5.16" - "@types/qs" "^6.9.5" - "@types/webpack-env" "^1.16.0" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.21" - memoizerific "^1.11.3" - qs "^6.10.0" - regenerator-runtime "^0.13.7" - store2 "^2.12.0" - synchronous-promise "^2.0.15" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" +"@storybook/components@8.6.3", "@storybook/components@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.6.3.tgz#155c33adfd908cd756c2a0d52a65fd7e0fee0a24" + integrity sha512-q5DQkV+E/j0KfF818RywgqEHjaZTg71q5YY4z0UO8CRSzDQ/VYF6L76oc69corbkJtYAk/GqaYJllzrWykS4sg== -"@storybook/client-logger@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.5.16.tgz#955cc46b389e7151c9eb1585a75e6a0605af61a1" - integrity sha512-pxcNaCj3ItDdicPTXTtmYJE3YC1SjxFrBmHcyrN+nffeNyiMuViJdOOZzzzucTUG0wcOOX8jaSyak+nnHg5H1Q== - dependencies: - core-js "^3.8.2" - global "^4.4.0" +"@storybook/core-events@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-8.6.3.tgz#3eaf4e9b5fae8fe42c88880ebaa558b31356e67c" + integrity sha512-+UCkypJKcrITCuA84IITcn1RI1gxXGl72e0KszfFYgsSkJpDMvxSU2RwVqJSORBe5GU3XOIR3FaNngbkO3nXMg== -"@storybook/components@6.5.16", "@storybook/components@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.5.16.tgz#f8dc51213bc08fe32154be964e1e8b0e2f670ed6" - integrity sha512-LzBOFJKITLtDcbW9jXl0/PaG+4xAz25PK8JxPZpIALbmOpYWOAPcO6V9C2heX6e6NgWFMUxjplkULEk9RCQMNA== - dependencies: - "@storybook/client-logger" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - memoizerific "^1.11.3" - qs "^6.10.0" - regenerator-runtime "^0.13.7" - util-deprecate "^1.0.2" +"@storybook/core-server@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-8.6.3.tgz#0da4c639b4aea0b54873bcdffc17d86282729807" + integrity sha512-nmn5d/Czl6SF7NpHnHuPzEXV95Cjogyi4rucE6dNUELjPr07jtBxzovxaXei+wTObJZALDsHfCZzFq31g6tzsw== -"@storybook/core-client@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.5.16.tgz#ed2328fd38c6111fe887f6a91b28d9dc2b17092a" - integrity sha512-14IRaDrVtKrQ+gNWC0wPwkCNfkZOKghYV/swCUnQX3rP99defsZK8Hc7xHIYoAiOP5+sc3sweRAxgmFiJeQ1Ig== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/channel-postmessage" "6.5.16" - "@storybook/channel-websocket" "6.5.16" - "@storybook/client-api" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/preview-web" "6.5.16" - "@storybook/store" "6.5.16" - "@storybook/ui" "6.5.16" - airbnb-js-shims "^2.2.1" - ansi-to-html "^0.6.11" - core-js "^3.8.2" - global "^4.4.0" - lodash "^4.17.21" - qs "^6.10.0" - regenerator-runtime "^0.13.7" +"@storybook/core-webpack@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-8.6.3.tgz#48db1158092808a19d2bbc249ecfb86442164c77" + integrity sha512-JYrHPwgyiXa4BgfkrUIDyl5Dp1I7xZG+GV7z0m/2wCn1PcDrDJ8iRl2HHbVbHZXYRK3zSp84iRjdBK4DF94HGQ== + dependencies: ts-dedent "^2.0.0" - unfetch "^4.2.0" - util-deprecate "^1.0.2" -"@storybook/core-common@6.5.16", "@storybook/core-common@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.5.16.tgz#db80aa6f220a576a83db821f720e103190a914ae" - integrity sha512-2qtnKP3TTOzt2cp6LXKRTh7XrI9z5VanMnMTgeoFcA5ebnndD4V6BExQUdYPClE/QooLx6blUWNgS9dFEpjSqQ== - dependencies: - "@babel/core" "^7.12.10" - "@babel/plugin-proposal-class-properties" "^7.12.1" - "@babel/plugin-proposal-decorators" "^7.12.12" - "@babel/plugin-proposal-export-default-from" "^7.12.1" - "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.1" - "@babel/plugin-proposal-object-rest-spread" "^7.12.1" - "@babel/plugin-proposal-optional-chaining" "^7.12.7" - "@babel/plugin-proposal-private-methods" "^7.12.1" - "@babel/plugin-proposal-private-property-in-object" "^7.12.1" - "@babel/plugin-syntax-dynamic-import" "^7.8.3" - "@babel/plugin-transform-arrow-functions" "^7.12.1" - "@babel/plugin-transform-block-scoping" "^7.12.12" - "@babel/plugin-transform-classes" "^7.12.1" - "@babel/plugin-transform-destructuring" "^7.12.1" - "@babel/plugin-transform-for-of" "^7.12.1" - "@babel/plugin-transform-parameters" "^7.12.1" - "@babel/plugin-transform-shorthand-properties" "^7.12.1" - "@babel/plugin-transform-spread" "^7.12.1" - "@babel/preset-env" "^7.12.11" - "@babel/preset-react" "^7.12.10" - "@babel/preset-typescript" "^7.12.7" - "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.5.16" - "@storybook/semver" "^7.3.2" - "@types/node" "^14.0.10 || ^16.0.0" - "@types/pretty-hrtime" "^1.0.0" - babel-loader "^8.0.0" - babel-plugin-macros "^3.0.1" - babel-plugin-polyfill-corejs3 "^0.1.0" - chalk "^4.1.0" - core-js "^3.8.2" - express "^4.17.1" - file-system-cache "^1.0.5" - find-up "^5.0.0" - fork-ts-checker-webpack-plugin "^6.0.4" - fs-extra "^9.0.1" - glob "^7.1.6" - handlebars "^4.7.7" - interpret "^2.2.0" - json5 "^2.2.3" - lazy-universal-dotenv "^3.0.1" - picomatch "^2.3.0" - pkg-dir "^5.0.0" - pretty-hrtime "^1.0.3" - resolve-from "^5.0.0" - slash "^3.0.0" - telejson "^6.0.8" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - webpack "4" - -"@storybook/core-events@6.5.16", "@storybook/core-events@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.5.16.tgz#b1c265dac755007dae172d9d4b72656c9e5d7bb3" - integrity sha512-qMZQwmvzpH5F2uwNUllTPg6eZXr2OaYZQRRN8VZJiuorZzDNdAFmiVWMWdkThwmyLEJuQKXxqCL8lMj/7PPM+g== - dependencies: - core-js "^3.8.2" - -"@storybook/core-server@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.5.16.tgz#f40de3413de49388129d29c74e5e48321af03f12" - integrity sha512-/3NPfmNyply395Dm0zaVZ8P9aruwO+tPx4D6/jpw8aqrRSwvAMndPMpoMCm0NXcpSm5rdX+Je4S3JW6JcggFkA== - dependencies: - "@discoveryjs/json-ext" "^0.5.3" - "@storybook/builder-webpack4" "6.5.16" - "@storybook/core-client" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/csf-tools" "6.5.16" - "@storybook/manager-webpack4" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/semver" "^7.3.2" - "@storybook/store" "6.5.16" - "@storybook/telemetry" "6.5.16" - "@types/node" "^14.0.10 || ^16.0.0" - "@types/node-fetch" "^2.5.7" - "@types/pretty-hrtime" "^1.0.0" - "@types/webpack" "^4.41.26" - better-opn "^2.1.1" - boxen "^5.1.2" - chalk "^4.1.0" - cli-table3 "^0.6.1" - commander "^6.2.1" - compression "^1.7.4" - core-js "^3.8.2" - cpy "^8.1.2" - detect-port "^1.3.0" - express "^4.17.1" - fs-extra "^9.0.1" - global "^4.4.0" - globby "^11.0.2" - ip "^2.0.0" - lodash "^4.17.21" - node-fetch "^2.6.7" - open "^8.4.0" - pretty-hrtime "^1.0.3" - prompts "^2.4.0" - regenerator-runtime "^0.13.7" - serve-favicon "^2.5.0" - slash "^3.0.0" - telejson "^6.0.8" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - watchpack "^2.2.0" - webpack "4" +"@storybook/core@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.6.3.tgz#a64aea869d3df0d4101ad14e000348b1cc19d849" + integrity sha512-0iMTfmo3UFCa1hFJLtThnRIppkIpGPyTL3MElhORP1t5l9lCUq5am0ymbi/TeCbsJPjE86FjeO0NinokL9iQiw== + dependencies: + "@storybook/theming" "8.6.3" + better-opn "^3.0.2" + browser-assert "^1.2.1" + esbuild "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0" + esbuild-register "^3.5.0" + jsdoc-type-pratt-parser "^4.0.0" + process "^0.11.10" + recast "^0.23.5" + semver "^7.6.2" + util "^0.12.5" ws "^8.2.3" - x-default-browser "^0.4.0" - -"@storybook/core@6.5.16", "@storybook/core@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.5.16.tgz#ae994f01327fe81b6e652963c35bac7a74f0da06" - integrity sha512-CEF3QFTsm/VMnMKtRNr4rRdLeIkIG0g1t26WcmxTdSThNPBd8CsWzQJ7Jqu7CKiut+MU4A1LMOwbwCE5F2gmyA== - dependencies: - "@storybook/core-client" "6.5.16" - "@storybook/core-server" "6.5.16" - -"@storybook/csf-tools@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.5.16.tgz#367889a3ddb33c93261129104ec2958215ec5459" - integrity sha512-+WD4sH/OwAfXZX3IN6/LOZ9D9iGEFcN+Vvgv9wOsLRgsAZ10DG/NK6c1unXKDM/ogJtJYccNI8Hd+qNE/GFV6A== - dependencies: - "@babel/core" "^7.12.10" - "@babel/generator" "^7.12.11" - "@babel/parser" "^7.12.11" - "@babel/plugin-transform-react-jsx" "^7.12.12" - "@babel/preset-env" "^7.12.11" - "@babel/traverse" "^7.12.11" - "@babel/types" "^7.12.11" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/mdx1-csf" "^0.0.1" - core-js "^3.8.2" - fs-extra "^9.0.1" - global "^4.4.0" - regenerator-runtime "^0.13.7" - ts-dedent "^2.0.0" -"@storybook/csf@0.0.2--canary.4566f4d.1": - version "0.0.2--canary.4566f4d.1" - resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.0.2--canary.4566f4d.1.tgz#dac52a21c40ef198554e71fe4d20d61e17f65327" - integrity sha512-9OVvMVh3t9znYZwb0Svf/YQoxX2gVOeQTGe2bses2yj+a3+OJnCrUF3/hGv6Em7KujtOdL2LL+JnG49oMVGFgQ== +"@storybook/csf-plugin@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.6.3.tgz#3cbaca9562627df9e1aee22138ac606b92e57070" + integrity sha512-0QDLBcMOxSEt1yH28cvIsoiaIokIxDDShMnxVJHWk/7+KZ3xe4lZBfKCWZspZoJmrxgz10gLRifj1b3ysIFlyA== dependencies: - lodash "^4.17.15" + unplugin "^1.3.1" -"@storybook/csf@0.0.2--canary.87bc651.0": - version "0.0.2--canary.87bc651.0" - resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.0.2--canary.87bc651.0.tgz#c7b99b3a344117ef67b10137b6477a3d2750cf44" - integrity sha512-ajk1Uxa+rBpFQHKrCcTmJyQBXZ5slfwHVEaKlkuFaW77it8RgbPJp/ccna3sgoi8oZ7FkkOyvv1Ve4SmwFqRqw== - dependencies: - lodash "^4.17.15" +"@storybook/global@^5.0.0": + version "5.0.0" + resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed" + integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ== + +"@storybook/icons@^1.2.12": + version "1.3.2" + resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.3.2.tgz#e9b92c35ca789ff79f9d0b3848829dd6490ca628" + integrity sha512-t3xcbCKkPvqyef8urBM0j/nP6sKtnlRkVgC+8JTbTAZQjaTmOjes3byEgzs89p4B/K6cJsg9wLW2k3SknLtYJw== -"@storybook/docs-tools@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-6.5.16.tgz#1ec5433eeab63a214d37ffc4660cdaec9704ac39" - integrity sha512-o+rAWPRGifjBF5xZzTKOqnHN3XQWkl0QFJYVDIiJYJrVll7ExCkpEq/PahOGzIBBV+tpMstJgmKM3lr/lu/jmg== +"@storybook/instrumenter@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.6.3.tgz#bd0dab35ac3fdfe8dc4626ef2fb0e17946d6aba3" + integrity sha512-Y5n6JWCWdOqok08Hgklsc98TBoqROhAhBRSzNWuIaLsRhz8EziXQtuEkWqmVbyYOys25iTZiK3S8+QQkOzGrBw== dependencies: - "@babel/core" "^7.12.10" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/store" "6.5.16" - core-js "^3.8.2" - doctrine "^3.0.0" - lodash "^4.17.21" - regenerator-runtime "^0.13.7" + "@storybook/global" "^5.0.0" + "@vitest/utils" "^2.1.1" -"@storybook/manager-webpack4@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.5.16.tgz#7033228d38f048ceff3d403ba918d7f206b926a5" - integrity sha512-5VJZwmQU6AgdsBPsYdu886UKBHQ9SJEnFMaeUxKEclXk+iRsmbzlL4GHKyVd6oGX/ZaecZtcHPR6xrzmA4Ziew== - dependencies: - "@babel/core" "^7.12.10" - "@babel/plugin-transform-template-literals" "^7.12.1" - "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.5.16" - "@storybook/core-client" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/theming" "6.5.16" - "@storybook/ui" "6.5.16" - "@types/node" "^14.0.10 || ^16.0.0" - "@types/webpack" "^4.41.26" - babel-loader "^8.0.0" - case-sensitive-paths-webpack-plugin "^2.3.0" - chalk "^4.1.0" - core-js "^3.8.2" - css-loader "^3.6.0" - express "^4.17.1" - file-loader "^6.2.0" - find-up "^5.0.0" - fs-extra "^9.0.1" - html-webpack-plugin "^4.0.0" - node-fetch "^2.6.7" - pnp-webpack-plugin "1.6.4" - read-pkg-up "^7.0.1" - regenerator-runtime "^0.13.7" - resolve-from "^5.0.0" - style-loader "^1.3.0" - telejson "^6.0.8" - terser-webpack-plugin "^4.2.3" - ts-dedent "^2.0.0" - url-loader "^4.1.1" - util-deprecate "^1.0.2" - webpack "4" - webpack-dev-middleware "^3.7.3" - webpack-virtual-modules "^0.2.2" - -"@storybook/manager-webpack5@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack5/-/manager-webpack5-6.5.16.tgz#48b223557d9633614ff8c6e3227c01a57ab4eb55" - integrity sha512-OtxXv8JCe0r/0rE5HxaFicsNsXA+fqZxzokxquFFgrYf/1Jg4d7QX6/pG5wINF+5qInJfVkRG6xhPzv1s5bk9Q== - dependencies: - "@babel/core" "^7.12.10" - "@babel/plugin-transform-template-literals" "^7.12.1" - "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.5.16" - "@storybook/core-client" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/theming" "6.5.16" - "@storybook/ui" "6.5.16" - "@types/node" "^14.0.10 || ^16.0.0" - babel-loader "^8.0.0" - case-sensitive-paths-webpack-plugin "^2.3.0" - chalk "^4.1.0" - core-js "^3.8.2" - css-loader "^5.0.1" - express "^4.17.1" - find-up "^5.0.0" - fs-extra "^9.0.1" - html-webpack-plugin "^5.0.0" - node-fetch "^2.6.7" - process "^0.11.10" - read-pkg-up "^7.0.1" - regenerator-runtime "^0.13.7" - resolve-from "^5.0.0" - style-loader "^2.0.0" - telejson "^6.0.8" - terser-webpack-plugin "^5.0.3" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - webpack "^5.9.0" - webpack-dev-middleware "^4.1.0" - webpack-virtual-modules "^0.4.1" +"@storybook/manager-api@8.6.3", "@storybook/manager-api@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.6.3.tgz#b50f2263d2bcae139adb7f3c571a2f60b5bd3453" + integrity sha512-7m9MQELc6XpuKIuliqMiQWzl8yVWpUDwTcpr+rTT7l3OfRzw7Y00UFct2tI03YG6EXsxsykw8EmueMQhe0lG5Q== -"@storybook/mdx1-csf@^0.0.1": - version "0.0.1" - resolved "https://registry.yarnpkg.com/@storybook/mdx1-csf/-/mdx1-csf-0.0.1.tgz#d4184e3f6486fade9f7a6bfaf934d9bc07718d5b" - integrity sha512-4biZIWWzoWlCarMZmTpqcJNgo/RBesYZwGFbQeXiGYsswuvfWARZnW9RE9aUEMZ4XPn7B1N3EKkWcdcWe/K2tg== - dependencies: - "@babel/generator" "^7.12.11" - "@babel/parser" "^7.12.11" - "@babel/preset-env" "^7.12.11" - "@babel/types" "^7.12.11" - "@mdx-js/mdx" "^1.6.22" - "@types/lodash" "^4.14.167" - js-string-escape "^1.0.1" - loader-utils "^2.0.0" - lodash "^4.17.21" - prettier ">=2.2.1 <=2.3.0" - ts-dedent "^2.0.0" +"@storybook/node-logger@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-8.6.3.tgz#4ca96f2e1ef16c975b470456ce5ab64de6af0fc9" + integrity sha512-rIq2mWv1lDmBpPNCf4FcBe4D8Ik458GIPxSUZHoOxLmEElOzncixiGWpRKUCycOXpD8f3lZaxgZjYZqVmdeW7A== -"@storybook/node-logger@6.5.16", "@storybook/node-logger@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.5.16.tgz#d57fd6204c2abfbc297551d98ad5475dd73207cc" - integrity sha512-YjhBKrclQtjhqFNSO+BZK+RXOx6EQypAELJKoLFaawg331e8VUfvUuRCNB3fcEWp8G9oH13PQQte0OTjLyyOYg== +"@storybook/preset-react-webpack@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-8.6.3.tgz#abcda70e6341524e247a0788a1d9f1a22f6c09da" + integrity sha512-ROZdvtRm0jtApA21DQa4q5FkG3EPiHdYEWp01DxtGQrenl8YV4JBF3va9sYcPFki2gW+lx/iVpAcHfIAR7PS2Q== dependencies: - "@types/npmlog" "^4.1.2" - chalk "^4.1.0" - core-js "^3.8.2" - npmlog "^5.0.1" - pretty-hrtime "^1.0.3" - -"@storybook/postinstall@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.5.16.tgz#20aa02fd4513fa0b60ed838b413c46f351f64f60" - integrity sha512-08K2q+qN6pqyPW7PHLCZ5G5Xa6Wosd6t0F16PQ4abX2ItlJLabVoJN5mZ0gm/aeLTjD8QYr8IDvacu4eXh0SVA== - dependencies: - core-js "^3.8.2" - -"@storybook/preview-web@6.5.16", "@storybook/preview-web@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/preview-web/-/preview-web-6.5.16.tgz#1d32a72be25776f9597e33ffc1914f3430fae689" - integrity sha512-IJnvfe2sKCfk7apN9Fu9U8qibbarrPX5JB55ZzK1amSHVmSDuYk5MIMc/U3NnSQNnvd1DO5v/zMcGgj563hrtg== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/channel-postmessage" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/store" "6.5.16" - ansi-to-html "^0.6.11" - core-js "^3.8.2" - global "^4.4.0" - lodash "^4.17.21" - qs "^6.10.0" - regenerator-runtime "^0.13.7" - synchronous-promise "^2.0.15" - ts-dedent "^2.0.0" - unfetch "^4.2.0" - util-deprecate "^1.0.2" + "@storybook/core-webpack" "8.6.3" + "@storybook/react" "8.6.3" + "@storybook/react-docgen-typescript-plugin" "1.0.6--canary.9.0c3f3b7.0" + "@types/semver" "^7.3.4" + find-up "^5.0.0" + magic-string "^0.30.5" + react-docgen "^7.0.0" + resolve "^1.22.8" + semver "^7.3.7" + tsconfig-paths "^4.2.0" + webpack "5" -"@storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0", "@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.cd77847.0": - version "1.0.6--canary.9.cd77847.0" - resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.cd77847.0.tgz#35beed1bd0813569fc8852b372c92069fe74a448" - integrity sha512-I4oBYmnUCX5IsrZhg+ST72dubSIV4wdwY+SfqJiJ3NHvDpdb240ZjdHAmjIy/yJh5rh42Fl4jbG8Tr4SzwV53Q== +"@storybook/preview-api@8.6.3", "@storybook/preview-api@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.6.3.tgz#e2da8e5139ae0645e583237b6a675fcc0cd78c89" + integrity sha512-y2Ic6eHBQD/AwaCHctKOJ4tOM1r7/mPXfhGh0I+Qf8kZPlDTgQcJ6Z7/Ruma1L+ijXPBWouDaPw51gipcX+t9Q== + +"@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0": + version "1.0.6--canary.9.0c3f3b7.0" + resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz#7f10f3c641f32e4513a8b6ffb5036933e7059534" + integrity sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q== dependencies: debug "^4.1.1" endent "^2.0.1" @@ -10932,157 +10253,49 @@ react-docgen-typescript "^2.2.2" tslib "^2.0.0" -"@storybook/react@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.5.16.tgz#f7b82ba87f5bb73b4e4e83cce298a98710a88398" - integrity sha512-cBtNlOzf/MySpNLBK22lJ8wFU22HnfTB2xJyBk7W7Zi71Lm7Uxkhv1Pz8HdiQndJ0SlsAAQOWjQYsSZsGkZIaA== - dependencies: - "@babel/preset-flow" "^7.12.1" - "@babel/preset-react" "^7.12.10" - "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3" - "@storybook/addons" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core" "6.5.16" - "@storybook/core-common" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - "@storybook/docs-tools" "6.5.16" - "@storybook/node-logger" "6.5.16" - "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0" - "@storybook/semver" "^7.3.2" - "@storybook/store" "6.5.16" - "@types/estree" "^0.0.51" - "@types/node" "^14.14.20 || ^16.0.0" - "@types/webpack-env" "^1.16.0" - acorn "^7.4.1" - acorn-jsx "^5.3.1" - acorn-walk "^7.2.0" - babel-plugin-add-react-displayname "^0.0.5" - babel-plugin-react-docgen "^4.2.1" - core-js "^3.8.2" - escodegen "^2.0.0" - fs-extra "^9.0.1" - global "^4.4.0" - html-tags "^3.1.0" - lodash "^4.17.21" - prop-types "^15.7.2" - react-element-to-jsx-string "^14.3.4" - react-refresh "^0.11.0" - read-pkg-up "^7.0.1" - regenerator-runtime "^0.13.7" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - webpack ">=4.43.0 <6.0.0" - -"@storybook/router@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.5.16.tgz#28fb4d34e8219351a40bee1fc94dcacda6e1bd8b" - integrity sha512-ZgeP8a5YV/iuKbv31V8DjPxlV4AzorRiR8OuSt/KqaiYXNXlOoQDz/qMmiNcrshrfLpmkzoq7fSo4T8lWo2UwQ== - dependencies: - "@storybook/client-logger" "6.5.16" - core-js "^3.8.2" - memoizerific "^1.11.3" - qs "^6.10.0" - regenerator-runtime "^0.13.7" - -"@storybook/semver@^7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0" - integrity sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg== - dependencies: - core-js "^3.6.5" - find-up "^4.1.0" - -"@storybook/source-loader@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.5.16.tgz#b691a024e6ff36bbd1144ecb4a65986f0e149741" - integrity sha512-fyVl4jrM/5JLrb48aqXPu7sTsmySQaVGFp1zfeqvPPlJRFMastDrePm5XGPN7Qjv1wsKmpuBvuweFKOT1pru3g== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - core-js "^3.8.2" - estraverse "^5.2.0" - global "^4.4.0" - loader-utils "^2.0.4" - lodash "^4.17.21" - prettier ">=2.2.1 <=2.3.0" - regenerator-runtime "^0.13.7" - -"@storybook/store@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/store/-/store-6.5.16.tgz#b308701293a3a11bfcc766770584495874fd17da" - integrity sha512-g+bVL5hmMq/9cM51K04e37OviUPHT0rHHrRm5wj/hrf18Kd9120b3sxdQ5Dc+HZ292yuME0n+cyrQPTYx9Epmw== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/csf" "0.0.2--canary.4566f4d.1" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.21" - memoizerific "^1.11.3" - regenerator-runtime "^0.13.7" - slash "^3.0.0" - stable "^0.1.8" - synchronous-promise "^2.0.15" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - -"@storybook/telemetry@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-6.5.16.tgz#b13c8133e02c28e37b7716c987e7414b1ddc5363" - integrity sha512-CWr5Uko1l9jJW88yTXsZTj/3GTabPvw0o7pDPOXPp8JRZiJTxv1JFaFCafhK9UzYbgcRuGfCC8kEWPZims7iKA== - dependencies: - "@storybook/client-logger" "6.5.16" - "@storybook/core-common" "6.5.16" - chalk "^4.1.0" - core-js "^3.8.2" - detect-package-manager "^2.0.1" - fetch-retry "^5.0.2" - fs-extra "^9.0.1" - global "^4.4.0" - isomorphic-unfetch "^3.1.0" - nanoid "^3.3.1" - read-pkg-up "^7.0.1" - regenerator-runtime "^0.13.7" +"@storybook/react-dom-shim@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.6.3.tgz#aed690e9f2c4d659754aafa6dc90e635ec7a598c" + integrity sha512-vE3LA2TxbzDF1Fso2IgvUtoHc+8a6laKhuJdx8frP5A8M1KGOBfuEPFCCcE49Q90HUlDgwb/zQl1GNq/QjLgWQ== -"@storybook/testing-react@^1.3.0": - version "1.3.0" - resolved "https://registry.yarnpkg.com/@storybook/testing-react/-/testing-react-1.3.0.tgz#cd69cae6f48b337ee992520e142c7904cb0bbea7" - integrity sha512-TfxzflxwBHSPhetWKuYt239t+1iN8gnnUN8OKo5UGtwwirghKQlApjH23QXW6j8YBqFhmq+yP29Oqf8HgKCFLw== +"@storybook/react-webpack5@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/react-webpack5/-/react-webpack5-8.6.3.tgz#e772f35aa21514e90378f7577107a1ee9773ec18" + integrity sha512-T4dpvXUMiG7zMLZcFuJNshMr9rUulowl2AyqLd2LjQtN32COAzhn6uKJkFycTHkOMM8qC03WNefc55MNJVtr/w== dependencies: - "@storybook/csf" "0.0.2--canary.87bc651.0" + "@storybook/builder-webpack5" "8.6.3" + "@storybook/preset-react-webpack" "8.6.3" + "@storybook/react" "8.6.3" -"@storybook/theming@6.5.16", "@storybook/theming@^6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.5.16.tgz#b999bdb98945b605b93b9dfdf7408535b701e2aa" - integrity sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ== +"@storybook/react@8.6.3", "@storybook/react@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.6.3.tgz#5c4b16d8d8751c870c87db1f6098cf4ce7f2441c" + integrity sha512-B4WYRWU2Y71UWl4CG3+mcB7duNln9finJyDB8Y1o2CYWUxgEo+3Bnp3k7NUr++tYVkZI1H+28UWeX0rpCkvReQ== dependencies: - "@storybook/client-logger" "6.5.16" - core-js "^3.8.2" - memoizerific "^1.11.3" - regenerator-runtime "^0.13.7" + "@storybook/components" "8.6.3" + "@storybook/global" "^5.0.0" + "@storybook/manager-api" "8.6.3" + "@storybook/preview-api" "8.6.3" + "@storybook/react-dom-shim" "8.6.3" + "@storybook/theming" "8.6.3" -"@storybook/ui@6.5.16": - version "6.5.16" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.5.16.tgz#c73bf456e672ecf2370b4365070088487fc0ce57" - integrity sha512-rHn/n12WM8BaXtZ3IApNZCiS+C4Oc5+Lkl4MoctX8V7QSml0SxZBB5hsJ/AiWkgbRxjQpa/L/Nt7/Qw0FjTH/A== - dependencies: - "@storybook/addons" "6.5.16" - "@storybook/api" "6.5.16" - "@storybook/channels" "6.5.16" - "@storybook/client-logger" "6.5.16" - "@storybook/components" "6.5.16" - "@storybook/core-events" "6.5.16" - "@storybook/router" "6.5.16" - "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.5.16" - core-js "^3.8.2" - memoizerific "^1.11.3" - qs "^6.10.0" - regenerator-runtime "^0.13.7" - resolve-from "^5.0.0" +"@storybook/test@8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.6.3.tgz#bff2d4e058e7385de3f7f8310dd79e39d968183b" + integrity sha512-UimvhV/PmYoXCwIbGpkyqQfMhjdH2GaHJbV6BWr7M7BHA3kUS6zYJAm2V2CC5SYcmyj7FejLB4tgL7FmLXB6hA== + dependencies: + "@storybook/global" "^5.0.0" + "@storybook/instrumenter" "8.6.3" + "@testing-library/dom" "10.4.0" + "@testing-library/jest-dom" "6.5.0" + "@testing-library/user-event" "14.5.2" + "@vitest/expect" "2.0.5" + "@vitest/spy" "2.0.5" + +"@storybook/theming@8.6.3", "@storybook/theming@^8.6.3": + version "8.6.3" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.6.3.tgz#f35fd55aa1c50e1b768fd71ac5b93547d2ba05ba" + integrity sha512-sDcWnnko73KOCIc9stQyec9KvTmGOuMswqeKtWh0ha/wsgYB6G2/2j1xOheFmWKPitOsbwgvqtjCP7bRE68uIA== "@swc/helpers@^0.5.11": version "0.5.15" @@ -11132,7 +10345,7 @@ resolved "https://registry.yarnpkg.com/@testim/chrome-version/-/chrome-version-1.1.4.tgz#86e04e677cd6c05fa230dd15ac223fa72d1d7090" integrity sha512-kIhULpw9TrGYnHp/8VfdcneIcxKnLixmADtukQRtJUmsVlMg0niMkwV0xZmi8hqa57xqilIHjWFA0GKvEjVU5g== -"@testing-library/dom@^10.4.0": +"@testing-library/dom@10.4.0", "@testing-library/dom@^10.4.0": version "10.4.0" resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-10.4.0.tgz#82a9d9462f11d240ecadbf406607c6ceeeff43a8" integrity sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ== @@ -11146,6 +10359,19 @@ lz-string "^1.5.0" pretty-format "^27.0.2" +"@testing-library/jest-dom@6.5.0": + version "6.5.0" + resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz#50484da3f80fb222a853479f618a9ce5c47bfe54" + integrity sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA== + dependencies: + "@adobe/css-tools" "^4.4.0" + aria-query "^5.0.0" + chalk "^3.0.0" + css.escape "^1.5.1" + dom-accessibility-api "^0.6.3" + lodash "^4.17.21" + redent "^3.0.0" + "@testing-library/jest-dom@^6.6.3": version "6.6.3" resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz#26ba906cf928c0f8172e182c6fe214eb4f9f2bd2" @@ -11174,7 +10400,7 @@ dependencies: "@babel/runtime" "^7.12.5" -"@testing-library/user-event@^14.5.2": +"@testing-library/user-event@14.5.2", "@testing-library/user-event@^14.5.2": version "14.5.2" resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd" integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ== @@ -11425,6 +10651,17 @@ "@types/babel__template" "*" "@types/babel__traverse" "*" +"@types/babel__core@^7.18.0": + version "7.20.5" + resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017" + integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA== + dependencies: + "@babel/parser" "^7.20.7" + "@babel/types" "^7.20.7" + "@types/babel__generator" "*" + "@types/babel__template" "*" + "@types/babel__traverse" "*" + "@types/babel__generator@*": version "7.0.2" resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.0.2.tgz#d2112a6b21fad600d7674274293c85dce0cb47fc" @@ -11440,13 +10677,20 @@ "@babel/parser" "^7.1.0" "@babel/types" "^7.0.0" -"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6": +"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6": version "7.0.15" resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.15.tgz#db9e4238931eb69ef8aab0ad6523d4d4caa39d03" integrity sha512-Pzh9O3sTK8V6I1olsXpCfj2k/ygO2q1X0vhhnDrEQyYLHZesWz+zMZMVcwXLCYf0U36EtmyYaFGPfXlTtDHe3A== dependencies: "@babel/types" "^7.3.0" +"@types/babel__traverse@^7.18.0": + version "7.20.6" + resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7" + integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg== + dependencies: + "@babel/types" "^7.20.7" + "@types/base64-js@^1.2.5": version "1.2.5" resolved "https://registry.yarnpkg.com/@types/base64-js/-/base64-js-1.2.5.tgz#582b2476169a6cba460a214d476c744441d873d5" @@ -11706,6 +10950,11 @@ resolved "https://registry.yarnpkg.com/@types/diff/-/diff-7.0.1.tgz#acc505eb2e8337ca400503283a6ab44a59906d9f" integrity sha512-R/BHQFripuhW6XPXy05hIvXJQdQ4540KnTvEFHSLjXfHYM41liOLKgIJEyYYiQe796xpaMHfe4Uj/p7Uvng2vA== +"@types/doctrine@^0.0.9": + version "0.0.9" + resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.9.tgz#d86a5f452a15e3e3113b99e39616a9baa0f9863f" + integrity sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA== + "@types/ejs@^3.0.6": version "3.0.6" resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.0.6.tgz#aca442289df623bfa8e47c23961f0357847b83fe" @@ -11756,11 +11005,6 @@ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.50.tgz#1e0caa9364d3fccd2931c3ed96fdbeaa5d4cca83" integrity sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw== -"@types/estree@^0.0.51": - version "0.0.51" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40" - integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ== - "@types/estree@^1.0.0", "@types/estree@^1.0.6": version "1.0.6" resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50" @@ -11846,7 +11090,7 @@ "@types/glob" "*" "@types/node" "*" -"@types/glob@*", "@types/glob@^7.1.1", "@types/glob@^7.1.3": +"@types/glob@*", "@types/glob@^7.1.1": version "7.2.0" resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb" integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA== @@ -11854,7 +11098,7 @@ "@types/minimatch" "*" "@types/node" "*" -"@types/graceful-fs@*", "@types/graceful-fs@^4.1.2", "@types/graceful-fs@^4.1.3": +"@types/graceful-fs@*", "@types/graceful-fs@^4.1.3": version "4.1.3" resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.3.tgz#039af35fe26bec35003e8d86d2ee9c586354348f" integrity sha512-AiHRaEB50LQg0pZmm659vNBb9f4SJ0qrAnteuzhSeAUcJKxoYgEnprg/83kppCnc2zvtCKbdZry1a5pVY3lOTQ== @@ -11914,11 +11158,6 @@ "@types/react" "*" hoist-non-react-statics "^3.3.0" -"@types/html-minifier-terser@^5.0.0": - version "5.1.0" - resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880" - integrity sha512-iYCgjm1dGPRuo12+BStjd1HiVQqhlRhWDOQigNxn023HcjnhsiFz9pc6CzJj4HwDCSQca9bxTL4PxJDbkdm3PA== - "@types/html-minifier-terser@^6.0.0": version "6.1.0" resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35" @@ -11949,11 +11188,6 @@ "@types/through" "*" rxjs "^6.4.0" -"@types/is-function@^1.0.0": - version "1.0.0" - resolved "https://registry.yarnpkg.com/@types/is-function/-/is-function-1.0.0.tgz#1b0b819b1636c7baf0d6785d030d12edf70c3e83" - integrity sha512-iTs9HReBu7evG77Q4EC8hZnqRt57irBDkK9nvmHroiOIVwYMQc4IvYvdRgwKfYepunIY7Oh/dBuuld+Gj9uo6w== - "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1": version "2.0.1" resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff" @@ -11973,21 +11207,6 @@ dependencies: "@types/istanbul-lib-report" "*" -"@types/jest-specific-snapshot@^0.5.3": - version "0.5.5" - resolved "https://registry.yarnpkg.com/@types/jest-specific-snapshot/-/jest-specific-snapshot-0.5.5.tgz#47ce738870be99898ed6d7b08dbf0240c74ae553" - integrity sha512-AaPPw2tE8ewfjD6qGLkEd4DOfM6pPOK7ob/RSOe1Z8Oo70r9Jgo0SlWyfxslPAOvLfQukQtiVPm6DcnjSoZU5A== - dependencies: - "@types/jest" "*" - -"@types/jest@*", "@types/jest@^26.0.16": - version "26.0.22" - resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.22.tgz#8308a1debdf1b807aa47be2838acdcd91e88fbe6" - integrity sha512-eeWwWjlqxvBxc4oQdkueW5OF/gtfSceKk4OnOAGlUSwS/liBRtZppbJuz1YkgbrbfGOoeBHun9fOvXnjNwrSOw== - dependencies: - jest-diff "^26.0.0" - pretty-format "^26.0.0" - "@types/jest@^29.5.3": version "29.5.3" resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.3.tgz#7a35dc0044ffb8b56325c6802a4781a626b05777" @@ -12034,7 +11253,7 @@ "@types/tough-cookie" "*" parse5 "^7.0.0" -"@types/json-schema@*", "@types/json-schema@^7.0.0", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": +"@types/json-schema@*", "@types/json-schema@^7.0.0", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.6", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": version "7.0.11" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3" integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ== @@ -12093,11 +11312,6 @@ "@types/node" "*" "@types/webpack" "^4" -"@types/lodash@^4.14.167": - version "4.14.184" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.184.tgz#23f96cd2a21a28e106dc24d825d4aa966de7a9fe" - integrity sha512-RoZphVtHbxPZizt4IcILciSWiC6dcn+eZ8oX9IWEYfDMcocdd42f7NPI6fQj+6zI8y4E0L7gu2pcZKLGTRaV9Q== - "@types/lodash@^4.14.202": version "4.17.0" resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.0.tgz#d774355e41f372d5350a4d0714abb48194a489c3" @@ -12162,6 +11376,11 @@ resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9" integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA== +"@types/mdx@^2.0.0": + version "2.0.13" + resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.13.tgz#68f6877043d377092890ff5b298152b0a21671bd" + integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw== + "@types/methods@^1.1.4": version "1.1.4" resolved "https://registry.yarnpkg.com/@types/methods/-/methods-1.1.4.tgz#d3b7ac30ac47c91054ea951ce9eed07b1051e547" @@ -12238,14 +11457,6 @@ "@types/node" "*" form-data "^3.0.0" -"@types/node-fetch@^2.5.7": - version "2.6.2" - resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.2.tgz#d1a9c5fd049d9415dce61571557104dec3ec81da" - integrity sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A== - dependencies: - "@types/node" "*" - form-data "^3.0.0" - "@types/node-forge@^1.3.0", "@types/node-forge@^1.3.11": version "1.3.11" resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da" @@ -12260,7 +11471,7 @@ dependencies: "@types/node" "*" -"@types/node@*", "@types/node@14 || 16 || 17", "@types/node@20.10.5", "@types/node@>=12.12.47", "@types/node@>=13.7.0", "@types/node@>=18.0.0", "@types/node@^14.0.10 || ^16.0.0", "@types/node@^14.14.20 || ^16.0.0", "@types/node@^18.0.0", "@types/node@^18.11.18", "@types/node@^20.13.0": +"@types/node@*", "@types/node@14 || 16 || 17", "@types/node@20.10.5", "@types/node@>=12.12.47", "@types/node@>=13.7.0", "@types/node@>=18.0.0", "@types/node@^18.0.0", "@types/node@^18.11.18", "@types/node@^20.13.0": version "20.10.5" resolved "https://registry.yarnpkg.com/@types/node/-/node-20.10.5.tgz#47ad460b514096b7ed63a1dae26fad0914ed3ab2" integrity sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw== @@ -12284,11 +11495,6 @@ resolved "https://registry.yarnpkg.com/@types/normalize-path/-/normalize-path-3.0.0.tgz#bb5c46cab77b93350b4cf8d7ff1153f47189ae31" integrity sha512-Nd8y/5t/7CRakPYiyPzr/IAfYusy1FkcZYFEAcoMZkwpJv2n4Wm+olW+e7xBdHEXhOnWdG9ddbar0gqZWS4x5Q== -"@types/npmlog@^4.1.2": - version "4.1.2" - resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.2.tgz#d070fe6a6b78755d1092a3dc492d34c3d8f871c4" - integrity sha512-4QQmOF5KlwfxJ5IGXFIudkeLCdMABz03RcUXu+LCb24zmln8QW6aDjuGl4d4XPVLf2j+FnjelHTP7dvceAFbhA== - "@types/numeral@^2.0.5": version "2.0.5" resolved "https://registry.yarnpkg.com/@types/numeral/-/numeral-2.0.5.tgz#388e5c4ff4b0e1787f130753cbbe83d3ba770858" @@ -12372,16 +11578,6 @@ dependencies: "@types/node" "*" -"@types/prettier@^2.0.0": - version "2.3.2" - resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.3.2.tgz#fc8c2825e4ed2142473b4a81064e6e081463d1b3" - integrity sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog== - -"@types/pretty-hrtime@^1.0.0": - version "1.0.1" - resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.1.tgz#72a26101dc567b0d68fd956cf42314556e42d601" - integrity sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ== - "@types/prismjs@*": version "1.16.3" resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.16.3.tgz#73ae78b3e339777a1a1b7a8df89dcd6b8fe750c5" @@ -12402,7 +11598,7 @@ resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf" integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w== -"@types/qs@*", "@types/qs@^6.9.5": +"@types/qs@*": version "6.9.7" resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb" integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw== @@ -12549,6 +11745,11 @@ resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.1.tgz#3727e48042fda81e374f5d5cf2fa92288bf698f8" integrity sha512-Ku5+GPFa12S3W26Uwtw+xyrtIpaZsGYHH6zxNbZlstmlvMYSZRzOwzwsXbxlVUbHyUucctSyuFtu6bNxwYomIw== +"@types/resolve@^1.20.2": + version "1.20.6" + resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.6.tgz#e6e60dad29c2c8c206c026e6dd8d6d1bdda850b8" + integrity sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ== + "@types/responselike@*", "@types/responselike@^1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29" @@ -12584,7 +11785,7 @@ resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.3.tgz#9a726e116beb26c24f1ccd6850201e1246122e04" integrity sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw== -"@types/semver@^7.5.1", "@types/semver@^7.5.8": +"@types/semver@^7.3.4", "@types/semver@^7.5.1", "@types/semver@^7.5.8": version "7.5.8" resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e" integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ== @@ -12707,7 +11908,7 @@ "@types/methods" "^1.1.4" "@types/superagent" "^8.1.0" -"@types/tapable@^1", "@types/tapable@^1.0.5": +"@types/tapable@^1": version "1.0.6" resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74" integrity sha512-W+bw9ds02rAQaMvaLYxAbJ6cvguW/iJXNT6lTssS1ps6QdrMKttqEAMEG/b5CR8TZl3/L7/lH0ZV5nNR1LXikA== @@ -12749,11 +11950,6 @@ resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304" integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA== -"@types/trusted-types@^2.0.7": - version "2.0.7" - resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11" - integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw== - "@types/type-detect@^4.0.1": version "4.0.1" resolved "https://registry.yarnpkg.com/@types/type-detect/-/type-detect-4.0.1.tgz#3b0f5ac82ea630090cbf57c57a1bf5a63a29b9b6" @@ -12833,11 +12029,6 @@ tapable "^2.2.0" webpack "^5" -"@types/webpack-env@^1.16.0": - version "1.16.3" - resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.16.3.tgz#b776327a73e561b71e7881d0cd6d34a1424db86a" - integrity sha512-9gtOPPkfyNoEqCQgx4qJKkuNm/x0R2hKR7fdl7zvTJyHnIisuE/LfvXOsYWL0o3qq6uiBnKZNNNzi3l0y/X+xw== - "@types/webpack-env@^1.18.5": version "1.18.5" resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.18.5.tgz#eccda0b04fe024bed505881e2e532f9c119169bf" @@ -12861,7 +12052,7 @@ "@types/source-list-map" "*" source-map "^0.7.3" -"@types/webpack@^4", "@types/webpack@^4.41.26", "@types/webpack@^4.41.8": +"@types/webpack@^4": version "4.41.32" resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.32.tgz#a7bab03b72904070162b2f169415492209e94212" integrity sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg== @@ -13025,280 +12216,185 @@ resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406" integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ== -"@wdio/logger@^9.1.3": - version "9.1.3" - resolved "https://registry.yarnpkg.com/@wdio/logger/-/logger-9.1.3.tgz#b64b3d2ac642498f3c97580e2f0971f13c1e8fbb" - integrity sha512-cumRMK/gE1uedBUw3WmWXOQ7HtB6DR8EyKQioUz2P0IJtRRpglMBdZV7Svr3b++WWawOuzZHMfbTkJQmaVt8Gw== +"@vitest/expect@2.0.5": + version "2.0.5" + resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-2.0.5.tgz#f3745a6a2c18acbea4d39f5935e913f40d26fa86" + integrity sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA== dependencies: - chalk "^5.1.2" - loglevel "^1.6.0" - loglevel-plugin-prefix "^0.8.4" - strip-ansi "^7.1.0" + "@vitest/spy" "2.0.5" + "@vitest/utils" "2.0.5" + chai "^5.1.1" + tinyrainbow "^1.2.0" -"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.12.1.tgz#bb16a0e8b1914f979f45864c23819cc3e3f0d4bb" - integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg== +"@vitest/pretty-format@2.0.5": + version "2.0.5" + resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-2.0.5.tgz#91d2e6d3a7235c742e1a6cc50e7786e2f2979b1e" + integrity sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ== dependencies: - "@webassemblyjs/helper-numbers" "1.11.6" - "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + tinyrainbow "^1.2.0" -"@webassemblyjs/ast@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964" - integrity sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA== +"@vitest/pretty-format@2.1.8": + version "2.1.8" + resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-2.1.8.tgz#88f47726e5d0cf4ba873d50c135b02e4395e2bca" + integrity sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ== dependencies: - "@webassemblyjs/helper-module-context" "1.9.0" - "@webassemblyjs/helper-wasm-bytecode" "1.9.0" - "@webassemblyjs/wast-parser" "1.9.0" - -"@webassemblyjs/floating-point-hex-parser@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431" - integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw== - -"@webassemblyjs/floating-point-hex-parser@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4" - integrity sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA== - -"@webassemblyjs/helper-api-error@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768" - integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q== + tinyrainbow "^1.2.0" -"@webassemblyjs/helper-api-error@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2" - integrity sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw== - -"@webassemblyjs/helper-buffer@1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz#6df20d272ea5439bf20ab3492b7fb70e9bfcb3f6" - integrity sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw== - -"@webassemblyjs/helper-buffer@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00" - integrity sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA== +"@vitest/spy@2.0.5": + version "2.0.5" + resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-2.0.5.tgz#590fc07df84a78b8e9dd976ec2090920084a2b9f" + integrity sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA== + dependencies: + tinyspy "^3.0.0" -"@webassemblyjs/helper-code-frame@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27" - integrity sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA== +"@vitest/utils@2.0.5": + version "2.0.5" + resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-2.0.5.tgz#6f8307a4b6bc6ceb9270007f73c67c915944e926" + integrity sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ== dependencies: - "@webassemblyjs/wast-printer" "1.9.0" + "@vitest/pretty-format" "2.0.5" + estree-walker "^3.0.3" + loupe "^3.1.1" + tinyrainbow "^1.2.0" -"@webassemblyjs/helper-fsm@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8" - integrity sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw== +"@vitest/utils@^2.1.1": + version "2.1.8" + resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-2.1.8.tgz#f8ef85525f3362ebd37fd25d268745108d6ae388" + integrity sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA== + dependencies: + "@vitest/pretty-format" "2.1.8" + loupe "^3.1.2" + tinyrainbow "^1.2.0" -"@webassemblyjs/helper-module-context@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07" - integrity sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g== +"@wdio/logger@^9.1.3": + version "9.1.3" + resolved "https://registry.yarnpkg.com/@wdio/logger/-/logger-9.1.3.tgz#b64b3d2ac642498f3c97580e2f0971f13c1e8fbb" + integrity sha512-cumRMK/gE1uedBUw3WmWXOQ7HtB6DR8EyKQioUz2P0IJtRRpglMBdZV7Svr3b++WWawOuzZHMfbTkJQmaVt8Gw== dependencies: - "@webassemblyjs/ast" "1.9.0" + chalk "^5.1.2" + loglevel "^1.6.0" + loglevel-plugin-prefix "^0.8.4" + strip-ansi "^7.1.0" -"@webassemblyjs/helper-numbers@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5" - integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g== +"@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.14.1.tgz#a9f6a07f2b03c95c8d38c4536a1fdfb521ff55b6" + integrity sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ== dependencies: - "@webassemblyjs/floating-point-hex-parser" "1.11.6" - "@webassemblyjs/helper-api-error" "1.11.6" - "@xtuc/long" "4.2.2" + "@webassemblyjs/helper-numbers" "1.13.2" + "@webassemblyjs/helper-wasm-bytecode" "1.13.2" -"@webassemblyjs/helper-wasm-bytecode@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9" - integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA== +"@webassemblyjs/floating-point-hex-parser@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz#fcca1eeddb1cc4e7b6eed4fc7956d6813b21b9fb" + integrity sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA== -"@webassemblyjs/helper-wasm-bytecode@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790" - integrity sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw== +"@webassemblyjs/helper-api-error@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz#e0a16152248bc38daee76dd7e21f15c5ef3ab1e7" + integrity sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ== -"@webassemblyjs/helper-wasm-section@1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz#3da623233ae1a60409b509a52ade9bc22a37f7bf" - integrity sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g== - dependencies: - "@webassemblyjs/ast" "1.12.1" - "@webassemblyjs/helper-buffer" "1.12.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.6" - "@webassemblyjs/wasm-gen" "1.12.1" +"@webassemblyjs/helper-buffer@1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz#822a9bc603166531f7d5df84e67b5bf99b72b96b" + integrity sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA== -"@webassemblyjs/helper-wasm-section@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346" - integrity sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw== +"@webassemblyjs/helper-numbers@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz#dbd932548e7119f4b8a7877fd5a8d20e63490b2d" + integrity sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA== dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-buffer" "1.9.0" - "@webassemblyjs/helper-wasm-bytecode" "1.9.0" - "@webassemblyjs/wasm-gen" "1.9.0" + "@webassemblyjs/floating-point-hex-parser" "1.13.2" + "@webassemblyjs/helper-api-error" "1.13.2" + "@xtuc/long" "4.2.2" -"@webassemblyjs/ieee754@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a" - integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg== - dependencies: - "@xtuc/ieee754" "^1.2.0" +"@webassemblyjs/helper-wasm-bytecode@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz#e556108758f448aae84c850e593ce18a0eb31e0b" + integrity sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA== -"@webassemblyjs/ieee754@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4" - integrity sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg== +"@webassemblyjs/helper-wasm-section@1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz#9629dda9c4430eab54b591053d6dc6f3ba050348" + integrity sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw== dependencies: - "@xtuc/ieee754" "^1.2.0" + "@webassemblyjs/ast" "1.14.1" + "@webassemblyjs/helper-buffer" "1.14.1" + "@webassemblyjs/helper-wasm-bytecode" "1.13.2" + "@webassemblyjs/wasm-gen" "1.14.1" -"@webassemblyjs/leb128@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7" - integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ== +"@webassemblyjs/ieee754@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz#1c5eaace1d606ada2c7fd7045ea9356c59ee0dba" + integrity sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw== dependencies: - "@xtuc/long" "4.2.2" + "@xtuc/ieee754" "^1.2.0" -"@webassemblyjs/leb128@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95" - integrity sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw== +"@webassemblyjs/leb128@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.13.2.tgz#57c5c3deb0105d02ce25fa3fd74f4ebc9fd0bbb0" + integrity sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw== dependencies: "@xtuc/long" "4.2.2" -"@webassemblyjs/utf8@1.11.6": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a" - integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA== - -"@webassemblyjs/utf8@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab" - integrity sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w== +"@webassemblyjs/utf8@1.13.2": + version "1.13.2" + resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.13.2.tgz#917a20e93f71ad5602966c2d685ae0c6c21f60f1" + integrity sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ== -"@webassemblyjs/wasm-edit@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf" - integrity sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw== - dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-buffer" "1.9.0" - "@webassemblyjs/helper-wasm-bytecode" "1.9.0" - "@webassemblyjs/helper-wasm-section" "1.9.0" - "@webassemblyjs/wasm-gen" "1.9.0" - "@webassemblyjs/wasm-opt" "1.9.0" - "@webassemblyjs/wasm-parser" "1.9.0" - "@webassemblyjs/wast-printer" "1.9.0" - -"@webassemblyjs/wasm-edit@^1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz#9f9f3ff52a14c980939be0ef9d5df9ebc678ae3b" - integrity sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g== - dependencies: - "@webassemblyjs/ast" "1.12.1" - "@webassemblyjs/helper-buffer" "1.12.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.6" - "@webassemblyjs/helper-wasm-section" "1.12.1" - "@webassemblyjs/wasm-gen" "1.12.1" - "@webassemblyjs/wasm-opt" "1.12.1" - "@webassemblyjs/wasm-parser" "1.12.1" - "@webassemblyjs/wast-printer" "1.12.1" - -"@webassemblyjs/wasm-gen@1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz#a6520601da1b5700448273666a71ad0a45d78547" - integrity sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w== - dependencies: - "@webassemblyjs/ast" "1.12.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.6" - "@webassemblyjs/ieee754" "1.11.6" - "@webassemblyjs/leb128" "1.11.6" - "@webassemblyjs/utf8" "1.11.6" - -"@webassemblyjs/wasm-gen@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c" - integrity sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA== - dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-wasm-bytecode" "1.9.0" - "@webassemblyjs/ieee754" "1.9.0" - "@webassemblyjs/leb128" "1.9.0" - "@webassemblyjs/utf8" "1.9.0" - -"@webassemblyjs/wasm-opt@1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz#9e6e81475dfcfb62dab574ac2dda38226c232bc5" - integrity sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg== - dependencies: - "@webassemblyjs/ast" "1.12.1" - "@webassemblyjs/helper-buffer" "1.12.1" - "@webassemblyjs/wasm-gen" "1.12.1" - "@webassemblyjs/wasm-parser" "1.12.1" - -"@webassemblyjs/wasm-opt@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61" - integrity sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A== - dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-buffer" "1.9.0" - "@webassemblyjs/wasm-gen" "1.9.0" - "@webassemblyjs/wasm-parser" "1.9.0" - -"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz#c47acb90e6f083391e3fa61d113650eea1e95937" - integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ== - dependencies: - "@webassemblyjs/ast" "1.12.1" - "@webassemblyjs/helper-api-error" "1.11.6" - "@webassemblyjs/helper-wasm-bytecode" "1.11.6" - "@webassemblyjs/ieee754" "1.11.6" - "@webassemblyjs/leb128" "1.11.6" - "@webassemblyjs/utf8" "1.11.6" - -"@webassemblyjs/wasm-parser@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e" - integrity sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA== +"@webassemblyjs/wasm-edit@^1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz#ac6689f502219b59198ddec42dcd496b1004d597" + integrity sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ== + dependencies: + "@webassemblyjs/ast" "1.14.1" + "@webassemblyjs/helper-buffer" "1.14.1" + "@webassemblyjs/helper-wasm-bytecode" "1.13.2" + "@webassemblyjs/helper-wasm-section" "1.14.1" + "@webassemblyjs/wasm-gen" "1.14.1" + "@webassemblyjs/wasm-opt" "1.14.1" + "@webassemblyjs/wasm-parser" "1.14.1" + "@webassemblyjs/wast-printer" "1.14.1" + +"@webassemblyjs/wasm-gen@1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz#991e7f0c090cb0bb62bbac882076e3d219da9570" + integrity sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg== dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-api-error" "1.9.0" - "@webassemblyjs/helper-wasm-bytecode" "1.9.0" - "@webassemblyjs/ieee754" "1.9.0" - "@webassemblyjs/leb128" "1.9.0" - "@webassemblyjs/utf8" "1.9.0" + "@webassemblyjs/ast" "1.14.1" + "@webassemblyjs/helper-wasm-bytecode" "1.13.2" + "@webassemblyjs/ieee754" "1.13.2" + "@webassemblyjs/leb128" "1.13.2" + "@webassemblyjs/utf8" "1.13.2" -"@webassemblyjs/wast-parser@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914" - integrity sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw== - dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/floating-point-hex-parser" "1.9.0" - "@webassemblyjs/helper-api-error" "1.9.0" - "@webassemblyjs/helper-code-frame" "1.9.0" - "@webassemblyjs/helper-fsm" "1.9.0" - "@xtuc/long" "4.2.2" +"@webassemblyjs/wasm-opt@1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz#e6f71ed7ccae46781c206017d3c14c50efa8106b" + integrity sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw== + dependencies: + "@webassemblyjs/ast" "1.14.1" + "@webassemblyjs/helper-buffer" "1.14.1" + "@webassemblyjs/wasm-gen" "1.14.1" + "@webassemblyjs/wasm-parser" "1.14.1" -"@webassemblyjs/wast-printer@1.12.1": - version "1.12.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz#bcecf661d7d1abdaf989d8341a4833e33e2b31ac" - integrity sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA== +"@webassemblyjs/wasm-parser@1.14.1", "@webassemblyjs/wasm-parser@^1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz#b3e13f1893605ca78b52c68e54cf6a865f90b9fb" + integrity sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ== dependencies: - "@webassemblyjs/ast" "1.12.1" - "@xtuc/long" "4.2.2" + "@webassemblyjs/ast" "1.14.1" + "@webassemblyjs/helper-api-error" "1.13.2" + "@webassemblyjs/helper-wasm-bytecode" "1.13.2" + "@webassemblyjs/ieee754" "1.13.2" + "@webassemblyjs/leb128" "1.13.2" + "@webassemblyjs/utf8" "1.13.2" -"@webassemblyjs/wast-printer@1.9.0": - version "1.9.0" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899" - integrity sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA== +"@webassemblyjs/wast-printer@1.14.1": + version "1.14.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz#3bb3e9638a8ae5fdaf9610e7a06b4d9f9aa6fe07" + integrity sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw== dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/wast-parser" "1.9.0" + "@webassemblyjs/ast" "1.14.1" "@xtuc/long" "4.2.2" "@webpack-cli/configtest@^2.1.1": @@ -13459,7 +12555,7 @@ acorn-jsx-walk@^2.0.0: resolved "https://registry.yarnpkg.com/acorn-jsx-walk/-/acorn-jsx-walk-2.0.0.tgz#a5ed648264e68282d7c2aead80216bfdf232573a" integrity sha512-uuo6iJj4D4ygkdzd6jPtcxs8vZgDX9YFIkqczGImoypX2fQ4dVImmu3UzA4ynixCIMTrEOWW+95M2HuBaCEOVA== -acorn-jsx@^5.3.1, acorn-jsx@^5.3.2: +acorn-jsx@^5.3.2: version "5.3.2" resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937" integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ== @@ -13480,7 +12576,7 @@ acorn-node@^1.6.1: acorn-walk "^7.0.0" xtend "^4.0.2" -acorn-walk@^7.0.0, acorn-walk@^7.2.0: +acorn-walk@^7.0.0: version "7.2.0" resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc" integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA== @@ -13492,12 +12588,7 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.1.1, acorn-walk@^8.2.0, acor dependencies: acorn "^8.11.0" -acorn@^6.4.1: - version "6.4.2" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6" - integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ== - -acorn@^7.0.0, acorn@^7.4.1: +acorn@^7.0.0: version "7.4.1" resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== @@ -13507,11 +12598,6 @@ acorn@^8.0.4, acorn@^8.1.0, acorn@^8.11.0, acorn@^8.14.0, acorn@^8.4.1, acorn@^8 resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0" integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA== -address@^1.0.1: - version "1.1.2" - resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6" - integrity sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA== - adm-zip@^0.5.9: version "0.5.9" resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.5.9.tgz#b33691028333821c0cf95c31374c5462f2905a83" @@ -13571,39 +12657,11 @@ ai@^4.0.18: jsondiffpatch "0.6.0" zod-to-json-schema "^3.23.5" -airbnb-js-shims@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/airbnb-js-shims/-/airbnb-js-shims-2.2.1.tgz#db481102d682b98ed1daa4c5baa697a05ce5c040" - integrity sha512-wJNXPH66U2xjgo1Zwyjf9EydvJ2Si94+vSdk6EERcBfB2VZkeltpqIats0cqIZMLCXP3zcyaUKGYQeIBT6XjsQ== - dependencies: - array-includes "^3.0.3" - array.prototype.flat "^1.2.1" - array.prototype.flatmap "^1.2.1" - es5-shim "^4.5.13" - es6-shim "^0.35.5" - function.prototype.name "^1.1.0" - globalthis "^1.0.0" - object.entries "^1.1.0" - object.fromentries "^2.0.0 || ^1.0.0" - object.getownpropertydescriptors "^2.0.3" - object.values "^1.1.0" - promise.allsettled "^1.0.0" - promise.prototype.finally "^3.1.0" - string.prototype.matchall "^4.0.0 || ^3.0.1" - string.prototype.padend "^3.0.0" - string.prototype.padstart "^3.0.0" - symbol.prototype.description "^1.0.0" - ajv-draft-04@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz#3b64761b268ba0b9e668f0b41ba53fce0ad77fc8" integrity sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw== -ajv-errors@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.0.tgz#ecf021fa108fd17dfb5e6b383f2dd233e31ffc59" - integrity sha1-7PAh+hCP0X37Xms4Py3SM+Mf/Fk= - ajv-formats@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520" @@ -13611,7 +12669,7 @@ ajv-formats@^2.1.1: dependencies: ajv "^8.0.0" -ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2: +ajv-keywords@^3.4.1, ajv-keywords@^3.5.2: version "3.5.2" resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d" integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ== @@ -13623,7 +12681,7 @@ ajv-keywords@^5.1.0: dependencies: fast-deep-equal "^3.1.3" -ajv@^6.1.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5: +ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5: version "6.12.6" resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== @@ -13643,13 +12701,6 @@ ajv@^8.0.0, ajv@^8.0.1, ajv@^8.17.1, ajv@^8.9.0: json-schema-traverse "^1.0.0" require-from-string "^2.0.2" -ansi-align@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.1.tgz#0cdf12e111ace773a86e9a1fad1225c43cb19a59" - integrity sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w== - dependencies: - string-width "^4.1.0" - ansi-colors@^1.0.1: version "1.1.0" resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-1.1.0.tgz#6374b4dd5d4718ff3ce27a671a3b1cad077132a9" @@ -13657,11 +12708,6 @@ ansi-colors@^1.0.1: dependencies: ansi-wrap "^0.1.0" -ansi-colors@^3.0.0: - version "3.2.4" - resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf" - integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA== - ansi-colors@^4.1.1, ansi-colors@^4.1.3: version "4.1.3" resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b" @@ -13703,7 +12749,7 @@ ansi-regex@^3.0.0: resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1" integrity sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw== -ansi-regex@^5.0.0, ansi-regex@^5.0.1: +ansi-regex@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304" integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ== @@ -13742,13 +12788,6 @@ ansi-styles@^6.0.0, ansi-styles@^6.1.0, ansi-styles@^6.2.1: resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5" integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug== -ansi-to-html@^0.6.11: - version "0.6.13" - resolved "https://registry.yarnpkg.com/ansi-to-html/-/ansi-to-html-0.6.13.tgz#c72eae8b63e5ca0643aab11bfc6e6f2217425833" - integrity sha512-Ys2/umuaTlQvP9DLkaa7UzRKF2FLrfod/hNHXS9QhXCrw7seObG6ksOGmNz3UoK+adwM8L9vQfG7mvaxfJ3Jvw== - dependencies: - entities "^1.1.2" - ansi-wrap@0.1.0, ansi-wrap@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf" @@ -13759,14 +12798,6 @@ antlr4@^4.13.1-patch-1: resolved "https://registry.yarnpkg.com/antlr4/-/antlr4-4.13.1-patch-1.tgz#946176f863f890964a050c4f18c47fd6f7e57602" integrity sha512-OjFLWWLzDMV9rdFhpvroCWR4ooktNg9/nvVYSA5z28wuVpU36QUNuioR1XLnQtcjVlf8npjyz593PxnU/f/Cow== -anymatch@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb" - integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw== - dependencies: - micromatch "^3.1.4" - normalize-path "^2.1.1" - anymatch@^3.0.0, anymatch@^3.0.3, anymatch@^3.1.3, anymatch@~3.1.2: version "3.1.3" resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e" @@ -13795,11 +12826,6 @@ app-module-path@^2.2.0: resolved "https://registry.yarnpkg.com/app-module-path/-/app-module-path-2.2.0.tgz#641aa55dfb7d6a6f0a8141c4b9c0aa50b6c24dd5" integrity sha512-gkco+qxENJV+8vFcDiiFhuoSvRXb2a/QPqpSoWhVz829VNJfOTnELbBmPmNKFxf3xdNnw4DWCkzkDaavcX/1YQ== -app-root-dir@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/app-root-dir/-/app-root-dir-1.0.2.tgz#38187ec2dea7577fff033ffcb12172692ff6e118" - integrity sha1-OBh+wt6nV3//Az/8sSFyaS/24Rg= - append-transform@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-2.0.0.tgz#99d9d29c7b38391e6f428d28ce136551f0b77e12" @@ -13807,11 +12833,6 @@ append-transform@^2.0.0: dependencies: default-require-extensions "^3.0.0" -"aproba@^1.0.3 || ^2.0.0", aproba@^1.1.1: - version "1.2.0" - resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a" - integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw== - arch@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11" @@ -13848,14 +12869,6 @@ archy@^1.0.0, archy@~1.0.0: resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40" integrity sha1-+cjBN1fMHde8N5rHeyxipcKGjEA= -are-we-there-yet@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz#372e0e7bd279d8e94c653aaa1f67200884bf3e1c" - integrity sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw== - dependencies: - delegates "^1.0.0" - readable-stream "^3.6.0" - arg@^4.1.0: version "4.1.3" resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089" @@ -13945,7 +12958,7 @@ array-filter@^1.0.0: resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-1.0.0.tgz#baf79e62e6ef4c2a4c0b831232daffec251f9d83" integrity sha1-uveeYubvTCpMC4MSMtr/7CUfnYM= -array-find-index@^1.0.1, array-find-index@^1.0.2: +array-find-index@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1" integrity sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw== @@ -13965,7 +12978,7 @@ array-from@^2.1.1: resolved "https://registry.yarnpkg.com/array-from/-/array-from-2.1.1.tgz#cfe9d8c26628b9dc5aecc62a9f5d8f1f352c1195" integrity sha1-z+nYwmYoudxa7MYqn12PHzUsEZU= -array-includes@^3.0.3, array-includes@^3.1.6: +array-includes@^3.1.6: version "3.1.6" resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f" integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw== @@ -14020,7 +13033,7 @@ array.prototype.findlastindex@^1.2.2: es-shim-unscopables "^1.0.0" get-intrinsic "^1.1.3" -array.prototype.flat@^1.2.1, array.prototype.flat@^1.2.3, array.prototype.flat@^1.3.1: +array.prototype.flat@^1.2.3, array.prototype.flat@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz#ffc6576a7ca3efc2f46a143b9d1dda9b4b3cf5e2" integrity sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA== @@ -14030,7 +13043,7 @@ array.prototype.flat@^1.2.1, array.prototype.flat@^1.2.3, array.prototype.flat@^ es-abstract "^1.20.4" es-shim-unscopables "^1.0.0" -array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.3.1: +array.prototype.flatmap@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz#1aae7903c2100433cb8261cd4ed310aab5c4a183" integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ== @@ -14040,16 +13053,6 @@ array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.3.1: es-abstract "^1.20.4" es-shim-unscopables "^1.0.0" -array.prototype.map@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/array.prototype.map/-/array.prototype.map-1.0.2.tgz#9a4159f416458a23e9483078de1106b2ef68f8ec" - integrity sha512-Az3OYxgsa1g7xDYp86l0nnN4bcmuEITGe1rbdEBVkrqkzMgDcbdQ2R7r41pNzti+4NMces3H8gMmuioZUilLgw== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - es-array-method-boxes-properly "^1.0.0" - is-string "^1.0.4" - array.prototype.tosorted@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532" @@ -14120,6 +13123,11 @@ assert@^1.1.1: object-assign "^4.1.1" util "0.10.3" +assertion-error@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7" + integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA== + assign-symbols@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367" @@ -14135,20 +13143,13 @@ ast-types-flow@^0.0.7: resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad" integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0= -ast-types@^0.13.2, ast-types@^0.13.4: +ast-types@^0.13.4: version "0.13.4" resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.13.4.tgz#ee0d77b343263965ecc3fb62da16e7222b2b6782" integrity sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w== dependencies: tslib "^2.0.1" -ast-types@^0.14.2: - version "0.14.2" - resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd" - integrity sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA== - dependencies: - tslib "^2.0.1" - ast-types@^0.16.1: version "0.16.1" resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.16.1.tgz#7a9da1617c9081bc121faafe91711b4c8bb81da2" @@ -14220,19 +13221,6 @@ autoprefixer@^10.4.7: picocolors "^1.0.0" postcss-value-parser "^4.2.0" -autoprefixer@^9.8.6: - version "9.8.6" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.6.tgz#3b73594ca1bf9266320c5acf1588d74dea74210f" - integrity sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg== - dependencies: - browserslist "^4.12.0" - caniuse-lite "^1.0.30001109" - colorette "^1.2.1" - normalize-range "^0.1.2" - num2fraction "^1.2.2" - postcss "^7.0.32" - postcss-value-parser "^4.1.0" - available-typed-arrays@^1.0.7: version "1.0.7" resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846" @@ -14294,20 +13282,10 @@ babel-jest@^29.7.0: graceful-fs "^4.2.9" slash "^3.0.0" -babel-loader@^8.0.0: - version "8.2.5" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.2.5.tgz#d45f585e654d5a5d90f5350a779d7647c5ed512e" - integrity sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ== - dependencies: - find-cache-dir "^3.3.1" - loader-utils "^2.0.0" - make-dir "^3.1.0" - schema-utils "^2.6.5" - -babel-loader@^9.1.3: - version "9.1.3" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a" - integrity sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw== +babel-loader@^9.1.3, babel-loader@^9.2.1: + version "9.2.1" + resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.2.1.tgz#04c7835db16c246dd19ba0914418f3937797587b" + integrity sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA== dependencies: find-cache-dir "^4.0.0" schema-utils "^4.0.0" @@ -14317,43 +13295,7 @@ babel-plugin-add-module-exports@^1.0.4: resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-1.0.4.tgz#6caa4ddbe1f578c6a5264d4d3e6c8a2720a7ca2b" integrity sha512-g+8yxHUZ60RcyaUpfNzy56OtWW+x9cyEe9j+CranqLiqbju2yf/Cy6ZtYK40EZxtrdHllzlVZgLmcOUCTlJ7Jg== -babel-plugin-add-react-displayname@^0.0.5: - version "0.0.5" - resolved "https://registry.yarnpkg.com/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz#339d4cddb7b65fd62d1df9db9fe04de134122bd5" - integrity sha1-M51M3be2X9YtHfnbn+BN4TQSK9U= - -babel-plugin-apply-mdx-type-prop@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.6.22.tgz#d216e8fd0de91de3f1478ef3231e05446bc8705b" - integrity sha512-VefL+8o+F/DfK24lPZMtJctrCVOfgbqLAGZSkxwhazQv4VxPg3Za/i40fu22KR2m8eEda+IfSOlPLUSIiLcnCQ== - dependencies: - "@babel/helper-plugin-utils" "7.10.4" - "@mdx-js/util" "1.6.22" - -babel-plugin-emotion@^10.0.27: - version "10.0.33" - resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.33.tgz#ce1155dcd1783bbb9286051efee53f4e2be63e03" - integrity sha512-bxZbTTGz0AJQDHm8k6Rf3RQJ8tX2scsfsRyKVgAbiUPUNIRtlK+7JxP+TAd1kRLABFxe0CFm2VdK4ePkoA9FxQ== - dependencies: - "@babel/helper-module-imports" "^7.0.0" - "@emotion/hash" "0.8.0" - "@emotion/memoize" "0.7.4" - "@emotion/serialize" "^0.11.16" - babel-plugin-macros "^2.0.0" - babel-plugin-syntax-jsx "^6.18.0" - convert-source-map "^1.5.0" - escape-string-regexp "^1.0.5" - find-root "^1.1.0" - source-map "^0.5.7" - -babel-plugin-extract-import-names@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.6.22.tgz#de5f9a28eb12f3eb2578bf74472204e66d1a13dc" - integrity sha512-yJ9BsJaISua7d8zNT7oRG1ZLBJCIdZ4PZqmH8qa9N5AK01ifk3fnkc98AXhtzE7UkfCsEumvoQWgoYLhOnJ7jQ== - dependencies: - "@babel/helper-plugin-utils" "7.10.4" - -babel-plugin-istanbul@^6.0.0, babel-plugin-istanbul@^6.1.1: +babel-plugin-istanbul@^6.1.1: version "6.1.1" resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73" integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA== @@ -14374,16 +13316,7 @@ babel-plugin-jest-hoist@^29.6.3: "@types/babel__core" "^7.1.14" "@types/babel__traverse" "^7.0.6" -babel-plugin-macros@^2.0.0: - version "2.8.0" - resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138" - integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg== - dependencies: - "@babel/runtime" "^7.7.2" - cosmiconfig "^6.0.0" - resolve "^1.12.0" - -babel-plugin-macros@^3.0.1, babel-plugin-macros@^3.1.0: +babel-plugin-macros@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1" integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg== @@ -14392,11 +13325,6 @@ babel-plugin-macros@^3.0.1, babel-plugin-macros@^3.1.0: cosmiconfig "^7.0.0" resolve "^1.19.0" -babel-plugin-named-exports-order@^0.0.2: - version "0.0.2" - resolved "https://registry.yarnpkg.com/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz#ae14909521cf9606094a2048239d69847540cb09" - integrity sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw== - babel-plugin-polyfill-corejs2@^0.4.10: version "0.4.10" resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz#276f41710b03a64f6467433cab72cbc2653c38b1" @@ -14406,14 +13334,6 @@ babel-plugin-polyfill-corejs2@^0.4.10: "@babel/helper-define-polyfill-provider" "^0.6.1" semver "^6.3.1" -babel-plugin-polyfill-corejs3@^0.1.0: - version "0.1.7" - resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.1.7.tgz#80449d9d6f2274912e05d9e182b54816904befd0" - integrity sha512-u+gbS9bbPhZWEeyy1oR/YaaSpod/KDT07arZHb80aTpl8H5ZBq+uN1nN9/xtX7jQyfLdPfoqI4Rue/MQSWJquw== - dependencies: - "@babel/helper-define-polyfill-provider" "^0.1.5" - core-js-compat "^3.8.1" - babel-plugin-polyfill-corejs3@^0.10.1, babel-plugin-polyfill-corejs3@^0.10.4: version "0.10.4" resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz#789ac82405ad664c20476d0233b485281deb9c77" @@ -14429,15 +13349,6 @@ babel-plugin-polyfill-regenerator@^0.6.1: dependencies: "@babel/helper-define-polyfill-provider" "^0.6.1" -babel-plugin-react-docgen@^4.2.1: - version "4.2.1" - resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz#7cc8e2f94e8dc057a06e953162f0810e4e72257b" - integrity sha512-UQ0NmGHj/HAqi5Bew8WvNfCk8wSsmdgNd8ZdMjBCICtyCJCq9LiqgqvjCYe570/Wg7AQArSq1VQ60Dd/CHN7mQ== - dependencies: - ast-types "^0.14.2" - lodash "^4.17.15" - react-docgen "^5.0.0" - babel-plugin-require-context-hook@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/babel-plugin-require-context-hook-babel7/-/babel-plugin-require-context-hook-babel7-1.0.0.tgz#1273d4cee7e343d0860966653759a45d727e815d" @@ -14454,11 +13365,6 @@ babel-plugin-require-context-hook@^1.0.0: lodash "^4.17.21" picomatch "^2.3.1" -babel-plugin-syntax-jsx@^6.18.0: - version "6.18.0" - resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946" - integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY= - babel-plugin-transform-react-remove-prop-types@^0.4.24: version "0.4.24" resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a" @@ -14624,11 +13530,6 @@ basic-ftp@^5.0.2: resolved "https://registry.yarnpkg.com/basic-ftp/-/basic-ftp-5.0.3.tgz#b14c0fe8111ce001ec913686434fe0c2fb461228" integrity sha512-QHX8HLlncOLpy54mh+k/sWIFd0ThmRqwe9ZjELybGZK+tZ8rUb9VO0saKJUROTbE+KhzDUT7xziGpGrW8Kmd+g== -batch-processor@1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/batch-processor/-/batch-processor-1.0.0.tgz#75c95c32b748e0850d10c2b168f6bdbe9891ace8" - integrity sha1-dclcMrdI4IUNEMKxaPa9vpiRrOg= - batch@0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16" @@ -14660,23 +13561,18 @@ bent@~7.3.6: caseless "~0.12.0" is-stream "^2.0.0" -better-opn@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/better-opn/-/better-opn-2.1.1.tgz#94a55b4695dc79288f31d7d0e5f658320759f7c6" - integrity sha512-kIPXZS5qwyKiX/HcRvDYfmBQUa8XP17I0mYZZ0y4UhpYOSvtsLHDYqmomS+Mj20aDvD3knEiQ0ecQy2nhio3yA== +better-opn@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/better-opn/-/better-opn-3.0.2.tgz#f96f35deaaf8f34144a4102651babcf00d1d8817" + integrity sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ== dependencies: - open "^7.0.3" + open "^8.0.4" bezier-easing@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/bezier-easing/-/bezier-easing-2.1.0.tgz#c04dfe8b926d6ecaca1813d69ff179b7c2025d86" integrity sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig== -big-integer@^1.6.7: - version "1.6.51" - resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686" - integrity sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg== - big.js@^5.2.2: version "5.2.2" resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328" @@ -14745,7 +13641,7 @@ bluebird@3.7.1: resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.1.tgz#df70e302b471d7473489acf26a93d63b53f874de" integrity sha512-DdmyoGCleJnkbp3nkbxTLJ18rjDsE4yCggEwKNXkeV123sPNfOCYeDoeuOY+F2FrSjO1YXcTU+dsy96KMy+gcg== -bluebird@^3.3.5, bluebird@^3.5.5, bluebird@^3.7.2: +bluebird@^3.7.2: version "3.7.2" resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f" integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg== @@ -14819,27 +13715,6 @@ bowser@^2.11.0: resolved "https://registry.yarnpkg.com/bowser/-/bowser-2.11.0.tgz#5ca3c35757a7aa5771500c70a73a9f91ef420a8f" integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA== -boxen@^5.1.2: - version "5.1.2" - resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50" - integrity sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ== - dependencies: - ansi-align "^3.0.0" - camelcase "^6.2.0" - chalk "^4.1.0" - cli-boxes "^2.2.1" - string-width "^4.2.2" - type-fest "^0.20.2" - widest-line "^3.1.0" - wrap-ansi "^7.0.0" - -bplist-parser@^0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.1.1.tgz#d60d5dcc20cba6dc7e1f299b35d3e1f95dafbae6" - integrity sha512-2AEM0FXy8ZxVLBuqX0hqt1gDwcnz2zygEkQ6zaD5Wko/sB9paUNwlpawrFtKeHUAQUOzjVy9AO4oeonqIHKA9Q== - dependencies: - big-integer "^1.6.7" - brace-expansion@^1.1.7: version "1.1.11" resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd" @@ -14975,7 +13850,7 @@ browserify-zlib@^0.2.0: dependencies: pako "~1.0.5" -browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.16.6, browserslist@^4.20.3, browserslist@^4.22.2, browserslist@^4.23.0, browserslist@^4.24.0: +browserslist@^4.0.0, browserslist@^4.16.6, browserslist@^4.20.3, browserslist@^4.23.0, browserslist@^4.24.0: version "4.24.2" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.2.tgz#f5845bc91069dbd55ee89faf9822e1d885d16580" integrity sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg== @@ -15115,51 +13990,6 @@ bytewise@^1.1.0: bytewise-core "^1.2.2" typewise "^1.0.3" -cacache@^12.0.2: - version "12.0.4" - resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c" - integrity sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ== - dependencies: - bluebird "^3.5.5" - chownr "^1.1.1" - figgy-pudding "^3.5.1" - glob "^7.1.4" - graceful-fs "^4.1.15" - infer-owner "^1.0.3" - lru-cache "^5.1.1" - mississippi "^3.0.0" - mkdirp "^0.5.1" - move-concurrently "^1.0.1" - promise-inflight "^1.0.1" - rimraf "^2.6.3" - ssri "^6.0.1" - unique-filename "^1.1.1" - y18n "^4.0.0" - -cacache@^15.0.5: - version "15.3.0" - resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.3.0.tgz#dc85380fb2f556fe3dda4c719bfa0ec875a7f1eb" - integrity sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ== - dependencies: - "@npmcli/fs" "^1.0.0" - "@npmcli/move-file" "^1.0.1" - chownr "^2.0.0" - fs-minipass "^2.0.0" - glob "^7.1.4" - infer-owner "^1.0.4" - lru-cache "^6.0.0" - minipass "^3.1.1" - minipass-collect "^1.0.2" - minipass-flush "^1.0.5" - minipass-pipeline "^1.2.2" - mkdirp "^1.0.3" - p-map "^4.0.0" - promise-inflight "^1.0.1" - rimraf "^3.0.2" - ssri "^8.0.1" - tar "^6.0.2" - unique-filename "^1.1.1" - cache-base@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2" @@ -15234,7 +14064,7 @@ callsites@^3.0.0, callsites@^3.1.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== -camel-case@^4.1.1, camel-case@^4.1.2: +camel-case@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a" integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw== @@ -15242,11 +14072,6 @@ camel-case@^4.1.1, camel-case@^4.1.2: pascal-case "^3.1.2" tslib "^2.0.3" -camelcase-css@2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5" - integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== - camelcase-keys@7.0.2: version "7.0.2" resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-7.0.2.tgz#d048d8c69448745bb0de6fc4c1c52a30dfbe7252" @@ -15257,14 +14082,6 @@ camelcase-keys@7.0.2: quick-lru "^5.1.1" type-fest "^1.2.1" -camelcase-keys@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7" - integrity sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ== - dependencies: - camelcase "^2.0.0" - map-obj "^1.0.0" - camelcase-keys@^6.2.2: version "6.2.2" resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0" @@ -15284,7 +14101,7 @@ camelcase@6, camelcase@^6.0.0, camelcase@^6.2.0, camelcase@^6.3.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== -camelcase@^2.0.0, camelcase@^2.0.1: +camelcase@^2.0.1: version "2.1.1" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f" integrity sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw== @@ -15309,7 +14126,7 @@ caniuse-api@^3.0.0: lodash.memoize "^4.1.2" lodash.uniq "^4.5.0" -caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001335, caniuse-lite@^1.0.30001669: +caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001335, caniuse-lite@^1.0.30001669: version "1.0.30001685" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001685.tgz#2d10d36c540a9a5d47ad6ab9e1ed5f61fdeadd8c" integrity sha512-e/kJN1EMyHQzgcMEEgoo+YTCO1NGCmIYHk5Qk8jT6AazWemS5QFKJ5ShCJlH3GZrNIdZofcNCEwZqbMjjKzmnA== @@ -15328,17 +14145,10 @@ canvg@^3.0.9: stackblur-canvas "^2.0.0" svg-pathdata "^6.0.3" -capture-exit@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4" - integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g== - dependencies: - rsvp "^4.8.4" - -case-sensitive-paths-webpack-plugin@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.3.0.tgz#23ac613cc9a856e4f88ff8bb73bbb5e989825cf7" - integrity sha512-/4YgnZS8y1UXXmC02xD5rRrBEu6T5ub+mQHLNRj0fzTRbgdBYhsNo2V5EqwgqrExjxsjtF/OpAKAMkKsxbD5XQ== +case-sensitive-paths-webpack-plugin@^2.4.0: + version "2.4.0" + resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4" + integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw== caseless@~0.12.0: version "0.12.0" @@ -15350,6 +14160,17 @@ ccount@^1.0.0: resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz#ac82a944905a65ce204eb03023157edf29425c17" integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw== +chai@^5.1.1: + version "5.1.2" + resolved "https://registry.yarnpkg.com/chai/-/chai-5.1.2.tgz#3afbc340b994ae3610ca519a6c70ace77ad4378d" + integrity sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw== + dependencies: + assertion-error "^2.0.1" + check-error "^2.1.1" + deep-eql "^5.0.1" + loupe "^3.1.0" + pathval "^2.0.0" + chainsaw@~0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98" @@ -15450,6 +14271,11 @@ charenc@0.0.2: resolved "https://registry.yarnpkg.com/charenc/-/charenc-0.0.2.tgz#c0a1d2f3a7092e03774bfa83f14c0fc5790a8667" integrity sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc= +check-error@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc" + integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw== + check-more-types@^2.24.0: version "2.24.0" resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600" @@ -15480,7 +14306,7 @@ cheerio@^1.0.0-rc.12, cheerio@^1.0.0-rc.3: parse5 "^7.0.0" parse5-htmlparser2-tree-adapter "^7.0.0" -chokidar@^2.1.2, chokidar@^2.1.8, chokidar@^3.4.0, chokidar@^3.4.1, chokidar@^3.4.2, chokidar@^3.5.1, chokidar@^3.5.3, chokidar@^3.6.0: +chokidar@^2.1.2, chokidar@^2.1.8, chokidar@^3.4.0, chokidar@^3.4.1, chokidar@^3.5.1, chokidar@^3.5.3, chokidar@^3.6.0: version "3.5.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== @@ -15500,11 +14326,6 @@ chownr@^1.1.1: resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b" integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg== -chownr@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece" - integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ== - chownr@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/chownr/-/chownr-3.0.0.tgz#9855e64ecd240a9cc4267ce8a4aa5d24a1da15e4" @@ -15543,11 +14364,6 @@ chromium-bidi@1.1.0: mitt "3.0.1" zod "3.24.1" -ci-info@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46" - integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ== - ci-info@^3.2.0: version "3.8.0" resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91" @@ -15566,10 +14382,10 @@ cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3: inherits "^2.0.1" safe-buffer "^5.0.1" -cjs-module-lexer@^1.0.0, cjs-module-lexer@^1.2.2: - version "1.2.3" - resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz#6c370ab19f8a3394e318fe682686ec0ac684d107" - integrity sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ== +cjs-module-lexer@^1.0.0, cjs-module-lexer@^1.2.2, cjs-module-lexer@^1.2.3: + version "1.4.3" + resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz#0f79731eb8cfe1ec72acd4066efac9d61991b00d" + integrity sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q== clamp@^1.0.1: version "1.0.1" @@ -15609,13 +14425,6 @@ classnames@^2.2.6, classnames@^2.3.2, classnames@^2.5.1: resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b" integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow== -clean-css@^4.2.3: - version "4.2.3" - resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78" - integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA== - dependencies: - source-map "~0.6.0" - clean-css@^5.2.2, clean-css@~5.3.2: version "5.3.3" resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd" @@ -15635,11 +14444,6 @@ clean-webpack-plugin@^4.0.0: dependencies: del "^4.1.1" -cli-boxes@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f" - integrity sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw== - cli-color@^2.0.4: version "2.0.4" resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-2.0.4.tgz#d658080290968816b322248b7306fad2346fb2c8" @@ -15875,7 +14679,7 @@ color-string@^1.5.2, color-string@^1.9.0: color-name "^1.0.0" simple-swizzle "^0.2.2" -color-support@^1.1.2, color-support@^1.1.3: +color-support@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2" integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg== @@ -15901,7 +14705,7 @@ colord@^2.9.1, colord@^2.9.3: resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43" integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw== -colorette@^1.2.0, colorette@^1.2.1, colorette@^1.2.2: +colorette@^1.2.0, colorette@^1.2.2: version "1.4.0" resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40" integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g== @@ -16101,16 +14905,6 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== -concat-stream@^1.5.0: - version "1.6.2" - resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34" - integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw== - dependencies: - buffer-from "^1.0.0" - inherits "^2.0.3" - readable-stream "^2.2.2" - typedarray "^0.0.6" - concat-stream@~1.5.0: version "1.5.2" resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.5.2.tgz#708978624d856af41a5a741defdd261da752c266" @@ -16142,11 +14936,6 @@ console-browserify@^1.1.0: dependencies: date-now "^0.1.4" -console-control-strings@^1.0.0, console-control-strings@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e" - integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4= - console-log-level@^1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/console-log-level/-/console-log-level-1.4.1.tgz#9c5a6bb9ef1ef65b05aba83028b0ff894cdf630a" @@ -16193,7 +14982,7 @@ content-type@~1.0.4, content-type@~1.0.5: resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918" integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA== -convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0: +convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0: version "1.8.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369" integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA== @@ -16232,48 +15021,31 @@ copy-anything@^3.0.2: dependencies: is-what "^4.1.6" -copy-concurrently@^1.0.0: - version "1.0.5" - resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0" - integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A== - dependencies: - aproba "^1.1.1" - fs-write-stream-atomic "^1.0.8" - iferr "^0.1.5" - mkdirp "^0.5.1" - rimraf "^2.5.4" - run-queue "^1.0.0" - copy-descriptor@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d" integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40= -copy-to-clipboard@^3.0.8, copy-to-clipboard@^3.2.0, copy-to-clipboard@^3.3.1: +copy-to-clipboard@^3.0.8, copy-to-clipboard@^3.2.0: version "3.3.1" resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz#115aa1a9998ffab6196f93076ad6da3b913662ae" integrity sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw== dependencies: toggle-selection "^1.0.6" -core-js-compat@^3.31.0, core-js-compat@^3.36.1, core-js-compat@^3.8.1: +core-js-compat@^3.31.0, core-js-compat@^3.36.1: version "3.37.0" resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.37.0.tgz#d9570e544163779bb4dff1031c7972f44918dc73" integrity sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA== dependencies: browserslist "^4.23.0" -core-js-pure@^3.8.1: - version "3.26.0" - resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.26.0.tgz#7ad8a5dd7d910756f3124374b50026e23265ca9a" - integrity sha512-LiN6fylpVBVwT8twhhluD9TzXmZQQsr2I2eIKtWNbZI1XMfBT7CV18itaN6RA7EtQd/SDdRx/wzvAShX2HvhQA== - core-js@^2.4.0: version "2.6.9" resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.9.tgz#6b4b214620c834152e179323727fc19741b084f2" integrity sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A== -core-js@^3.0.4, core-js@^3.32.1, core-js@^3.37.1, core-js@^3.6.5, core-js@^3.8.2, core-js@^3.8.3: +core-js@^3.32.1, core-js@^3.37.1, core-js@^3.8.3: version "3.37.1" resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.37.1.tgz#d21751ddb756518ac5a00e4d66499df981a62db9" integrity sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw== @@ -16283,18 +15055,7 @@ core-util-is@1.0.2, core-util-is@^1.0.2, core-util-is@~1.0.0: resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac= -cosmiconfig@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982" - integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg== - dependencies: - "@types/parse-json" "^4.0.0" - import-fresh "^3.1.0" - parse-json "^5.0.0" - path-type "^4.0.0" - yaml "^1.7.2" - -cosmiconfig@^7.0.0, cosmiconfig@^7.1.0: +cosmiconfig@^7.0.0, cosmiconfig@^7.0.1, cosmiconfig@^7.1.0: version "7.1.0" resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6" integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA== @@ -16325,7 +15086,7 @@ cp-file@^7.0.0: nested-error-stacks "^2.0.0" p-event "^4.1.0" -cpy@^8.1.1, cpy@^8.1.2: +cpy@^8.1.1: version "8.1.2" resolved "https://registry.yarnpkg.com/cpy/-/cpy-8.1.2.tgz#e339ea54797ad23f8e3919a5cffd37bfc3f25935" integrity sha512-dmC4mUesv0OYH2kNFEidtf/skUwv4zePmGeepjyyJ0qTo5+8KhA1o99oIAwVVLzQMAeDJml74d6wPPKb6EZUTg== @@ -16410,17 +15171,6 @@ cronstrue@^1.51.0: resolved "https://registry.yarnpkg.com/cronstrue/-/cronstrue-1.51.0.tgz#7a63153d61d940344049037628da38a60784c8e2" integrity sha512-fSRAz/MV0TRjeNZKAsovmH/MSsly7+8np4XsfsrjOOz7sjxLrE9SmedRYAs3nPAtLLC5UsMpvenjXYRz463bMA== -cross-spawn@^6.0.0: - version "6.0.6" - resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.6.tgz#30d0efa0712ddb7eb5a76e1e8721bffafa6b5d57" - integrity sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw== - dependencies: - nice-try "^1.0.4" - path-key "^2.0.1" - semver "^5.5.0" - shebang-command "^1.2.0" - which "^1.2.9" - cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3: version "7.0.6" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f" @@ -16487,40 +15237,19 @@ css-in-js-utils@^2.0.0: hyphenate-style-name "^1.0.2" isobject "^3.0.1" -css-loader@^3.6.0: - version "3.6.0" - resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645" - integrity sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ== - dependencies: - camelcase "^5.3.1" - cssesc "^3.0.0" - icss-utils "^4.1.1" - loader-utils "^1.2.3" - normalize-path "^3.0.0" - postcss "^7.0.32" - postcss-modules-extract-imports "^2.0.0" - postcss-modules-local-by-default "^3.0.2" - postcss-modules-scope "^2.2.0" - postcss-modules-values "^3.0.0" - postcss-value-parser "^4.1.0" - schema-utils "^2.7.0" - semver "^6.3.0" - -css-loader@^5.0.1: - version "5.2.7" - resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-5.2.7.tgz#9b9f111edf6fb2be5dc62525644cbc9c232064ae" - integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg== +css-loader@^6.7.1: + version "6.11.0" + resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba" + integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g== dependencies: icss-utils "^5.1.0" - loader-utils "^2.0.0" - postcss "^8.2.15" - postcss-modules-extract-imports "^3.0.0" - postcss-modules-local-by-default "^4.0.0" - postcss-modules-scope "^3.0.0" + postcss "^8.4.33" + postcss-modules-extract-imports "^3.1.0" + postcss-modules-local-by-default "^4.0.5" + postcss-modules-scope "^3.2.0" postcss-modules-values "^4.0.0" - postcss-value-parser "^4.1.0" - schema-utils "^3.0.0" - semver "^7.3.5" + postcss-value-parser "^4.2.0" + semver "^7.5.4" css-loader@^7.1.2: version "7.1.2" @@ -16690,7 +15419,7 @@ csstype@3.1.2: resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b" integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ== -csstype@^2.2.0, csstype@^2.5.5, csstype@^2.5.7, csstype@^2.6.7: +csstype@^2.2.0, csstype@^2.5.5, csstype@^2.6.7: version "2.6.7" resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.7.tgz#20b0024c20b6718f4eda3853a1f5a1cce7f5e4a5" integrity sha512-9Mcn9sFbGBAdmimWb2gLVDtFJzeKtDGIr76TUqmjZrw9LFXBMSU70lcs+C0/7fyCd6iBDqmksUcCOUIkisPHsQ== @@ -16700,18 +15429,6 @@ csstype@^3.0.2: resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.7.tgz#2a5fb75e1015e84dd15692f71e89a1450290950b" integrity sha512-KxnUB0ZMlnUWCsx2Z8MUsr6qV6ja1w9ArPErJaJaF8a5SOWoHLIszeCTKGRGRgtLgYrs1E8CHkNSP1VZTTPc9g== -currently-unhandled@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" - integrity sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng== - dependencies: - array-find-index "^1.0.1" - -cyclist@~0.2.2: - version "0.2.2" - resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-0.2.2.tgz#1b33792e11e914a2fd6d6ed6447464444e5fa640" - integrity sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA= - cypress-axe@^1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/cypress-axe/-/cypress-axe-1.5.0.tgz#95082734583da77b51ce9b7784e14a442016c7a1" @@ -17185,7 +15902,7 @@ debounce@^1.2.1: resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5" integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug== -debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0: +debug@2.6.9, debug@^2.2.0, debug@^2.3.3: version "2.6.9" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== @@ -17213,7 +15930,7 @@ debug@4.3.4: dependencies: ms "2.1.2" -debug@^3.0.0, debug@^3.1.0, debug@^3.2.7: +debug@^3.1.0, debug@^3.2.7: version "3.2.7" resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a" integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ== @@ -17233,7 +15950,7 @@ decamelize-keys@^1.1.0: decamelize "^1.1.0" map-obj "^1.0.0" -decamelize@1.2.0, decamelize@^1.1.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0: +decamelize@1.2.0, decamelize@^1.1.0, decamelize@^1.1.1, decamelize@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA= @@ -17280,6 +15997,11 @@ dedent@^1.0.0: resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.3.tgz#99aee19eb9bae55a67327717b6e848d0bf777e5a" integrity sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ== +deep-eql@^5.0.1: + version "5.0.2" + resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341" + integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q== + deep-equal@^1.0.0, deep-equal@^1.0.1: version "1.1.1" resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a" @@ -17341,15 +16063,6 @@ deepmerge@^4.2.2, deepmerge@^4.3.1: resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a" integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A== -default-browser-id@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-1.0.4.tgz#e59d09a5d157b828b876c26816e61c3d2a2c203a" - integrity sha512-qPy925qewwul9Hifs+3sx1ZYn14obHxpkX+mPD369w4Rzg+YkJBgi3SOvwUq81nWSjqGUegIgEPwD8u+HUnxlw== - dependencies: - bplist-parser "^0.1.0" - meow "^3.1.0" - untildify "^2.0.0" - default-browser-id@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-5.0.0.tgz#a1d98bf960c15082d8a3fa69e83150ccccc3af26" @@ -17408,7 +16121,7 @@ define-lazy-prop@^3.0.0: resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f" integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg== -define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0, define-properties@^1.2.1: +define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0, define-properties@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg== @@ -17492,11 +16205,6 @@ delayed-stream@~1.0.0: resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk= -delegates@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" - integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o= - depd@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df" @@ -17565,7 +16273,7 @@ deprecation@^2.0.0: resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919" integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ== -dequal@^2.0.3: +dequal@^2.0.2, dequal@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be" integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA== @@ -17583,13 +16291,6 @@ destroy@1.2.0: resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015" integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg== -detab@2.0.4: - version "2.0.4" - resolved "https://registry.yarnpkg.com/detab/-/detab-2.0.4.tgz#b927892069aff405fbb9a186fe97a44a92a94b43" - integrity sha512-8zdsQA5bIkoRECvCrNKPla84lyoR7DSAyf7p0YgXzBO9PDJx8KntPUay7NS6yp+KdxdVtiE5SpHKtbp2ZQyA9g== - dependencies: - repeat-string "^1.5.4" - detect-indent@^6.0.0: version "6.1.0" resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6" @@ -17615,21 +16316,6 @@ detect-node@^2.0.4: resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1" integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g== -detect-package-manager@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/detect-package-manager/-/detect-package-manager-2.0.1.tgz#6b182e3ae5e1826752bfef1de9a7b828cffa50d8" - integrity sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A== - dependencies: - execa "^5.1.1" - -detect-port@^1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.3.0.tgz#d9c40e9accadd4df5cac6a782aefd014d573d1f1" - integrity sha512-E+B1gzkl2gqxt1IhUzwjrxBKRqx1UzC3WLONHinn8S3T6lwV/agVCyitiFOsGJ/eYuEUBvD71MZHy3Pv1G9doQ== - dependencies: - address "^1.0.1" - debug "^2.6.0" - detective-amd@^5.0.2: version "5.0.2" resolved "https://registry.yarnpkg.com/detective-amd/-/detective-amd-5.0.2.tgz#579900f301c160efe037a6377ec7e937434b2793" @@ -17732,11 +16418,6 @@ diff-match-patch@^1.0.0, diff-match-patch@^1.0.5: resolved "https://registry.yarnpkg.com/diff-match-patch/-/diff-match-patch-1.0.5.tgz#abb584d5f10cd1196dfc55aa03701592ae3f7b37" integrity sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw== -diff-sequences@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.6.2.tgz#48ba99157de1923412eed41db6b6d4aa9ca7c0b1" - integrity sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q== - diff-sequences@^29.6.3: version "29.6.3" resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921" @@ -17854,11 +16535,6 @@ dom-serializer@^2.0.0: domhandler "^5.0.2" entities "^4.2.0" -dom-walk@^0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018" - integrity sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg= - domain-browser@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda" @@ -17891,11 +16567,9 @@ domhandler@^5.0.1, domhandler@^5.0.2, domhandler@^5.0.3: domelementtype "^2.3.0" dompurify@^3.0.6: - version "3.2.4" - resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.2.4.tgz#af5a5a11407524431456cf18836c55d13441cd8e" - integrity sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg== - optionalDependencies: - "@types/trusted-types" "^2.0.7" + version "3.1.5" + resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.1.5.tgz#2c6a113fc728682a0f55684b1388c58ddb79dc38" + integrity sha512-lwG+n5h8QNpxtyrJW/gJWckL+1/DQiYMX8f7t8Z2AZTPw1esVrqjI63i7Zc2Gz0aKzLVMYC1V1PL/ky+aY/NgA== domutils@^2.5.2, domutils@^2.8.0: version "2.8.0" @@ -17923,21 +16597,11 @@ dot-case@^3.0.4: no-case "^3.0.4" tslib "^2.0.3" -dotenv-expand@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0" - integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA== - dotenv@^16.0.2, dotenv@^16.0.3, dotenv@^16.4.5: version "16.4.5" resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.5.tgz#cdd3b3b604cb327e286b4762e13502f717cb099f" integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg== -dotenv@^8.0.0: - version "8.2.0" - resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a" - integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw== - dotignore@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/dotignore/-/dotignore-0.1.2.tgz#f942f2200d28c3a76fbdd6f0ee9f3257c8a2e905" @@ -17967,16 +16631,6 @@ duplexer@^0.1.2: resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6" integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg== -duplexify@^3.4.2, duplexify@^3.5.3: - version "3.7.1" - resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309" - integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g== - dependencies: - end-of-stream "^1.0.0" - inherits "^2.0.1" - readable-stream "^2.0.0" - stream-shift "^1.0.0" - earcut@^2.2.4: version "2.2.4" resolved "https://registry.yarnpkg.com/earcut/-/earcut-2.2.4.tgz#6d02fd4d68160c114825d06890a92ecaae60343a" @@ -18078,17 +16732,10 @@ electron-to-chromium@^1.5.41: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.67.tgz#66ebd2be4a77469ac2760ef5e9e460ba9a43a845" integrity sha512-nz88NNBsD7kQSAGGJyp8hS6xSPtWwqNogA0mjtc2nUYeEf3nURK9qpV18TuBdDmEDgVWotS8Wkzf+V52dSQ/LQ== -element-resize-detector@^1.2.2: - version "1.2.3" - resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.2.3.tgz#5078d9b99398fe4c589f8c8df94ff99e5d413ff3" - integrity sha512-+dhNzUgLpq9ol5tyhoG7YLoXL3ssjfFW+0gpszXPwRU6NjGr1fVHMEAF8fVzIiRJq57Nre0RFeIjJwI8Nh2NmQ== - dependencies: - batch-processor "1.0.0" - elliptic@^6.0.0, elliptic@^6.5.4: - version "6.6.1" - resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06" - integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g== + version "6.5.7" + resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.7.tgz#8ec4da2cb2939926a1b9a73619d768207e647c8b" + integrity sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q== dependencies: bn.js "^4.11.9" brorand "^1.1.0" @@ -18113,11 +16760,6 @@ emoji-regex@10.3.0, emoji-regex@^10.2.1, emoji-regex@^10.3.0: resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.3.0.tgz#76998b9268409eb3dae3de989254d456e70cfe23" integrity sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw== -"emoji-regex@>=6.0.0 <=6.1.1": - version "6.1.1" - resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.1.1.tgz#c6cd0ec1b0642e2a3c67a1137efc5e796da4f88e" - integrity sha1-xs0OwbBkLio8Z6ETfvxeeW2k+I4= - emoji-regex@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" @@ -18153,7 +16795,7 @@ encodeurl@~2.0.0: resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58" integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg== -end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1, end-of-stream@^1.4.4: +end-of-stream@^1.1.0, end-of-stream@^1.4.1, end-of-stream@^1.4.4: version "1.4.4" resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0" integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q== @@ -18169,15 +16811,6 @@ endent@^2.0.1: fast-json-parse "^1.0.3" objectorarray "^1.0.4" -enhanced-resolve@^4.5.0: - version "4.5.0" - resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz#2f3cfd84dbe3b487f18f2db2ef1e064a571ca5ec" - integrity sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg== - dependencies: - graceful-fs "^4.1.2" - memory-fs "^0.5.0" - tapable "^1.0.0" - enhanced-resolve@^5.14.1, enhanced-resolve@^5.17.1, enhanced-resolve@^5.18.0, enhanced-resolve@^5.7.0: version "5.18.0" resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz#91eb1db193896b9801251eeff1c6980278b1e404" @@ -18193,11 +16826,6 @@ enquirer@^2.3.6: dependencies: ansi-colors "^4.1.1" -entities@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56" - integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w== - entities@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55" @@ -18268,19 +16896,12 @@ enzyme@^3.11.0: rst-selector-parser "^2.2.3" string.prototype.trim "^1.2.1" -errno@^0.1.3, errno@~0.1.7: - version "0.1.7" - resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618" - integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg== - dependencies: - prr "~1.0.1" - error-callsites@^2.0.4: version "2.0.4" resolved "https://registry.yarnpkg.com/error-callsites/-/error-callsites-2.0.4.tgz#44f09e6a201e9a1603ead81eacac5ba258fca76e" integrity sha512-V877Ch4FC4FN178fDK1fsrHN4I1YQIBdtjKrHh3BUHMnh3SMvwUVrqkaOgDpUuevgSNna0RBq6Ox9SGlxYrigA== -error-ex@^1.2.0, error-ex@^1.3.1: +error-ex@^1.3.1: version "1.3.2" resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf" integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g== @@ -18301,7 +16922,7 @@ error-stack-parser@^2.0.4, error-stack-parser@^2.0.6: dependencies: stackframe "^1.1.1" -es-abstract@^1.17.0-next.1, es-abstract@^1.20.4, es-abstract@^1.21.2, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.4.3, es-abstract@^1.9.0: +es-abstract@^1.20.4, es-abstract@^1.21.2, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0: version "1.23.3" resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0" integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A== @@ -18353,11 +16974,6 @@ es-abstract@^1.17.0-next.1, es-abstract@^1.20.4, es-abstract@^1.21.2, es-abstrac unbox-primitive "^1.0.2" which-typed-array "^1.1.15" -es-array-method-boxes-properly@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e" - integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA== - es-define-property@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845" @@ -18370,7 +16986,7 @@ es-errors@^1.2.1, es-errors@^1.3.0: resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f" integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw== -es-get-iterator@^1.0.2, es-get-iterator@^1.1.3: +es-get-iterator@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6" integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw== @@ -18385,10 +17001,10 @@ es-get-iterator@^1.0.2, es-get-iterator@^1.1.3: isarray "^2.0.5" stop-iteration-iterator "^1.0.0" -es-module-lexer@^1.2.1: - version "1.5.0" - resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.0.tgz#4878fee3789ad99e065f975fdd3c645529ff0236" - integrity sha512-pqrTKmwEIgafsYZAGw9kszYzmagcE/n4dbgwGWLEXg7J4QFJVQRBld8j3Q3GNez79jzxZshq0bcT962QHOghjw== +es-module-lexer@^1.2.1, es-module-lexer@^1.5.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.6.0.tgz#da49f587fd9e68ee2404fe4e256c0c7d3a81be21" + integrity sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ== es-object-atoms@^1.0.0: version "1.0.0" @@ -18432,11 +17048,6 @@ es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.62, es5-ext@^0.10.64, es5-ext@ esniff "^2.0.1" next-tick "^1.1.0" -es5-shim@^4.5.13: - version "4.5.14" - resolved "https://registry.yarnpkg.com/es5-shim/-/es5-shim-4.5.14.tgz#90009e1019d0ea327447cb523deaff8fe45697ef" - integrity sha512-7SwlpL+2JpymWTt8sNLuC2zdhhc+wrfe5cMPI2j0o6WsPdfAiPwmFy2f0AocPB4RQVBOZ9kNTgi5YF7TdhkvEg== - es6-error@^4.0.1: version "4.1.1" resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d" @@ -18461,11 +17072,6 @@ es6-promise@^4.2.8: resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a" integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w== -es6-shim@^0.35.5: - version "0.35.5" - resolved "https://registry.yarnpkg.com/es6-shim/-/es6-shim-0.35.5.tgz#46f59dc0a84a1c5029e8ff1166ca0a902077a9ab" - integrity sha512-E9kK/bjtCQRpN1K28Xh4BlmP8egvZBGJJ+9GtnzOwt7mdqtrjHFuVGr7QJfdjBIKqrlU5duPf3pCBoDrkjVYFg== - es6-symbol@^3.1.1, es6-symbol@^3.1.3: version "3.1.4" resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.4.tgz#f4e7d28013770b4208ecbf3e0bf14d3bcb557b8c" @@ -18484,6 +17090,43 @@ es6-weak-map@^2.0.3: es6-iterator "^2.0.3" es6-symbol "^3.1.1" +esbuild-register@^3.5.0: + version "3.6.0" + resolved "https://registry.yarnpkg.com/esbuild-register/-/esbuild-register-3.6.0.tgz#cf270cfa677baebbc0010ac024b823cbf723a36d" + integrity sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg== + dependencies: + debug "^4.3.4" + +"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0": + version "0.24.0" + resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.24.0.tgz#f2d470596885fcb2e91c21eb3da3b3c89c0b55e7" + integrity sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ== + optionalDependencies: + "@esbuild/aix-ppc64" "0.24.0" + "@esbuild/android-arm" "0.24.0" + "@esbuild/android-arm64" "0.24.0" + "@esbuild/android-x64" "0.24.0" + "@esbuild/darwin-arm64" "0.24.0" + "@esbuild/darwin-x64" "0.24.0" + "@esbuild/freebsd-arm64" "0.24.0" + "@esbuild/freebsd-x64" "0.24.0" + "@esbuild/linux-arm" "0.24.0" + "@esbuild/linux-arm64" "0.24.0" + "@esbuild/linux-ia32" "0.24.0" + "@esbuild/linux-loong64" "0.24.0" + "@esbuild/linux-mips64el" "0.24.0" + "@esbuild/linux-ppc64" "0.24.0" + "@esbuild/linux-riscv64" "0.24.0" + "@esbuild/linux-s390x" "0.24.0" + "@esbuild/linux-x64" "0.24.0" + "@esbuild/netbsd-x64" "0.24.0" + "@esbuild/openbsd-arm64" "0.24.0" + "@esbuild/openbsd-x64" "0.24.0" + "@esbuild/sunos-x64" "0.24.0" + "@esbuild/win32-arm64" "0.24.0" + "@esbuild/win32-ia32" "0.24.0" + "@esbuild/win32-x64" "0.24.0" + esbuild@^0.23.1: version "0.23.1" resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.23.1.tgz#40fdc3f9265ec0beae6f59824ade1bd3d3d2dab8" @@ -18789,14 +17432,6 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1: esrecurse "^4.3.0" estraverse "^4.1.1" -eslint-scope@^4.0.3: - version "4.0.3" - resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848" - integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg== - dependencies: - esrecurse "^4.1.0" - estraverse "^4.1.1" - eslint-scope@^7.2.2: version "7.2.2" resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f" @@ -18914,7 +17549,7 @@ esquery@^1.4.2: dependencies: estraverse "^5.1.0" -esrecurse@^4.1.0, esrecurse@^4.3.0: +esrecurse@^4.3.0: version "4.3.0" resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921" integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag== @@ -18931,6 +17566,13 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0: resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123" integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA== +estree-walker@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d" + integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g== + dependencies: + "@types/estree" "^1.0.0" + esutils@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b" @@ -18997,11 +17639,6 @@ evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3: md5.js "^1.3.4" safe-buffer "^5.1.1" -exec-sh@^0.3.2: - version "0.3.2" - resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.2.tgz#6738de2eb7c8e671d0366aea0b0db8c6f7d7391b" - integrity sha512-9sLAvzhI5nc8TpuQUh4ahMdCrWT00wPWz7j47/emR5+2qEfoZP5zzUXvx+vdx+H6ohhnsYC31iX04QLYJK8zTg== - execa@4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a" @@ -19017,19 +17654,6 @@ execa@4.1.0: signal-exit "^3.0.2" strip-final-newline "^2.0.0" -execa@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8" - integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA== - dependencies: - cross-spawn "^6.0.0" - get-stream "^4.0.0" - is-stream "^1.1.0" - npm-run-path "^2.0.0" - p-finally "^1.0.0" - signal-exit "^3.0.0" - strip-eof "^1.0.0" - execa@^5.0.0, execa@^5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd" @@ -19085,18 +17709,6 @@ expand-template@^2.0.3: resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c" integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg== -expect@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/expect/-/expect-26.6.2.tgz#c6b996bf26bf3fe18b67b2d0f51fc981ba934417" - integrity sha512-9/hlOBkQl2l/PLHJx6JjoDF6xPKcJEsUlWKb23rKE7KzeDqUZKXKNMW27KIue5JMdBV9HgmoJPcc8HtO85t9IA== - dependencies: - "@jest/types" "^26.6.2" - ansi-styles "^4.0.0" - jest-get-type "^26.3.0" - jest-matcher-utils "^26.6.2" - jest-message-util "^26.6.2" - jest-regex-util "^26.0.0" - expect@^29.0.0, expect@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc" @@ -19128,7 +17740,7 @@ expr-eval@^2.0.2: resolved "https://registry.yarnpkg.com/expr-eval/-/expr-eval-2.0.2.tgz#fa6f044a7b0c93fde830954eb9c5b0f7fbc7e201" integrity sha512-4EMSHGOPSwAfBiibw3ndnP0AvjDWLsMvGOvWEZ2F96IGk0bIVdjQisOHxReSkE13mHcfbuCiXw+G4y0zv6N8Eg== -express@^4.17.1, express@^4.17.3, express@^4.18.2, express@^4.21.2: +express@^4.17.3, express@^4.18.2, express@^4.21.2: version "4.21.2" resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32" integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA== @@ -19417,21 +18029,11 @@ fetch-mock@^10.1.0: is-subset "^0.1.1" regexparam "^3.0.0" -fetch-retry@^5.0.2: - version "5.0.3" - resolved "https://registry.yarnpkg.com/fetch-retry/-/fetch-retry-5.0.3.tgz#edfa3641892995f9afee94f25b168827aa97fe3d" - integrity sha512-uJQyMrX5IJZkhoEUBQ3EjxkeiZkppBd5jS/fMTJmfZxLSiaQjv2zD0kTvuvkSH89uFvgSlB6ueGpjD3HWN7Bxw== - fflate@^0.6.9: version "0.6.9" resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.6.9.tgz#fb369b30792a03ff7274e174f3b36e51292d3f99" integrity sha512-hmAdxNHub7fw36hX7BHiuAO0uekp6ufY2sjxBXWxIf0sw5p7tnS9GVrdM4D12SDYQUHVpiC50fPBYPTjOzRU2Q== -figgy-pudding@^3.5.1: - version "3.5.1" - resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790" - integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w== - figures@^3.0.0, figures@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af" @@ -19454,14 +18056,6 @@ file-loader@^4.2.0: loader-utils "^1.2.3" schema-utils "^2.0.0" -file-loader@^6.2.0: - version "6.2.0" - resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d" - integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw== - dependencies: - loader-utils "^2.0.0" - schema-utils "^3.0.0" - file-saver@^1.3.8: version "1.3.8" resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-1.3.8.tgz#e68a30c7cb044e2fb362b428469feb291c2e09d8" @@ -19474,15 +18068,6 @@ file-selector@^0.4.0: dependencies: tslib "^2.0.3" -file-system-cache@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/file-system-cache/-/file-system-cache-1.0.5.tgz#84259b36a2bbb8d3d6eb1021d3132ffe64cfff4f" - integrity sha1-hCWbNqK7uNPW6xAh0xMv/mTP/08= - dependencies: - bluebird "^3.3.5" - fs-extra "^0.30.0" - ramda "^0.21.0" - filelist@^1.0.1: version "1.0.4" resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5" @@ -19538,7 +18123,7 @@ finalhandler@1.3.1: statuses "2.0.1" unpipe "~1.0.0" -find-cache-dir@^2.0.0, find-cache-dir@^2.1.0: +find-cache-dir@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7" integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ== @@ -19611,14 +18196,6 @@ find-test-names@1.28.18, find-test-names@^1.19.0: globby "^11.0.4" simple-bin-help "^1.8.0" -find-up@^1.0.0: - version "1.1.2" - resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f" - integrity sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8= - dependencies: - path-exists "^2.0.0" - pinkie-promise "^2.0.0" - find-up@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73" @@ -19671,15 +18248,7 @@ flatbuffers@^24.3.25: flatted@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.0.tgz#a5d06b4a8b01e3a63771daa5cb7a1903e2e57067" - integrity sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA== - -flush-write-stream@^1.0.0: - version "1.0.3" - resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.0.3.tgz#c5d586ef38af6097650b49bc41b55fabb19f35bd" - integrity sha512-calZMC10u0FMUqoiunI2AiGIIUtUIvifNwkHhNupZH4cbNnW1Itkoh/Nf5HFYmDrwWPjrUxpkZT0KhuCq0jmGw== - dependencies: - inherits "^2.0.1" - readable-stream "^2.0.4" + integrity sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA== fn.name@1.x.x: version "1.1.0" @@ -19741,37 +18310,23 @@ forever-agent@~0.6.1: resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91" integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE= -fork-ts-checker-webpack-plugin@^4.1.6: - version "4.1.6" - resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.6.tgz#5055c703febcf37fa06405d400c122b905167fc5" - integrity sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw== - dependencies: - "@babel/code-frame" "^7.5.5" - chalk "^2.4.1" - micromatch "^3.1.10" - minimatch "^3.0.4" - semver "^5.6.0" - tapable "^1.0.0" - worker-rpc "^0.1.0" - -fork-ts-checker-webpack-plugin@^6.0.4: - version "6.4.0" - resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.4.0.tgz#057e477cf1d8b013b2ed2669437f818680289c4c" - integrity sha512-3I3wFkc4DbzaUDPWEi96wdYGu4EKtxBafhZYm0o4mX51d9bphAY4P3mBl8K5mFXFJqVzHfmdbm9kLGnm7vwwBg== +fork-ts-checker-webpack-plugin@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz#dae45dfe7298aa5d553e2580096ced79b6179504" + integrity sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg== dependencies: - "@babel/code-frame" "^7.8.3" - "@types/json-schema" "^7.0.5" - chalk "^4.1.0" - chokidar "^3.4.2" - cosmiconfig "^6.0.0" + "@babel/code-frame" "^7.16.7" + chalk "^4.1.2" + chokidar "^3.5.3" + cosmiconfig "^7.0.1" deepmerge "^4.2.2" - fs-extra "^9.0.0" - glob "^7.1.6" - memfs "^3.1.2" + fs-extra "^10.0.0" + memfs "^3.4.1" minimatch "^3.0.4" - schema-utils "2.7.0" - semver "^7.3.2" - tapable "^1.0.0" + node-abort-controller "^3.0.1" + schema-utils "^3.1.1" + semver "^7.3.5" + tapable "^2.2.1" form-data-encoder@1.7.2: version "1.7.2" @@ -19866,14 +18421,6 @@ fresh@0.5.2: resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7" integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac= -from2@^2.1.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af" - integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8= - dependencies: - inherits "^2.0.1" - readable-stream "^2.0.0" - fromentries@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/fromentries/-/fromentries-1.2.0.tgz#e6aa06f240d6267f913cea422075ef88b63e7897" @@ -19884,17 +18431,6 @@ fs-constants@^1.0.0: resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad" integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow== -fs-extra@^0.30.0: - version "0.30.0" - resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-0.30.0.tgz#f233ffcc08d4da7d432daa449776989db1df93f0" - integrity sha1-8jP/zAjU2n1DLapEl3aYnbHfk/A= - dependencies: - graceful-fs "^4.1.2" - jsonfile "^2.1.0" - klaw "^1.0.0" - path-is-absolute "^1.0.0" - rimraf "^2.2.8" - fs-extra@^10.0.0: version "10.1.0" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf" @@ -19922,7 +18458,7 @@ fs-extra@^8.1.0: jsonfile "^4.0.0" universalify "^0.1.0" -fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0: +fs-extra@^9.1.0: version "9.1.0" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d" integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ== @@ -19932,13 +18468,6 @@ fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0: jsonfile "^6.0.1" universalify "^2.0.0" -fs-minipass@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb" - integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg== - dependencies: - minipass "^3.0.0" - fs-mkdirp-stream@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/fs-mkdirp-stream/-/fs-mkdirp-stream-2.0.1.tgz#1e82575c4023929ad35cf69269f84f1a8c973aa7" @@ -19957,22 +18486,12 @@ fs-readdir-recursive@^1.1.0: resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27" integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA== -fs-write-stream-atomic@^1.0.8: - version "1.0.10" - resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9" - integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk= - dependencies: - graceful-fs "^4.1.2" - iferr "^0.1.5" - imurmurhash "^0.1.4" - readable-stream "1 || 2" - fs.realpath@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8= -fsevents@2.3.2, fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.2: +fsevents@2.3.2, fsevents@^2.3.2, fsevents@~2.3.2: version "2.3.2" resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a" integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA== @@ -19982,7 +18501,7 @@ fsu@^1.1.1: resolved "https://registry.yarnpkg.com/fsu/-/fsu-1.1.1.tgz#bd36d3579907c59d85b257a75b836aa9e0c31834" integrity sha512-xQVsnjJ/5pQtcKh+KjUoZGzVWn4uNkchxTF6Lwjr4Gf7nQr8fmUfhKJ62zE77+xQg9xnxi5KUps7XGs+VC986A== -function-bind@^1.0.2, function-bind@^1.1.1, function-bind@^1.1.2: +function-bind@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c" integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== @@ -20007,21 +18526,6 @@ fuse.js@^7.0.0: resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-7.0.0.tgz#6573c9fcd4c8268e403b4fc7d7131ffcf99a9eb2" integrity sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q== -gauge@^3.0.0: - version "3.0.2" - resolved "https://registry.yarnpkg.com/gauge/-/gauge-3.0.2.tgz#03bf4441c044383908bcfa0656ad91803259b395" - integrity sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q== - dependencies: - aproba "^1.0.3 || ^2.0.0" - color-support "^1.1.2" - console-control-strings "^1.0.0" - has-unicode "^2.0.1" - object-assign "^4.1.1" - signal-exit "^3.0.0" - string-width "^4.2.3" - strip-ansi "^6.0.1" - wide-align "^1.1.2" - gaxios@^5.0.0, gaxios@^5.0.1: version "5.1.3" resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-5.1.3.tgz#f7fa92da0fe197c846441e5ead2573d4979e9013" @@ -20073,7 +18577,7 @@ geckodriver@^5.0.0: tar-fs "^3.0.6" which "^5.0.0" -gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2: +gensync@^1.0.0-beta.2: version "1.0.0-beta.2" resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0" integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== @@ -20145,23 +18649,11 @@ get-port@^5.0.0: resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.1.1.tgz#0469ed07563479de6efb986baf053dcd7d4e3193" integrity sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ== -get-stdin@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe" - integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4= - get-stdin@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6" integrity sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ== -get-stream@^4.0.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5" - integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w== - dependencies: - pump "^3.0.0" - get-stream@^5.0.0, get-stream@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.1.0.tgz#01203cdc92597f9b909067c3e656cc1f4d3c4dc9" @@ -20232,13 +18724,6 @@ github-from-package@0.0.0: resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce" integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4= -github-slugger@^1.0.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.3.0.tgz#9bd0a95c5efdfc46005e82a906ef8e2a059124c9" - integrity sha512-gwJScWVNhFYSRDvURk/8yhcFBee6aFjye2a7Lhb2bUyRulpIoek9p0I9Kt7PT67d/nUlZbFu8L9RLiA0woQN8Q== - dependencies: - emoji-regex ">=6.0.0 <=6.1.1" - gl-matrix@^3.4.0, gl-matrix@^3.4.3: version "3.4.3" resolved "https://registry.yarnpkg.com/gl-matrix/-/gl-matrix-3.4.3.tgz#fc1191e8320009fd4d20e9339595c6041ddc22c9" @@ -20271,13 +18756,6 @@ glob-parent@^6.0.2: dependencies: is-glob "^4.0.3" -glob-promise@^3.4.0: - version "3.4.0" - resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-3.4.0.tgz#b6b8f084504216f702dc2ce8c9bc9ac8866fdb20" - integrity sha512-q08RJ6O+eJn+dVanerAndJwIcumgbDdYiUT7zFQl3Wm1xD6fBKtah7H8ZJChj4wP+8C+QfeVy8xautR7rdmKEw== - dependencies: - "@types/glob" "*" - glob-stream@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-8.0.0.tgz#c4ed84de7fcc0b4c0f02e7f4cc0dc9c462c47236" @@ -20379,14 +18857,6 @@ global-prefix@^3.0.0: kind-of "^6.0.2" which "^1.3.1" -global@^4.4.0: - version "4.4.0" - resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406" - integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w== - dependencies: - min-document "^2.19.0" - process "^0.11.10" - globals@^11.1.0: version "11.12.0" resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" @@ -20399,7 +18869,7 @@ globals@^13.19.0, globals@^13.20.0, globals@^13.23.0: dependencies: type-fest "^0.20.2" -globalthis@^1.0.0, globalthis@^1.0.3: +globalthis@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf" integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA== @@ -20434,7 +18904,7 @@ globby@^10.0.1: merge2 "^1.2.3" slash "^3.0.0" -globby@^11.0.1, globby@^11.0.2, globby@^11.0.4, globby@^11.1.0: +globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g== @@ -20556,7 +19026,7 @@ gpt-tokenizer@^2.6.2: resolved "https://registry.yarnpkg.com/gpt-tokenizer/-/gpt-tokenizer-2.6.2.tgz#90e6932c7b5f73df7c13d360802edb43a2776586" integrity sha512-OznIET3z069FiwbLtLFXJ9pVESYAa8EnX0BMogs6YJ4Fn2FIcyeZYEbxsp2grPiK0DVaqP1f+0JR/8t9R7/jlg== -graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.8, graceful-fs@^4.2.9: +graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.8, graceful-fs@^4.2.9: version "4.2.11" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3" integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== @@ -20642,7 +19112,7 @@ handle-thing@^2.0.0: resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754" integrity sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ== -handlebars@4.7.8, handlebars@^4.7.6, handlebars@^4.7.7, handlebars@^4.7.8: +handlebars@4.7.8, handlebars@^4.7.6, handlebars@^4.7.8: version "4.7.8" resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9" integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ== @@ -20715,7 +19185,7 @@ has-proto@^1.0.1, has-proto@^1.0.3: resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd" integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q== -has-symbols@^1.0.0, has-symbols@^1.0.1, has-symbols@^1.0.3: +has-symbols@^1.0.1, has-symbols@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8" integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A== @@ -20727,11 +19197,6 @@ has-tostringtag@^1.0.0, has-tostringtag@^1.0.2: dependencies: has-symbols "^1.0.3" -has-unicode@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" - integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk= - has-value@^0.3.1: version "0.3.1" resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f" @@ -20841,22 +19306,6 @@ hast-util-parse-selector@^2.0.0, hast-util-parse-selector@^2.2.0: resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.3.tgz#57edd449103900c7f63fd9e6f694ffd7e4634719" integrity sha512-nxbeqjQNxsvo/uYYAw9kij6td05YVUlf1qti09rVfbWSLT5H6wo3c+USIwX6nzXWk5kFZzXnEqO82856r0aM2Q== -hast-util-raw@6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-6.0.1.tgz#973b15930b7529a7b66984c98148b46526885977" - integrity sha512-ZMuiYA+UF7BXBtsTBNcLBF5HzXzkyE6MLzJnL605LKE8GJylNjGc4jjxazAHUtcwT5/CEt6afRKViYB4X66dig== - dependencies: - "@types/hast" "^2.0.0" - hast-util-from-parse5 "^6.0.0" - hast-util-to-parse5 "^6.0.0" - html-void-elements "^1.0.0" - parse5 "^6.0.0" - unist-util-position "^3.0.0" - vfile "^4.0.0" - web-namespaces "^1.0.0" - xtend "^4.0.0" - zwitch "^1.0.0" - hast-util-raw@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-6.1.0.tgz#e16a3c2642f65cc7c480c165400a40d604ab75d0" @@ -21060,19 +19509,6 @@ html-loader@^5.1.0: html-minifier-terser "^7.2.0" parse5 "^7.1.2" -html-minifier-terser@^5.0.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054" - integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg== - dependencies: - camel-case "^4.1.1" - clean-css "^4.2.3" - commander "^4.1.1" - he "^1.2.0" - param-case "^3.0.3" - relateurl "^0.2.7" - terser "^4.6.3" - html-minifier-terser@^6.0.2: version "6.1.0" resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab" @@ -21099,7 +19535,7 @@ html-minifier-terser@^7.2.0: relateurl "^0.2.7" terser "^5.15.1" -html-tags@^3.1.0, html-tags@^3.2.0: +html-tags@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961" integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg== @@ -21120,25 +19556,10 @@ html-void-elements@^1.0.0: resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.5.tgz#ce9159494e86d95e45795b166c2021c2cfca4483" integrity sha512-uE/TxKuyNIcx44cIWnjr/rfIATDH7ZaOMmstu0CwhFG1Dunhlp4OC6/NMbhiwoq5BpW0ubi303qnEk/PZj614w== -html-webpack-plugin@^4.0.0: - version "4.5.2" - resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.2.tgz#76fc83fa1a0f12dd5f7da0404a54e2699666bc12" - integrity sha512-q5oYdzjKUIPQVjOosjgvCHQOv9Ett9CYYHlgvJeXG0qQvdSojnBq4vAdQBwn1+yGveAwHCoe/rMR86ozX3+c2A== - dependencies: - "@types/html-minifier-terser" "^5.0.0" - "@types/tapable" "^1.0.5" - "@types/webpack" "^4.41.8" - html-minifier-terser "^5.0.1" - loader-utils "^1.2.3" - lodash "^4.17.20" - pretty-error "^2.1.1" - tapable "^1.1.3" - util.promisify "1.0.0" - -html-webpack-plugin@^5.0.0: - version "5.6.0" - resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.0.tgz#50a8fa6709245608cb00e811eacecb8e0d7b7ea0" - integrity sha512-iwaY4wzbe48AfKLZ/Cc8k0L+FKG6oSNRaZ8x5A/T/IVDGyXcbHncM9TdDa93wn0FsSm82FhTKW7f3vS61thXAw== +html-webpack-plugin@^5.5.0: + version "5.6.3" + resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz#a31145f0fee4184d53a794f9513147df1e653685" + integrity sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg== dependencies: "@types/html-minifier-terser" "^6.0.0" html-minifier-terser "^6.0.2" @@ -21365,13 +19786,6 @@ iconv-lite@0.6, iconv-lite@0.6.3, iconv-lite@^0.6.3: dependencies: safer-buffer ">= 2.1.2 < 3.0.0" -icss-utils@^4.0.0, icss-utils@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467" - integrity sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA== - dependencies: - postcss "^7.0.14" - icss-utils@^5.0.0, icss-utils@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae" @@ -21387,11 +19801,6 @@ if-async@^3.7.4: resolved "https://registry.yarnpkg.com/if-async/-/if-async-3.7.4.tgz#55868deb0093d3c67bf7166e745353fb9bcb21a2" integrity sha1-VYaN6wCT08Z79xZudFNT+5vLIaI= -iferr@^0.1.5: - version "0.1.5" - resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501" - integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE= - ignore@^4.0.3: version "4.0.6" resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" @@ -21422,7 +19831,7 @@ immutable@^4.0.0: resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef" integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ== -import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0: +import-fresh@^3.2.1, import-fresh@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw== @@ -21458,23 +19867,11 @@ imurmurhash@^0.1.4: resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea" integrity sha1-khi5srkoojixPcT7a21XbyMUU+o= -indent-string@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80" - integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA= - dependencies: - repeating "^2.0.0" - indent-string@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251" integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg== -infer-owner@^1.0.3, infer-owner@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467" - integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A== - inflight@^1.0.4: version "1.0.6" resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" @@ -21590,11 +19987,6 @@ interpret@^1.0.0: resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e" integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA== -interpret@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9" - integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw== - interpret@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4" @@ -21640,11 +20032,6 @@ ip-regex@^4.1.0: resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5" integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q== -ip@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.1.tgz#e8f3595d33a3ea66490204234b77636965307105" - integrity sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ== - ipaddr.js@1.9.1: version "1.9.1" resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3" @@ -21665,11 +20052,6 @@ irregular-plurals@^3.2.0: resolved "https://registry.yarnpkg.com/irregular-plurals/-/irregular-plurals-3.2.0.tgz#b19c490a0723798db51b235d7e39add44dab0822" integrity sha512-YqTdPLfwP7YFN0SsD3QUVCkm9ZG2VzOXv3DOrw5G5mkMbVwptTwVcFv7/C0vOpBmgTxAeTG19XpUs1E522LW9Q== -is-absolute-url@^3.0.0: - version "3.0.3" - resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698" - integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q== - is-accessor-descriptor@^0.1.6: version "0.1.6" resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6" @@ -21684,7 +20066,7 @@ is-accessor-descriptor@^1.0.0: dependencies: kind-of "^6.0.0" -is-alphabetical@1.0.4, is-alphabetical@^1.0.0: +is-alphabetical@^1.0.0: version "1.0.4" resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.4.tgz#9e7d6b94916be22153745d184c298cbf986a686d" integrity sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg== @@ -21762,13 +20144,6 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.1.5, is-callable@^1.2.7: resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055" integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA== -is-ci@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c" - integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w== - dependencies: - ci-info "^2.0.0" - is-core-module@^2.11.0, is-core-module@^2.12.1, is-core-module@^2.13.0: version "2.13.1" resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384" @@ -21837,14 +20212,6 @@ is-docker@^3.0.0: resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200" integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ== -is-dom@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-dom/-/is-dom-1.1.0.tgz#af1fced292742443bb59ca3f76ab5e80907b4e8a" - integrity sha512-u82f6mvhYxRPKpw8V1N0W8ce1xXwOrQtgGcxl6UCL5zBmZu3is/18K0rR7uFCnMDuAsS/3W54mGL4vsaFUQlEQ== - dependencies: - is-object "^1.0.1" - is-window "^1.0.2" - is-extendable@^0.1.0, is-extendable@^0.1.1: version "0.1.1" resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89" @@ -21893,16 +20260,18 @@ is-fullwidth-code-point@^5.0.0: dependencies: get-east-asian-width "^1.0.0" -is-function@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.2.tgz#4f097f30abf6efadac9833b17ca5dc03f8144e08" - integrity sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ== - is-generator-fn@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.0.0.tgz#038c31b774709641bda678b1f06a4e3227c10b3e" integrity sha512-elzyIdM7iKoFHzcrndIqjYomImhxrFRnGP3galODoII4TB9gI7mZ+FnlLQmmjf27SxHS2gKEeyhX5/+YRS6H9g== +is-generator-function@^1.0.7: + version "1.0.10" + resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72" + integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A== + dependencies: + has-tostringtag "^1.0.0" + is-glob@^3.0.0, is-glob@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a" @@ -22009,11 +20378,6 @@ is-obj@^1.0.1: resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f" integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8= -is-object@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.1.tgz#8952688c5ec2ffd6b03ecc85e769e02903083470" - integrity sha1-iVJojF7C/9awPsyF52ngKQMINHA= - is-odd@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/is-odd/-/is-odd-2.0.0.tgz#7646624671fd7ea558ccd9a2795182f2958f1b24" @@ -22099,7 +20463,7 @@ is-promise@^2.1.0, is-promise@^2.2.2: resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1" integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ== -is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.2, is-regex@^1.1.4: +is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.4: version "1.1.4" resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958" integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg== @@ -22136,17 +20500,12 @@ is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3: dependencies: call-bind "^1.0.7" -is-stream@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44" - integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ= - is-stream@^2.0.0, is-stream@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077" integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg== -is-string@^1.0.4, is-string@^1.0.5, is-string@^1.0.7: +is-string@^1.0.5, is-string@^1.0.7: version "1.0.7" resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd" integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg== @@ -22165,7 +20524,7 @@ is-symbol@^1.0.2, is-symbol@^1.0.3: dependencies: has-symbols "^1.0.1" -is-typed-array@^1.1.13: +is-typed-array@^1.1.13, is-typed-array@^1.1.3: version "1.1.13" resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229" integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw== @@ -22199,11 +20558,6 @@ is-url@^1.2.4: resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52" integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww== -is-utf8@^0.2.0: - version "0.2.1" - resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72" - integrity sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q== - is-valid-glob@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa" @@ -22236,11 +20590,6 @@ is-whitespace-character@^1.0.0: resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.1.tgz#9ae0176f3282b65457a1992cdb084f8a5f833e3b" integrity sha1-muAXbzKCtlRXoZks2whPil+DPjs= -is-window@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-window/-/is-window-1.0.2.tgz#2c896ca53db97de45d3c33133a65d8c9f563480d" - integrity sha1-LIlspT25feRdPDMTOmXYyfVjSA0= - is-windows@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d" @@ -22251,12 +20600,7 @@ is-word-character@^1.0.0: resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.1.tgz#5a03fa1ea91ace8a6eb0c7cd770eb86d65c8befb" integrity sha1-WgP6HqkazopusMfNdw64bWXIvvs= -is-wsl@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d" - integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0= - -is-wsl@^2.1.1, is-wsl@^2.2.0: +is-wsl@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271" integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww== @@ -22336,14 +20680,6 @@ isobject@^4.0.0: resolved "https://registry.yarnpkg.com/isobject/-/isobject-4.0.0.tgz#3f1c9155e73b192022a80819bacd0343711697b0" integrity sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA== -isomorphic-unfetch@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/isomorphic-unfetch/-/isomorphic-unfetch-3.1.0.tgz#87341d5f4f7b63843d468438128cb087b7c3e98f" - integrity sha512-geDJjpoZ8N0kWexiwkX8F9NkTsXhetLPVbZFQ+JTW239QNOwvB0gniuR1Wc6f0AMTn7/mFGyXvHTifrCp/GH8Q== - dependencies: - node-fetch "^2.6.1" - unfetch "^4.2.0" - isstream@~0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a" @@ -22422,19 +20758,6 @@ istanbul-reports@^3.0.2, istanbul-reports@^3.1.3: html-escaper "^2.0.0" istanbul-lib-report "^3.0.0" -iterate-iterator@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/iterate-iterator/-/iterate-iterator-1.0.1.tgz#1693a768c1ddd79c969051459453f082fe82e9f6" - integrity sha512-3Q6tudGN05kbkDQDI4CqjaBf4qf85w6W6GnuZDtUVYwKgtC1q8yxYX7CZed7N+tLzQqS6roujWvszf13T+n9aw== - -iterate-value@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/iterate-value/-/iterate-value-1.0.2.tgz#935115bd37d006a52046535ebc8d07e9c9337f57" - integrity sha512-A6fMAio4D2ot2r/TYzr4yUWrmwNdsN5xL7+HUiyACE4DXm+q8HtPcnFTp+NnW3k4N05tZ7FVYFFb2CR13NxyHQ== - dependencies: - es-get-iterator "^1.0.2" - iterate-iterator "^1.0.1" - jackspeak@^3.1.2: version "3.4.3" resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a" @@ -22542,16 +20865,6 @@ jest-config@^29.7.0: slash "^3.0.0" strip-json-comments "^3.1.1" -jest-diff@^26.0.0, jest-diff@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-26.6.2.tgz#1aa7468b52c3a68d7d5c5fdcdfcd5e49bd164394" - integrity sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA== - dependencies: - chalk "^4.0.0" - diff-sequences "^26.6.2" - jest-get-type "^26.3.0" - pretty-format "^26.6.2" - jest-diff@^29.0.3, jest-diff@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a" @@ -22606,37 +20919,11 @@ jest-environment-node@^29.7.0: jest-mock "^29.7.0" jest-util "^29.7.0" -jest-get-type@^26.3.0: - version "26.3.0" - resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0" - integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig== - jest-get-type@^29.6.3: version "29.6.3" resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1" integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw== -jest-haste-map@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.6.2.tgz#dd7e60fe7dc0e9f911a23d79c5ff7fb5c2cafeaa" - integrity sha512-easWIJXIw71B2RdR8kgqpjQrbMRWQBgiBwXYEhtGUTaX+doCjBheluShdDMeR8IMfJiTqH4+zfhtg29apJf/8w== - dependencies: - "@jest/types" "^26.6.2" - "@types/graceful-fs" "^4.1.2" - "@types/node" "*" - anymatch "^3.0.3" - fb-watchman "^2.0.0" - graceful-fs "^4.2.4" - jest-regex-util "^26.0.0" - jest-serializer "^26.6.2" - jest-util "^26.6.2" - jest-worker "^26.6.2" - micromatch "^4.0.2" - sane "^4.0.3" - walker "^1.0.7" - optionalDependencies: - fsevents "^2.1.2" - jest-haste-map@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104" @@ -22664,16 +20951,6 @@ jest-leak-detector@^29.7.0: jest-get-type "^29.6.3" pretty-format "^29.7.0" -jest-matcher-utils@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.6.2.tgz#8e6fd6e863c8b2d31ac6472eeb237bc595e53e7a" - integrity sha512-llnc8vQgYcNqDrqRDXWwMr9i7rS5XFiCwvh6DTP7Jqa2mqpcCBBlpCbn+trkG0KNhPu/h8rzyBkriOtBstvWhw== - dependencies: - chalk "^4.0.0" - jest-diff "^26.6.2" - jest-get-type "^26.3.0" - pretty-format "^26.6.2" - jest-matcher-utils@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12" @@ -22684,21 +20961,6 @@ jest-matcher-utils@^29.7.0: jest-get-type "^29.6.3" pretty-format "^29.7.0" -jest-message-util@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.6.2.tgz#58173744ad6fc0506b5d21150b9be56ef001ca07" - integrity sha512-rGiLePzQ3AzwUshu2+Rn+UMFk0pHN58sOG+IaJbk5Jxuqo3NYO1U2/MIR4S1sKgsoYSXSzdtSa0TgrmtUwEbmA== - dependencies: - "@babel/code-frame" "^7.0.0" - "@jest/types" "^26.6.2" - "@types/stack-utils" "^2.0.0" - chalk "^4.0.0" - graceful-fs "^4.2.4" - micromatch "^4.0.2" - pretty-format "^26.6.2" - slash "^3.0.0" - stack-utils "^2.0.2" - jest-message-util@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.7.0.tgz#8bc392e204e95dfe7564abbe72a404e28e51f7f3" @@ -22728,11 +20990,6 @@ jest-pnp-resolver@^1.2.2: resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c" integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w== -jest-regex-util@^26.0.0: - version "26.0.0" - resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28" - integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A== - jest-regex-util@^29.6.3: version "29.6.3" resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52" @@ -22746,20 +21003,6 @@ jest-resolve-dependencies@^29.7.0: jest-regex-util "^29.6.3" jest-snapshot "^29.7.0" -jest-resolve@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.6.2.tgz#a3ab1517217f469b504f1b56603c5bb541fbb507" - integrity sha512-sOxsZOq25mT1wRsfHcbtkInS+Ek7Q8jCHUB0ZUTP0tc/c41QHriU/NunqMfCUWsL4H3MHpvQD4QR9kSYhS7UvQ== - dependencies: - "@jest/types" "^26.6.2" - chalk "^4.0.0" - graceful-fs "^4.2.4" - jest-pnp-resolver "^1.2.2" - jest-util "^26.6.2" - read-pkg-up "^7.0.1" - resolve "^1.18.1" - slash "^3.0.0" - jest-resolve@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.7.0.tgz#64d6a8992dd26f635ab0c01e5eef4399c6bcbc30" @@ -22830,36 +21073,6 @@ jest-runtime@^29.7.0: slash "^3.0.0" strip-bom "^4.0.0" -jest-serializer@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.6.2.tgz#d139aafd46957d3a448f3a6cdabe2919ba0742d1" - integrity sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g== - dependencies: - "@types/node" "*" - graceful-fs "^4.2.4" - -jest-snapshot@^26.3.0: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.6.2.tgz#f3b0af1acb223316850bd14e1beea9837fb39c84" - integrity sha512-OLhxz05EzUtsAmOMzuupt1lHYXCNib0ECyuZ/PZOx9TrZcC8vL0x+DUG3TL+GLX3yHG45e6YGjIm0XwDc3q3og== - dependencies: - "@babel/types" "^7.0.0" - "@jest/types" "^26.6.2" - "@types/babel__traverse" "^7.0.4" - "@types/prettier" "^2.0.0" - chalk "^4.0.0" - expect "^26.6.2" - graceful-fs "^4.2.4" - jest-diff "^26.6.2" - jest-get-type "^26.3.0" - jest-haste-map "^26.6.2" - jest-matcher-utils "^26.6.2" - jest-message-util "^26.6.2" - jest-resolve "^26.6.2" - natural-compare "^1.4.0" - pretty-format "^26.6.2" - semver "^7.3.2" - jest-snapshot@^29.0.0, jest-snapshot@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5" @@ -22886,13 +21099,6 @@ jest-snapshot@^29.0.0, jest-snapshot@^29.7.0: pretty-format "^29.7.0" semver "^7.5.3" -jest-specific-snapshot@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-4.0.0.tgz#a52a2e223e7576e610dbeaf341207c557ac20554" - integrity sha512-YdW5P/MVwOizWR0MJwURxdrjdXvdG2MMpXKVGr7dZ2YrBmE6E6Ab74UL3DOYmGmzaCnNAW1CL02pY5MTHE3ulQ== - dependencies: - jest-snapshot "^26.3.0" - jest-specific-snapshot@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-8.0.0.tgz#c80af21dcd95b6c46b73f71618f887ef3825a44c" @@ -22907,18 +21113,6 @@ jest-styled-components@7.0.3: dependencies: css "^2.2.4" -jest-util@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.6.2.tgz#907535dbe4d5a6cb4c47ac9b926f6af29576cbc1" - integrity sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q== - dependencies: - "@jest/types" "^26.6.2" - "@types/node" "*" - chalk "^4.0.0" - graceful-fs "^4.2.4" - is-ci "^2.0.0" - micromatch "^4.0.2" - jest-util@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc" @@ -22957,15 +21151,6 @@ jest-watcher@^29.7.0: jest-util "^29.7.0" string-length "^4.0.1" -jest-worker@^26.5.0, jest-worker@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed" - integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ== - dependencies: - "@types/node" "*" - merge-stream "^2.0.0" - supports-color "^7.0.0" - jest-worker@^27.4.5: version "27.5.1" resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0" @@ -23057,11 +21242,6 @@ js-sha256@^0.11.0: resolved "https://registry.yarnpkg.com/js-sha256/-/js-sha256-0.11.0.tgz#256a921d9292f7fe98905face82e367abaca9576" integrity sha512-6xNlKayMZvds9h1Y1VWc0fQHQ82BxTXizWPEtEeGvmOUYpBRy4gbWroHLpzowe6xiQhHpelCQiE7HEdznyBL9Q== -js-string-escape@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef" - integrity sha1-4mJbrbwNZ8dTPp7cEGjFh65BN+8= - js-tiktoken@^1.0.12, js-tiktoken@^1.0.14: version "1.0.15" resolved "https://registry.yarnpkg.com/js-tiktoken/-/js-tiktoken-1.0.15.tgz#92a7d829f6950c2cfb35cc52555502e3d6e2ebac" @@ -23099,6 +21279,11 @@ jsbn@~0.1.0: resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513" integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM= +jsdoc-type-pratt-parser@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz#ff6b4a3f339c34a6c188cbf50a16087858d22113" + integrity sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg== + jsdom@^20.0.0, jsdom@^20.0.1: version "20.0.1" resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.1.tgz#d95b4a3b6e1eec6520aa01d9d908eade8c6ba153" @@ -23136,10 +21321,10 @@ jsep@^1.4.0: resolved "https://registry.yarnpkg.com/jsep/-/jsep-1.4.0.tgz#19feccbfa51d8a79f72480b4b8e40ce2e17152f0" integrity sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw== -jsesc@^2.5.1: - version "2.5.1" - resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.1.tgz#e421a2a8e20d6b0819df28908f782526b96dd1fe" - integrity sha1-5CGiqOINawgZ3yiQj3glJrlt0f4= +jsesc@^3.0.2: + version "3.1.0" + resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d" + integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA== jsesc@~0.5.0: version "0.5.0" @@ -23163,7 +21348,7 @@ json-buffer@3.0.1: resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13" integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ== -json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2: +json-parse-better-errors@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9" integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw== @@ -23311,13 +21496,6 @@ jsondiffpatch@0.6.0: chalk "^5.3.0" diff-match-patch "^1.0.5" -jsonfile@^2.1.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8" - integrity sha1-NzaitCi4e72gzIO1P6PWM6NcKug= - optionalDependencies: - graceful-fs "^4.1.6" - jsonfile@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb" @@ -23340,9 +21518,9 @@ jsonify@~0.0.0: integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM= jsonpath-plus@^10.0.0: - version "10.3.0" - resolved "https://registry.yarnpkg.com/jsonpath-plus/-/jsonpath-plus-10.3.0.tgz#59e22e4fa2298c68dfcd70659bb47f0cad525238" - integrity sha512-8TNmfeTCk2Le33A3vRRwtuworG/L5RrgMvdjhKZxvyShO+mBu2fP50OWUjRLNtvw344DdDarFh9buFAZs5ujeA== + version "10.2.0" + resolved "https://registry.yarnpkg.com/jsonpath-plus/-/jsonpath-plus-10.2.0.tgz#84d680544d9868579cc7c8f59bbe153a5aad54c4" + integrity sha512-T9V+8iNYKFL2n2rF+w02LBOT2JjDnTjioaNFrxRy0Bv1y/hNsqR/EBK7Ojy2ythRHwmz2cRIls+9JitQGZC/sw== dependencies: "@jsep-plugin/assignment" "^1.3.0" "@jsep-plugin/regex" "^1.0.4" @@ -23499,13 +21677,6 @@ kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3: resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd" integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== -klaw@^1.0.0: - version "1.3.1" - resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439" - integrity sha1-QIhDO0azsbolnXh4XY6W9zugJDk= - optionalDependencies: - graceful-fs "^4.1.9" - kleur@^3.0.3: version "3.0.3" resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e" @@ -23532,9 +21703,9 @@ kuler@^2.0.0: integrity sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A== "langchain@>=0.2.3 <0.3.0 || >=0.3.4 <0.4.0", langchain@^0.3.15: - version "0.3.15" - resolved "https://registry.yarnpkg.com/langchain/-/langchain-0.3.15.tgz#c6c8b17bf20c870795e31515f48abde7d13ccc9d" - integrity sha512-+DQ4I2iy4b5sErkxo6jAkgmumvhgqLwLB2fmiGl3yDt8+VVZdB1MUULZMzf+6ubarNc7Mwn/sxHUqK4GhEndhg== + version "0.3.19" + resolved "https://registry.yarnpkg.com/langchain/-/langchain-0.3.19.tgz#a0329036c4c870018897b91af2ac442c1f07294b" + integrity sha512-aGhoTvTBS5ulatA67RHbJ4bcV5zcYRYdm5IH+hpX99RYSFXG24XF3ghSjhYi6sxW+SUnEQ99fJhA5kroVpKNhw== dependencies: "@langchain/openai" ">=0.1.0 <0.5.0" "@langchain/textsplitters" ">=0.0.0 <0.2.0" @@ -23550,9 +21721,9 @@ kuler@^2.0.0: zod-to-json-schema "^3.22.3" "langsmith@>=0.2.8 <0.4.0", langsmith@^0.3.7: - version "0.3.7" - resolved "https://registry.yarnpkg.com/langsmith/-/langsmith-0.3.7.tgz#c29362f78ea2872252a60a680d6adb8b67e18b74" - integrity sha512-wakN1hxGkm1JR2PpAV7fiT7oC99LKcgxiuUrYGZWPbuj7Y8EPF19F7VNr4B+hA219bfaeWTa4Lxy2YrtPSKnQA== + version "0.3.11" + resolved "https://registry.yarnpkg.com/langsmith/-/langsmith-0.3.11.tgz#d18a096bf73d6b1bb3f2895f04cb48d2f5b2544c" + integrity sha512-pzA7wemfMjqCiaNY3AtUkQJ7jubIBmKRTl0dMNEUz8A4ewIqCEpB2caiTeeAwVkugEylny80cDk3u16WqL25Sw== dependencies: "@types/uuid" "^10.0.0" chalk "^4.1.2" @@ -23621,17 +21792,6 @@ lazy-cache@^2.0.2: dependencies: set-getter "^0.1.0" -lazy-universal-dotenv@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-3.0.1.tgz#a6c8938414bca426ab8c9463940da451a911db38" - integrity sha512-prXSYk799h3GY3iOWnC6ZigYzMPjxN2svgjJ9shk7oMadSNX3wXy0B6F32PMJv7qtMnrIbUxoEHzbutvxR2LBQ== - dependencies: - "@babel/runtime" "^7.5.0" - app-root-dir "^1.0.2" - core-js "^3.0.4" - dotenv "^8.0.0" - dotenv-expand "^5.1.0" - lazystream@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638" @@ -23752,17 +21912,6 @@ lmdb@^2.9.2: "@lmdb/lmdb-linux-x64" "2.9.2" "@lmdb/lmdb-win32-x64" "2.9.2" -load-json-file@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0" - integrity sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA= - dependencies: - graceful-fs "^4.1.2" - parse-json "^2.2.0" - pify "^2.0.0" - pinkie-promise "^2.0.0" - strip-bom "^2.0.0" - load-json-file@^6.2.0: version "6.2.0" resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-6.2.0.tgz#5c7770b42cafa97074ca2848707c61662f4251a1" @@ -23773,11 +21922,6 @@ load-json-file@^6.2.0: strip-bom "^4.0.0" type-fest "^0.6.0" -loader-runner@^2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357" - integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw== - loader-runner@^4.2.0: version "4.3.0" resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1" @@ -23792,7 +21936,7 @@ loader-utils@^1.2.3: emojis-list "^3.0.0" json5 "^1.0.1" -loader-utils@^2.0.0, loader-utils@^2.0.4: +loader-utils@^2.0.0: version "2.0.4" resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c" integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw== @@ -23950,7 +22094,7 @@ lodash.truncate@^4.4.2: resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM= -lodash.uniq@4.5.0, lodash.uniq@^4.5.0: +lodash.uniq@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= @@ -24051,13 +22195,10 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3 dependencies: js-tokens "^3.0.0 || ^4.0.0" -loud-rejection@^1.0.0: - version "1.6.0" - resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f" - integrity sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ== - dependencies: - currently-unhandled "^0.4.1" - signal-exit "^3.0.0" +loupe@^3.1.0, loupe@^3.1.1, loupe@^3.1.2: + version "3.1.2" + resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.2.tgz#c86e0696804a02218f2206124c45d8b15291a240" + integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg== lower-case@^2.0.2: version "2.0.2" @@ -24130,12 +22271,12 @@ lz-string@^1.4.4, lz-string@^1.5.0: resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941" integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ== -magic-string@^0.30.0: - version "0.30.9" - resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.9.tgz#8927ae21bfdd856310e07a1bc8dd5e73cb6c251d" - integrity sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw== +magic-string@^0.30.0, magic-string@^0.30.5: + version "0.30.17" + resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453" + integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA== dependencies: - "@jridgewell/sourcemap-codec" "^1.4.15" + "@jridgewell/sourcemap-codec" "^1.5.0" make-dir@^2.0.0, make-dir@^2.1.0: version "2.1.0" @@ -24164,19 +22305,12 @@ makeerror@1.0.12: dependencies: tmpl "1.0.5" -map-age-cleaner@^0.1.3: - version "0.1.3" - resolved "https://registry.yarnpkg.com/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz#7d583a7306434c055fe474b0f45078e6e1b4b92a" - integrity sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w== - dependencies: - p-defer "^1.0.0" - map-cache@^0.2.2: version "0.2.2" resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf" integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8= -map-obj@^1.0.0, map-obj@^1.0.1: +map-obj@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d" integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg== @@ -24301,13 +22435,6 @@ md5@^2.1.0, md5@^2.3.0: crypt "0.0.2" is-buffer "~1.1.6" -mdast-squeeze-paragraphs@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/mdast-squeeze-paragraphs/-/mdast-squeeze-paragraphs-4.0.0.tgz#7c4c114679c3bee27ef10b58e2e015be79f1ef97" - integrity sha512-zxdPn69hkQ1rm4J+2Cs2j6wDEv7O17TfXTJ33tl/+JPIoEmtV9t2ZzBM5LPHE8QlHsmVD8t3vPKCyY3oH+H8MQ== - dependencies: - unist-util-remove "^2.0.0" - mdast-util-compact@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-2.0.1.tgz#cabc69a2f43103628326f35b1acf735d55c99490" @@ -24384,20 +22511,6 @@ mdast-util-gfm@^0.1.0: mdast-util-gfm-task-list-item "^0.1.0" mdast-util-to-markdown "^0.6.1" -mdast-util-to-hast@10.0.1: - version "10.0.1" - resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz#0cfc82089494c52d46eb0e3edb7a4eb2aea021eb" - integrity sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA== - dependencies: - "@types/mdast" "^3.0.0" - "@types/unist" "^2.0.0" - mdast-util-definitions "^4.0.0" - mdurl "^1.0.0" - unist-builder "^2.0.0" - unist-util-generated "^1.0.0" - unist-util-position "^3.0.0" - unist-util-visit "^2.0.0" - mdast-util-to-hast@10.2.0, mdast-util-to-hast@^10.2.0: version "10.2.0" resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-10.2.0.tgz#61875526a017d8857b71abc9333942700b2d3604" @@ -24424,11 +22537,6 @@ mdast-util-to-markdown@^0.6.0, mdast-util-to-markdown@^0.6.1, mdast-util-to-mark repeat-string "^1.0.0" zwitch "^1.0.0" -mdast-util-to-string@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz#27055500103f51637bd07d01da01eb1967a43527" - integrity sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A== - mdast-util-to-string@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b" @@ -24472,15 +22580,7 @@ media-typer@0.3.0: resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748" integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g= -mem@^8.1.1: - version "8.1.1" - resolved "https://registry.yarnpkg.com/mem/-/mem-8.1.1.tgz#cf118b357c65ab7b7e0817bdf00c8062297c0122" - integrity sha512-qFCFUDs7U3b8mBDPyz5EToEKoAkgCzqquIgi9nkkR9bixxOVOre+09lbuH7+9Kn2NFpm56M3GUWVbU2hQgdACA== - dependencies: - map-age-cleaner "^0.1.3" - mimic-fn "^3.1.0" - -memfs@^3.1.2, memfs@^3.2.2: +memfs@^3.4.1, memfs@^3.4.12: version "3.6.0" resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6" integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ== @@ -24535,38 +22635,6 @@ memoizerific@^1.11.3: dependencies: map-or-similar "^1.5.0" -memory-fs@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552" - integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI= - dependencies: - errno "^0.1.3" - readable-stream "^2.0.1" - -memory-fs@^0.5.0: - version "0.5.0" - resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c" - integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA== - dependencies: - errno "^0.1.3" - readable-stream "^2.0.1" - -meow@^3.1.0: - version "3.7.0" - resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb" - integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs= - dependencies: - camelcase-keys "^2.0.0" - decamelize "^1.1.2" - loud-rejection "^1.0.0" - map-obj "^1.0.1" - minimist "^1.1.3" - normalize-package-data "^2.3.4" - object-assign "^4.0.1" - read-pkg-up "^1.0.1" - redent "^1.0.0" - trim-newlines "^1.0.0" - meow@^9.0.0: version "9.0.0" resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364" @@ -24615,11 +22683,6 @@ mgrs@1.0.0: resolved "https://registry.yarnpkg.com/mgrs/-/mgrs-1.0.0.tgz#fb91588e78c90025672395cb40b25f7cd6ad1829" integrity sha1-+5FYjnjJACVnI5XLQLJffNatGCk= -microevent.ts@~0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0" - integrity sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g== - micromark-extension-gfm-autolink-literal@~0.5.0: version "0.5.7" resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-0.5.7.tgz#53866c1f0c7ef940ae7ca1f72c6faef8fed9f204" @@ -24673,7 +22736,7 @@ micromark@^2.11.3, micromark@~2.11.0, micromark@~2.11.3: debug "^4.0.0" parse-entities "^2.0.0" -micromatch@^3.1.10, micromatch@^3.1.4: +micromatch@^3.1.10: version "3.1.10" resolved "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz" integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg== @@ -24708,22 +22771,22 @@ miller-rabin@^4.0.0: bn.js "^4.0.0" brorand "^1.0.1" -mime-db@1.52.0: - version "1.52.0" - resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70" - integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg== +mime-db@1.51.0: + version "1.51.0" + resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.51.0.tgz#d9ff62451859b18342d960850dc3cfb77e63fb0c" + integrity sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g== "mime-db@>= 1.40.0 < 2", mime-db@^1.52.0: version "1.53.0" resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.53.0.tgz#3cb63cd820fc29896d9d4e8c32ab4fcd74ccb447" integrity sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg== -mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.30, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34: - version "2.1.35" - resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a" - integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw== +mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34: + version "2.1.34" + resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.34.tgz#5a712f9ec1503511a945803640fafe09d3793c24" + integrity sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A== dependencies: - mime-db "1.52.0" + mime-db "1.51.0" mime@1.6.0: version "1.6.0" @@ -24740,11 +22803,6 @@ mimic-fn@^2.1.0: resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b" integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg== -mimic-fn@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-3.1.0.tgz#65755145bbf3e36954b949c16450427451d5ca74" - integrity sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ== - mimic-function@^5.0.0: version "5.0.1" resolved "https://registry.yarnpkg.com/mimic-function/-/mimic-function-5.0.1.tgz#acbe2b3349f99b9deaca7fb70e48b83e94e67076" @@ -24760,17 +22818,10 @@ mimic-response@^3.1.0: resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9" integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ== -min-document@^2.19.0: - version "2.19.0" - resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685" - integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU= - dependencies: - dom-walk "^0.1.0" - -min-indent@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.0.tgz#cfc45c37e9ec0d8f0a0ec3dd4ef7f7c3abe39256" - integrity sha1-z8RcN+nsDY8KDsPdTvf3w6vjklY= +min-indent@^1.0.0, min-indent@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869" + integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg== mini-css-extract-plugin@2.9.1: version "2.9.1" @@ -24790,7 +22841,7 @@ minimalistic-crypto-utils@^1.0.1: resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a" integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo= -minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: +minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw== @@ -24820,57 +22871,16 @@ minimist-options@4.1.0: is-plain-obj "^1.1.0" kind-of "^6.0.3" -minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8, minimist@~1.2.0, minimist@~1.2.5: +minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8, minimist@~1.2.0, minimist@~1.2.5: version "1.2.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA== -minipass-collect@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617" - integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA== - dependencies: - minipass "^3.0.0" - -minipass-flush@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373" - integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw== - dependencies: - minipass "^3.0.0" - -minipass-pipeline@^1.2.2: - version "1.2.4" - resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c" - integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A== - dependencies: - minipass "^3.0.0" - -minipass@^3.0.0, minipass@^3.1.1: - version "3.3.6" - resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a" - integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw== - dependencies: - yallist "^4.0.0" - -minipass@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d" - integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ== - "minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.4, minipass@^7.1.2: version "7.1.2" resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707" integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw== -minizlib@^2.1.1: - version "2.1.2" - resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931" - integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg== - dependencies: - minipass "^3.0.0" - yallist "^4.0.0" - minizlib@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-3.0.1.tgz#46d5329d1eb3c83924eff1d3b858ca0a31581012" @@ -24879,22 +22889,6 @@ minizlib@^3.0.1: minipass "^7.0.4" rimraf "^5.0.5" -mississippi@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022" - integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA== - dependencies: - concat-stream "^1.5.0" - duplexify "^3.4.2" - end-of-stream "^1.1.0" - flush-write-stream "^1.0.0" - from2 "^2.1.0" - parallel-transform "^1.1.0" - pump "^3.0.0" - pumpify "^1.3.3" - stream-each "^1.1.0" - through2 "^2.0.0" - mitt@3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1" @@ -24913,14 +22907,14 @@ mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3: resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113" integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A== -mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1: +mkdirp@^0.5.1, mkdirp@~0.5.1: version "0.5.5" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def" integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ== dependencies: minimist "^1.2.5" -mkdirp@^1.0.3, mkdirp@^1.0.4: +mkdirp@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e" integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw== @@ -25168,18 +23162,6 @@ moo@^0.4.3: resolved "https://registry.yarnpkg.com/moo/-/moo-0.4.3.tgz#3f847a26f31cf625a956a87f2b10fbc013bfd10e" integrity sha512-gFD2xGCl8YFgGHsqJ9NKRVdwlioeW3mI1iqfLNYQOv0+6JRwG58Zk9DIGQgyIaffSYaO1xsKnMaYzzNr1KyIAw== -move-concurrently@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92" - integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I= - dependencies: - aproba "^1.1.1" - copy-concurrently "^1.0.0" - fs-write-stream-atomic "^1.0.8" - mkdirp "^0.5.1" - rimraf "^2.5.4" - run-queue "^1.0.3" - move-file@2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/move-file/-/move-file-2.1.0.tgz#3bec9d34fbe4832df6865f112cda4492b56e8507" @@ -25212,11 +23194,6 @@ ms@2.0.0: resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8" integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g= -ms@2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a" - integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg== - ms@2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009" @@ -25337,7 +23314,7 @@ nano-css@^5.2.1: stacktrace-js "^2.0.0" stylis "3.5.0" -nanoid@^3.3.1, nanoid@^3.3.6, nanoid@^3.3.7, nanoid@^3.3.8: +nanoid@^3.3.6, nanoid@^3.3.8: version "3.3.8" resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf" integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w== @@ -25404,7 +23381,7 @@ negotiator@0.6.3: resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd" integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg== -neo-async@^2.5.0, neo-async@^2.6.1, neo-async@^2.6.2: +neo-async@^2.5.0, neo-async@^2.6.2: version "2.6.2" resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f" integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw== @@ -25437,11 +23414,6 @@ nice-napi@^1.0.2: node-addon-api "^3.0.0" node-gyp-build "^4.2.2" -nice-try@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.4.tgz#d93962f6c52f2c1558c0fbda6d512819f1efe1c4" - integrity sha512-2NpiFHqC87y/zFke0fC0spBXL3bBsoh/p5H1EFhshxjCR5+0g2d6BiXbUFz9v1sAcxsk2htp2eQnNIci2dIYcA== - nise@^1.5.2: version "1.5.3" resolved "https://registry.yarnpkg.com/nise/-/nise-1.5.3.tgz#9d2cfe37d44f57317766c6e9408a359c5d3ac1f7" @@ -25478,6 +23450,11 @@ node-abi@^3.3.0: dependencies: semver "^7.3.5" +node-abort-controller@^3.0.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/node-abort-controller/-/node-abort-controller-3.1.1.tgz#a94377e964a9a37ac3976d848cb5c765833b8548" + integrity sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ== + node-addon-api@^3.0.0, node-addon-api@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.1.tgz#81325e0a2117789c0128dab65e7e38f07ceba161" @@ -25493,13 +23470,6 @@ node-diff3@^3.1.2: resolved "https://registry.yarnpkg.com/node-diff3/-/node-diff3-3.1.2.tgz#49df8d821dc9cbab87bfd6182171d90169613a97" integrity sha512-wUd9TWy059I8mZdH6G3LPNlAEfxDvXtn/RcyFrbqL3v34WlDxn+Mh4HDhOwWuaMk/ROVepe5tTpnGHbve6Db2g== -node-dir@^0.1.10: - version "0.1.17" - resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5" - integrity sha1-X1Zl2TNRM1yqvvjxxVRRbPXx5OU= - dependencies: - minimatch "^3.0.2" - node-domexception@1.0.0, node-domexception@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5" @@ -25645,7 +23615,7 @@ nopt@^4.0.1: abbrev "1" osenv "^0.1.4" -normalize-package-data@^2.0.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.5.0: +normalize-package-data@^2.0.0, normalize-package-data@^2.5.0: version "2.5.0" resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8" integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA== @@ -25670,13 +23640,6 @@ normalize-path@3.0.0, normalize-path@^3.0.0, normalize-path@~3.0.0: resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== -normalize-path@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9" - integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk= - dependencies: - remove-trailing-separator "^1.0.1" - normalize-range@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" @@ -25699,13 +23662,6 @@ npm-normalize-package-bin@^1.0.0: resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2" integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA== -npm-run-path@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f" - integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8= - dependencies: - path-key "^2.0.0" - npm-run-path@^4.0.0, npm-run-path@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea" @@ -25713,16 +23669,6 @@ npm-run-path@^4.0.0, npm-run-path@^4.0.1: dependencies: path-key "^3.0.0" -npmlog@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-5.0.1.tgz#f06678e80e29419ad67ab964e0fa69959c1eb8b0" - integrity sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw== - dependencies: - are-we-there-yet "^2.0.0" - console-control-strings "^1.1.0" - gauge "^3.0.0" - set-blocking "^2.0.0" - nth-check@^2.0.1: version "2.1.1" resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d" @@ -25730,11 +23676,6 @@ nth-check@^2.0.1: dependencies: boolbase "^1.0.0" -num2fraction@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede" - integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4= - number-is-nan@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" @@ -25945,7 +23886,7 @@ object.entries@^1.0.4, object.entries@^1.1.0, object.entries@^1.1.1, object.entr define-properties "^1.1.4" es-abstract "^1.20.4" -object.fromentries@^2.0.0, "object.fromentries@^2.0.0 || ^1.0.0", object.fromentries@^2.0.6: +object.fromentries@^2.0.0, object.fromentries@^2.0.6: version "2.0.6" resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.6.tgz#cdb04da08c539cffa912dcd368b886e0904bfa73" integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg== @@ -25954,14 +23895,6 @@ object.fromentries@^2.0.0, "object.fromentries@^2.0.0 || ^1.0.0", object.froment define-properties "^1.1.4" es-abstract "^1.20.4" -object.getownpropertydescriptors@^2.0.3: - version "2.1.0" - resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649" - integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - object.groupby@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.0.tgz#cb29259cf90f37e7bac6437686c1ea8c916d12a9" @@ -25987,7 +23920,7 @@ object.pick@^1.3.0: dependencies: isobject "^3.0.1" -object.values@^1.1.0, object.values@^1.1.1, object.values@^1.1.6: +object.values@^1.1.1, object.values@^1.1.6: version "1.1.6" resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d" integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw== @@ -26068,15 +24001,7 @@ open@^10.0.3: is-inside-container "^1.0.0" is-wsl "^3.1.0" -open@^7.0.3: - version "7.4.2" - resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321" - integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q== - dependencies: - is-docker "^2.0.0" - is-wsl "^2.1.1" - -open@^8.4.0, open@~8.4.0: +open@^8.0.4, open@~8.4.0: version "8.4.2" resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9" integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ== @@ -26086,9 +24011,9 @@ open@^8.4.0, open@~8.4.0: is-wsl "^2.2.0" openai@^4.72.0, openai@^4.77.0: - version "4.85.1" - resolved "https://registry.yarnpkg.com/openai/-/openai-4.85.1.tgz#639058653cca92bebd74939751858e7958257670" - integrity sha512-jkX2fntHljUvSH3MkWh4jShl10oNkb+SsCj4auKlbu2oF4KWAnmHLNR5EpnUHK1ZNW05Rp0fjbJzYwQzMsH8ZA== + version "4.86.1" + resolved "https://registry.yarnpkg.com/openai/-/openai-4.86.1.tgz#4147252d5e6255e2ae716ea59b1d4e54a1c1472a" + integrity sha512-x3iCLyaC3yegFVZaxOmrYJjitKxZ9hpVbLi+ZlT5UHuHTMlEQEbKXkGOM78z9qm2T5GF+XRUZCP2/aV4UPFPJQ== dependencies: "@types/node" "^18.11.18" "@types/node-fetch" "^2.6.4" @@ -26245,11 +24170,6 @@ p-cancelable@^2.0.0: resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.0.0.tgz#4a3740f5bdaf5ed5d7c3e34882c6fb5d6b266a6e" integrity sha512-wvPXDmbMmu2ksjkB4Z3nZWTSkJEb9lqVdMaCKpZUGJG9TMiNp9XcbG3fn9fPKjem04fJMJnXoyFPk2FmgiaiNg== -p-defer@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c" - integrity sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw== - p-event@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/p-event/-/p-event-4.1.0.tgz#e92bb866d7e8e5b732293b1c8269d38e9982bf8e" @@ -26451,16 +24371,7 @@ papaparse@^5.2.0: resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.2.0.tgz#97976a1b135c46612773029153dc64995caa3b7b" integrity sha512-ylq1wgUSnagU+MKQtNeVqrPhZuMYBvOSL00DHycFTCxownF95gpLAk1HiHdUW77N8yxRq1qHXLdlIPyBSG9NSA== -parallel-transform@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.1.0.tgz#d410f065b05da23081fcd10f28854c29bda33b06" - integrity sha1-1BDwZbBdojCB/NEPKIVMKb2jOwY= - dependencies: - cyclist "~0.2.2" - inherits "^2.0.3" - readable-stream "^2.1.5" - -param-case@^3.0.3, param-case@^3.0.4: +param-case@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5" integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A== @@ -26498,13 +24409,6 @@ parse-entities@^2.0.0: is-decimal "^1.0.0" is-hexadecimal "^1.0.0" -parse-json@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9" - integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck= - dependencies: - error-ex "^1.2.0" - parse-json@^5.0.0, parse-json@^5.2.0: version "5.2.0" resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd" @@ -26578,13 +24482,6 @@ path-dirname@^1.0.0: resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0" integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA= -path-exists@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b" - integrity sha1-D+tsZPD8UY2adU3V77YscCJ2H0s= - dependencies: - pinkie-promise "^2.0.0" - path-exists@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515" @@ -26610,11 +24507,6 @@ path-is-inside@^1.0.2: resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53" integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM= -path-key@^2.0.0, path-key@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40" - integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A= - path-key@^3.0.0, path-key@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.0.tgz#99a10d870a803bdd5ee6f0470e58dfcd2f9a54d3" @@ -26655,15 +24547,6 @@ path-to-regexp@^8.1.0: resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-8.2.0.tgz#73990cc29e57a3ff2a0d914095156df5db79e8b4" integrity sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ== -path-type@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441" - integrity sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE= - dependencies: - graceful-fs "^4.1.2" - pify "^2.0.0" - pinkie-promise "^2.0.0" - path-type@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f" @@ -26676,6 +24559,11 @@ path-type@^4.0.0: resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b" integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw== +pathval@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.0.tgz#7e2550b422601d4f6b8e26f1301bc8f15a741a25" + integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA== + pbf@3.2.1, pbf@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/pbf/-/pbf-3.2.1.tgz#b4c1b9e72af966cd82c6531691115cc0409ffe2a" @@ -26725,17 +24613,12 @@ performance-now@^2.1.0: resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns= -picocolors@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f" - integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA== - picocolors@^1.0.0, picocolors@^1.1.0, picocolors@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== -picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1: +picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== @@ -26839,13 +24722,6 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0: dependencies: find-up "^4.0.0" -pkg-dir@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-5.0.0.tgz#a02d6aebe6ba133a928f74aec20bafdfe6b8e760" - integrity sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA== - dependencies: - find-up "^5.0.0" - pkg-dir@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-7.0.0.tgz#8f0c08d6df4476756c5ff29b3282d0bab7517d11" @@ -26944,13 +24820,6 @@ pngjs@^6.0.0: resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-6.0.0.tgz#ca9e5d2aa48db0228a52c419c3308e87720da821" integrity sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg== -pnp-webpack-plugin@1.6.4: - version "1.6.4" - resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz#c9711ac4dc48a685dabafc86f8b6dd9f8df84149" - integrity sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg== - dependencies: - ts-pnp "^1.1.6" - point-in-polygon@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/point-in-polygon/-/point-in-polygon-1.0.1.tgz#d59b64e8fee41c49458aac82b56718c5957b2af7" @@ -27019,13 +24888,6 @@ postcss-discard-overridden@^5.1.0: resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e" integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw== -postcss-flexbugs-fixes@^4.2.1: - version "4.2.1" - resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz#9218a65249f30897deab1033aced8578562a6690" - integrity sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ== - dependencies: - postcss "^7.0.26" - postcss-load-config@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.1.tgz#2f53a17f2f543d9e63864460af42efdac0d41f87" @@ -27034,17 +24896,6 @@ postcss-load-config@^3.0.0: lilconfig "^2.0.4" yaml "^1.10.2" -postcss-loader@^4.2.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-4.3.0.tgz#2c4de9657cd4f07af5ab42bd60a673004da1b8cc" - integrity sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q== - dependencies: - cosmiconfig "^7.0.0" - klona "^2.0.4" - loader-utils "^2.0.0" - schema-utils "^3.0.0" - semver "^7.3.4" - postcss-loader@^8.1.1: version "8.1.1" resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-8.1.1.tgz#2822589e7522927344954acb55bbf26e8b195dfe" @@ -27109,59 +24960,26 @@ postcss-minify-selectors@^5.2.1: dependencies: postcss-selector-parser "^6.0.5" -postcss-modules-extract-imports@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e" - integrity sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ== - dependencies: - postcss "^7.0.5" - -postcss-modules-extract-imports@^3.0.0, postcss-modules-extract-imports@^3.1.0: +postcss-modules-extract-imports@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz#b4497cb85a9c0c4b5aabeb759bb25e8d89f15002" integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q== -postcss-modules-local-by-default@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915" - integrity sha512-jM/V8eqM4oJ/22j0gx4jrp63GSvDH6v86OqyTHHUvk4/k1vceipZsaymiZ5PvocqZOl5SFHiFJqjs3la0wnfIQ== - dependencies: - icss-utils "^4.1.1" - postcss "^7.0.16" - postcss-selector-parser "^6.0.2" - postcss-value-parser "^4.0.0" - -postcss-modules-local-by-default@^4.0.0, postcss-modules-local-by-default@^4.0.5: - version "4.0.5" - resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz#f1b9bd757a8edf4d8556e8d0f4f894260e3df78f" - integrity sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw== +postcss-modules-local-by-default@^4.0.5: + version "4.2.0" + resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz#d150f43837831dae25e4085596e84f6f5d6ec368" + integrity sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw== dependencies: icss-utils "^5.0.0" - postcss-selector-parser "^6.0.2" + postcss-selector-parser "^7.0.0" postcss-value-parser "^4.1.0" -postcss-modules-scope@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee" - integrity sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ== - dependencies: - postcss "^7.0.6" - postcss-selector-parser "^6.0.0" - -postcss-modules-scope@^3.0.0, postcss-modules-scope@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz#a43d28289a169ce2c15c00c4e64c0858e43457d5" - integrity sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ== - dependencies: - postcss-selector-parser "^6.0.4" - -postcss-modules-values@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10" - integrity sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg== +postcss-modules-scope@^3.2.0: + version "3.2.1" + resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz#1bbccddcb398f1d7a511e0a2d1d047718af4078c" + integrity sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA== dependencies: - icss-utils "^4.0.0" - postcss "^7.0.6" + postcss-selector-parser "^7.0.0" postcss-modules-values@^4.0.0: version "4.0.0" @@ -27276,7 +25094,7 @@ postcss-scss@^4.0.4: resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.4.tgz#aa8f60e19ee18259bc193db9e4b96edfce3f3b1f" integrity sha512-aBBbVyzA8b3hUL0MGrpydxxXKXFZc5Eqva0Q3V9qsBOLEMsjb6w49WfpsoWzpEgcqJGW4t7Rio8WXVU9Gd8vWg== -postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9: +postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9: version "6.1.2" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de" integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg== @@ -27284,6 +25102,14 @@ postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.11, postcss-selecto cssesc "^3.0.0" util-deprecate "^1.0.2" +postcss-selector-parser@^7.0.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262" + integrity sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA== + dependencies: + cssesc "^3.0.0" + util-deprecate "^1.0.2" + postcss-svgo@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d" @@ -27299,7 +25125,7 @@ postcss-unique-selectors@^5.1.1: dependencies: postcss-selector-parser "^6.0.5" -postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: +postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== @@ -27322,20 +25148,12 @@ postcss@8.4.31: picocolors "^1.0.0" source-map-js "^1.0.2" -postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.26, postcss@^7.0.32, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6: - version "7.0.39" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309" - integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA== - dependencies: - picocolors "^0.2.1" - source-map "^0.6.1" - -postcss@^8.2.15, postcss@^8.4.19, postcss@^8.4.23, postcss@^8.4.31, postcss@^8.4.33: - version "8.4.49" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.49.tgz#4ea479048ab059ab3ae61d082190fabfd994fe19" - integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA== +postcss@^8.4.19, postcss@^8.4.23, postcss@^8.4.31, postcss@^8.4.33: + version "8.5.3" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb" + integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A== dependencies: - nanoid "^3.3.7" + nanoid "^3.3.8" picocolors "^1.1.1" source-map-js "^1.2.1" @@ -27344,13 +25162,6 @@ potpack@^2.0.0: resolved "https://registry.yarnpkg.com/potpack/-/potpack-2.0.0.tgz#61f4dd2dc4b3d5e996e3698c0ec9426d0e169104" integrity sha512-Q+/tYsFU9r7xoOJ+y/ZTtdVQwTWfzjbiXBDMM/JKUux3+QPP02iUuIoeBQ+Ot6oEDlC+/PGjB/5A3K7KKb7hcw== -preact-render-to-string@^5.1.19: - version "5.1.19" - resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-5.1.19.tgz#ffae7c3bd1680be5ecf5991d41fe3023b3051e0e" - integrity sha512-bj8sn/oytIKO6RtOGSS/1+5CrQyRSC99eLUnEVbqUa6MzJX5dYh7wu9bmT0d6lm/Vea21k9KhCQwvr2sYN3rrQ== - dependencies: - pretty-format "^3.8.0" - prebuild-install@^7.1.1: version "7.1.1" resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.1.tgz#de97d5b34a70a0c81334fd24641f2a1702352e45" @@ -27399,11 +25210,6 @@ prettier-linter-helpers@^1.0.0: dependencies: fast-diff "^1.1.2" -"prettier@>=2.2.1 <=2.3.0": - version "2.3.0" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18" - integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w== - prettier@^2.0.0, prettier@^2.8.8: version "2.8.8" resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da" @@ -27419,14 +25225,6 @@ pretty-bytes@^5.6.0: resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb" integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg== -pretty-error@^2.1.1: - version "2.1.2" - resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6" - integrity sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw== - dependencies: - lodash "^4.17.20" - renderkid "^2.0.4" - pretty-error@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6" @@ -27435,16 +25233,6 @@ pretty-error@^4.0.0: lodash "^4.17.20" renderkid "^3.0.0" -pretty-format@^26.0.0, pretty-format@^26.6.2: - version "26.6.2" - resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93" - integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg== - dependencies: - "@jest/types" "^26.6.2" - ansi-regex "^5.0.0" - ansi-styles "^4.0.0" - react-is "^17.0.1" - pretty-format@^27.0.2: version "27.5.1" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e" @@ -27463,16 +25251,6 @@ pretty-format@^29.0.0, pretty-format@^29.7.0: ansi-styles "^5.0.0" react-is "^18.0.0" -pretty-format@^3.8.0: - version "3.8.0" - resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385" - integrity sha1-v77VbV6ad2ZF9LH/eqGjrE+jw4U= - -pretty-hrtime@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" - integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE= - pretty-ms@6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/pretty-ms/-/pretty-ms-6.0.0.tgz#39a0eb5f31d359bcee43c9579e6ddf4a02a82ff0" @@ -27540,37 +25318,12 @@ proj4@2.6.2: mgrs "1.0.0" wkt-parser "^1.2.4" -promise-inflight@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3" - integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM= - promise-polyfill@^8.1.3: version "8.1.3" resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116" integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g== -promise.allsettled@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/promise.allsettled/-/promise.allsettled-1.0.2.tgz#d66f78fbb600e83e863d893e98b3d4376a9c47c9" - integrity sha512-UpcYW5S1RaNKT6pd+s9jp9K9rlQge1UXKskec0j6Mmuq7UJCvlS2J2/s/yuPN8ehftf9HXMxWlKiPbGGUzpoRg== - dependencies: - array.prototype.map "^1.0.1" - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - function-bind "^1.1.1" - iterate-value "^1.0.0" - -promise.prototype.finally@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/promise.prototype.finally/-/promise.prototype.finally-3.1.0.tgz#66f161b1643636e50e7cf201dc1b84a857f3864e" - integrity sha512-7p/K2f6dI+dM8yjRQEGrTQs5hTQixUAdOGpMEA3+pVxpX5oHKRSKAXyLw9Q9HUWDTdwtoo39dSHGQtN90HcEwQ== - dependencies: - define-properties "^1.1.2" - es-abstract "^1.9.0" - function-bind "^1.1.1" - -prompts@^2.0.1, prompts@^2.4.0, prompts@^2.4.2, prompts@~2.4.2: +prompts@^2.0.1, prompts@^2.4.2, prompts@~2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069" integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q== @@ -27578,7 +25331,7 @@ prompts@^2.0.1, prompts@^2.4.0, prompts@^2.4.2, prompts@~2.4.2: kleur "^3.0.3" sisteransi "^1.0.5" -prop-types@^15.0.0, prop-types@^15.5.0, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.0, prop-types@^15.7.2, prop-types@^15.8.1: +prop-types@^15.5.0, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.0, prop-types@^15.7.2, prop-types@^15.8.1: version "15.8.1" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== @@ -27682,11 +25435,6 @@ proxy@^2.1.1: basic-auth-parser "0.0.2-1" debug "^4.3.4" -prr@~1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476" - integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY= - pseudomap@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" @@ -27708,14 +25456,6 @@ public-encrypt@^4.0.0: parse-asn1 "^5.0.0" randombytes "^2.0.1" -pump@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909" - integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA== - dependencies: - end-of-stream "^1.1.0" - once "^1.3.1" - pump@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64" @@ -27724,15 +25464,6 @@ pump@^3.0.0: end-of-stream "^1.1.0" once "^1.3.1" -pumpify@^1.3.3: - version "1.3.6" - resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.3.6.tgz#00d40e5ded0a3bf1e0788b1c0cf426a42882ab64" - integrity sha512-BurGAcvezsINL5US9T9wGHHcLNrG6MCp//ECtxron3vcR+Rfx5Anqq7HbZXNJvFQli8FGVsWCAvywEJFV5Hx/Q== - dependencies: - duplexify "^3.5.3" - inherits "^2.0.3" - pump "^2.0.0" - punycode.js@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/punycode.js/-/punycode.js-2.3.1.tgz#6b53e56ad75588234e79f4affa90972c7dd8cdb7" @@ -27782,7 +25513,7 @@ pure-rand@^6.0.0: resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.2.tgz#a9c2ddcae9b68d736a8163036f088a2781c8b306" integrity sha512-6Yg0ekpKICSjPswYOuC5sku/TSWaRYlA0qsXqJgM/d/4pLPHPuTxK7Nbf7jFKzAeedUhR8C7K9Uv63FBsSo8xQ== -qs@6.13.0, qs@^6.10.0, qs@^6.11.0, qs@^6.7.0: +qs@6.13.0, qs@^6.11.0, qs@^6.7.0: version "6.13.0" resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906" integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg== @@ -27870,11 +25601,6 @@ rambda@^7.1.0: resolved "https://registry.yarnpkg.com/rambda/-/rambda-7.1.4.tgz#7faa9665a54c5d81773975532a942b3113bb4a56" integrity sha512-bPK8sSiVHIC7CqdWga8R+hRi5hfc4hK6S01lZW4KrLwSNryQoKaCOJA9GNiF20J7Nbe1vejRfR37/ASQXFL5EA== -ramda@^0.21.0: - version "0.21.0" - resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.21.0.tgz#a001abedb3ff61077d4ff1d577d44de77e8d0a35" - integrity sha1-oAGr7bP/YQd9T/HVd9RN536NCjU= - randexp@0.4.6: version "0.4.6" resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3" @@ -27913,14 +25639,6 @@ raw-body@2.5.2: iconv-lite "0.4.24" unpipe "1.0.0" -raw-loader@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-4.0.2.tgz#1aac6b7d1ad1501e66efdac1522c73e59a584eb6" - integrity sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA== - dependencies: - loader-utils "^2.0.0" - schema-utils "^3.0.0" - rbush@^3.0.0, rbush@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/rbush/-/rbush-3.0.1.tgz#5fafa8a79b3b9afdfe5008403a720cc1de882ecf" @@ -27977,11 +25695,6 @@ react-clientside-effect@^1.2.6: dependencies: "@babel/runtime" "^7.12.13" -react-colorful@^5.1.2: - version "5.5.1" - resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.5.1.tgz#29d9c4e496f2ca784dd2bb5053a3a4340cfaf784" - integrity sha512-M1TJH2X3RXEt12sWkpa6hLc/bbYS0H6F4rIqjQZ+RxNBstpY67d9TrFXtqdZwhpmBXcCwEi7stKqFue3ZRkiOg== - react-diff-view@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/react-diff-view/-/react-diff-view-3.2.1.tgz#cc1473955fae999c1d486638c4425ceb48f3d465" @@ -27999,19 +25712,21 @@ react-docgen-typescript@^2.2.2: resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz#4611055e569edc071204aadb20e1c93e1ab1659c" integrity sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg== -react-docgen@^5.0.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-5.3.0.tgz#9aabde5e69f1993c8ba839fd9a86696504654589" - integrity sha512-hUrv69k6nxazOuOmdGeOpC/ldiKy7Qj/UFpxaQi0eDMrUFUTIPGtY5HJu7BggSmiyAMfREaESbtBL9UzdQ+hyg== - dependencies: - "@babel/core" "^7.7.5" - "@babel/runtime" "^7.7.6" - ast-types "^0.13.2" - commander "^2.19.0" +react-docgen@^7.0.0: + version "7.1.1" + resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-7.1.1.tgz#a7a8e6b923a945acf0b7325a889ddd74fec74a63" + integrity sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg== + dependencies: + "@babel/core" "^7.18.9" + "@babel/traverse" "^7.18.9" + "@babel/types" "^7.18.9" + "@types/babel__core" "^7.18.0" + "@types/babel__traverse" "^7.18.0" + "@types/doctrine" "^0.0.9" + "@types/resolve" "^1.20.2" doctrine "^3.0.0" - neo-async "^2.6.1" - node-dir "^0.1.10" - strip-indent "^3.0.0" + resolve "^1.22.1" + strip-indent "^4.0.0" "react-dom-18@npm:react-dom@~18.2.0", react-dom@~18.2.0: version "18.2.0" @@ -28021,7 +25736,7 @@ react-docgen@^5.0.0: loose-envify "^1.1.0" scheduler "^0.23.0" -"react-dom@^17.0.0 || ^18.2.0 || ^19.0.0": +"react-dom@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom@^17.0.0 || ^18.2.0 || ^19.0.0": version "19.0.0" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57" integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ== @@ -28037,15 +25752,6 @@ react-dropzone@^11.7.1: file-selector "^0.4.0" prop-types "^15.8.1" -react-element-to-jsx-string@^14.3.4: - version "14.3.4" - resolved "https://registry.yarnpkg.com/react-element-to-jsx-string/-/react-element-to-jsx-string-14.3.4.tgz#709125bc72f06800b68f9f4db485f2c7d31218a8" - integrity sha512-t4ZwvV6vwNxzujDQ+37bspnLwA4JlgUPWhLjBJWsNIDceAf6ZKUTCjdm08cN6WeZ5pTMKiCJkmAYnpmR4Bm+dg== - dependencies: - "@base2/pretty-print-object" "1.0.1" - is-plain-object "5.0.0" - react-is "17.0.2" - react-element-to-jsx-string@^15.0.0: version "15.0.0" resolved "https://registry.yarnpkg.com/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz#1cafd5b6ad41946ffc8755e254da3fc752a01ac6" @@ -28102,22 +25808,6 @@ react-hook-form@^7.44.2: resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.44.3.tgz#a99e560c6ef2b668db1daaebc4f98267331b6828" integrity sha512-/tHId6p2ViAka1wECMw8FEPn/oz/w226zehHrJyQ1oIzCBNMIJCaj6ZkQcv+MjDxYh9MWR7RQic7Qqwe4a5nkw== -react-input-autosize@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-3.0.0.tgz#6b5898c790d4478d69420b55441fcc31d5c50a85" - integrity sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg== - dependencies: - prop-types "^15.5.8" - -react-inspector@^5.1.0: - version "5.1.1" - resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-5.1.1.tgz#58476c78fde05d5055646ed8ec02030af42953c8" - integrity sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg== - dependencies: - "@babel/runtime" "^7.0.0" - is-dom "^1.0.0" - prop-types "^15.0.0" - react-intl@6.6.6: version "6.6.6" resolved "https://registry.yarnpkg.com/react-intl/-/react-intl-6.6.6.tgz#67979f790263c5ebd95b6ea581110eea3e7b550f" @@ -28134,11 +25824,6 @@ react-intl@6.6.6: intl-messageformat "10.5.12" tslib "^2.4.0" -react-is@17.0.2, react-is@^17.0.0, react-is@^17.0.1, react-is@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" - integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== - react-is@18.1.0: version "18.1.0" resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.1.0.tgz#61aaed3096d30eacf2a2127118b5b41387d32a67" @@ -28154,6 +25839,11 @@ react-is@^16.12.0, react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react- resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e" integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg== +react-is@^17.0.0, react-is@^17.0.1, react-is@^17.0.2: + version "17.0.2" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" + integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== + react-is@~18.2.0: version "18.2.0" resolved "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz" @@ -28235,11 +25925,6 @@ react-redux@^8.1.3: react-is "^18.0.0" use-sync-external-store "^1.0.0" -react-refresh@^0.11.0: - version "0.11.0" - resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046" - integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A== - react-remove-scroll-bar@^2.3.4: version "2.3.4" resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz#53e272d7a5cb8242990c7f144c44d8bd8ab5afd9" @@ -28314,20 +25999,6 @@ react-router@6.12.0: dependencies: "@remix-run/router" "1.6.3" -react-select@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/react-select/-/react-select-3.2.0.tgz#de9284700196f5f9b5277c5d850a9ce85f5c72fe" - integrity sha512-B/q3TnCZXEKItO0fFN/I0tWOX3WJvi/X2wtdffmwSQVRwg5BpValScTO1vdic9AxlUgmeSzib2hAZAwIUQUZGQ== - dependencies: - "@babel/runtime" "^7.4.4" - "@emotion/cache" "^10.0.9" - "@emotion/core" "^10.0.9" - "@emotion/css" "^10.0.9" - memoize-one "^5.0.0" - prop-types "^15.6.0" - react-input-autosize "^3.0.0" - react-transition-group "^4.3.0" - react-select@^5.0.0: version "5.3.2" resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.3.2.tgz#ecee0d5c59ed4acb7f567f7de3c75a488d93dacb" @@ -28361,16 +26032,6 @@ react-shortcuts@^2.1.0: platform "^1.3.0" prop-types "^15.5.8" -react-sizeme@^3.0.1: - version "3.0.2" - resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-3.0.2.tgz#4a2f167905ba8f8b8d932a9e35164e459f9020e4" - integrity sha512-xOIAOqqSSmKlKFJLO3inBQBdymzDuXx4iuwkNcJmC96jeiOg5ojByvL+g3MW9LPEsojLbC6pf68zOfobK8IPlw== - dependencies: - element-resize-detector "^1.2.2" - invariant "^2.2.4" - shallowequal "^1.1.0" - throttle-debounce "^3.0.1" - react-style-singleton@^2.2.0, react-style-singleton@^2.2.1: version "2.2.1" resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4" @@ -28388,7 +26049,7 @@ react-tabs@^6.0.2: clsx "^2.0.0" prop-types "^15.5.0" -"react-test-renderer@^16.8.0 || ^17.0.0", react-test-renderer@^17.0.0: +react-test-renderer@^17.0.0: version "17.0.2" resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c" integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ== @@ -28472,7 +26133,7 @@ react-window@^1.8.10: "@babel/runtime" "^7.0.0" memoize-one ">=3.1.1 <6" -"react@^17.0.0 || ^18.2.0 || ^19.0.0": +"react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^17.0.0 || ^18.2.0 || ^19.0.0": version "19.0.0" resolved "https://registry.yarnpkg.com/react/-/react-19.0.0.tgz#6e1969251b9f108870aa4bff37a0ce9ddfaaabdd" integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ== @@ -28503,14 +26164,6 @@ read-package-json@^2.0.0, read-package-json@^2.0.10: optionalDependencies: graceful-fs "^4.1.2" -read-pkg-up@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02" - integrity sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI= - dependencies: - find-up "^1.0.0" - read-pkg "^1.0.0" - read-pkg-up@^7.0.0, read-pkg-up@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507" @@ -28520,15 +26173,6 @@ read-pkg-up@^7.0.0, read-pkg-up@^7.0.1: read-pkg "^5.2.0" type-fest "^0.8.1" -read-pkg@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28" - integrity sha1-9f+qXs0pyzHAR0vKfXVra7KePyg= - dependencies: - load-json-file "^1.0.0" - normalize-package-data "^2.3.2" - path-type "^1.0.0" - read-pkg@^5.2.0: version "5.2.0" resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc" @@ -28539,19 +26183,6 @@ read-pkg@^5.2.0: parse-json "^5.0.0" type-fest "^0.6.0" -"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.4, readable-stream@^2.0.5, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@~2.3.6: - version "2.3.7" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57" - integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw== - dependencies: - core-util-is "~1.0.0" - inherits "~2.0.3" - isarray "~1.0.0" - process-nextick-args "~2.0.0" - safe-buffer "~5.1.1" - string_decoder "~1.1.1" - util-deprecate "~1.0.1" - "readable-stream@2 || 3", readable-stream@3, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0, readable-stream@^3.6.2: version "3.6.2" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967" @@ -28571,6 +26202,19 @@ read-pkg@^5.2.0: isarray "0.0.1" string_decoder "~0.10.x" +readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@~2.3.6: + version "2.3.7" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57" + integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw== + dependencies: + core-util-is "~1.0.0" + inherits "~2.0.3" + isarray "~1.0.0" + process-nextick-args "~2.0.0" + safe-buffer "~5.1.1" + string_decoder "~1.1.1" + util-deprecate "~1.0.1" + readable-stream@^4.0.0: version "4.3.0" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.3.0.tgz#0914d0c72db03b316c9733bb3461d64a3cc50cba" @@ -28622,7 +26266,7 @@ real-require@^0.2.0: resolved "https://registry.yarnpkg.com/real-require/-/real-require-0.2.0.tgz#209632dea1810be2ae063a6ac084fee7e33fba78" integrity sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg== -recast@^0.23.9: +recast@^0.23.5, recast@^0.23.9: version "0.23.9" resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.9.tgz#587c5d3a77c2cfcb0c18ccce6da4361528c2587b" integrity sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q== @@ -28647,14 +26291,6 @@ rechoir@^0.8.0: dependencies: resolve "^1.20.0" -redent@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde" - integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94= - dependencies: - indent-string "^2.1.0" - strip-indent "^1.0.1" - redent@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f" @@ -28915,22 +26551,6 @@ remark-emoji@^2.1.0: node-emoji "^1.10.0" unist-util-visit "^2.0.2" -remark-external-links@^8.0.0: - version "8.0.0" - resolved "https://registry.yarnpkg.com/remark-external-links/-/remark-external-links-8.0.0.tgz#308de69482958b5d1cd3692bc9b725ce0240f345" - integrity sha512-5vPSX0kHoSsqtdftSHhIYofVINC8qmp0nctkeU9YoJwV3YfiBRiI6cbFRJ0oI/1F9xS+bopXG0m2KS8VFscuKA== - dependencies: - extend "^3.0.0" - is-absolute-url "^3.0.0" - mdast-util-definitions "^4.0.0" - space-separated-tokens "^1.0.0" - unist-util-visit "^2.0.0" - -remark-footnotes@2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/remark-footnotes/-/remark-footnotes-2.0.0.tgz#9001c4c2ffebba55695d2dd80ffb8b82f7e6303f" - integrity sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ== - remark-gfm@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-1.0.0.tgz#9213643001be3f277da6256464d56fd28c3b3c0d" @@ -28939,20 +26559,6 @@ remark-gfm@1.0.0: mdast-util-gfm "^0.1.0" micromark-extension-gfm "^0.3.0" -remark-mdx@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.22.tgz#06a8dab07dcfdd57f3373af7f86bd0e992108bbd" - integrity sha512-phMHBJgeV76uyFkH4rvzCftLfKCr2RZuF+/gmVcaKrpsihyzmhXjA0BEMDaPTXG5y8qZOKPVo83NAOX01LPnOQ== - dependencies: - "@babel/core" "7.12.9" - "@babel/helper-plugin-utils" "7.10.4" - "@babel/plugin-proposal-object-rest-spread" "7.12.1" - "@babel/plugin-syntax-jsx" "7.12.1" - "@mdx-js/util" "1.6.22" - is-alphabetical "1.0.4" - remark-parse "8.0.3" - unified "9.2.0" - remark-parse-no-trim@^8.0.4: version "8.0.4" resolved "https://registry.yarnpkg.com/remark-parse-no-trim/-/remark-parse-no-trim-8.0.4.tgz#f5c9531644284071d4a57a49e19a42ad4e8040bd" @@ -28974,28 +26580,6 @@ remark-parse-no-trim@^8.0.4: vfile-location "^3.0.0" xtend "^4.0.1" -remark-parse@8.0.3: - version "8.0.3" - resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.3.tgz#9c62aa3b35b79a486454c690472906075f40c7e1" - integrity sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q== - dependencies: - ccount "^1.0.0" - collapse-white-space "^1.0.2" - is-alphabetical "^1.0.0" - is-decimal "^1.0.0" - is-whitespace-character "^1.0.0" - is-word-character "^1.0.0" - markdown-escapes "^1.0.0" - parse-entities "^2.0.0" - repeat-string "^1.5.4" - state-toggle "^1.0.0" - trim "0.0.1" - trim-trailing-lines "^1.0.0" - unherit "^1.0.4" - unist-util-remove-position "^2.0.0" - vfile-location "^3.0.0" - xtend "^4.0.1" - remark-parse@^9.0.0: version "9.0.0" resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-9.0.0.tgz#4d20a299665880e4f4af5d90b7c7b8a935853640" @@ -29010,22 +26594,6 @@ remark-rehype@^8.0.0, remark-rehype@^8.1.0: dependencies: mdast-util-to-hast "^10.2.0" -remark-slug@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/remark-slug/-/remark-slug-6.0.0.tgz#2b54a14a7b50407a5e462ac2f376022cce263e2c" - integrity sha512-ln67v5BrGKHpETnm6z6adlJPhESFJwfuZZ3jrmi+lKTzeZxh2tzFzUfDD4Pm2hRGOarHLuGToO86MNMZ/hA67Q== - dependencies: - github-slugger "^1.0.0" - mdast-util-to-string "^1.0.0" - unist-util-visit "^2.0.0" - -remark-squeeze-paragraphs@4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/remark-squeeze-paragraphs/-/remark-squeeze-paragraphs-4.0.0.tgz#76eb0e085295131c84748c8e43810159c5653ead" - integrity sha512-8qRqmL9F4nuLPIgl92XUuxI3pFxize+F1H0e/W3llTk0UsjJaj01+RrirkMw7P21RKe4X6goQhYRSvNWX+70Rw== - dependencies: - mdast-squeeze-paragraphs "^4.0.0" - remark-stringify@^8.0.3: version "8.1.1" resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-8.1.1.tgz#e2a9dc7a7bf44e46a155ec78996db896780d8ce5" @@ -29061,17 +26629,6 @@ remove-undefined-objects@^5.0.0: resolved "https://registry.yarnpkg.com/remove-undefined-objects/-/remove-undefined-objects-5.0.0.tgz#6a298a395c648eee7fbd3c1e486a983a82a963e8" integrity sha512-DE8C17uIWeHaY4SqIkpQpHXm0MIdYHtIqjieWuh0I2PG8YcZRxFE6pqeEhnRetsrQ7Lu9uvSNQkDbg95NLpvnQ== -renderkid@^2.0.4: - version "2.0.7" - resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.7.tgz#464f276a6bdcee606f4a15993f9b29fc74ca8609" - integrity sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ== - dependencies: - css-select "^4.1.3" - dom-converter "^0.2.0" - htmlparser2 "^6.1.0" - lodash "^4.17.21" - strip-ansi "^3.0.1" - renderkid@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a" @@ -29093,13 +26650,6 @@ repeat-string@^1.0.0, repeat-string@^1.5.4, repeat-string@^1.6.1: resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637" integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc= -repeating@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda" - integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo= - dependencies: - is-finite "^1.0.0" - replace-ext@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb" @@ -29244,7 +26794,7 @@ resolve.exports@^2.0.0: resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800" integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg== -resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.22.3, resolve@^1.22.8, resolve@^1.3.2: +resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.22.3, resolve@^1.22.8: version "1.22.8" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d" integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw== @@ -29310,7 +26860,7 @@ rgbcolor@^1.0.1: resolved "https://registry.yarnpkg.com/rgbcolor/-/rgbcolor-1.0.1.tgz#d6505ecdb304a6595da26fa4b43307306775945d" integrity sha1-1lBezbMEplldom+ktDMHMGd1lF0= -rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.3: +rimraf@^2.6.3: version "2.7.1" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec" integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w== @@ -29367,11 +26917,6 @@ rst-selector-parser@^2.2.3: lodash.flattendeep "^4.4.0" nearley "^2.7.10" -rsvp@^4.8.4: - version "4.8.5" - resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734" - integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA== - rtl-css-js@^1.9.0: version "1.13.1" resolved "https://registry.yarnpkg.com/rtl-css-js/-/rtl-css-js-1.13.1.tgz#80deabf6e8f36d6767d495cd3eb60fecb20c67e1" @@ -29396,13 +26941,6 @@ run-parallel@^1.1.9: resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679" integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q== -run-queue@^1.0.0, run-queue@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47" - integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec= - dependencies: - aproba "^1.1.1" - rw@1, rw@^1.3.3: version "1.3.3" resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4" @@ -29458,11 +26996,6 @@ safe-array-concat@^1.1.2: has-symbols "^1.0.3" isarray "^2.0.5" -safe-buffer@5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853" - integrity sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg== - safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.2" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d" @@ -29518,21 +27051,6 @@ safe-stable-stringify@^2.3.1: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== -sane@^4.0.3: - version "4.1.0" - resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded" - integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA== - dependencies: - "@cnakazawa/watch" "^1.0.3" - anymatch "^2.0.0" - capture-exit "^2.0.0" - exec-sh "^0.3.2" - execa "^1.0.0" - fb-watchman "^2.0.0" - micromatch "^3.1.4" - minimist "^1.1.1" - walker "~1.0.5" - sass-embedded-android-arm64@1.78.0: version "1.78.0" resolved "https://registry.yarnpkg.com/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.78.0.tgz#594adb02f8f0553ee61fae447f99b02a80e42c7c" @@ -29716,7 +27234,7 @@ scheduler@^0.25.0: resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015" integrity sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA== -schema-utils@2.7.0, schema-utils@^2.0.0, schema-utils@^2.6.5, schema-utils@^2.7.0: +schema-utils@^2.0.0: version "2.7.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7" integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A== @@ -29725,16 +27243,7 @@ schema-utils@2.7.0, schema-utils@^2.0.0, schema-utils@^2.6.5, schema-utils@^2.7. ajv "^6.12.2" ajv-keywords "^3.4.1" -schema-utils@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770" - integrity sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g== - dependencies: - ajv "^6.1.0" - ajv-errors "^1.0.0" - ajv-keywords "^3.1.0" - -schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0: +schema-utils@^3.0.0, schema-utils@^3.1.1: version "3.3.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe" integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg== @@ -29743,10 +27252,10 @@ schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0: ajv "^6.12.5" ajv-keywords "^3.5.2" -schema-utils@^4.0.0, schema-utils@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.2.0.tgz#70d7c93e153a273a805801882ebd3bff20d89c8b" - integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw== +schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.0.tgz#3b669f04f71ff2dfb5aba7ce2d5a9d79b35622c0" + integrity sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g== dependencies: "@types/json-schema" "^7.0.9" ajv "^8.9.0" @@ -29823,12 +27332,12 @@ semver@7.5.4: dependencies: lru-cache "^6.0.0" -semver@^6.0.0, semver@^6.1.0, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1: +semver@^6.0.0, semver@^6.1.0, semver@^6.3.0, semver@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.0, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.3, semver@^7.7.1: +semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.5.0, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.2, semver@^7.6.3, semver@^7.7.1: version "7.7.1" resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f" integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA== @@ -29852,38 +27361,13 @@ send@0.19.0: range-parser "~1.2.1" statuses "2.0.1" -serialize-javascript@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa" - integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw== - dependencies: - randombytes "^2.1.0" - -serialize-javascript@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4" - integrity sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA== - dependencies: - randombytes "^2.1.0" - -serialize-javascript@^6.0.1, serialize-javascript@^6.0.2: +serialize-javascript@^6.0.2: version "6.0.2" resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2" integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g== dependencies: randombytes "^2.1.0" -serve-favicon@^2.5.0: - version "2.5.0" - resolved "https://registry.yarnpkg.com/serve-favicon/-/serve-favicon-2.5.0.tgz#935d240cdfe0f5805307fdfe967d88942a2cbcf0" - integrity sha1-k10kDN/g9YBTB/3+ln2IlCosvPA= - dependencies: - etag "~1.8.1" - fresh "0.5.2" - ms "2.1.1" - parseurl "~1.3.2" - safe-buffer "5.1.1" - serve-index@^1.9.1: version "1.9.1" resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239" @@ -30023,13 +27507,6 @@ sharp@0.32.1, sharp@0.32.6, sharp@^0.33.5: tar-fs "^3.0.4" tunnel-agent "^0.6.0" -shebang-command@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea" - integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo= - dependencies: - shebang-regex "^1.0.0" - shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" @@ -30037,11 +27514,6 @@ shebang-command@^2.0.0: dependencies: shebang-regex "^3.0.0" -shebang-regex@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3" - integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM= - shebang-regex@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" @@ -30115,7 +27587,7 @@ side-channel@^1.0.4, side-channel@^1.0.6: get-intrinsic "^1.2.4" object-inspect "^1.13.1" -signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7: +signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7: version "3.0.7" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9" integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ== @@ -30394,11 +27866,6 @@ sort-package-json@^1.53.1: is-plain-obj "2.1.0" sort-object-keys "^1.1.3" -source-list-map@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34" - integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw== - source-map-js@^1.0.2, source-map-js@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" @@ -30431,7 +27898,7 @@ source-map-support@0.5.9: buffer-from "^1.0.0" source-map "^0.6.0" -source-map-support@^0.5.16, source-map-support@^0.5.19, source-map-support@^0.5.21, source-map-support@~0.5.12, source-map-support@~0.5.20: +source-map-support@^0.5.16, source-map-support@^0.5.19, source-map-support@^0.5.21, source-map-support@~0.5.20: version "0.5.21" resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f" integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w== @@ -30449,7 +27916,7 @@ source-map@0.5.6: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412" integrity sha1-dc449SvwczxafwwRjYEzSiu19BI= -source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.6, source-map@^0.5.7: +source-map@^0.5.1, source-map@^0.5.6, source-map@^0.5.7: version "0.5.7" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= @@ -30651,20 +28118,6 @@ sshpk@^1.18.0: safer-buffer "^2.0.2" tweetnacl "~0.14.0" -ssri@^6.0.1: - version "6.0.2" - resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.2.tgz#157939134f20464e7301ddba3e90ffa8f7728ac5" - integrity sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q== - dependencies: - figgy-pudding "^3.5.1" - -ssri@^8.0.1: - version "8.0.1" - resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af" - integrity sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ== - dependencies: - minipass "^3.1.1" - stable@^0.1.8: version "0.1.8" resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf" @@ -30687,7 +28140,7 @@ stack-trace@0.0.x: resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0" integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA= -stack-utils@^2.0.2, stack-utils@^2.0.3, stack-utils@^2.0.6: +stack-utils@^2.0.3, stack-utils@^2.0.6: version "2.0.6" resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f" integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ== @@ -30768,10 +28221,12 @@ stop-iteration-iterator@^1.0.0: dependencies: internal-slot "^1.0.4" -store2@^2.12.0: - version "2.14.4" - resolved "https://registry.yarnpkg.com/store2/-/store2-2.14.4.tgz#81b313abaddade4dcd7570c5cc0e3264a8f7a242" - integrity sha512-srTItn1GOvyvOycgxjAnPA63FZNwy0PTyUBFMHRM+hVFltAeoh0LmNBz9SZqUS9mMqGk8rfyWyXn3GH5ReJ8Zw== +storybook@^8.6.3: + version "8.6.3" + resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.6.3.tgz#519166a7f64b67ed86b092ab530d278cbbe05e27" + integrity sha512-Vbmd8/FXp6X0AOMak6arcg3WdkHj+2AYJTNHbCPVHsCEbnREyRZIG+Eq5/Ffmy6byiz+4OAX5HwsHGSMR6Xmow== + dependencies: + "@storybook/core" "8.6.3" stream-browserify@^2.0.1: version "2.0.2" @@ -30795,14 +28250,6 @@ stream-composer@^1.0.2: dependencies: streamx "^2.13.2" -stream-each@^1.1.0: - version "1.2.3" - resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae" - integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw== - dependencies: - end-of-stream "^1.1.0" - stream-shift "^1.0.0" - stream-http@^2.7.2: version "2.8.0" resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.0.tgz#fd86546dac9b1c91aff8fc5d287b98fafb41bc10" @@ -30814,11 +28261,6 @@ stream-http@^2.7.2: to-arraybuffer "^1.0.0" xtend "^4.0.0" -stream-shift@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952" - integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI= - stream-slicer@0.0.6: version "0.0.6" resolved "https://registry.yarnpkg.com/stream-slicer/-/stream-slicer-0.0.6.tgz#f86b2ac5c2440b7a0a87b71f33665c0788046138" @@ -30860,7 +28302,7 @@ string-replace-loader@^3.1.0: loader-utils "^2.0.0" schema-utils "^3.0.0" -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -30896,7 +28338,7 @@ string-width@^7.0.0: get-east-asian-width "^1.0.0" strip-ansi "^7.1.0" -"string.prototype.matchall@^4.0.0 || ^3.0.1", string.prototype.matchall@^4.0.8: +string.prototype.matchall@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz#3bf85722021816dcd1bf38bb714915887ca79fd3" integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg== @@ -30910,24 +28352,6 @@ string-width@^7.0.0: regexp.prototype.flags "^1.4.3" side-channel "^1.0.4" -string.prototype.padend@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.0.0.tgz#f3aaef7c1719f170c5eab1c32bf780d96e21f2f0" - integrity sha1-86rvfBcZ8XDF6rHDK/eA2W4h8vA= - dependencies: - define-properties "^1.1.2" - es-abstract "^1.4.3" - function-bind "^1.0.2" - -string.prototype.padstart@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/string.prototype.padstart/-/string.prototype.padstart-3.0.0.tgz#5bcfad39f4649bb2d031292e19bcf0b510d4b242" - integrity sha1-W8+tOfRkm7LQMSkuGbzwtRDUskI= - dependencies: - define-properties "^1.1.2" - es-abstract "^1.4.3" - function-bind "^1.0.2" - string.prototype.trim@^1.2.1, string.prototype.trim@^1.2.9: version "1.2.9" resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4" @@ -31009,13 +28433,6 @@ strip-ansi@^7.0.1, strip-ansi@^7.1.0: dependencies: ansi-regex "^6.0.1" -strip-bom@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e" - integrity sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4= - dependencies: - is-utf8 "^0.2.0" - strip-bom@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3" @@ -31026,23 +28443,11 @@ strip-bom@^4.0.0: resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878" integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w== -strip-eof@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf" - integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8= - strip-final-newline@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad" integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA== -strip-indent@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2" - integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI= - dependencies: - get-stdin "^4.0.1" - strip-indent@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001" @@ -31050,6 +28455,13 @@ strip-indent@^3.0.0: dependencies: min-indent "^1.0.0" +strip-indent@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-4.0.0.tgz#b41379433dd06f5eae805e21d631e07ee670d853" + integrity sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA== + dependencies: + min-indent "^1.0.1" + strip-json-comments@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" @@ -31065,21 +28477,10 @@ strnum@^1.0.5: resolved "https://registry.yarnpkg.com/strnum/-/strnum-1.0.5.tgz#5c4e829fe15ad4ff0d20c3db5ac97b73c9b072db" integrity sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA== -style-loader@^1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-1.3.0.tgz#828b4a3b3b7e7aa5847ce7bae9e874512114249e" - integrity sha512-V7TCORko8rs9rIqkSrlMfkqA63DfoGBBJmK1kKGCcSi+BWb4cqz0SRsnp4l6rU5iwOEd0/2ePv68SV22VXon4Q== - dependencies: - loader-utils "^2.0.0" - schema-utils "^2.7.0" - -style-loader@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-2.0.0.tgz#9669602fd4690740eaaec137799a03addbbc393c" - integrity sha512-Z0gYUJmzZ6ZdRUqpg1r8GsaFKypE+3xAzuFeMuoHgjc9KZv3wMyCRjQIWEbhoFSq7+7yoHXySDJyyWQaPajeiQ== - dependencies: - loader-utils "^2.0.0" - schema-utils "^3.0.0" +style-loader@^3.3.1: + version "3.3.4" + resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.4.tgz#f30f786c36db03a45cbd55b6a70d930c479090e7" + integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w== style-loader@^4.0.0: version "4.0.0" @@ -31091,7 +28492,7 @@ style-search@^0.1.0: resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902" integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI= -style-to-object@0.3.0, style-to-object@^0.3.0: +style-to-object@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46" integrity sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA== @@ -31406,18 +28807,6 @@ symbol-tree@^3.2.4: resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw== -symbol.prototype.description@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/symbol.prototype.description/-/symbol.prototype.description-1.0.0.tgz#6e355660eb1e44ca8ad53a68fdb72ef131ca4b12" - integrity sha512-I9mrbZ5M96s7QeJDv95toF1svkUjeBybe8ydhY7foPaBmr0SPJMFupArmMkDrOKTTj0sJVr+nvQNxWLziQ7nDQ== - dependencies: - has-symbols "^1.0.0" - -synchronous-promise@^2.0.15: - version "2.0.15" - resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.15.tgz#07ca1822b9de0001f5ff73595f3d08c4f720eb8e" - integrity sha512-k8uzYIkIVwmT+TcglpdN50pS2y1BDcUnBPK9iJeGu0Pl1lOI8pD6wtzgw91Pjpe+RxtTncw32tLxs/R0yNL2Mg== - tabbable@^5.3.3: version "5.3.3" resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-5.3.3.tgz#aac0ff88c73b22d6c3c5a50b1586310006b47fbf" @@ -31442,11 +28831,6 @@ table@^6.8.1, table@^6.8.2: string-width "^4.2.3" strip-ansi "^6.0.1" -tapable@^1.0.0, tapable@^1.1.3: - version "1.1.3" - resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2" - integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA== - tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1: version "2.2.1" resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0" @@ -31521,18 +28905,6 @@ tar-stream@^3.0.0, tar-stream@^3.1.5: fast-fifo "^1.2.0" streamx "^2.15.0" -tar@^6.0.2: - version "6.2.1" - resolved "https://registry.yarnpkg.com/tar/-/tar-6.2.1.tgz#717549c541bc3c2af15751bea94b1dd068d4b03a" - integrity sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A== - dependencies: - chownr "^2.0.0" - fs-minipass "^2.0.0" - minipass "^5.0.0" - minizlib "^2.1.1" - mkdirp "^1.0.3" - yallist "^4.0.0" - tar@^7.4.3: version "7.4.3" resolved "https://registry.yarnpkg.com/tar/-/tar-7.4.3.tgz#88bbe9286a3fcd900e94592cda7a22b192e80571" @@ -31577,20 +28949,6 @@ teex@^1.0.1: dependencies: streamx "^2.12.5" -telejson@^6.0.8: - version "6.0.8" - resolved "https://registry.yarnpkg.com/telejson/-/telejson-6.0.8.tgz#1c432db7e7a9212c1fbd941c3e5174ec385148f7" - integrity sha512-nerNXi+j8NK1QEfBHtZUN/aLdDcyupA//9kAboYLrtzZlPLpUfqbVGWb9zz91f/mIjRbAYhbgtnJHY8I1b5MBg== - dependencies: - "@types/is-function" "^1.0.0" - global "^4.4.0" - is-function "^1.0.2" - is-regex "^1.1.2" - is-symbol "^1.0.3" - isobject "^4.0.0" - lodash "^4.17.21" - memoizerific "^1.11.3" - terminal-link@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994" @@ -31599,60 +28957,21 @@ terminal-link@^2.1.1: ansi-escapes "^4.2.1" supports-hyperlinks "^2.0.0" -terser-webpack-plugin@^1.4.3: - version "1.4.5" - resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b" - integrity sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw== - dependencies: - cacache "^12.0.2" - find-cache-dir "^2.1.0" - is-wsl "^1.1.0" - schema-utils "^1.0.0" - serialize-javascript "^4.0.0" - source-map "^0.6.1" - terser "^4.1.2" - webpack-sources "^1.4.0" - worker-farm "^1.7.0" - -terser-webpack-plugin@^4.2.3: - version "4.2.3" - resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a" - integrity sha512-jTgXh40RnvOrLQNgIkwEKnQ8rmHjHK4u+6UBEi+W+FPmvb+uo+chJXntKe7/3lW5mNysgSWD60KyesnhW8D6MQ== - dependencies: - cacache "^15.0.5" - find-cache-dir "^3.3.1" - jest-worker "^26.5.0" - p-limit "^3.0.2" - schema-utils "^3.0.0" - serialize-javascript "^5.0.1" - source-map "^0.6.1" - terser "^5.3.4" - webpack-sources "^1.4.3" - -terser-webpack-plugin@^5.0.3, terser-webpack-plugin@^5.3.10: - version "5.3.10" - resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz#904f4c9193c6fd2a03f693a2150c62a92f40d199" - integrity sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w== +terser-webpack-plugin@^5.3.1, terser-webpack-plugin@^5.3.10, terser-webpack-plugin@^5.3.11: + version "5.3.11" + resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz#93c21f44ca86634257cac176f884f942b7ba3832" + integrity sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ== dependencies: - "@jridgewell/trace-mapping" "^0.3.20" + "@jridgewell/trace-mapping" "^0.3.25" jest-worker "^27.4.5" - schema-utils "^3.1.1" - serialize-javascript "^6.0.1" - terser "^5.26.0" - -terser@^4.1.2, terser@^4.6.3: - version "4.8.1" - resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.1.tgz#a00e5634562de2239fd404c649051bf6fc21144f" - integrity sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw== - dependencies: - commander "^2.20.0" - source-map "~0.6.1" - source-map-support "~0.5.12" + schema-utils "^4.3.0" + serialize-javascript "^6.0.2" + terser "^5.31.1" -terser@^5.10.0, terser@^5.15.1, terser@^5.26.0, terser@^5.3.4, terser@^5.36.0, terser@^5.9.0: - version "5.36.0" - resolved "https://registry.yarnpkg.com/terser/-/terser-5.36.0.tgz#8b0dbed459ac40ff7b4c9fd5a3a2029de105180e" - integrity sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w== +terser@^5.10.0, terser@^5.15.1, terser@^5.31.1, terser@^5.36.0, terser@^5.9.0: + version "5.39.0" + resolved "https://registry.yarnpkg.com/terser/-/terser-5.39.0.tgz#0e82033ed57b3ddf1f96708d123cca717d86ca3a" + integrity sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw== dependencies: "@jridgewell/source-map" "^0.3.3" acorn "^8.8.2" @@ -31705,11 +29024,6 @@ throttle-debounce@^2.1.0: resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-2.1.0.tgz#257e648f0a56bd9e54fe0f132c4ab8611df4e1d5" integrity sha512-AOvyNahXQuU7NN+VVvOOX+uW6FPaWdAOdRP5HfwYxAfCzXTFKRMoIMk+n+po318+ktcChx+F1Dd91G3YHeMKyg== -throttle-debounce@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz#32f94d84dfa894f786c9a1f290e7a645b6a19abb" - integrity sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg== - throttleit@2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-2.1.0.tgz#a7e4aa0bf4845a5bd10daa39ea0c783f631a07b4" @@ -31793,7 +29107,7 @@ tiny-inflate@^1.0.0, tiny-inflate@^1.0.2: resolved "https://registry.yarnpkg.com/tiny-inflate/-/tiny-inflate-1.0.3.tgz#122715494913a1805166aaf7c93467933eea26c4" integrity sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw== -tiny-invariant@^1.0.2, tiny-invariant@^1.0.6, tiny-invariant@^1.3.3: +tiny-invariant@^1.0.2, tiny-invariant@^1.0.6, tiny-invariant@^1.3.1, tiny-invariant@^1.3.3: version "1.3.3" resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127" integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg== @@ -31821,6 +29135,16 @@ tinyqueue@^2.0.3: resolved "https://registry.yarnpkg.com/tinyqueue/-/tinyqueue-2.0.3.tgz#64d8492ebf39e7801d7bd34062e29b45b2035f08" integrity sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA== +tinyrainbow@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-1.2.0.tgz#5c57d2fc0fb3d1afd78465c33ca885d04f02abb5" + integrity sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ== + +tinyspy@^3.0.0: + version "3.0.2" + resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-3.0.2.tgz#86dd3cf3d737b15adcf17d7887c84a75201df20a" + integrity sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q== + tldts-core@^6.1.46: version "6.1.46" resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-6.1.46.tgz#062d64981ee83f934f875c178a97e42bcd13bef7" @@ -32008,11 +29332,6 @@ treeify@^1.1.0: resolved "https://registry.yarnpkg.com/treeify/-/treeify-1.1.0.tgz#4e31c6a463accd0943879f30667c4fdaff411bb8" integrity sha512-1m4RA7xVAJrSGrrXGs0L3YTwyvBs2S8PbRHaLZAkFw7JR8oIFwYtysxlBZhYIa7xSyiYJKZ3iGrrk55cGA3i9A== -trim-newlines@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613" - integrity sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw== - trim-newlines@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144" @@ -32023,7 +29342,7 @@ trim-trailing-lines@^1.0.0: resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.0.tgz#7aefbb7808df9d669f6da2e438cac8c46ada7684" integrity sha1-eu+7eAjfnWafbaLkOMrIxGradoQ= -trim@0.0.1, trim@1.0.1: +trim@1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/trim/-/trim-1.0.1.tgz#68e78f6178ccab9687a610752f4f5e5a7022ee8c" integrity sha512-3JVP2YVqITUisXblCDq/Bi4P9457G/sdEamInkyvCsjbTcXLXIiG7XCb4kGMFWh6JGXesS3TKxOPtrncN/xe8w== @@ -32085,11 +29404,6 @@ ts-node@^10.9.1: v8-compile-cache-lib "^3.0.1" yn "3.1.1" -ts-pnp@^1.1.6: - version "1.2.0" - resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92" - integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw== - tsconfig-paths-webpack-plugin@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.2.0.tgz#f7459a8ed1dd4cf66ad787aefc3d37fff3cf07fc" @@ -32307,7 +29621,7 @@ typedarray-to-buffer@^3.1.5: dependencies: is-typedarray "^1.0.0" -typedarray@^0.0.6, typedarray@~0.0.5: +typedarray@~0.0.5: version "0.0.6" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= @@ -32423,11 +29737,6 @@ undici@^7.2.3: resolved "https://registry.yarnpkg.com/undici/-/undici-7.3.0.tgz#87e48cc9728f3d09bf7b34635e9b63886873ac3e" integrity sha512-Qy96NND4Dou5jKoSJ2gm8ax8AJM/Ey9o9mz7KN1bb9GP+G0l20Zw8afxTnY2f4b7hmhn/z8aC2kfArVQlAhFBw== -unfetch@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-4.2.0.tgz#7e21b0ef7d363d8d9af0fb929a5555f6ef97a3be" - integrity sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA== - unherit@^1.0.4: version "1.1.0" resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.0.tgz#6b9aaedfbf73df1756ad9e316dd981885840cd7d" @@ -32502,18 +29811,6 @@ unidiff@^1.0.4: dependencies: diff "^5.1.0" -unified@9.2.0: - version "9.2.0" - resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.0.tgz#67a62c627c40589edebbf60f53edfd4d822027f8" - integrity sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg== - dependencies: - bail "^1.0.0" - extend "^3.0.0" - is-buffer "^2.0.0" - is-plain-obj "^2.0.0" - trough "^1.0.0" - vfile "^4.0.0" - unified@9.2.2, unified@^9.0.0, unified@^9.2.2: version "9.2.2" resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.2.tgz#67649a1abfc3ab85d2969502902775eb03146975" @@ -32536,21 +29833,7 @@ union-value@^1.0.0, union-value@^1.0.1: is-extendable "^0.1.1" set-value "^2.0.1" -unique-filename@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230" - integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ== - dependencies: - unique-slug "^2.0.0" - -unique-slug@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c" - integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w== - dependencies: - imurmurhash "^0.1.4" - -unist-builder@2.0.3, unist-builder@^2.0.0: +unist-builder@^2.0.0: version "2.0.3" resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-2.0.3.tgz#77648711b5d86af0942f334397a33c5e91516436" integrity sha512-f98yt5pnlMWlzP539tPc4grGMsFaQQlP/vM396b00jngsiINumNmsY8rkXjfoi1c6QaM8nQ3vaGDuoKWbe/1Uw== @@ -32582,13 +29865,6 @@ unist-util-remove-position@^2.0.0: dependencies: unist-util-visit "^2.0.0" -unist-util-remove@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/unist-util-remove/-/unist-util-remove-2.0.0.tgz#32c2ad5578802f2ca62ab808173d505b2c898488" - integrity sha512-HwwWyNHKkeg/eXRnE11IpzY8JT55JNM1YCwwU9YNCnfzk6s8GhPXrVBBZWiwLeATJbI7euvoGSzcy9M29UeW3g== - dependencies: - unist-util-is "^4.0.0" - unist-util-stringify-position@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.0.tgz#4c452c0dbcbc509f7bcd366e9a8afd646f9d51ae" @@ -32611,7 +29887,14 @@ unist-util-visit-parents@^3.0.0: "@types/unist" "^2.0.0" unist-util-is "^4.0.0" -unist-util-visit@2.0.3, unist-util-visit@^2.0.0, unist-util-visit@^2.0.2, unist-util-visit@^2.0.3: +unist-util-visit@^1.4.1: + version "1.4.1" + resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3" + integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw== + dependencies: + unist-util-visit-parents "^2.0.0" + +unist-util-visit@^2.0.0, unist-util-visit@^2.0.2, unist-util-visit@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-2.0.3.tgz#c3703893146df47203bb8a9795af47d7b971208c" integrity sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q== @@ -32620,13 +29903,6 @@ unist-util-visit@2.0.3, unist-util-visit@^2.0.0, unist-util-visit@^2.0.2, unist- unist-util-is "^4.0.0" unist-util-visit-parents "^3.0.0" -unist-util-visit@^1.4.1: - version "1.4.1" - resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3" - integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw== - dependencies: - unist-util-visit-parents "^2.0.0" - universal-user-agent@^6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee" @@ -32657,6 +29933,14 @@ unpipe@1.0.0, unpipe@~1.0.0: resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec" integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw= +unplugin@^1.3.1: + version "1.16.0" + resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.16.0.tgz#ca0f248bf8798cd752dd02e5b381223b737cef72" + integrity sha512-5liCNPuJW8dqh3+DM6uNM2EI3MLLpCKp/KY+9pB5M2S2SR2qvvDHhKgBOaTWEbZTAws3CXfB0rKTIolWKL05VQ== + dependencies: + acorn "^8.14.0" + webpack-virtual-modules "^0.6.2" + unset-value@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559" @@ -32665,13 +29949,6 @@ unset-value@^1.0.0: has-value "^0.3.1" isobject "^3.0.0" -untildify@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/untildify/-/untildify-2.1.0.tgz#17eb2807987f76952e9c0485fc311d06a826a2e0" - integrity sha512-sJjbDp2GodvkB0FZZcn7k6afVisqX5BZD7Yq3xp4nN2O15BBK0cLm3Vwn2vQaF7UDS0UUsrQMkkplmDI5fskig== - dependencies: - os-homedir "^1.0.0" - untildify@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b" @@ -32710,15 +29987,6 @@ urix@^0.1.0: resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72" integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI= -url-loader@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.1.tgz#28505e905cae158cf07c92ca622d7f237e70a4e2" - integrity sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA== - dependencies: - loader-utils "^2.0.0" - mime-types "^2.1.27" - schema-utils "^3.0.0" - url-parse@^1.5.10, url-parse@^1.5.3: version "1.5.10" resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1" @@ -32801,14 +30069,6 @@ util-extend@^1.0.1: resolved "https://registry.yarnpkg.com/util-extend/-/util-extend-1.0.3.tgz#a7c216d267545169637b3b6edc6ca9119e2ff93f" integrity sha1-p8IW0mdUUWljeztu3GypEZ4v+T8= -util.promisify@1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030" - integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA== - dependencies: - define-properties "^1.1.2" - object.getownpropertydescriptors "^2.0.3" - util@0.10.3: version "0.10.3" resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9" @@ -32823,6 +30083,17 @@ util@^0.11.0: dependencies: inherits "2.0.3" +util@^0.12.4, util@^0.12.5: + version "0.12.5" + resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc" + integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA== + dependencies: + inherits "^2.0.3" + is-arguments "^1.0.4" + is-generator-function "^1.0.7" + is-typed-array "^1.1.3" + which-typed-array "^1.1.2" + utila@~0.4: version "0.4.0" resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c" @@ -32838,17 +30109,12 @@ utils-merge@1.0.1: resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM= -uuid-browser@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/uuid-browser/-/uuid-browser-3.1.0.tgz#0f05a40aef74f9e5951e20efbf44b11871e56410" - integrity sha1-DwWkCu90+eWVHiDvv0SxGHHlZBA= - uuid@10.0.0, uuid@^10.0.0: version "10.0.0" resolved "https://registry.yarnpkg.com/uuid/-/uuid-10.0.0.tgz#5a95aa454e6e002725c79055fd42aaba30ca6294" integrity sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ== -uuid@^3.3.2, uuid@^3.3.3: +uuid@^3.3.3: version "3.4.0" resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee" integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A== @@ -33470,7 +30736,7 @@ walk-up-path@^3.0.1: resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-3.0.1.tgz#c8d78d5375b4966c717eb17ada73dbd41490e886" integrity sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA== -walker@^1.0.7, walker@^1.0.8, walker@~1.0.5: +walker@^1.0.8: version "1.0.8" resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f" integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ== @@ -33491,7 +30757,7 @@ watchpack-chokidar2@^2.0.1: dependencies: chokidar "^2.1.8" -watchpack@^1.6.0, watchpack@^1.7.4: +watchpack@^1.6.0: version "1.7.5" resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453" integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ== @@ -33502,7 +30768,7 @@ watchpack@^1.6.0, watchpack@^1.7.4: chokidar "^3.4.1" watchpack-chokidar2 "^2.0.1" -watchpack@^2.2.0, watchpack@^2.4.1: +watchpack@^2.4.1: version "2.4.1" resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.1.tgz#29308f2cac150fa8e4c92f90e0ec954a9fed7fff" integrity sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg== @@ -33606,28 +30872,16 @@ webpack-cli@^5.1.4: rechoir "^0.8.0" webpack-merge "^5.7.3" -webpack-dev-middleware@^3.7.3: - version "3.7.3" - resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz#0639372b143262e2b84ab95d3b91a7597061c2c5" - integrity sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ== - dependencies: - memory-fs "^0.4.1" - mime "^2.4.4" - mkdirp "^0.5.1" - range-parser "^1.2.1" - webpack-log "^2.0.0" - -webpack-dev-middleware@^4.1.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-4.3.0.tgz#179cc40795882cae510b1aa7f3710cbe93c9333e" - integrity sha512-PjwyVY95/bhBh6VUqt6z4THplYcsvQ8YNNBTBM873xLVmw8FLeALn0qurHbs9EmcfhzQis/eoqypSnZeuUz26w== +webpack-dev-middleware@^6.1.2: + version "6.1.3" + resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz#79f4103f8c898564c9e96c3a9c2422de50f249bc" + integrity sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw== dependencies: - colorette "^1.2.2" - mem "^8.1.1" - memfs "^3.2.2" - mime-types "^2.1.30" + colorette "^2.0.10" + memfs "^3.4.12" + mime-types "^2.1.31" range-parser "^1.2.1" - schema-utils "^3.0.0" + schema-utils "^4.0.0" webpack-dev-middleware@^7.1.0: version "7.4.1" @@ -33677,11 +30931,6 @@ webpack-dev-server@^5.0.4: webpack-dev-middleware "^7.1.0" ws "^8.16.0" -webpack-filter-warnings-plugin@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/webpack-filter-warnings-plugin/-/webpack-filter-warnings-plugin-1.2.1.tgz#dc61521cf4f9b4a336fbc89108a75ae1da951cdb" - integrity sha512-Ez6ytc9IseDMLPo0qCuNNYzgtUl8NovOqjIq4uAU8LTD4uoa1w1KpZyyzFtLTEMZpkkOkLfL9eN+KGYdk1Qtwg== - webpack-hot-middleware@^2.25.1: version "2.25.1" resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.1.tgz#581f59edf0781743f4ca4c200fd32c9266c6cf7c" @@ -33692,14 +30941,6 @@ webpack-hot-middleware@^2.25.1: querystring "^0.2.0" strip-ansi "^6.0.0" -webpack-log@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/webpack-log/-/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f" - integrity sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg== - dependencies: - ansi-colors "^3.0.0" - uuid "^3.3.2" - webpack-merge@^5.7.3: version "5.8.0" resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61" @@ -33717,70 +30958,26 @@ webpack-merge@^6.0.1: flat "^5.0.2" wildcard "^2.0.1" -webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3: - version "1.4.3" - resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933" - integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ== - dependencies: - source-list-map "^2.0.0" - source-map "~0.6.1" - webpack-sources@^3.2.3: version "3.2.3" resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde" integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w== -webpack-virtual-modules@^0.2.2: - version "0.2.2" - resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.2.2.tgz#20863dc3cb6bb2104729fff951fbe14b18bd0299" - integrity sha512-kDUmfm3BZrei0y+1NTHJInejzxfhtU8eDj2M7OKb2IWrPFAeO1SOH2KuQ68MSZu9IGEHcxbkKKR1v18FrUSOmA== - dependencies: - debug "^3.0.0" +webpack-virtual-modules@^0.6.0, webpack-virtual-modules@^0.6.2: + version "0.6.2" + resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8" + integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ== -webpack-virtual-modules@^0.4.1: - version "0.4.6" - resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz#3e4008230731f1db078d9cb6f68baf8571182b45" - integrity sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA== - -webpack@4: - version "4.46.0" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.46.0.tgz#bf9b4404ea20a073605e0a011d188d77cb6ad542" - integrity sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q== - dependencies: - "@webassemblyjs/ast" "1.9.0" - "@webassemblyjs/helper-module-context" "1.9.0" - "@webassemblyjs/wasm-edit" "1.9.0" - "@webassemblyjs/wasm-parser" "1.9.0" - acorn "^6.4.1" - ajv "^6.10.2" - ajv-keywords "^3.4.1" - chrome-trace-event "^1.0.2" - enhanced-resolve "^4.5.0" - eslint-scope "^4.0.3" - json-parse-better-errors "^1.0.2" - loader-runner "^2.4.0" - loader-utils "^1.2.3" - memory-fs "^0.4.1" - micromatch "^3.1.10" - mkdirp "^0.5.3" - neo-async "^2.6.1" - node-libs-browser "^2.2.1" - schema-utils "^1.0.0" - tapable "^1.1.3" - terser-webpack-plugin "^1.4.3" - watchpack "^1.7.4" - webpack-sources "^1.4.1" - -"webpack@>=4.43.0 <6.0.0", webpack@^5, webpack@^5.9.0, webpack@^5.95.0: - version "5.96.1" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.96.1.tgz#3676d1626d8312b6b10d0c18cc049fba7ac01f0c" - integrity sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA== +webpack@5, webpack@^5, webpack@^5.95.0: + version "5.98.0" + resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.98.0.tgz#44ae19a8f2ba97537978246072fb89d10d1fbd17" + integrity sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA== dependencies: "@types/eslint-scope" "^3.7.7" "@types/estree" "^1.0.6" - "@webassemblyjs/ast" "^1.12.1" - "@webassemblyjs/wasm-edit" "^1.12.1" - "@webassemblyjs/wasm-parser" "^1.12.1" + "@webassemblyjs/ast" "^1.14.1" + "@webassemblyjs/wasm-edit" "^1.14.1" + "@webassemblyjs/wasm-parser" "^1.14.1" acorn "^8.14.0" browserslist "^4.24.0" chrome-trace-event "^1.0.2" @@ -33794,9 +30991,9 @@ webpack@4: loader-runner "^4.2.0" mime-types "^2.1.27" neo-async "^2.6.2" - schema-utils "^3.2.0" + schema-utils "^4.3.0" tapable "^2.1.1" - terser-webpack-plugin "^5.3.10" + terser-webpack-plugin "^5.3.11" watchpack "^2.4.1" webpack-sources "^3.2.3" @@ -33895,7 +31092,7 @@ which-module@^2.0.0: resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a" integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho= -which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15: +which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.2: version "1.1.15" resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d" integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA== @@ -33906,7 +31103,7 @@ which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15: gopd "^1.0.1" has-tostringtag "^1.0.2" -which@^1.2.9, which@^1.3.1: +which@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -33927,20 +31124,6 @@ which@^5.0.0: dependencies: isexe "^3.1.1" -wide-align@^1.1.2: - version "1.1.5" - resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3" - integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg== - dependencies: - string-width "^1.0.2 || 2 || 3 || 4" - -widest-line@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca" - integrity sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg== - dependencies: - string-width "^4.0.0" - wildcard@^2.0.0, wildcard@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67" @@ -33992,20 +31175,6 @@ wordwrapjs@^5.1.0: resolved "https://registry.yarnpkg.com/wordwrapjs/-/wordwrapjs-5.1.0.tgz#4c4d20446dcc670b14fa115ef4f8fd9947af2b3a" integrity sha512-JNjcULU2e4KJwUNv6CHgI46UvDGitb6dGryHajXTDiLgg1/RiGoPSDw4kZfYnwGtEXf2ZMeIewDQgFGzkCB2Sg== -worker-farm@^1.7.0: - version "1.7.0" - resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8" - integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw== - dependencies: - errno "~0.1.7" - -worker-rpc@^0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/worker-rpc/-/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5" - integrity sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg== - dependencies: - microevent.ts "~0.1.1" - workerpool@^6.5.1: version "6.5.1" resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544" @@ -34088,13 +31257,6 @@ ws@^8.16.0, ws@^8.18.0, ws@^8.2.3, ws@^8.9.0: resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.0.tgz#0d7505a6eafe2b0e712d232b42279f53bc289bbc" integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw== -x-default-browser@^0.4.0: - version "0.4.0" - resolved "https://registry.yarnpkg.com/x-default-browser/-/x-default-browser-0.4.0.tgz#70cf0da85da7c0ab5cb0f15a897f2322a6bdd481" - integrity sha512-7LKo7RtWfoFN/rHx1UELv/2zHGMx8MkZKDq1xENmOCTkfIqZJ0zZ26NEJX8czhnPXVcqS0ARjjfJB+eJ0/5Cvw== - optionalDependencies: - default-browser-id "^1.0.4" - xml-crypto@^6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/xml-crypto/-/xml-crypto-6.0.0.tgz#9657ce63cbbaacc48b2c74a13d05cf0a9d339d47" @@ -34221,7 +31383,7 @@ yaml@2.0.0-1: resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.0.0-1.tgz#8c3029b3ee2028306d5bcf396980623115ff8d18" integrity sha512-W7h5dEhywMKenDJh2iX/LABkbFnBxasD27oyXWDS/feDsxiw0dD5ncXdYXgkvAsXIY2MpW/ZKkr9IU30DBdMNQ== -yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2: +yaml@^1.10.0, yaml@^1.10.2: version "1.10.2" resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b" integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==