From 9ced4841ecd6ffa59f7b52946726c3731a6c9deb Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 09:44:04 +0200 Subject: [PATCH 01/19] update deprecated EUI components in screenshotting plugin --- x-pack/plugins/screenshotting/public/app/app.tsx | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/x-pack/plugins/screenshotting/public/app/app.tsx b/x-pack/plugins/screenshotting/public/app/app.tsx index 06d79b7a3fb97..9fb754150ab67 100644 --- a/x-pack/plugins/screenshotting/public/app/app.tsx +++ b/x-pack/plugins/screenshotting/public/app/app.tsx @@ -12,8 +12,8 @@ import { EuiFlexItem, EuiPage, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, } from '@elastic/eui'; import type { ExpressionRendererParams } from '@kbn/expressions-plugin/public'; import { useExpressionRenderer } from '@kbn/expressions-plugin/public'; @@ -42,13 +42,11 @@ export function App() { return ( - - +
- - + + ); From 8e1da69f099e275364bb3dd483a3233d5df71afb Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 09:49:15 +0200 Subject: [PATCH 02/19] update EUI components in screenshotting_example plugin --- .../screenshotting_example/public/app/app.tsx | 24 +++++++------------ 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/x-pack/examples/screenshotting_example/public/app/app.tsx b/x-pack/examples/screenshotting_example/public/app/app.tsx index 603d310b4ad63..34cf579bf856d 100644 --- a/x-pack/examples/screenshotting_example/public/app/app.tsx +++ b/x-pack/examples/screenshotting_example/public/app/app.tsx @@ -15,15 +15,13 @@ import { EuiImage, EuiPage, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, EuiPageHeader, - EuiPageHeaderSection, EuiSpacer, EuiStat, EuiText, EuiTextArea, - EuiTitle, } from '@elastic/eui'; import { API_ENDPOINT, ScreenshottingExpressionResponse } from '../../common'; import { HttpContext } from './http_context'; @@ -53,15 +51,11 @@ export function App() { return ( - - - -

Screenshotting Demo

-
-
-
- - + + + + +

This example captures a screenshot of an expression provided below.

@@ -129,8 +123,8 @@ export function App() { )} -
-
+ +
); From 192ac96d7278198f6194cb0c74bd04278eacc18f Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 09:52:20 +0200 Subject: [PATCH 03/19] update reporting example plugin deprecated EUI component usage --- .../public/containers/capture_test.tsx | 12 ++++++------ .../reporting_example/public/containers/main.tsx | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/x-pack/examples/reporting_example/public/containers/capture_test.tsx b/x-pack/examples/reporting_example/public/containers/capture_test.tsx index c74e65df3df79..75049c90507ac 100644 --- a/x-pack/examples/reporting_example/public/containers/capture_test.tsx +++ b/x-pack/examples/reporting_example/public/containers/capture_test.tsx @@ -19,8 +19,8 @@ import { EuiPage, EuiPageHeader, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, } from '@elastic/eui'; import { TestImageA } from '../components'; @@ -62,7 +62,7 @@ export const CaptureTest: FunctionComponent = () => { return ( - + @@ -75,7 +75,7 @@ export const CaptureTest: FunctionComponent = () => { - + { tabToRender ? tabs.find((tab) => tab.id === tabToRender) : undefined } /> - - + + ); diff --git a/x-pack/examples/reporting_example/public/containers/main.tsx b/x-pack/examples/reporting_example/public/containers/main.tsx index 251626cadd05f..ae8727acf60ee 100644 --- a/x-pack/examples/reporting_example/public/containers/main.tsx +++ b/x-pack/examples/reporting_example/public/containers/main.tsx @@ -18,8 +18,8 @@ import { EuiLink, EuiPage, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, EuiPageHeader, EuiPopover, EuiSpacer, @@ -292,8 +292,8 @@ export const Main = ({ basename, reporting, screenshotMode }: ReportingExampleAp

Reporting Example

- - + +

Example of a Sharing menu using components from Reporting

@@ -370,8 +370,8 @@ export const Main = ({ basename, reporting, screenshotMode }: ReportingExampleAp

Screenshot Mode is {screenshotMode.isScreenshotMode() ? 'ON' : 'OFF'}!

-
-
+ +
From 5dfeca63634a14d06588a1a72dec1f221c255694 Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 09:53:58 +0200 Subject: [PATCH 04/19] update enhanced UI Actions deprecated EUI component usage --- .../public/components/page/index.tsx | 24 +++++++------------ 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx b/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx index 54b930fdb982d..f44409d932f5b 100644 --- a/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx +++ b/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx @@ -8,11 +8,9 @@ import * as React from 'react'; import { EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, EuiPageHeader, - EuiPageHeaderSection, - EuiTitle, } from '@elastic/eui'; export interface PageProps { @@ -22,18 +20,14 @@ export interface PageProps { export const Page: React.FC = ({ title = 'Untitled', children }) => { return ( - - - -

{title}

-
-
-
- - + + + + + {children} - - + +
); }; From 7a29ff60851e39b525792dea65d6baf3631efcc7 Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Thu, 10 Aug 2023 08:03:08 +0000 Subject: [PATCH 05/19] [CI] Auto-commit changed files from 'node scripts/precommit_hook.js --ref HEAD~1..HEAD --fix' --- .../public/components/page/index.tsx | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx b/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx index f44409d932f5b..66b68b877da1c 100644 --- a/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx +++ b/x-pack/examples/ui_actions_enhanced_examples/public/components/page/index.tsx @@ -6,12 +6,7 @@ */ import * as React from 'react'; -import { - EuiPageBody, - EuiPageTemplate, - EuiPageSection, - EuiPageHeader, -} from '@elastic/eui'; +import { EuiPageBody, EuiPageTemplate, EuiPageSection, EuiPageHeader } from '@elastic/eui'; export interface PageProps { title?: React.ReactNode; @@ -24,9 +19,7 @@ export const Page: React.FC = ({ title = 'Untitled', children }) => { - - {children} - + {children} ); From 8a2afb37f2f669b8fcd6082f7258fe2ef79884b6 Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Thu, 10 Aug 2023 08:42:56 +0000 Subject: [PATCH 06/19] [CI] Auto-commit changed files from 'node scripts/eslint --no-cache --fix' --- x-pack/plugins/screenshotting/public/app/app.tsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/x-pack/plugins/screenshotting/public/app/app.tsx b/x-pack/plugins/screenshotting/public/app/app.tsx index 9fb754150ab67..9cf772bd6ee44 100644 --- a/x-pack/plugins/screenshotting/public/app/app.tsx +++ b/x-pack/plugins/screenshotting/public/app/app.tsx @@ -42,10 +42,7 @@ export function App() { return ( - + From 7f58276caf374f46217ba21896af411e37d4f331 Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 10:34:32 +0200 Subject: [PATCH 07/19] stop using deprecated EUI components in UI Actions example plugin --- examples/ui_actions_explorer/public/app.tsx | 37 +++++++++++--------- examples/ui_actions_explorer/public/page.tsx | 22 +++++------- 2 files changed, 28 insertions(+), 31 deletions(-) diff --git a/examples/ui_actions_explorer/public/app.tsx b/examples/ui_actions_explorer/public/app.tsx index b467c4c47d585..e267279296324 100644 --- a/examples/ui_actions_explorer/public/app.tsx +++ b/examples/ui_actions_explorer/public/app.tsx @@ -9,18 +9,19 @@ import React, { useState } from 'react'; import ReactDOM from 'react-dom'; -import { EuiPage } from '@elastic/eui'; - -import { EuiButton } from '@elastic/eui'; -import { EuiPageBody } from '@elastic/eui'; -import { EuiPageContent_Deprecated as EuiPageContent } from '@elastic/eui'; -import { EuiPageContentBody_Deprecated as EuiPageContentBody } from '@elastic/eui'; -import { EuiSpacer } from '@elastic/eui'; -import { EuiText } from '@elastic/eui'; -import { EuiFieldText } from '@elastic/eui'; -import { EuiCallOut } from '@elastic/eui'; -import { EuiPageHeader } from '@elastic/eui'; -import { EuiModalBody } from '@elastic/eui'; +import { + EuiPage, + EuiButton, + EuiPageBody, + EuiPageTemplate, + EuiPageSection, + EuiSpacer, + EuiText, + EuiFieldText, + EuiCallOut, + EuiPageHeader, + EuiModalBody, +} from '@elastic/eui'; import { toMountPoint } from '@kbn/kibana-react-plugin/public'; import { UiActionsStart, createAction } from '@kbn/ui-actions-plugin/public'; import { AppMountParameters, OverlayStart } from '@kbn/core/public'; @@ -39,9 +40,11 @@ const ActionsExplorer = ({ uiActionsApi, openModal }: Props) => { return ( - Ui Actions Explorer - - + + + + +

By default there is a single action attached to the `HELLO_WORLD_TRIGGER`. Clicking @@ -105,8 +108,8 @@ const ActionsExplorer = ({ uiActionsApi, openModal }: Props) => { - - + + ); diff --git a/examples/ui_actions_explorer/public/page.tsx b/examples/ui_actions_explorer/public/page.tsx index 05d64781c2ea3..96fe8ee89be74 100644 --- a/examples/ui_actions_explorer/public/page.tsx +++ b/examples/ui_actions_explorer/public/page.tsx @@ -10,11 +10,9 @@ import React from 'react'; import { EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, EuiPageHeader, - EuiPageHeaderSection, - EuiTitle, } from '@elastic/eui'; interface PageProps { @@ -25,16 +23,12 @@ interface PageProps { export function Page({ title, children }: PageProps) { return ( - - - -

{title}

- - -
- - {children} - + + + + + {children} + ); } From ff03f5ef5131b7ce3ce1277bc9707a2f59edd6d4 Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 10:43:14 +0200 Subject: [PATCH 08/19] update deprecated EUI components in state containers example plugin --- .../public/common/example_page.tsx | 6 +++--- .../state_containers_examples/public/todo/todo.tsx | 12 ++++++------ .../public/with_data_services/app.tsx | 6 +++--- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/examples/state_containers_examples/public/common/example_page.tsx b/examples/state_containers_examples/public/common/example_page.tsx index ab1141fd96e6c..b60fb87248d9f 100644 --- a/examples/state_containers_examples/public/common/example_page.tsx +++ b/examples/state_containers_examples/public/common/example_page.tsx @@ -7,7 +7,7 @@ */ import React, { PropsWithChildren } from 'react'; -import { EuiPage, EuiPageSideBar_Deprecated as EuiPageSideBar, EuiSideNav } from '@elastic/eui'; +import { EuiPage, EuiPageTemplate, EuiSideNav } from '@elastic/eui'; import { CoreStart } from '@kbn/core/public'; export interface ExampleLink { @@ -53,9 +53,9 @@ export const StateContainersExamplesPage: React.FC = ({ }: PropsWithChildren) => { return ( - + - + {children} ); diff --git a/examples/state_containers_examples/public/todo/todo.tsx b/examples/state_containers_examples/public/todo/todo.tsx index f7577331aee65..3abd0941da846 100644 --- a/examples/state_containers_examples/public/todo/todo.tsx +++ b/examples/state_containers_examples/public/todo/todo.tsx @@ -15,8 +15,8 @@ import { EuiCheckbox, EuiFieldText, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, - EuiPageContentBody_Deprecated as EuiPageContentBody, + EuiPageTemplate, + EuiPageSection, EuiPageHeader, EuiPageHeaderSection, EuiSpacer, @@ -202,8 +202,8 @@ export const TodoAppPage: React.FC<{ - - + + @@ -233,8 +233,8 @@ export const TodoAppPage: React.FC<{ setUseHashedUrl(!useHashedUrl)}> {useHashedUrl ? 'Use Expanded State' : 'Use Hashed State'} - - + + ); diff --git a/examples/state_containers_examples/public/with_data_services/app.tsx b/examples/state_containers_examples/public/with_data_services/app.tsx index a70c956e17bb9..2dda3faf0db88 100644 --- a/examples/state_containers_examples/public/with_data_services/app.tsx +++ b/examples/state_containers_examples/public/with_data_services/app.tsx @@ -13,7 +13,7 @@ import { Router } from '@kbn/shared-ux-router'; import { EuiFieldText, EuiPageBody, - EuiPageContent_Deprecated as EuiPageContent, + EuiPageTemplate, EuiPageHeader, EuiText, EuiTitle, @@ -99,7 +99,7 @@ export const App = ({ useDefaultBehaviors={true} showSaveQuery={true} /> - +

In addition to state from query bar also sync your arbitrary application state:

@@ -109,7 +109,7 @@ export const App = ({ onChange={(e) => appStateContainer.set({ ...appState, name: e.target.value })} aria-label="My name" /> -
+ From 72f29c7569d2bb41252934bf260e3d681608337b Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 10:48:57 +0200 Subject: [PATCH 09/19] update deprecated EUI components in redirect app --- .../url_service/redirect/components/page.tsx | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/src/plugins/share/public/url_service/redirect/components/page.tsx b/src/plugins/share/public/url_service/redirect/components/page.tsx index 38aeafa5920d5..667f418e1d021 100644 --- a/src/plugins/share/public/url_service/redirect/components/page.tsx +++ b/src/plugins/share/public/url_service/redirect/components/page.tsx @@ -8,7 +8,7 @@ import * as React from 'react'; import useObservable from 'react-use/lib/useObservable'; -import { EuiPageTemplate_Deprecated as EuiPageTemplate } from '@elastic/eui'; +import { EuiPageTemplate } from '@elastic/eui'; import { ThemeServiceSetup } from '@kbn/core/public'; import { KibanaThemeProvider } from '@kbn/kibana-react-plugin/public'; import { CustomBrandingStart } from '@kbn/core-custom-branding-browser'; @@ -29,12 +29,7 @@ export const Page: React.FC = ({ manager, theme, customBranding }) => if (error) { return ( - + @@ -43,12 +38,7 @@ export const Page: React.FC = ({ manager, theme, customBranding }) => return ( - + From 7c35110d80819bfde34eb6ba2d702baa95deab2a Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Thu, 10 Aug 2023 10:49:54 +0200 Subject: [PATCH 10/19] update theme provider import in redirect app --- .../share/public/url_service/redirect/components/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/plugins/share/public/url_service/redirect/components/page.tsx b/src/plugins/share/public/url_service/redirect/components/page.tsx index 667f418e1d021..b64c87cd374cc 100644 --- a/src/plugins/share/public/url_service/redirect/components/page.tsx +++ b/src/plugins/share/public/url_service/redirect/components/page.tsx @@ -10,7 +10,7 @@ import * as React from 'react'; import useObservable from 'react-use/lib/useObservable'; import { EuiPageTemplate } from '@elastic/eui'; import { ThemeServiceSetup } from '@kbn/core/public'; -import { KibanaThemeProvider } from '@kbn/kibana-react-plugin/public'; +import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme'; import { CustomBrandingStart } from '@kbn/core-custom-branding-browser'; import { Error } from './error'; import { RedirectManager } from '../redirect_manager'; @@ -28,7 +28,7 @@ export const Page: React.FC = ({ manager, theme, customBranding }) => if (error) { return ( - + @@ -37,7 +37,7 @@ export const Page: React.FC = ({ manager, theme, customBranding }) => } return ( - + From 23d14baa496c3b135ee4cb54d20acd208988e332 Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Thu, 10 Aug 2023 08:59:01 +0000 Subject: [PATCH 11/19] [CI] Auto-commit changed files from 'node scripts/lint_ts_projects --fix' --- src/plugins/share/tsconfig.json | 1 + 1 file changed, 1 insertion(+) diff --git a/src/plugins/share/tsconfig.json b/src/plugins/share/tsconfig.json index 396c751fccbcc..47fa82eae4c97 100644 --- a/src/plugins/share/tsconfig.json +++ b/src/plugins/share/tsconfig.json @@ -14,6 +14,7 @@ "@kbn/config-schema", "@kbn/core-custom-branding-browser", "@kbn/core-saved-objects-utils-server", + "@kbn/react-kibana-context-theme", ], "exclude": [ "target/**/*", From f486f48519ba95ee860eb7750c48dec1a63c6bc5 Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Thu, 10 Aug 2023 09:39:50 +0000 Subject: [PATCH 12/19] [CI] Auto-commit changed files from 'node scripts/eslint --no-cache --fix' --- examples/ui_actions_explorer/public/page.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/examples/ui_actions_explorer/public/page.tsx b/examples/ui_actions_explorer/public/page.tsx index 96fe8ee89be74..a713cd89eeea1 100644 --- a/examples/ui_actions_explorer/public/page.tsx +++ b/examples/ui_actions_explorer/public/page.tsx @@ -8,12 +8,7 @@ import React from 'react'; -import { - EuiPageBody, - EuiPageTemplate, - EuiPageSection, - EuiPageHeader, -} from '@elastic/eui'; +import { EuiPageBody, EuiPageTemplate, EuiPageSection, EuiPageHeader } from '@elastic/eui'; interface PageProps { title: string; From f5d5e2fd0b79802ac0f2a0e3bbafda3babda321e Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Sun, 13 Aug 2023 21:01:56 +0200 Subject: [PATCH 13/19] revert back capture test changes --- .../public/containers/capture_test.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/x-pack/examples/reporting_example/public/containers/capture_test.tsx b/x-pack/examples/reporting_example/public/containers/capture_test.tsx index 75049c90507ac..c74e65df3df79 100644 --- a/x-pack/examples/reporting_example/public/containers/capture_test.tsx +++ b/x-pack/examples/reporting_example/public/containers/capture_test.tsx @@ -19,8 +19,8 @@ import { EuiPage, EuiPageHeader, EuiPageBody, - EuiPageTemplate, - EuiPageSection, + EuiPageContent_Deprecated as EuiPageContent, + EuiPageContentBody_Deprecated as EuiPageContentBody, } from '@elastic/eui'; import { TestImageA } from '../components'; @@ -62,7 +62,7 @@ export const CaptureTest: FunctionComponent = () => { return ( - + @@ -75,7 +75,7 @@ export const CaptureTest: FunctionComponent = () => { - + { tabToRender ? tabs.find((tab) => tab.id === tabToRender) : undefined } /> - - + + ); From 72cac5073306b834c720b1b9ad44c9334077137a Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Sun, 13 Aug 2023 22:43:35 +0200 Subject: [PATCH 14/19] revert reporting_example changes --- .../reporting_example/public/containers/main.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/x-pack/examples/reporting_example/public/containers/main.tsx b/x-pack/examples/reporting_example/public/containers/main.tsx index ae8727acf60ee..251626cadd05f 100644 --- a/x-pack/examples/reporting_example/public/containers/main.tsx +++ b/x-pack/examples/reporting_example/public/containers/main.tsx @@ -18,8 +18,8 @@ import { EuiLink, EuiPage, EuiPageBody, - EuiPageTemplate, - EuiPageSection, + EuiPageContent_Deprecated as EuiPageContent, + EuiPageContentBody_Deprecated as EuiPageContentBody, EuiPageHeader, EuiPopover, EuiSpacer, @@ -292,8 +292,8 @@ export const Main = ({ basename, reporting, screenshotMode }: ReportingExampleAp

Reporting Example

- - + +

Example of a Sharing menu using components from Reporting

@@ -370,8 +370,8 @@ export const Main = ({ basename, reporting, screenshotMode }: ReportingExampleAp

Screenshot Mode is {screenshotMode.isScreenshotMode() ? 'ON' : 'OFF'}!

-
-
+ + From 6ab9cc2111ba7c018ed1e8a5935e7a931233512a Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Mon, 14 Aug 2023 10:10:44 +0200 Subject: [PATCH 15/19] revert screenshotting_example changes --- .../screenshotting_example/public/app/app.tsx | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/x-pack/examples/screenshotting_example/public/app/app.tsx b/x-pack/examples/screenshotting_example/public/app/app.tsx index 34cf579bf856d..f6f23e5da5098 100644 --- a/x-pack/examples/screenshotting_example/public/app/app.tsx +++ b/x-pack/examples/screenshotting_example/public/app/app.tsx @@ -15,13 +15,14 @@ import { EuiImage, EuiPage, EuiPageBody, - EuiPageTemplate, - EuiPageSection, + EuiPageContent_Deprecated as EuiPageContent, + EuiPageContentBody_Deprecated as EuiPageContentBody, EuiPageHeader, EuiSpacer, EuiStat, EuiText, EuiTextArea, + EuiPageSection, } from '@elastic/eui'; import { API_ENDPOINT, ScreenshottingExpressionResponse } from '../../common'; import { HttpContext } from './http_context'; @@ -54,8 +55,8 @@ export function App() { - - + +

This example captures a screenshot of an expression provided below.

@@ -123,8 +124,8 @@ export function App() { )} -
-
+ + ); From 34fdb9377fe1511e3fc61ee2b861a1a71a875903 Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Mon, 14 Aug 2023 12:20:25 +0200 Subject: [PATCH 16/19] revert more screenshotting changes --- .../screenshotting_example/public/app/app.tsx | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/x-pack/examples/screenshotting_example/public/app/app.tsx b/x-pack/examples/screenshotting_example/public/app/app.tsx index f6f23e5da5098..e44690fdbd203 100644 --- a/x-pack/examples/screenshotting_example/public/app/app.tsx +++ b/x-pack/examples/screenshotting_example/public/app/app.tsx @@ -18,11 +18,12 @@ import { EuiPageContent_Deprecated as EuiPageContent, EuiPageContentBody_Deprecated as EuiPageContentBody, EuiPageHeader, + EuiPageHeaderSection, EuiSpacer, EuiStat, EuiText, EuiTextArea, - EuiPageSection, + EuiTitle, } from '@elastic/eui'; import { API_ENDPOINT, ScreenshottingExpressionResponse } from '../../common'; import { HttpContext } from './http_context'; @@ -52,9 +53,13 @@ export function App() { return ( - - - + + + +

Screenshotting Demo

+
+
+
From 63383f90fb219976d477a22936ea40ff75cb17f2 Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Mon, 14 Aug 2023 10:25:22 +0000 Subject: [PATCH 17/19] [CI] Auto-commit changed files from 'node scripts/precommit_hook.js --ref HEAD~1..HEAD --fix' --- x-pack/examples/screenshotting_example/public/app/app.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/x-pack/examples/screenshotting_example/public/app/app.tsx b/x-pack/examples/screenshotting_example/public/app/app.tsx index e44690fdbd203..603d310b4ad63 100644 --- a/x-pack/examples/screenshotting_example/public/app/app.tsx +++ b/x-pack/examples/screenshotting_example/public/app/app.tsx @@ -53,7 +53,7 @@ export function App() { return ( - +

Screenshotting Demo

From b20d57a979fbf7f1d34e53a1bbc463e5e31eb154 Mon Sep 17 00:00:00 2001 From: vadimkibana Date: Mon, 14 Aug 2023 14:00:49 +0200 Subject: [PATCH 18/19] revert screenshotting plugin changes --- .../plugins/screenshotting/public/app/app.tsx | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/x-pack/plugins/screenshotting/public/app/app.tsx b/x-pack/plugins/screenshotting/public/app/app.tsx index 9cf772bd6ee44..0475bfa6a6321 100644 --- a/x-pack/plugins/screenshotting/public/app/app.tsx +++ b/x-pack/plugins/screenshotting/public/app/app.tsx @@ -12,8 +12,8 @@ import { EuiFlexItem, EuiPage, EuiPageBody, - EuiPageTemplate, - EuiPageSection, + EuiPageContent_Deprecated as EuiPageContent, + EuiPageContentBody_Deprecated as EuiPageContentBody, } from '@elastic/eui'; import type { ExpressionRendererParams } from '@kbn/expressions-plugin/public'; import { useExpressionRenderer } from '@kbn/expressions-plugin/public'; @@ -42,8 +42,13 @@ export function App() { return ( - - + +
- - + + ); From 250bf780ee5c6a41cbcc66c4eea30df3d3d20c0e Mon Sep 17 00:00:00 2001 From: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Date: Mon, 14 Aug 2023 12:34:03 +0000 Subject: [PATCH 19/19] [CI] Auto-commit changed files from 'node scripts/eslint --no-cache --fix' --- x-pack/plugins/screenshotting/public/app/app.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/x-pack/plugins/screenshotting/public/app/app.tsx b/x-pack/plugins/screenshotting/public/app/app.tsx index 0475bfa6a6321..06d79b7a3fb97 100644 --- a/x-pack/plugins/screenshotting/public/app/app.tsx +++ b/x-pack/plugins/screenshotting/public/app/app.tsx @@ -42,7 +42,7 @@ export function App() { return ( -