Merge branch 'main' into fix/5997

.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,6 +7,7 @@ test/failure-screenshots/**/*.png
 cypress/screenshots
 cypress/videos
 
+storybook-static/
 coverage/
 reports/
 .nyc_output/

.storybook/main.ts

@@ -26,7 +26,6 @@ const config: StorybookConfig = {
       use: [
         {
           loader: require.resolve('babel-loader'),
-          options: { plugins: ['@emotion/babel-plugin'] },
         },
       ],
     });

CHANGELOG.md

@@ -1,3 +1,51 @@
+## [`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))
+- Fixed-positioned `EuiHeader`s now set a global CSS `--euiFixedHeadersOffset` variable, which updates dynamically based on the number of fixed headers on the page. ([#7144](https://github.com/elastic/eui/pull/7144))
+- `EuiFlyout`s now dynamically set their position, height, and mask based on the number of fixed headers on the page. ([#7144](https://github.com/elastic/eui/pull/7144))
+- Sticky-positioned `EuiPageSidebar`s now dynamically set their position and height based on the number of fixed headers on the page. This can still be overridden via the `sticky.offset` prop if needed. ([#7144](https://github.com/elastic/eui/pull/7144))
+- `EuiPageTemplate` now dynamically offsets content from any fixed headers on the page. This can still be overridden via the `offset` prop if needed. ([#7144](https://github.com/elastic/eui/pull/7144))
+- Updated `EuiAccordion` with a new `borders` prop ([#7154](https://github.com/elastic/eui/pull/7154))
+- Updated `EuiAccordion` with a new `buttonProps.paddingSize` prop ([#7154](https://github.com/elastic/eui/pull/7154))
+
+**Deprecations**
+
+- Deprecated the Sass `euiHeaderAffordForFixed` mixin. Use the new global CSS `var(--euiFixedHeadersOffset)` variable instead. ([#7144](https://github.com/elastic/eui/pull/7144))
+
+**CSS-in-JS conversions**
+
+- Except for generic CSS utilities, EUI is moving away from providing global `classNames` that are component-specific. As part of this effort, we have removed the following `EuiAccordion`-specific classes: ([#7154](https://github.com/elastic/eui/pull/7154))
+  - Removed `.euiAccordionForm` styles. Use the `borders="horizontal"` prop instead
+  - Removed `.euiAccordionForm__button` styles. Use the `buttonProps={{ paddingSize: 'm' }}` prop instead
+  - Removed `.euiAccordionForm__extraAction` styles. Convert this to your own custom CSS if necessary.
+  - Removed `.euiAccordionForm__title` styles. Convert this to your own custom CSS if necessary.
+
 ## [`88.1.0`](https://github.com/elastic/eui/tree/v88.1.0)
 
 - Added `font.defaultUnits` theme token. EUI component font sizes default to `rem` units - this token allows consumers to configure this to `px` or `em` ([#7133](https://github.com/elastic/eui/pull/7133))

docs/bundle.min.js.LICENSE.txt

@@ -123,6 +123,15 @@ PERFORMANCE OF THIS SOFTWARE.
  * @license MIT
  */
 
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
 /**
  * @license React
  * react-dom.production.min.js