Bumps @elastic/eui to v34.6.0 and @elastic/charts to v31.1.0

* Bumps the dependencies on @elastic/eui and @elastic/charts to their last Apache-2.0-licensed releases. * Mitigates changes in `@elastic/eui` v29.3.2 → v34.6.0 * v30.0.0: Removal of `EuiButtonToggle` * v30.0.0: Renaming of `EuiButtonGroupOption` * v30.0.0: Requiring `legend` and `isSelected` (unless type='multi') props for `EuiButtonGroup` * v30.0.0: Removal of `EuiNavDrawerGroup` * v30.0.0: Removal of `compressed` prop from `EuiFormRow` * v30.0.0: Removal of `displayOnly` prop from `EuiFormRow` * v30.0.0: Elimination of the `withTitle` prop from `EuiPopover` * v30.2.0: Addition of indicator icon for external `EuiLink` * v30.3.0: Test failure due to the restructuring of focus in `EuiPopover` * v31.6.0: Addition of `uiOverlayMask` directly to `EuiModal` * v31.9.0: Setting default `size` of “xs” and styling on `EuiButtonIcon` (partial) * v33.0.0: Removal of `sh` from languages supported by `EuiCodeBlock` * v34.1.0: Changing of the default component of `EuiPageBody` from `main` to `div` * Mitigates changes in `@elastic/charts` v23.2.2 → v31.1.0 * v29.0.0: Renaming of `AnnotationDomainTypes` to `AnnotationDomainType` * Updates functional tests to use updated selectors. Signed-off-by: Miki <miki@amazon.com>
opensearch-project · Mar 25, 2022 · 31fc3ad · 31fc3ad
1 parent d7004dc
commit 31fc3ad
Show file tree

Hide file tree

