Your window into the Elastic Stack
Find a file
Brad White 1c41d899ca
[9.0] Upgrade to Storybook 8 (#195148) (#214680)
# Backport

This will backport the following commits from `main` to `9.0`:
- [Upgrade to Storybook 8
(#195148)](https://github.com/elastic/kibana/pull/195148)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Brad
White","email":"Ikuni17@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-03-14T22:41:03Z","message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Operations","release_note:skip","Team:Fleet","v9.0.0","ci:build-storybooks","Team:Obs
AI Assistant","backport:version","v9.1.0","v8.19.0"],"title":"Upgrade to
Storybook
8","number":195148,"url":"https://github.com/elastic/kibana/pull/195148","mergeCommit":{"message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/195148","number":195148,"mergeCommit":{"message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
2025-03-19 20:55:47 +02:00
.buildkite [9.0] [Cases] Improve unit test flakiness (#212489) (#214686) 2025-03-17 14:50:53 +00:00
.devcontainer [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
.github [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
api_docs [9.0] [Streams 🌊] Introduce GroupStreams (#208126) (#209776) 2025-02-05 17:06:45 +01:00
config [9.0] [artifacts] Remove default --openssl-legacy-provider (#213123) (#213173) 2025-03-05 01:34:06 +01:00
dev_docs [9.0] [Dev Docs] Add VS Code configurations to Dev Docs Debugging Tutorial (#212807) (#213415) 2025-03-06 18:20:39 +01:00
docs [9.0] Small fixes for alert & actions yaml file (#215218) (#215231) 2025-03-19 18:49:23 +00:00
examples [9.0] [SSE] Fix EventSource streams (#213151) (#213900) 2025-03-11 13:34:25 +01:00
kbn_pm Sustainable Kibana Architecture: Move CodeEditor related packages #205587 (#205738) 2025-01-08 15:25:47 +01:00
legacy_rfcs [9.0] SKA: Relocate "platform" packages that remain on /packages (#208704) (#212224) 2025-02-28 10:10:29 +01:00
licenses Adds AGPL 3.0 license (#192025) 2024-09-06 19:02:41 -06:00
oas_docs [9.0] [DOCS] Add minimal short URL APIs (#213860) (#214969) 2025-03-18 17:11:37 +02:00
packages [9.0] fix(NA): use filesystem apis on kbn/optimizer populate_bundle_cache plugin (#211231) (#215028) 2025-03-18 17:37:02 +00:00
plugins
scripts [9.0] SKA: Relocate "platform" packages that remain on /packages (#208704) (#212224) 2025-02-28 10:10:29 +01:00
src [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
test [9.0] unskip Failing test: Chrome UI Functional Tests.test/functional/apps/dashboard/group6/view_edit·ts (#211653) (#214433) 2025-03-13 17:44:21 +00:00
typings make emotion typing global (#200958) 2024-12-05 12:20:43 -06:00
x-pack [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
.backportrc.json chore(NA): adds 8.17 into backportrc (#201065) 2024-11-21 06:05:29 +00:00
.bazelignore Remove references to deleted .ci folder (#177168) 2024-02-20 19:54:21 +01:00
.bazeliskversion
.bazelrc
.bazelrc.common Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
.bazelversion chore(NA): revert bazel upgrade for v5.2.0 (#135096) 2022-06-24 03:57:21 +01:00
.browserslistrc Add Firefox ESR to browserlistrc (#184462) 2024-05-29 17:53:18 -05:00
.editorconfig
.eslintignore [9.0] SKA: Relocate "platform" packages that remain on /packages (#208704) (#212224) 2025-02-28 10:10:29 +01:00
.eslintrc.js [9.0] [scout] use project deps as global hooks for parallel tests (#211409) (#214645) 2025-03-18 15:26:38 +01:00
.gitattributes
.gitignore [9.0] SKA: Relocate "platform" packages that remain on /packages (#208704) (#212224) 2025-02-28 10:10:29 +01:00
.i18nrc.json [9.0] SKA: Fix kebab-case issues in security-threat-hunting packages (#211349) (#211722) 2025-02-19 13:13:48 +01:00
.node-version Upgrade Node.js to 20.18.2 (#207431) 2025-01-22 12:00:14 -06:00
.npmrc [npmrc] Fix puppeteer_skip_download configuration (#177673) 2024-02-22 18:59:01 -07:00
.nvmrc Upgrade Node.js to 20.18.2 (#207431) 2025-01-22 12:00:14 -06:00
.prettierignore
.prettierrc
.puppeteerrc Add .puppeteerrc (#179847) 2024-04-03 09:14:39 -05:00
.stylelintignore
.stylelintrc Bump stylelint to ^14 (#136693) 2022-07-20 10:11:00 -05:00
.telemetryrc.json Sustainable Kibana Architecture: Move modules owned by @elastic/kibana-core (#201653) 2025-01-04 11:47:24 -07:00
.yarnrc
BUILD.bazel Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
catalog-info.yaml Configures PagerDuty Backstage Integration for kbn (#208440) 2025-01-27 23:29:11 +00:00
CODE_OF_CONDUCT.md
CONTRIBUTING.md
FAQ.md Fix small typos in the root md files (#134609) 2022-06-23 09:36:11 -05:00
fleet_packages.json [9.0] Sync bundled packages with Package Storage (#214909) 2025-03-18 10:34:29 +00:00
github_checks_reporter.json
kibana.d.ts Adds AGPL 3.0 license (#192025) 2024-09-06 19:02:41 -06:00
LICENSE.txt Adds AGPL 3.0 license (#192025) 2024-09-06 19:02:41 -06:00
NOTICE.txt [api-docs] 2025-01-01 Daily api_docs build (#205342) 2025-01-01 01:37:13 -06:00
package.json [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
preinstall_check.js Adds AGPL 3.0 license (#192025) 2024-09-06 19:02:41 -06:00
README.md
renovate.json [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00
RISK_MATRIX.mdx
run_fleet_setup_parallel.sh Sustainable Kibana Architecture: Move modules owned by @elastic/fleet (#202422) 2024-12-24 15:32:43 +01:00
SECURITY.md
sonar-project.properties [sonarqube] update memory, cpu (#190547) 2024-09-09 16:16:30 -05:00
STYLEGUIDE.mdx [styleguide] update path to scss theme (#140742) 2022-09-15 10:41:14 -04:00
tsconfig.base.json [9.0] [assistant] Call to Action components (#213797) (#214402) 2025-03-13 16:41:16 +00:00
tsconfig.browser.json
tsconfig.browser_bazel.json
tsconfig.json Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
TYPESCRIPT.md Fix small typos in the root md files (#134609) 2022-06-23 09:36:11 -05:00
updatecli-compose.yaml deps(updatecli): bump all policies (#195865) 2024-10-15 07:37:12 -05:00
versions.json chore(NA): update versions after v8.17.2 bump (#207411) 2025-01-21 19:12:43 +00:00
WORKSPACE.bazel Upgrade Node.js to 20.18.2 (#207431) 2025-01-22 12:00:14 -06:00
yarn.lock [9.0] Upgrade to Storybook 8 (#195148) (#214680) 2025-03-19 20:55:47 +02:00

Kibana

Kibana is your window into the Elastic Stack. Specifically, it's a browser-based analytics and search dashboard for Elasticsearch.

Getting Started

If you just want to try Kibana out, check out the Elastic Stack Getting Started Page to give it a whirl.

If you're interested in diving a bit deeper and getting a taste of Kibana's capabilities, head over to the Kibana Getting Started Page.

Using a Kibana Release

If you want to use a Kibana release in production, give it a test run, or just play around:

Building and Running Kibana, and/or Contributing Code

You might want to build Kibana locally to contribute some code, test out the latest features, or try out an open PR:

Documentation

Visit Elastic.co for the full Kibana documentation.

For information about building the documentation, see the README in elastic/docs.

Version Compatibility with Elasticsearch

Ideally, you should be running Elasticsearch and Kibana with matching version numbers. If your Elasticsearch has an older version number or a newer major number than Kibana, then Kibana will fail to run. If Elasticsearch has a newer minor or patch number than Kibana, then the Kibana Server will log a warning.

Note: The version numbers below are only examples, meant to illustrate the relationships between different types of version numbers.

Situation Example Kibana version Example ES version Outcome
Versions are the same. 7.15.1 7.15.1 💚 OK
ES patch number is newer. 7.15.0 7.15.1 ⚠️ Logged warning
ES minor number is newer. 7.14.2 7.15.0 ⚠️ Logged warning
ES major number is newer. 7.15.1 8.0.0 🚫 Fatal error
ES patch number is older. 7.15.1 7.15.0 ⚠️ Logged warning
ES minor number is older. 7.15.1 7.14.2 🚫 Fatal error
ES major number is older. 8.0.0 7.15.1 🚫 Fatal error

Questions? Problems? Suggestions?

  • If you've found a bug or want to request a feature, please create a GitHub Issue. Please check to make sure someone else hasn't already created an issue for the same topic.
  • Need help using Kibana? Ask away on our Kibana Discuss Forum and a fellow community member or Elastic engineer will be glad to help you out.