Merge branch 'main' into global-default-font-size-unit

.buildkite/scripts/pipeline_test.sh

@@ -13,4 +13,6 @@ docker run \
   docker.elastic.co/eui/ci:5.3 \
   bash -c "/opt/yarn*/bin/yarn \
   && yarn cypress install \
-  && NODE_OPTIONS=\"--max-old-space-size=2048\" npm run test-ci"
+  && yarn lint \
+  && yarn test-unit --node-options=--max_old_space_size=2048 \
+  && yarn test-cypress --node-options=--max_old_space_size=2048"

.github/config/label_commenter_config.yml

@@ -7,3 +7,18 @@ labels:
     labeled:
       issue:
         body: 👋 Thank you for your suggestion or request! While the EUI team agrees that it's valid, it's unlikely that we will prioritize this issue on our roadmap. We'll leave the issue open if you or anyone else in the community wants to implement it by contributing to EUI. If not, this issue will auto close in one year.
+  - name: breaking change
+    labeled:
+      pr:
+        body: |
+          This PR contains breaking changes. The opener of this pull request is asked to perform the following due diligence steps below, to assist EUI in our next Kibana upgrade:
+          - If this PR contains **prop/API changes**:
+              - [ ] Search through Kibana for `<EuiComponent` usages ([example search](https://github.com/search?q=repo%3Aelastic%2Fkibana+%3CEuiAccordion&type=code))
+              - [ ] In the PR description or in a PR comment, include a count or list with the number of component usages in Kibana that will need to be updated (if that amount is "none", include that information as well)
+          - If this PR contains **CSS changes**:
+              - [ ] Search through Kibana for the changed EUI selectors, e.g. `.euiComponent` ([example search](https://github.com/search?q=repo%3Aelastic%2Fkibana+.euiAccordion&type=code))
+              - [ ] In the PR description or in a PR comment, include a count or list with the number of custom CSS overrides in Kibana that will need to be updated (if that amount is "none", include that information as well)
+          - 🔍 Tip: When searching through Kibana, consider excluding `**/target, **/*.snap, **/*.storyshot` files to reduce noise and only look at source code usages
+          - ⚠️ For extremely risky changes, the EUI team should potentially consider the following precautions:
+              - Using a [pre-release](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/releasing-versions.md#pre-release-process) release candidate to test Kibana CI ahead of time
+              - Using [`kibana-a-la-carte`](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/testing-in-kibana.md#testing-in-the-cloud) for manual QA, and to give other Kibana teams a staging server to quickly test against

.github/pull_request_template.md

@@ -2,20 +2,27 @@
 
 Provide a detailed summary of your PR. Explain how you arrived at your solution. If it includes changes to UI elements include a screenshot or gif.
 
+If this is your first PR in the EUI repo, please ensure you've fully read through our [contributing to EUI](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui#how-to-ensure-the-timely-review-of-pull-requests) wiki guide.
+
 ## QA
 
 Remove or strikethrough items that do not apply to your PR.
 
 ### General checklist
 
-- [ ] Checked in both **light and dark** modes
-- [ ] Checked in **mobile**
-- [ ] Checked in **Chrome**, **Safari**, **Edge**, and **Firefox**
-- [ ] Props have proper **autodocs** (using `@default` if default values are missing) and **[playground toggles](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting/playgrounds.md)**
-- [ ] Added **[documentation](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting)**
-- [ ] Checked **[Code Sandbox](https://codesandbox.io/)** works for any docs examples
-- [ ] Added or updated **[jest](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/unit-testing.md) and [cypress](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/cypress-testing.md) tests**
-- [ ] Checked for **breaking changes** and labeled appropriately
-- [ ] Checked for **accessibility** including keyboard-only and screenreader modes
-- [ ] Updated the **[Figma](https://www.figma.com/community/file/964536385682658129)** library counterpart
-- [ ] A **[changelog](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting/changelogs.md)** entry exists and is marked appropriately
+- Browser QA
+    - [ ] Checked in both **light and dark** modes
+    - [ ] Checked in **mobile**
+    - [ ] Checked in **Chrome**, **Safari**, **Edge**, and **Firefox**
+    - [ ] Checked for **accessibility** including keyboard-only and screenreader modes
+- Docs site QA
+    - [ ] Added **[documentation](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting)**
+    - [ ] Props have proper **autodocs** (using `@default` if default values are missing) and **[playground toggles](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting/playgrounds.md)**
+    - [ ] Checked **[Code Sandbox](https://codesandbox.io/)** works for any docs examples
+- Code quality checklist
+    - [ ] Added or updated **[jest](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/unit-testing.md) and [cypress](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/cypress-testing.md) tests**
+- Release checklist
+    - [ ] A **[changelog](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/documenting/changelogs.md)** entry exists and is marked appropriately.
+    - [ ] If applicable, added the **breaking change** issue label (and filled out the breaking change checklist)
+- Designer checklist
+    - [ ] Updated the **[Figma](https://www.figma.com/community/file/964536385682658129)** library counterpart

.github/workflows/community_contribution.yml

@@ -0,0 +1,48 @@
+name: "Community contribution"
+on:
+  pull_request_target:
+    types: [opened, reopened]
+
+jobs:
+  community-pr-message:
+    env:
+      USER_LOGIN: ${{ github.event.pull_request.user.login }}
+      IS_ORG_MEMBER: "" # https://github.com/github/vscode-github-actions/issues/47
+    runs-on: ubuntu-latest
+    # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#permissions
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+      - name: "Check for org membership"
+        # https://docs.github.com/en/rest/orgs/members?apiVersion=2022-11-28#check-organization-membership-for-a-user
+        # https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#example-of-writing-an-environment-variable-to-github_env
+        run: |
+          DATA=$(
+            curl -L -i -w "%{http_code}" \
+            -H "Accept: application/vnd.github+json" \
+            -H "Authorization: Bearer ${{ secrets.EUI_COMMUNITY_PR }}" \
+            -H "X-GitHub-Api-Version: 2022-11-28" \
+            https://api.github.com/orgs/elastic/members/"$USER_LOGIN"
+          )
+
+          HTTP_CODE=$(echo "$DATA" | awk '/([0-9]{3})$/{print}')
+          echo "IS_ORG_MEMBER=$HTTP_CODE" >> "$GITHUB_ENV"
+      - name: "Add comment to community pull requests"
+        uses: actions/github-script@v6
+        if: ${{ env.IS_ORG_MEMBER != '204' }}
+        with:
+          script: |
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: "👋 Since this is a community submitted pull request, a Buildkite build has not been started automatically. Would an Elastic organization member please verify the contents of this pull request and kick off a build manually?",
+            });
+
+            github.rest.issues.addLabels({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              labels: ['community contribution']
+            });

.github/workflows/label_commenter.yml

@@ -3,10 +3,13 @@ name: Auto-respond to issues with comments based on labels
 on:
   issues:
     types: [labeled]
+  pull_request_target:
+    types: [labeled]
 
 permissions:
   contents: read
   issues: write
+  pull-requests: write
 
 jobs:
   comment:

.gitignore

@@ -7,10 +7,12 @@ test/failure-screenshots/**/*.png
 cypress/screenshots
 cypress/videos
 
+storybook-static/
 coverage/
 reports/
 .nyc_output/
 tmp/
+docs/
 dist/
 lib/
 es/

.storybook/preview.tsx

@@ -10,6 +10,7 @@
 
 import React from 'react';
 import type { Preview } from '@storybook/react';
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 /*
  * Preload all EuiIcons - Storybook does not support dynamic icon loading
@@ -96,6 +97,9 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    viewport: {
+      viewports: MINIMAL_VIEWPORTS,
+    },
   },
   // Due to CommonProps, these props appear on almost every Story, but generally
   // aren't super useful to test - let's disable them by default and (if needed)

CHANGELOG.md

@@ -1,3 +1,101 @@
+## [`88.5.4`](https://github.com/elastic/eui/tree/v88.5.4)
+
+- This release contains internal changes to a beta component needed by Kibana.
+
+## [`88.5.3`](https://github.com/elastic/eui/tree/v88.5.3)
+
+**Bug fixes**
+
+- Fixed `EuiComboBox` search input width not resetting correctly on selection ([#7240](https://github.com/elastic/eui/pull/7240))
+
+## [`88.5.2`](https://github.com/elastic/eui/tree/v88.5.2)
+
+**Bug fixes**
+
+- Fixed broken `EuiTextTruncate` testenv mocks ([#7234](https://github.com/elastic/eui/pull/7234))
+
+## [`88.5.1`](https://github.com/elastic/eui/tree/v88.5.1)
+
+- Improved the performance of `EuiComboBox` by removing the `react-autosizer-input` dependency ([#7215](https://github.com/elastic/eui/pull/7215))
+
+**Dependency updates**
+
+- Updated `react-element-to-jsx-string` to v5.0.0 ([#7214](https://github.com/elastic/eui/pull/7214))
+- Removed unused `@types/vfile-message` dependency ([#7214](https://github.com/elastic/eui/pull/7214))
+
+## [`88.5.0`](https://github.com/elastic/eui/tree/v88.5.0)
+
+- Updated `EuiCallOut` with a new `onDismiss` prop ([#7156](https://github.com/elastic/eui/pull/7156))
+- Added a new `renderCustomToolbar` prop to `EuiDataGrid`, which allows custom rendering of the toolbar. ([#7190](https://github.com/elastic/eui/pull/7190))
+- Added a new `allowResetButton` prop to `toolbarVisibility.showDisplaySelector` of `EuiDataGrid`, which allows hiding the "Reset to default" button from the display settings popover. ([#7190](https://github.com/elastic/eui/pull/7190))
+- Added a new `additionalDisplaySettings` prop to `toolbarVisibility.showDisplaySelector` of `EuiDataGrid`, which allows rendering extra settings inside the display settings popover. ([#7190](https://github.com/elastic/eui/pull/7190))
+- Updated `EuiDataGrid`'s toolbar display settings button icon ([#7190](https://github.com/elastic/eui/pull/7190))
+- Updated `EuiTextTruncate` with significantly improved iteration performance. Removed `measurementRenderAPI` prop, as `EuiTextTruncation` now only uses more performant canvas render API ([#7210](https://github.com/elastic/eui/pull/7210))
+- Updated `EuiPopover` with a new configurable `repositionToCrossAxis` prop ([#7211](https://github.com/elastic/eui/pull/7211))
+- Updated `EuiDatePicker` to support `compressed` input styling ([#7218](https://github.com/elastic/eui/pull/7218))
+- Added `gradient` and `palette` icon glyphs. ([#7220](https://github.com/elastic/eui/pull/7220))
+
+**Bug fixes**
+
+- Fixed `EuiPopover`'s missing animations on popover close ([#7211](https://github.com/elastic/eui/pull/7211))
+- Fixed `EuiInputPopover` anchoring to the wrong side and missing shadows on smaller screens ([#7211](https://github.com/elastic/eui/pull/7211))
+- Fixed `EuiSuperDatePicker` icon spacing on the quick select button ([#7217](https://github.com/elastic/eui/pull/7217))
+- Fixed a missing type in `EuiMarkdownEditor`'s default processing plugins ([#7221](https://github.com/elastic/eui/pull/7221))
+
+## [`88.4.1`](https://github.com/elastic/eui/tree/v88.4.1)
+
+**Bug fixes**
+
+- Fixed missing `className`s on `EuiTextTruncate` ([#7212](https://github.com/elastic/eui/pull/7212))
+- Fixed `title`s on `EuiComboBox` dropdown options to always be present ([#7212](https://github.com/elastic/eui/pull/7212))
+- Fixed `EuiComboBox` truncation issues when search is an empty space ([#7212](https://github.com/elastic/eui/pull/7212))
+
+## [`88.4.0`](https://github.com/elastic/eui/tree/v88.4.0)
+
+- Updated `EuiComboBox` to allow configuring text truncation behavior via `truncationProps`. These props can be set on the entire combobox as well as on on individual dropdown options. ([#7028](https://github.com/elastic/eui/pull/7028))
+- Updated `EuiInMemoryTable` with a new `searchFormat` prop (defaults to `eql`). When setting this prop to `text`, the built-in search bar will ignore EQL syntax and allow searching for plain strings with special characters and symbols. ([#7175](https://github.com/elastic/eui/pull/7175))
+
+**Bug fixes**
+
+- `EuiComboBox` now always shows the highlighted search text, even on truncated text ([#7028](https://github.com/elastic/eui/pull/7028))
+- Fixed missing i18n in `EuiSearchBar`'s default placeholder and aria-label text ([#7175](https://github.com/elastic/eui/pull/7175))
+- Fixed the inline compressed styles of `EuiDescriptionListTitle` to use a taller line-height for readability ([#7185](https://github.com/elastic/eui/pull/7185))
+- Fixed `EuiComboBox` to correctly truncate selected items when displayed as pills and plain text ([#7193](https://github.com/elastic/eui/pull/7193))
+
+**Accessibility**
+
+- Added `aria-current` attribute to `EuiTablePagination` ([#7186](https://github.com/elastic/eui/pull/7186))
+
+**CSS-in-JS conversions**
+
+- Converted `EuiDroppable` and `EuiDraggable` to Emotion; Removed `$euiDragAndDropSpacing` Sass variables ([#7187](https://github.com/elastic/eui/pull/7187))
+
+## [`88.3.0`](https://github.com/elastic/eui/tree/v88.3.0)
+
+- `EuiGlobalToastList` now shows a "Clear all" button by default once above a certain number of toasts (defaults to 3). This threshold is configurable with the `showClearAllButtonAt` prop ([#7111](https://github.com/elastic/eui/pull/7111))
+- Added an optional `onClearAllToasts` callback to `EuiGlobalToastList` ([#7111](https://github.com/elastic/eui/pull/7111))
+- Added the `value`, `onChange`, and `onCancel` props that allow `EuiInlineEdit` to be used as a controlled component ([#7157](https://github.com/elastic/eui/pull/7157))
+- Added `grabOmnidirectional`, `transitionLeftIn`, `transitionLeftOut`, `transitionTopIn`, and `transitionTopOut` icon glyphs. ([#7168](https://github.com/elastic/eui/pull/7168))
+
+**Bug fixes**
+
+- Fixed `EuiInlineEdit` components to correctly spread `...rest` attributes to the parent wrapper ([#7157](https://github.com/elastic/eui/pull/7157))
+- Fixed `EuiListGroupItem` to correctly render the `extraAction` button when `showToolTip` is also passed ([#7159](https://github.com/elastic/eui/pull/7159))
+
+**Dependency updates**
+
+- Updated `@hello-pangea/dnd` to v16.3.0 ([#7125](https://github.com/elastic/eui/pull/7125))
+- Updated `@types/lodash` to v4.14.198 ([#7126](https://github.com/elastic/eui/pull/7126))
+
+**Accessibility**
+
+- `EuiAccordion` now correctly respects reduced motion settings ([#7161](https://github.com/elastic/eui/pull/7161))
+- `EuiAccordion` now shows a focus outline to keyboard users around its revealed children on open ([#7161](https://github.com/elastic/eui/pull/7161))
+
+**CSS-in-JS conversions**
+
+- Converted `EuiSplitPanel` to Emotion ([#7172](https://github.com/elastic/eui/pull/7172))
+
 ## [`88.2.0`](https://github.com/elastic/eui/tree/v88.2.0)
 
 - Added a new `EuiTextTruncate` component, which provides custom truncation options beyond native CSS ([#7116](https://github.com/elastic/eui/pull/7116))

CNAME

@@ -0,0 +1 @@
+eui.elastic.co

CODEOWNERS

@@ -0,0 +1,2 @@
+# @elastic/eui-team owns all files
+* @elastic/eui-team