Upgrade EUI to v95.0.0 (#185943)

`v94.6.0` ⏩ `v95.0.0-backport.0` _[Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_ --- ## [`v95.0.0-backport.0`](https://github.com/elastic/eui/releases/v95.0.0-backport.0) **This is a backport release only intended for use by Kibana.** - Updated `EuiSteps` to support a new `titleSize="xxs"` style, which outputs the same title font size but smaller unnumbered step indicators ([#7813](elastic/eui#7813)) - Updated `EuiStepsHorizontal` to support a new `size="xs"` style, which outputs smaller unnumbered step indicators ([#7813](elastic/eui#7813)) - Updated `EuiStepNumber` to support new `titleSize="none"` which omits rendering step numbers, and will only render icons ([#7813](elastic/eui#7813)) ## [`v95.0.0`](https://github.com/elastic/eui/releases/v95.0.0) - Added `move` glyph to `EuiIcon` ([#7789](elastic/eui#7789)) - Updated `EuiBasicTable` and `EuiInMemoryTable`s with `selection` - the header row checkbox will now render an indeterminate state if some (but not all) rows are selected ([#7817](elastic/eui#7817)) **Bug fixes** - Fixed an `EuiDataGrid` visual bug when using `lineCount` row heights where the clamped text was still visible for some font sizes ([#7793](elastic/eui#7793)) - Fixed `EuiSearchBar`'s filter configs to always respect `autoClose: false` ([#7806](elastic/eui#7806)) **Breaking changes** - Removed deprecated `EUI_CHARTS_THEME_DARK`, `EUI_CHARTS_THEME_LIGHT` and `EUI_SPARKLINE_THEME_PARTIAL` exports ([#7682](elastic/eui#7682)) - Removed deprecated `euiPalettePositive` and `euiPaletteNegative`. Use `euiPaletteGreen` and `euiPaletteRed` instead ([#7808](elastic/eui#7808)) - Removed `type="inList"` from `EuiCheckbox`. Simply omit passing a `label` prop to render this style of checkbox ([#7814](elastic/eui#7814)) - Removed the unused `compressed` prop from `EuiCheckbox` and `EuiRadio`. This prop was not doing anything on individual components. ([#7818](elastic/eui#7818)) **CSS-in-JS conversions** - Converted `EuiCheckboxGroup` to Emotion ([#7818](elastic/eui#7818)) - Converted `EuiRadioGroup` to Emotion ([#7818](elastic/eui#7818)) --------- Co-authored-by: Cee Chen <constance.chen@elastic.co> Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
elastic · Jun 18, 2024 · 946a255 · 946a255
1 parent cc7dee6
commit 946a255
Show file tree

Hide file tree

Showing 27 changed files with 30 additions and 93 deletions.
diff --git a/examples/response_stream/public/containers/app/pages/page_reducer_stream/index.tsx b/examples/response_stream/public/containers/app/pages/page_reducer_stream/index.tsx
@@ -132,21 +132,18 @@ export const PageReducerStream: FC = () => {
           label="Simulate errors (gets applied to new streams only, not currently running ones)."
           checked={simulateErrors}
           onChange={(e) => setSimulateErrors(!simulateErrors)}
-          compressed
         />
         <EuiCheckbox
           id="responseStreamCompressionCheckbox"
           label="Toggle compression setting for response stream."
           checked={compressResponse}
           onChange={(e) => setCompressResponse(!compressResponse)}
-          compressed
         />
         <EuiCheckbox
           id="responseStreamFlushFixCheckbox"
           label="Toggle flushFix setting for response stream."
           checked={flushFix}
           onChange={(e) => setFlushFix(!flushFix)}
-          compressed
         />
       </EuiText>
     </Page>

diff --git a/examples/response_stream/public/containers/app/pages/page_redux_stream/index.tsx b/examples/response_stream/public/containers/app/pages/page_redux_stream/index.tsx
@@ -136,21 +136,18 @@ export const PageReduxStream: FC = () => {
           label="Simulate errors (gets applied to new streams only, not currently running ones)."
           checked={simulateErrors}
           onChange={(e) => dispatch(setSimulateErrors(!simulateErrors))}
-          compressed
         />
         <EuiCheckbox
           id="responseStreamCompressionCheckbox"
           label="Toggle compression setting for response stream."
           checked={compressResponse}
           onChange={(e) => dispatch(setCompressResponse(!compressResponse))}
-          compressed
         />
         <EuiCheckbox
           id="responseStreamFlushFixCheckbox"
           label="Toggle flushFix setting for response stream."
           checked={flushFix}
           onChange={(e) => dispatch(setFlushFix(!flushFix))}
-          compressed
         />
       </EuiText>
     </Page>

diff --git a/examples/response_stream/public/containers/app/pages/page_simple_string_stream/index.tsx b/examples/response_stream/public/containers/app/pages/page_simple_string_stream/index.tsx
@@ -83,7 +83,6 @@ export const PageSimpleStringStream: FC = () => {
         label="Toggle compression setting for response stream."
         checked={compressResponse}
         onChange={(e) => setCompressResponse(!compressResponse)}
-        compressed
       />
       <EuiSpacer />
       <EuiText>

diff --git a/package.json b/package.json
@@ -109,7 +109,7 @@
     "@elastic/ecs": "^8.11.1",
     "@elastic/elasticsearch": "^8.13.1",
     "@elastic/ems-client": "8.5.1",
-    "@elastic/eui": "94.6.0",
+    "@elastic/eui": "95.0.0-backport.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

diff --git a/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap b/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap
diff --git a/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx b/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx
@@ -85,6 +85,9 @@ export const getEuiContextMapping = (): EuiTokensObject => {
     'euiBasicTable.noItemsMessage': i18n.translate('core.euiBasicTable.noItemsMessage', {
       defaultMessage: 'No items found',
     }),
+    'euiBasicTable.deselectRows': i18n.translate('core.euiBasicTable.deselectRows', {
+      defaultMessage: 'Deselect rows',
+    }),
     'euiBottomBar.customScreenReaderAnnouncement': ({ landmarkHeading }: EuiValues) =>
       i18n.translate('core.euiBottomBar.customScreenReaderAnnouncement', {
         defaultMessage:

diff --git a/packages/kbn-ui-shared-deps-npm/webpack.config.js b/packages/kbn-ui-shared-deps-npm/webpack.config.js
@@ -63,7 +63,6 @@ module.exports = (_, argv) => {
         '@elastic/eui/optimize/es/components/provider/nested',
         '@elastic/eui/optimize/es/services',
         '@elastic/eui/optimize/es/services/format',
-        '@elastic/eui/dist/eui_charts_theme',
         '@elastic/eui/dist/eui_theme_light.json',
         '@elastic/eui/dist/eui_theme_dark.json',
         '@elastic/numeral',

diff --git a/packages/kbn-ui-shared-deps-src/src/definitions.js b/packages/kbn-ui-shared-deps-src/src/definitions.js
@@ -75,7 +75,6 @@ const externals = {
     '__kbnSharedDeps__.ElasticEuiLibComponentsUseIsNestedEuiProvider',
   '@elastic/eui/lib/services': '__kbnSharedDeps__.ElasticEuiLibServices',
   '@elastic/eui/lib/services/format': '__kbnSharedDeps__.ElasticEuiLibServicesFormat',
-  '@elastic/eui/dist/eui_charts_theme': '__kbnSharedDeps__.ElasticEuiChartsTheme',
 
   // transient dep of eui
   '@hello-pangea/dnd': '__kbnSharedDeps__.HelloPangeaDnd',

diff --git a/packages/kbn-ui-shared-deps-src/src/entry.js b/packages/kbn-ui-shared-deps-src/src/entry.js
@@ -42,7 +42,6 @@ export const ElasticEui = require('@elastic/eui');
 export const ElasticEuiLibComponentsUseIsNestedEuiProvider = require('@elastic/eui/optimize/es/components/provider/nested');
 export const ElasticEuiLibServices = require('@elastic/eui/optimize/es/services');
 export const ElasticEuiLibServicesFormat = require('@elastic/eui/optimize/es/services/format');
-export const ElasticEuiChartsTheme = require('@elastic/eui/dist/eui_charts_theme');
 export const KbnDatemath = require('@kbn/datemath');
 export const HelloPangeaDnd = require('@hello-pangea/dnd/dist/dnd');
 export const ReduxjsToolkit = require('@reduxjs/toolkit');

diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts
@@ -86,7 +86,7 @@ export const LICENSE_OVERRIDES = {
   'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/ems-client@8.5.1': ['Elastic License 2.0'],
-  '@elastic/eui@94.6.0': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@95.0.0-backport.0': ['SSPL-1.0 OR Elastic License 2.0'],
   'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
   'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
   '@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)

diff --git a/src/plugins/controls/public/control_group/component/control_group_component.tsx b/src/plugins/controls/public/control_group/component/control_group_component.tsx
@@ -168,7 +168,6 @@ export const ControlGroup = () => {
         content={ControlGroupStrings.invalidControlWarning.getTourContent(invalidControlType)}
         footerAction={[
           <EuiCheckbox
-            compressed
             checked={suppressTourChecked}
             id={'controlGroup--suppressTourCheckbox'}
             className="controlGroup--suppressTourCheckbox"

diff --git a/...impl/assistant/prompt_editor/system_prompt/system_prompt_modal/system_prompt_settings.tsx b/...impl/assistant/prompt_editor/system_prompt/system_prompt_modal/system_prompt_settings.tsx
@@ -340,7 +340,6 @@ export const SystemPromptSettings: React.FC<Props> = React.memo(
             }
             checked={isNewConversationDefault}
             onChange={handleNewConversationDefaultChange}
-            compressed
           />
         </EuiFormRow>
       </>

diff --git a/...ns/app_search/components/documents/search_experience/views/multi_checkbox_facets_view.tsx b/...ns/app_search/components/documents/search_experience/views/multi_checkbox_facets_view.tsx
@@ -84,7 +84,6 @@ export const MultiCheckboxFacetsView: React.FC<Props> = ({
         options={checkboxGroupOptions}
         idToSelectedMap={idToSelectedMap}
         onChange={onChange}
-        compressed
       />
       {showMore && (
         <>

diff --git a/x-pack/plugins/fleet/cypress/e2e/fleet_settings_outputs.cy.ts b/x-pack/plugins/fleet/cypress/e2e/fleet_settings_outputs.cy.ts
@@ -281,7 +281,7 @@ queue:
         });
 
         // Verify SSL fields
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_SSL_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_SSL_OPTION).find('label').click();
         cy.get('[placeholder="Specify certificate authority"]');
         cy.get('[placeholder="Specify ssl certificate"]');
         cy.get('[placeholder="Specify certificate key"]');
@@ -292,7 +292,7 @@ queue:
 
         // Verify None fields
 
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_NONE_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_NONE_OPTION).find('label').click();
 
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_SASL_SELECT).should('not.exist');
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_INPUT).should('not.exist');
@@ -308,14 +308,16 @@ queue:
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_CONNECTION_TYPE_PLAIN_OPTION);
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_CONNECTION_TYPE_ENCRYPTION_OPTION);
 
-        cy.getBySel(
-          SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_CONNECTION_TYPE_ENCRYPTION_OPTION
-        ).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_CONNECTION_TYPE_ENCRYPTION_OPTION)
+          .find('label')
+          .click();
 
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_VERIFICATION_MODE_INPUT);
         cy.get('[placeholder="Specify certificate authority"]');
 
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION)
+          .find('label')
+          .click();
 
         // Verify Partitioning fields
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_PANEL).within(() => {
@@ -327,13 +329,13 @@ queue:
         });
 
         // Verify Round Robin fields
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_RANDOM_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_RANDOM_OPTION).find('label').click();
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_EVENTS_INPUT);
 
         // Verify Hash fields
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_HASH_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_HASH_OPTION).find('label').click();
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_HASH_INPUT);
-        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_RANDOM_OPTION).click();
+        cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_RANDOM_OPTION).find('label').click();
 
         // Topics
         cy.getBySel(SETTINGS_OUTPUTS_KAFKA.TOPICS_PANEL).within(() => {

diff --git a/x-pack/plugins/fleet/cypress/screens/fleet_outputs.ts b/x-pack/plugins/fleet/cypress/screens/fleet_outputs.ts
@@ -31,7 +31,7 @@ export const selectKafkaOutput = () => {
   visit('/app/fleet/settings');
   cy.getBySel(SETTINGS_OUTPUTS.ADD_BTN).click();
   cy.getBySel(SETTINGS_OUTPUTS.TYPE_INPUT).select('kafka');
-  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION).click();
+  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION).find('label').click();
 };
 
 export const shouldDisplayError = (handler: string) => {
@@ -190,8 +190,8 @@ export const fillInKafkaOutputForm = (create?: boolean) => {
   );
   cy.get('[placeholder="Specify certificate authority"]').clear().type('testCA');
 
-  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_SASL_SCRAM_256_OPTION).click();
-  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_HASH_OPTION).click();
+  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_SASL_SCRAM_256_OPTION).find('label').click();
+  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.PARTITIONING_HASH_OPTION).find('label').click();
 
   cy.getBySel(kafkaOutputFormValues.hash.selector).type(kafkaOutputFormValues.hash.value);
   cy.getBySel(kafkaOutputFormValues.defaultTopic.selector).type(
@@ -265,7 +265,7 @@ export const validateOutputTypeChangeToKafka = (outputId: string) => {
   visit(`/app/fleet/settings/outputs/${outputId}`);
   cy.getBySel(kafkaOutputFormValues.name.selector).clear();
   cy.getBySel(SETTINGS_OUTPUTS.TYPE_INPUT).select('kafka');
-  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION).click();
+  cy.getBySel(SETTINGS_OUTPUTS_KAFKA.AUTHENTICATION_USERNAME_PASSWORD_OPTION).find('label').click();
 
   fillInKafkaOutputForm(true);
   cy.intercept('PUT', '**/api/fleet/outputs/**').as('saveOutput');

diff --git a/.../fleet/sections/settings/components/edit_output_flyout/output_form_kafka_partitioning.tsx b/.../fleet/sections/settings/components/edit_output_flyout/output_form_kafka_partitioning.tsx
@@ -140,7 +140,7 @@ export const OutputFormKafkaPartitioning: React.FunctionComponent<{
         }
       >
         <EuiRadioGroup
-          style={{ display: 'flex', gap: 30 }}
+          style={{ flexDirection: 'row', flexWrap: 'wrap', columnGap: 30 }}
           data-test-subj={'settingsOutputsFlyout.kafkaPartitioningRadioInput'}
           options={kafkaPartitioningOptions}
           compressed

diff --git a/...t/public/applications/integrations/sections/epm/screens/detail/settings/update_button.tsx b/...t/public/applications/integrations/sections/epm/screens/detail/settings/update_button.tsx
@@ -335,7 +335,6 @@ export const UpdateButton: React.FunctionComponent<UpdateButtonProps> = ({
         {packagePolicyCount > 0 && (
           <EuiFlexItem grow={false}>
             <EuiCheckbox
-              compressed
               labelProps={{
                 style: {
                   display: 'flex',

diff --git a/...s/ml/public/application/components/rule_editor/__snapshots__/actions_section.test.js.snap b/...s/ml/public/application/components/rule_editor/__snapshots__/actions_section.test.js.snap
diff --git a/...l/public/application/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap b/...l/public/application/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
diff --git a/.../ml/public/application/components/rule_editor/__snapshots__/scope_expression.test.js.snap b/.../ml/public/application/components/rule_editor/__snapshots__/scope_expression.test.js.snap