Showing 160 changed files with 8,093 additions and 8,279 deletions.
diff --git a/examples/bfetch_explorer/public/components/page/index.tsx b/examples/bfetch_explorer/public/components/page/index.tsx
@@ -44,7 +44,7 @@ export interface PageProps {
 
 export const Page: React.FC<PageProps> = ({ title = 'Untitled', children }) => {
   return (
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/examples/embeddable_explorer/public/embeddable_panel_example.tsx b/examples/embeddable_explorer/public/embeddable_panel_example.tsx
@@ -138,7 +138,7 @@ export function EmbeddablePanelExample({ embeddableServices, searchListContainer
   });
 
   return (
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/examples/embeddable_explorer/public/hello_world_embeddable_example.tsx b/examples/embeddable_explorer/public/hello_world_embeddable_example.tsx
@@ -51,7 +51,7 @@ interface Props {
 
 export function HelloWorldEmbeddableExample({ helloWorldEmbeddableFactory }: Props) {
   return (
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/examples/embeddable_explorer/public/list_container_example.tsx b/examples/embeddable_explorer/public/list_container_example.tsx
@@ -126,7 +126,7 @@ export function ListContainerExample({
   };
 
   return (
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/examples/embeddable_explorer/public/todo_embeddable_example.tsx b/examples/embeddable_explorer/public/todo_embeddable_example.tsx
@@ -83,7 +83,7 @@ export class TodoEmbeddableExample extends React.Component<Props, State> {
 
   public render() {
     return (
-      <EuiPageBody>
+      <EuiPageBody component="main">
         <EuiPageHeader>
           <EuiPageHeaderSection>
             <EuiTitle size="l">

diff --git a/examples/routing_example/public/app.tsx b/examples/routing_example/public/app.tsx
@@ -57,7 +57,7 @@ function RoutingExplorer({
 }: Props) {
   return (
     <EuiPage>
-      <EuiPageBody>
+      <EuiPageBody component="main">
         <EuiPageContent>
           <EuiPageContentHeader>
             <EuiText>

diff --git a/examples/search_examples/public/components/app.tsx b/examples/search_examples/public/components/app.tsx
@@ -224,7 +224,7 @@ export const SearchExamplesApp = ({
             indexPatterns={indexPattern ? [indexPattern] : undefined}
           />
           <EuiPage restrictWidth="1000px">
-            <EuiPageBody>
+            <EuiPageBody component="main">
               <EuiPageHeader>
                 <EuiTitle size="l">
                   <h1>

diff --git a/examples/state_containers_examples/public/todo/todo.tsx b/examples/state_containers_examples/public/todo/todo.tsx
@@ -287,7 +287,7 @@ export const TodoAppPage: React.FC<{
     <Router history={props.history}>
       <GlobalStateHelpers.Provider value={globalStateContainer}>
         <Provider value={container}>
-          <EuiPageBody>
+          <EuiPageBody component="main">
             <EuiPageHeader>
               <EuiPageHeaderSection>
                 <EuiTitle size="l">

diff --git a/examples/state_containers_examples/public/with_data_services/components/app.tsx b/examples/state_containers_examples/public/with_data_services/components/app.tsx
@@ -114,7 +114,7 @@ const App = ({ navigation, data, history, osdUrlStateStorage }: StateDemoAppDeps
             showSaveQuery={true}
           />
           <EuiPage restrictWidth="1000px">
-            <EuiPageBody>
+            <EuiPageBody component="main">
               <EuiPageHeader>
                 <EuiTitle size="l">
                   <h1>

diff --git a/examples/ui_actions_explorer/public/app.tsx b/examples/ui_actions_explorer/public/app.tsx
@@ -60,7 +60,7 @@ const ActionsExplorer = ({ uiActionsApi, openModal }: Props) => {
   const [confirmationText, setConfirmationText] = useState('');
   return (
     <EuiPage>
-      <EuiPageBody>
+      <EuiPageBody component="main">
         <EuiPageHeader>Ui Actions Explorer</EuiPageHeader>
         <EuiPageContent>
           <EuiPageContentBody>

diff --git a/examples/ui_actions_explorer/public/page.tsx b/examples/ui_actions_explorer/public/page.tsx
@@ -46,7 +46,7 @@ interface PageProps {
 
 export function Page({ title, children }: PageProps) {
   return (
-    <EuiPageBody data-test-subj="searchTestPage">
+    <EuiPageBody component="main" data-test-subj="searchTestPage">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/examples/url_generators_examples/public/app.tsx b/examples/url_generators_examples/public/app.tsx
@@ -58,7 +58,7 @@ export const Routes: React.FC<{}> = () => {
   const query = useQuery();
 
   return (
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageContent>
         <EuiPageContentBody>
           <Switch>

diff --git a/examples/url_generators_explorer/public/app.tsx b/examples/url_generators_explorer/public/app.tsx
@@ -111,7 +111,7 @@ const ActionsExplorer = ({ getLinkGenerator }: Props) => {
 
   return (
     <EuiPage>
-      <EuiPageBody>
+      <EuiPageBody component="main">
         <EuiPageHeader>Access links explorer</EuiPageHeader>
         <EuiPageContent>
           <EuiPageContentBody>

diff --git a/examples/url_generators_explorer/public/page.tsx b/examples/url_generators_explorer/public/page.tsx
@@ -46,7 +46,7 @@ interface PageProps {
 
 export function Page({ title, children }: PageProps) {
   return (
-    <EuiPageBody data-test-subj="searchTestPage">
+    <EuiPageBody component="main" data-test-subj="searchTestPage">
       <EuiPageHeader>
         <EuiPageHeaderSection>
           <EuiTitle size="l">

diff --git a/package.json b/package.json
@@ -107,7 +107,7 @@
   },
   "dependencies": {
     "@elastic/datemath": "5.0.3",
-    "@elastic/eui": "29.3.2",
+    "@elastic/eui": "34.6.0",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/numeral": "^2.5.0",
     "@elastic/request-crypto": "2.0.0",
@@ -207,12 +207,13 @@
     "yauzl": "^2.10.0"
   },
   "devDependencies": {
+    "@4lolo/resize-observer-polyfill": "^1.5.2",
     "@babel/core": "^7.16.5",
     "@babel/parser": "^7.16.6",
     "@babel/register": "^7.16.5",
     "@babel/types": "^7.16.0",
     "@elastic/apm-rum": "^5.6.1",
-    "@elastic/charts": "23.2.2",
+    "@elastic/charts": "31.1.0",
     "@elastic/ems-client": "7.10.0",
     "@elastic/eslint-config-kibana": "0.15.0",
     "@elastic/eslint-plugin-eui": "0.0.2",
@@ -426,7 +427,6 @@
     "redux": "^4.0.5",
     "regenerate": "^1.4.0",
     "reselect": "^4.0.0",
-    "resize-observer-polyfill": "^1.5.0",
     "sass-lint": "^1.12.1",
     "selenium-webdriver": "^4.0.0-alpha.7",
     "simple-git": "^3.4.0",

diff --git a/packages/osd-plugin-generator/template/public/components/app.tsx.ejs b/packages/osd-plugin-generator/template/public/components/app.tsx.ejs
@@ -58,7 +58,7 @@ import { CoreStart } from '<%= importFromRoot('src/core/public') %>';
                             <navigation.ui.TopNavMenu appName={ PLUGIN_ID } showSearchBar={true}
                               useDefaultBehaviors={true} />
                             <EuiPage restrictWidth="1000px">
-                              <EuiPageBody>
+                               <EuiPageBody component="main">
                                 <EuiPageHeader>
                                   <EuiTitle size="l">
                                     <h1>
@@ -101,4 +101,4 @@ import { CoreStart } from '<%= importFromRoot('src/core/public') %>';
                         </I18nProvider>
                       </Router>
                       );
-                      };
+                      };
diff --git a/packages/osd-ui-framework/package.json b/packages/osd-ui-framework/package.json
@@ -24,7 +24,7 @@
     "enzyme-adapter-react-16": "^1.9.1"
   },
   "devDependencies": {
-    "@elastic/eui": "29.3.2",
+    "@elastic/eui": "34.6.0",
     "@osd/babel-preset": "1.0.0",
     "@osd/optimizer": "1.0.0",
     "babel-loader": "^8.2.3",

diff --git a/packages/osd-ui-shared-deps/package.json b/packages/osd-ui-shared-deps/package.json
@@ -9,8 +9,8 @@
     "osd:watch": "node scripts/build --dev --watch"
   },
   "dependencies": {
-    "@elastic/charts": "23.2.2",
-    "@elastic/eui": "29.3.2",
+    "@elastic/charts": "31.1.0",
+    "@elastic/eui": "34.6.0",
     "@elastic/numeral": "^2.5.0",
     "@osd/i18n": "1.0.0",
     "@osd/monaco": "1.0.0",

diff --git a/src/core/public/application/ui/app_not_found_screen.tsx b/src/core/public/application/ui/app_not_found_screen.tsx
@@ -34,7 +34,7 @@ import { FormattedMessage } from '@osd/i18n/react';
 
 export const AppNotFound = () => (
   <EuiPage style={{ minHeight: '100%' }} data-test-subj="appNotFoundPageContent">
-    <EuiPageBody>
+    <EuiPageBody component="main">
       <EuiPageContent verticalPosition="center" horizontalPosition="center">
         <EuiEmptyPrompt
           iconType="alert"