From 2b361f51984603fcd024618dba33a1d6e6456767 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 18 Dec 2025 12:40:19 +0000 Subject: [PATCH 1/5] Add Storybook MCP Signed-off-by: Charles de Dreuille --- .storybook/main.ts | 6 + .storybook/preview.tsx | 7 + package.json | 15 +- packages/ui/package.json | 4 +- yarn.lock | 290 ++++++++++++++++++++++++++++----------- 5 files changed, 236 insertions(+), 86 deletions(-) diff --git a/.storybook/main.ts b/.storybook/main.ts index 5453627f34..6a13b1b0a7 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,3 +1,4 @@ +// This file has been automatically migrated to valid ESM format by Storybook. import { defineMain } from '@storybook/react-vite/node'; import { fileURLToPath } from 'node:url'; import { createRequire } from 'node:module'; @@ -49,11 +50,16 @@ export default defineMain({ getAbsolutePath('@storybook/addon-docs'), getAbsolutePath('@storybook/addon-a11y'), getAbsolutePath('@storybook/addon-vitest'), + getAbsolutePath('@storybook/addon-mcp'), ], framework: { name: getAbsolutePath('@storybook/react-vite'), options: {}, }, + features: { + experimentalComponentsManifest: true, + experimentalCodeExamples: true, // optional + }, viteFinal: async (config, { configType }) => { // Add Node.js polyfills for browser compatibility // diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 10200ae12d..00aba69398 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -107,6 +107,13 @@ export default definePreview({ // 'dark spotify': allModes['dark spotify'], }, }, + + a11y: { + // 'todo' - show a11y violations in the test UI only + // 'error' - fail CI on a11y violations + // 'off' - skip a11y checks entirely + test: 'todo', + }, }, decorators: [ diff --git a/package.json b/package.json index f39c8f1905..909bd6efc9 100644 --- a/package.json +++ b/package.json @@ -137,12 +137,13 @@ "@octokit/rest": "^19.0.3", "@playwright/test": "^1.32.3", "@spotify/eslint-plugin": "^15.0.0", - "@storybook/addon-a11y": "^10.1.9", - "@storybook/addon-docs": "^10.1.9", - "@storybook/addon-links": "^10.1.9", - "@storybook/addon-themes": "^10.1.9", - "@storybook/addon-vitest": "^10.1.9", - "@storybook/react-vite": "^10.1.9", + "@storybook/addon-a11y": "^10.2.0-alpha.7", + "@storybook/addon-docs": "^10.2.0-alpha.7", + "@storybook/addon-links": "^10.2.0-alpha.7", + "@storybook/addon-mcp": "0.1.4-next.2", + "@storybook/addon-themes": "^10.2.0-alpha.7", + "@storybook/addon-vitest": "^10.2.0-alpha.7", + "@storybook/react-vite": "^10.2.0-alpha.7", "@techdocs/cli": "workspace:*", "@types/cacheable-request": "^8.3.6", "@types/memjs": "^1.3.3", @@ -168,7 +169,7 @@ "shx": "^0.4.0", "sloc": "^0.3.1", "sort-package-json": "^2.8.0", - "storybook": "^10.1.10", + "storybook": "^10.2.0-alpha.7", "ts-morph": "^24.0.0", "typedoc": "^0.28.0", "typescript": "~5.7.0", diff --git a/packages/ui/package.json b/packages/ui/package.json index 00b51295fd..8b83650426 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -50,7 +50,7 @@ "@types/react": "^18.0.0", "@types/react-dom": "^18.0.0", "chalk": "^5.4.1", - "eslint-plugin-storybook": "^10.1.9", + "eslint-plugin-storybook": "^10.2.0-alpha.7", "glob": "^11.0.1", "globals": "^15.11.0", "lightningcss": "^1.29.1", @@ -58,7 +58,7 @@ "react": "^18.0.2", "react-dom": "^18.0.2", "react-router-dom": "^6.3.0", - "storybook": "^10.1.10" + "storybook": "^10.2.0-alpha.7" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", diff --git a/yarn.lock b/yarn.lock index 393cd37bd7..78e29a459f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7943,7 +7943,7 @@ __metadata: "@types/react-dom": "npm:^18.0.0" chalk: "npm:^5.4.1" clsx: "npm:^2.1.1" - eslint-plugin-storybook: "npm:^10.1.9" + eslint-plugin-storybook: "npm:^10.2.0-alpha.7" glob: "npm:^11.0.1" globals: "npm:^15.11.0" lightningcss: "npm:^1.29.1" @@ -7952,7 +7952,7 @@ __metadata: react-aria-components: "npm:^1.13.0" react-dom: "npm:^18.0.2" react-router-dom: "npm:^6.3.0" - storybook: "npm:^10.1.10" + storybook: "npm:^10.2.0-alpha.7" peerDependencies: "@types/react": ^17.0.0 || ^18.0.0 react: ^17.0.0 || ^18.0.0 @@ -18828,6 +18828,13 @@ __metadata: languageName: node linkType: hard +"@standard-schema/spec@npm:^1.0.0": + version: 1.1.0 + resolution: "@standard-schema/spec@npm:1.1.0" + checksum: 10/a209615c9e8b2ea535d7db0a5f6aa0f962fd4ab73ee86a46c100fb78116964af1f55a27c1794d4801e534a196794223daa25ff5135021e03c7828aa3d95e1763 + languageName: node + linkType: hard + "@stoplight/better-ajv-errors@npm:1.0.3": version: 1.0.3 resolution: "@stoplight/better-ajv-errors@npm:1.0.3" @@ -19103,64 +19110,79 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-a11y@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/addon-a11y@npm:10.1.9" +"@storybook/addon-a11y@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/addon-a11y@npm:10.2.0-alpha.7" dependencies: "@storybook/global": "npm:^5.0.0" axe-core: "npm:^4.2.0" peerDependencies: - storybook: ^10.1.9 - checksum: 10/d004f9975d20368ce58bb6c25bc421920ed6898ae2342a821776c41b6ed7597e41f7bfe932fc6be73f7611ba053cdcd63b18cf7c9ec0e5375a0c01fe45635b0f + storybook: ^10.2.0-alpha.7 + checksum: 10/f531e8d2bbde53343734ac1b1e0a36aef65188b8acfa188eb1b3feda603932a525f1fa76503e04e300cb5953ff8a58c810f88d6f9d56cfdd0c8dd23973dfa110 languageName: node linkType: hard -"@storybook/addon-docs@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/addon-docs@npm:10.1.9" +"@storybook/addon-docs@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/addon-docs@npm:10.2.0-alpha.7" dependencies: "@mdx-js/react": "npm:^3.0.0" - "@storybook/csf-plugin": "npm:10.1.9" + "@storybook/csf-plugin": "npm:10.2.0-alpha.7" "@storybook/icons": "npm:^2.0.0" - "@storybook/react-dom-shim": "npm:10.1.9" + "@storybook/react-dom-shim": "npm:10.2.0-alpha.7" react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^10.1.9 - checksum: 10/4f24aa255b2cc3c5ad1560730e40aba5f2019a8069456e1f03043cf67de14cbb9ac26650eb805fddb6395182db62d850df127fc310a1fff49c39cf166a63aa02 + storybook: ^10.2.0-alpha.7 + checksum: 10/cc7142cd187f1f0a50ad7277ba2555e10e6d0ff57e29d699a5c260237c96b4a246aad1d51d960c56ed814a2d80638dcf67318d57644f0e4b63f0b869e8dbe379 languageName: node linkType: hard -"@storybook/addon-links@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/addon-links@npm:10.1.9" +"@storybook/addon-links@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/addon-links@npm:10.2.0-alpha.7" dependencies: "@storybook/global": "npm:^5.0.0" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 peerDependenciesMeta: react: optional: true - checksum: 10/c0f9c97b64dd50e0ea0642eb75e2f7af81548958aeef35e1d44992c7d85ee8796cc034088aebba5e81b760932e064e39b7bdc64f572bbd68d237f6870c95f52e + checksum: 10/bc868268f21766fdc274399558598d6c95400f00c15b964cd2a239581a4b8cd4ad1454d2ba018471df5c7a372f66ee1724e32f99f246d0d852995782e01e4631 languageName: node linkType: hard -"@storybook/addon-themes@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/addon-themes@npm:10.1.9" +"@storybook/addon-mcp@npm:0.1.4-next.2": + version: 0.1.4-next.2 + resolution: "@storybook/addon-mcp@npm:0.1.4-next.2" + dependencies: + "@storybook/mcp": "npm:0.0.7-next.0" + "@tmcp/adapter-valibot": "npm:^0.1.4" + "@tmcp/transport-http": "npm:^0.8.0" + tmcp: "npm:^1.16.0" + valibot: "npm:^1.1.0" + peerDependencies: + storybook: ^9.1.16 || ^10.0.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 + checksum: 10/b4d2ab875183b5edccd3a9531f385c6a4d628662d6f976d3adfb1ce483510563befa491192eb78867c5a2345a8f7b071d142a3a1c8b5274477e5c66554fa952a + languageName: node + linkType: hard + +"@storybook/addon-themes@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/addon-themes@npm:10.2.0-alpha.7" dependencies: ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^10.1.9 - checksum: 10/66d231efb94919aa89bbb92291925d96519c993d6d75326850caad432a1425c4aa93b4249bf46fffc5b41724ef007d01477045a74e55e937410d8fa7be7037f6 + storybook: ^10.2.0-alpha.7 + checksum: 10/85d3be25d89ae1b66702093fafd14f3b4ea810b6875540017d40b8d67febd2f3a6e139d9a5fa1fae38271d6a7c387ff625d0c023482d0ca39b7500fca71f23b7 languageName: node linkType: hard -"@storybook/addon-vitest@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/addon-vitest@npm:10.1.9" +"@storybook/addon-vitest@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/addon-vitest@npm:10.2.0-alpha.7" dependencies: "@storybook/global": "npm:^5.0.0" "@storybook/icons": "npm:^2.0.0" @@ -19168,7 +19190,7 @@ __metadata: "@vitest/browser": ^3.0.0 || ^4.0.0 "@vitest/browser-playwright": ^4.0.0 "@vitest/runner": ^3.0.0 || ^4.0.0 - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 vitest: ^3.0.0 || ^4.0.0 peerDependenciesMeta: "@vitest/browser": @@ -19179,33 +19201,33 @@ __metadata: optional: true vitest: optional: true - checksum: 10/8d1be8902a243d6c42a84d0acd1550014e5fa6cb509cdfbec6603e6b3d34def5f28d483f8d4289ef7be87d48f41a47f34f4f7028eef7add49cec5d98cf477a0d + checksum: 10/983b887326ab7fe21c3eb6c017659edbdf06f710327b060a15d45f9769759071a011b6f0e33bf8e02714334091fa5b715936cb23caa61050636e2691373e07fc languageName: node linkType: hard -"@storybook/builder-vite@npm:10.1.9": - version: 10.1.9 - resolution: "@storybook/builder-vite@npm:10.1.9" +"@storybook/builder-vite@npm:10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/builder-vite@npm:10.2.0-alpha.7" dependencies: - "@storybook/csf-plugin": "npm:10.1.9" + "@storybook/csf-plugin": "npm:10.2.0-alpha.7" "@vitest/mocker": "npm:3.2.4" ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 vite: ^5.0.0 || ^6.0.0 || ^7.0.0 - checksum: 10/4dc086193b45219b24e528404ed51c4dbc240a9ac20feeef88a1b051ae286264006741b402f4936745f5733c8b568e090b029aaea73bf5e3a078047aa957f8ba + checksum: 10/df83a6d775fa5f6e9e8e84bad4b66fb2039f534ad95b6d7643eff02285ad77367c16a0b9122281344a8ac16ec2bed1b140820be672807e7358630d0576d3ed41 languageName: node linkType: hard -"@storybook/csf-plugin@npm:10.1.9": - version: 10.1.9 - resolution: "@storybook/csf-plugin@npm:10.1.9" +"@storybook/csf-plugin@npm:10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/csf-plugin@npm:10.2.0-alpha.7" dependencies: unplugin: "npm:^2.3.5" peerDependencies: esbuild: "*" rollup: "*" - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 vite: "*" webpack: "*" peerDependenciesMeta: @@ -19217,7 +19239,7 @@ __metadata: optional: true webpack: optional: true - checksum: 10/604339107f7bd57f64b5b0d9ddc16a447fc0987d348cb9add5bb2fc75b568760afb3689cd51c73df48cc13bf2d82386f89da57e53f500687434d403cd7395e49 + checksum: 10/7efb9d56a21eaf26ffd0971b0d3b8d525d0227fbced7e7391cf8329eb354f9d717cdc04a156391c62b57d53ebdba6ef3e3897014cad029725dc5c68fdbf3ce3e languageName: node linkType: hard @@ -19238,25 +19260,37 @@ __metadata: languageName: node linkType: hard -"@storybook/react-dom-shim@npm:10.1.9": - version: 10.1.9 - resolution: "@storybook/react-dom-shim@npm:10.1.9" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.9 - checksum: 10/2b6e598eb8ddac80fd6cd4d888b3a8da1c352e9ffc666a1bcce6f4ac404c77cc75571a57b433e1a12f34cfd255db31fb399a7f38e70bde5d197de2d072eeac85 +"@storybook/mcp@npm:0.0.7-next.0": + version: 0.0.7-next.0 + resolution: "@storybook/mcp@npm:0.0.7-next.0" + dependencies: + "@tmcp/adapter-valibot": "npm:^0.1.4" + "@tmcp/transport-http": "npm:^0.8.0" + tmcp: "npm:^1.16.0" + valibot: "npm:^1.1.0" + checksum: 10/8a70f0f16305fcc291fb248bdd09f818a0f1960416e27ab29ea7f4ed59878f3eae0865b407f7fbdba159727a9e9820a7ea0085fba948094cb1d946f63eeb18f4 languageName: node linkType: hard -"@storybook/react-vite@npm:^10.1.9": - version: 10.1.9 - resolution: "@storybook/react-vite@npm:10.1.9" +"@storybook/react-dom-shim@npm:10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/react-dom-shim@npm:10.2.0-alpha.7" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + storybook: ^10.2.0-alpha.7 + checksum: 10/088262c61b2a138e02ae3619df3f3a62328dd7fc764b1d843bc1464e613d4d34b16c83d24aea54771fe90eb7882f9699d9d045f206a4f6302a4b7b6b5f3f5080 + languageName: node + linkType: hard + +"@storybook/react-vite@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/react-vite@npm:10.2.0-alpha.7" dependencies: "@joshwooding/vite-plugin-react-docgen-typescript": "npm:^0.6.3" "@rollup/pluginutils": "npm:^5.0.2" - "@storybook/builder-vite": "npm:10.1.9" - "@storybook/react": "npm:10.1.9" + "@storybook/builder-vite": "npm:10.2.0-alpha.7" + "@storybook/react": "npm:10.2.0-alpha.7" empathic: "npm:^2.0.0" magic-string: "npm:^0.30.0" react-docgen: "npm:^8.0.0" @@ -19265,28 +19299,28 @@ __metadata: peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 vite: ^5.0.0 || ^6.0.0 || ^7.0.0 - checksum: 10/e55978b8eaee2f5d9a7b30c2547d3f29497468c0bac5f20308633554f381d066d2f0549a4997d9ec29693f018d6889d9b9c4bfb4b2e822c4730999fa1605c573 + checksum: 10/495c2955fe68549f9be3a39dbf60b68cd9e0ed016de5eabd98c40725bd3c3cfd1a8c493ac5906bf8119ce16b75a1f997d721492cad4110673e62da8d8e6fe1a3 languageName: node linkType: hard -"@storybook/react@npm:10.1.9": - version: 10.1.9 - resolution: "@storybook/react@npm:10.1.9" +"@storybook/react@npm:10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "@storybook/react@npm:10.2.0-alpha.7" dependencies: "@storybook/global": "npm:^5.0.0" - "@storybook/react-dom-shim": "npm:10.1.9" + "@storybook/react-dom-shim": "npm:10.2.0-alpha.7" react-docgen: "npm:^8.0.2" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.9 + storybook: ^10.2.0-alpha.7 typescript: ">= 4.9.x" peerDependenciesMeta: typescript: optional: true - checksum: 10/964f5a3b77638597289c72be0991323fcbe0f5d7451b5c7bceac7e998dd819897936fb486e38d0b70e42507ca6895850d9a484acc8d171a6ecbd9ce41a0b19ad + checksum: 10/f0240fa8d72fc9b54380a9f50145b66a4285fdf3b69c51b042e45d2080f845580a4473614f2cd3ee472022cacb6a4ccc71b54a2a61382d86767d57604075b5ae languageName: node linkType: hard @@ -20133,6 +20167,45 @@ __metadata: languageName: node linkType: hard +"@tmcp/adapter-valibot@npm:^0.1.4": + version: 0.1.5 + resolution: "@tmcp/adapter-valibot@npm:0.1.5" + dependencies: + "@standard-schema/spec": "npm:^1.0.0" + "@valibot/to-json-schema": "npm:^1.3.0" + valibot: "npm:^1.1.0" + peerDependencies: + tmcp: ^1.17.0 + valibot: ^1.1.0 + checksum: 10/3affc173d69dd4e4bc502d9af1cc62951baf7505442883f888b4cf03278a9b50308dfce118adbbfa617a589976c0daf57e5043190f2d44595816dc98c0a26d66 + languageName: node + linkType: hard + +"@tmcp/session-manager@npm:^0.2.1": + version: 0.2.1 + resolution: "@tmcp/session-manager@npm:0.2.1" + peerDependencies: + tmcp: ^1.16.3 + checksum: 10/fc063ae9adaecb799c806c683f9ac4946ccf9c54de61f41825e6967473971da99545a061396c9d0ec40506d8f6eedcf7f134df42125476f2d76a4890f5dc0462 + languageName: node + linkType: hard + +"@tmcp/transport-http@npm:^0.8.0": + version: 0.8.3 + resolution: "@tmcp/transport-http@npm:0.8.3" + dependencies: + "@tmcp/session-manager": "npm:^0.2.1" + esm-env: "npm:^1.2.2" + peerDependencies: + "@tmcp/auth": ^0.3.3 || ^0.4.0 + tmcp: ^1.18.0 + peerDependenciesMeta: + "@tmcp/auth": + optional: true + checksum: 10/049516cd3525948bb2b40a400ceef9b4fb3ed0668e67cb88cf355644e8cf1743fa57fc5370de0fa3e085cd82ee39093752f2e503af22b04a55a28a70f644be9c + languageName: node + linkType: hard + "@tokenizer/inflate@npm:^0.3.1": version: 0.3.1 resolution: "@tokenizer/inflate@npm:0.3.1" @@ -22844,6 +22917,15 @@ __metadata: languageName: node linkType: hard +"@valibot/to-json-schema@npm:^1.3.0": + version: 1.5.0 + resolution: "@valibot/to-json-schema@npm:1.5.0" + peerDependencies: + valibot: ^1.2.0 + checksum: 10/ea6285b258775f9112ad9b6a00bc6c7ab1af6491937e65edf43232a1ecf490cde3d14cd8474103684097ddcd9230bcd16d08805f3e0b62ecffa9d283f977c9b5 + languageName: node + linkType: hard + "@vitest/expect@npm:3.2.4, @vitest/expect@npm:>1.6.0": version: 3.2.4 resolution: "@vitest/expect@npm:3.2.4" @@ -30107,15 +30189,15 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-storybook@npm:^10.1.9": - version: 10.1.9 - resolution: "eslint-plugin-storybook@npm:10.1.9" +"eslint-plugin-storybook@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.7 + resolution: "eslint-plugin-storybook@npm:10.2.0-alpha.7" dependencies: "@typescript-eslint/utils": "npm:^8.8.1" peerDependencies: eslint: ">=8" - storybook: ^10.1.9 - checksum: 10/65ea272cf450373d8b1f718f6c1ab878309f88b7cb2b27071b941d2b9d3402b0a102c1a83565c3bec64a9bc4a99ccbc8c25860fdf3112fed4dbfbe56361b0213 + storybook: ^10.2.0-alpha.7 + checksum: 10/69e45c19a3d9e83a9e2454382dee4fe8f02ca8708d0bb485eb5ed6f55d1a854b106b9c2c280e56886be97913d8d468fda24e6c147de5a9bd385a3c597f205211 languageName: node linkType: hard @@ -30257,6 +30339,13 @@ __metadata: languageName: node linkType: hard +"esm-env@npm:^1.2.2": + version: 1.2.2 + resolution: "esm-env@npm:1.2.2" + checksum: 10/caf5f3cc2bc7107494585b4e38835787f48ef77b670aeb2d765a5b6b64c41102d20bbdd34bda32474291b6b8d819d4d02ce92570a0886baca6cef70f5fe689f3 + languageName: node + linkType: hard + "esm@npm:^3.2.25": version: 3.2.25 resolution: "esm@npm:3.2.25" @@ -35914,6 +36003,13 @@ __metadata: languageName: node linkType: hard +"json-rpc-2.0@npm:^1.7.1": + version: 1.7.1 + resolution: "json-rpc-2.0@npm:1.7.1" + checksum: 10/d5b91fc7fede0ff3f1fde915fa9b142cf0980fa01282572cf9373a45184b34b377e0738d05b41d3859eaebdd20f692073eebc0c5da4990a3c4633132eab52f08 + languageName: node + linkType: hard + "json-schema-compare@npm:^0.2.2": version: 0.2.2 resolution: "json-schema-compare@npm:0.2.2" @@ -45114,12 +45210,13 @@ __metadata: "@octokit/rest": "npm:^19.0.3" "@playwright/test": "npm:^1.32.3" "@spotify/eslint-plugin": "npm:^15.0.0" - "@storybook/addon-a11y": "npm:^10.1.9" - "@storybook/addon-docs": "npm:^10.1.9" - "@storybook/addon-links": "npm:^10.1.9" - "@storybook/addon-themes": "npm:^10.1.9" - "@storybook/addon-vitest": "npm:^10.1.9" - "@storybook/react-vite": "npm:^10.1.9" + "@storybook/addon-a11y": "npm:^10.2.0-alpha.7" + "@storybook/addon-docs": "npm:^10.2.0-alpha.7" + "@storybook/addon-links": "npm:^10.2.0-alpha.7" + "@storybook/addon-mcp": "npm:0.1.4-next.2" + "@storybook/addon-themes": "npm:^10.2.0-alpha.7" + "@storybook/addon-vitest": "npm:^10.2.0-alpha.7" + "@storybook/react-vite": "npm:^10.2.0-alpha.7" "@techdocs/cli": "workspace:*" "@types/cacheable-request": "npm:^8.3.6" "@types/global-agent": "npm:^2.1.3" @@ -45147,7 +45244,7 @@ __metadata: shx: "npm:^0.4.0" sloc: "npm:^0.3.1" sort-package-json: "npm:^2.8.0" - storybook: "npm:^10.1.10" + storybook: "npm:^10.2.0-alpha.7" ts-morph: "npm:^24.0.0" typedoc: "npm:^0.28.0" typescript: "npm:~5.7.0" @@ -46430,6 +46527,13 @@ __metadata: languageName: node linkType: hard +"sqids@npm:^0.3.0": + version: 0.3.0 + resolution: "sqids@npm:0.3.0" + checksum: 10/68f30434dae278a3ec030c2b16447cefd32129f73350aa3312ca55df48a8ba36bac0d9d2bef625020f13d57568586b6fa2bbbffa3051e55b6a3654caec31a8b6 + languageName: node + linkType: hard + "sqlstring@npm:^2.3.2": version: 2.3.2 resolution: "sqlstring@npm:2.3.2" @@ -46614,9 +46718,9 @@ __metadata: languageName: node linkType: hard -"storybook@npm:^10.1.10": - version: 10.1.10 - resolution: "storybook@npm:10.1.10" +"storybook@npm:^10.2.0-alpha.7": + version: 10.2.0-alpha.8 + resolution: "storybook@npm:10.2.0-alpha.8" dependencies: "@storybook/global": "npm:^5.0.0" "@storybook/icons": "npm:^2.0.0" @@ -46637,7 +46741,7 @@ __metadata: optional: true bin: storybook: ./dist/bin/dispatcher.js - checksum: 10/c1f01c7ab57e80d2f2ef3a5c49baad5904e77c8e079199ad134e98a7ae455d52422390cd704e64142b36668874c055670dbffe0e334e1f4d541ebd4384052dd7 + checksum: 10/bf7c2797b832ccb21efa68ae901ca3202e572762bd66b4a51ae2b2505dcc259402b7c81363b67675a7c81086bb90ca6e234965e10c4237f5cea1ab6739c88f39 languageName: node linkType: hard @@ -47927,6 +48031,19 @@ __metadata: languageName: node linkType: hard +"tmcp@npm:^1.16.0": + version: 1.19.0 + resolution: "tmcp@npm:1.19.0" + dependencies: + "@standard-schema/spec": "npm:^1.0.0" + json-rpc-2.0: "npm:^1.7.1" + sqids: "npm:^0.3.0" + uri-template-matcher: "npm:^1.1.1" + valibot: "npm:^1.1.0" + checksum: 10/f5a3f0ae48b6fcccc7b1bd0261706c92c43941f4b9498048736b2fa847da6d1547ca425f9dc296af1bd37a0bbd6f0190eee3d7f89555325056ade8d84d97d68b + languageName: node + linkType: hard + "tmp@npm:^0.2.5": version: 0.2.5 resolution: "tmp@npm:0.2.5" @@ -49259,6 +49376,13 @@ __metadata: languageName: node linkType: hard +"uri-template-matcher@npm:^1.1.1": + version: 1.1.2 + resolution: "uri-template-matcher@npm:1.1.2" + checksum: 10/fe9214a1cd3a6769ea9d1e16fdb1edcc74f3aa24cbdde4da02fbf6dbc358645cd08b818ec94eff7a15310e08e9dbfb48f73659bf121a9f6517ca9182defcb0ba + languageName: node + linkType: hard + "uri-template@npm:^2.0.0": version: 2.0.0 resolution: "uri-template@npm:2.0.0" @@ -49575,6 +49699,18 @@ __metadata: languageName: node linkType: hard +"valibot@npm:^1.1.0": + version: 1.2.0 + resolution: "valibot@npm:1.2.0" + peerDependencies: + typescript: ">=5" + peerDependenciesMeta: + typescript: + optional: true + checksum: 10/5f9c15e6f5a2b8eae75332a3317e46e995a1763efe1b91e57bc5064e36f0feba734367c88013d53255bdf09fb9204bf3598d2ca0c3f468c8726095b1c3551926 + languageName: node + linkType: hard + "valid-url@npm:^1.0.9": version: 1.0.9 resolution: "valid-url@npm:1.0.9" From 147364b4a8d8437e1dec95e75f516681d4d0db7f Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 18 Dec 2025 14:15:28 +0000 Subject: [PATCH 2/5] Add Storybook manifest Signed-off-by: Charles de Dreuille --- .storybook/preview.tsx | 1 + .../components/home/templates/CustomizableTemplate.stories.tsx | 1 + .../src/components/home/templates/DefaultTemplate.stories.tsx | 1 + .../src/components/AutoLogout/StillTherePrompt.stories.tsx | 1 + .../core-components/src/components/Avatar/Avatar.stories.tsx | 1 + packages/core-components/src/components/Chip/Chip.stories.tsx | 1 + .../src/components/CodeSnippet/CodeSnippet.stories.tsx | 1 + .../src/components/CopyTextButton/CopyTextButton.stories.tsx | 1 + .../src/components/DependencyGraph/DependencyGraph.stories.tsx | 1 + .../core-components/src/components/Dialog/Dialog.stories.tsx | 1 + .../components/DismissableBanner/DismissableBanner.stories.tsx | 1 + .../core-components/src/components/Drawer/Drawer.stories.tsx | 1 + .../src/components/EmptyState/EmptyState.stories.tsx | 1 + .../src/components/FavoriteToggle/FavoriteToggle.stories.tsx | 1 + .../components/HeaderIconLinkRow/HeaderIconLinkRow.stories.tsx | 1 + .../components/HeaderIconLinkRow/IconLinkVertical.stories.tsx | 1 + .../HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx | 1 + .../src/components/Lifecycle/Lifecycle.stories.tsx | 1 + packages/core-components/src/components/Link/Link.stories.tsx | 1 + .../src/components/LinkButton/LinkButton.stories.tsx | 1 + .../src/components/LogViewer/LogViewer.stories.tsx | 1 + .../src/components/MarkdownContent/MarkdownContent.stories.tsx | 1 + .../src/components/OverflowTooltip/OverflowTooltip.stories.tsx | 1 + .../core-components/src/components/Progress/Progress.stories.tsx | 1 + .../src/components/ProgressBars/Gauge.stories.tsx | 1 + .../src/components/ProgressBars/GaugeCard.stories.tsx | 1 + .../src/components/ProgressBars/LinearGauge.stories.tsx | 1 + .../components/ResponseErrorPanel/ResponseErrorPanel.stories.tsx | 1 + .../core-components/src/components/Select/Select.stories.tsx | 1 + .../src/components/SimpleStepper/SimpleStepper.stories.tsx | 1 + .../core-components/src/components/Status/Status.stories.tsx | 1 + .../StructuredMetadataTable/StructuredMetadataTable.stories.tsx | 1 + .../src/components/TabbedLayout/TabbedLayout.stories.tsx | 1 + packages/core-components/src/components/Table/Table.stories.tsx | 1 + .../src/components/TrendLine/TrendLine.stories.tsx | 1 + .../src/components/WarningPanel/WarningPanel.stories.tsx | 1 + .../core-components/src/layout/BottomLink/BottomLink.stories.tsx | 1 + .../src/layout/Breadcrumbs/Breadcrumbs.stories.tsx | 1 + packages/core-components/src/layout/Content/Content.stories.tsx | 1 + .../src/layout/ContentHeader/ContentHeader.stories.tsx | 1 + packages/core-components/src/layout/Header/Header.stories.tsx | 1 + .../src/layout/HeaderActionMenu/HeaderActionMenu.stories.tsx | 1 + .../src/layout/HeaderLabel/HeaderLabel.stories.tsx | 1 + .../core-components/src/layout/HeaderTabs/HeaderTabs.stories.tsx | 1 + .../core-components/src/layout/InfoCard/InfoCard.stories.tsx | 1 + .../core-components/src/layout/ItemCard/ItemCard.stories.tsx | 1 + packages/core-components/src/layout/Page/Page.stories.tsx | 1 + packages/core-components/src/layout/Sidebar/Sidebar.stories.tsx | 1 + .../core-components/src/layout/TabbedCard/TabbedCard.stories.tsx | 1 + .../CatalogAutocomplete/CatalogAutocomplete.stories.tsx | 1 + .../components/EntityDisplayName/EntityDisplayName.stories.tsx | 1 + .../EntityPeekAheadPopover/EntityPeekAheadPopover.stories.tsx | 1 + .../src/components/EntityRefLink/EntityRefLink.stories.tsx | 1 + .../src/components/EntityRefLink/EntityRefLinks.stories.tsx | 1 + .../src/homePageComponents/CompanyLogo/CompanyLogo.stories.tsx | 1 + .../FeaturedDocsCard/FeaturedDocsCard.stories.tsx | 1 + .../HeaderWorldClock/HeaderWorldClock.stories.tsx | 1 + .../src/homePageComponents/QuickStart/QuickStart.stories.tsx | 1 + .../StarredEntities/StarredEntities.stories.tsx | 1 + plugins/home/src/homePageComponents/Toolkit/Toolkit.stories.tsx | 1 + .../VisitedByType/HomePageVisitedByType.stories.tsx | 1 + .../src/homePageComponents/WelcomeTitle/WelcomeTitle.stories.tsx | 1 + .../src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx | 1 + .../Cards/User/UserProfileCard/UserProfileCard.stories.tsx | 1 + .../DefaultResultListItem/DefaultResultListItem.stories.tsx | 1 + .../components/SearchAutocomplete/SearchAutocomplete.stories.tsx | 1 + .../SearchAutocompleteDefaultOption.stories.tsx | 1 + .../search-react/src/components/SearchBar/SearchBar.stories.tsx | 1 + .../src/components/SearchFilter/SearchFilter.stories.tsx | 1 + .../src/components/SearchPagination/SearchPagination.stories.tsx | 1 + .../src/components/SearchResult/SearchResult.stories.tsx | 1 + .../components/SearchResultGroup/SearchResultGroup.stories.tsx | 1 + .../src/components/SearchResultList/SearchResultList.stories.tsx | 1 + .../components/HomePageComponent/HomePageSearchBar.stories.tsx | 1 + .../search/src/components/SearchModal/SearchModal.stories.tsx | 1 + plugins/search/src/components/SearchType/SearchType.stories.tsx | 1 + 76 files changed, 76 insertions(+) diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 00aba69398..d22fd04bee 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -21,6 +21,7 @@ import './storybook.css'; import './themes/spotify.css'; export default definePreview({ + tags: ['manifest'], globalTypes: { themeMode: { name: 'Theme Mode', diff --git a/packages/app/src/components/home/templates/CustomizableTemplate.stories.tsx b/packages/app/src/components/home/templates/CustomizableTemplate.stories.tsx index 325fee4ca4..2711a95bf5 100644 --- a/packages/app/src/components/home/templates/CustomizableTemplate.stories.tsx +++ b/packages/app/src/components/home/templates/CustomizableTemplate.stories.tsx @@ -78,6 +78,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4'); export default { title: 'Plugins/Home/Templates', + tags: ['!manifest'], decorators: [ (Story: ComponentType<{}>) => wrapInTestApp( diff --git a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx index 9ac8bdaaf8..d01c6aabdf 100644 --- a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx +++ b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx @@ -86,6 +86,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4'); export default { title: 'Plugins/Home/Templates', + tags: ['!manifest'], decorators: [ (Story: ComponentType>) => wrapInTestApp( diff --git a/packages/core-components/src/components/AutoLogout/StillTherePrompt.stories.tsx b/packages/core-components/src/components/AutoLogout/StillTherePrompt.stories.tsx index 7de1bef509..a55f4031a6 100644 --- a/packages/core-components/src/components/AutoLogout/StillTherePrompt.stories.tsx +++ b/packages/core-components/src/components/AutoLogout/StillTherePrompt.stories.tsx @@ -18,6 +18,7 @@ import { StillTherePrompt, StillTherePromptProps } from './StillTherePrompt'; export default { title: 'Data Display/StillTherePrompt', component: StillTherePrompt, + tags: ['!manifest'], }; export const Open = (args: StillTherePromptProps) => ( diff --git a/packages/core-components/src/components/Avatar/Avatar.stories.tsx b/packages/core-components/src/components/Avatar/Avatar.stories.tsx index 4843e2bb73..b51da0acb4 100644 --- a/packages/core-components/src/components/Avatar/Avatar.stories.tsx +++ b/packages/core-components/src/components/Avatar/Avatar.stories.tsx @@ -28,6 +28,7 @@ const useStyles = makeStyles({ export default { title: 'Data Display/Avatar', component: Avatar, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/Chip/Chip.stories.tsx b/packages/core-components/src/components/Chip/Chip.stories.tsx index a20a6d5699..b981d34ec7 100644 --- a/packages/core-components/src/components/Chip/Chip.stories.tsx +++ b/packages/core-components/src/components/Chip/Chip.stories.tsx @@ -53,6 +53,7 @@ export default { }, }, }, + tags: ['!manifest'], }; export const Default = (args: ChipProps) => ; diff --git a/packages/core-components/src/components/CodeSnippet/CodeSnippet.stories.tsx b/packages/core-components/src/components/CodeSnippet/CodeSnippet.stories.tsx index bea5cf778e..d5dacced13 100644 --- a/packages/core-components/src/components/CodeSnippet/CodeSnippet.stories.tsx +++ b/packages/core-components/src/components/CodeSnippet/CodeSnippet.stories.tsx @@ -20,6 +20,7 @@ import { InfoCard } from '../../layout/InfoCard'; export default { title: 'Data Display/CodeSnippet', component: CodeSnippet, + tags: ['!manifest'], }; const containerStyle = { width: 300 }; diff --git a/packages/core-components/src/components/CopyTextButton/CopyTextButton.stories.tsx b/packages/core-components/src/components/CopyTextButton/CopyTextButton.stories.tsx index 39c6782207..233c41aff8 100644 --- a/packages/core-components/src/components/CopyTextButton/CopyTextButton.stories.tsx +++ b/packages/core-components/src/components/CopyTextButton/CopyTextButton.stories.tsx @@ -19,6 +19,7 @@ import { CopyTextButton } from './CopyTextButton'; export default { title: 'Inputs/CopyTextButton', component: CopyTextButton, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/DependencyGraph/DependencyGraph.stories.tsx b/packages/core-components/src/components/DependencyGraph/DependencyGraph.stories.tsx index 3ed4a25730..ae6c235638 100644 --- a/packages/core-components/src/components/DependencyGraph/DependencyGraph.stories.tsx +++ b/packages/core-components/src/components/DependencyGraph/DependencyGraph.stories.tsx @@ -20,6 +20,7 @@ import { DependencyGraphTypes as Types } from './types'; export default { title: 'Data Display/DependencyGraph', component: DependencyGraph, + tags: ['!manifest'], }; const containerStyle = { width: '100%' }; diff --git a/packages/core-components/src/components/Dialog/Dialog.stories.tsx b/packages/core-components/src/components/Dialog/Dialog.stories.tsx index 7171e9c543..d80fc51773 100644 --- a/packages/core-components/src/components/Dialog/Dialog.stories.tsx +++ b/packages/core-components/src/components/Dialog/Dialog.stories.tsx @@ -27,6 +27,7 @@ import CloseIcon from '@material-ui/icons/Close'; const meta = { title: 'Layout/Dialog', component: Dialog, + tags: ['!manifest'], }; export default meta; diff --git a/packages/core-components/src/components/DismissableBanner/DismissableBanner.stories.tsx b/packages/core-components/src/components/DismissableBanner/DismissableBanner.stories.tsx index 86c7270719..c2340c913a 100644 --- a/packages/core-components/src/components/DismissableBanner/DismissableBanner.stories.tsx +++ b/packages/core-components/src/components/DismissableBanner/DismissableBanner.stories.tsx @@ -30,6 +30,7 @@ export default { control: { type: 'select' }, }, }, + tags: ['!manifest'], }; const containerStyle = { width: '70%' }; diff --git a/packages/core-components/src/components/Drawer/Drawer.stories.tsx b/packages/core-components/src/components/Drawer/Drawer.stories.tsx index 0c7e8dbfdb..abf0ab9082 100644 --- a/packages/core-components/src/components/Drawer/Drawer.stories.tsx +++ b/packages/core-components/src/components/Drawer/Drawer.stories.tsx @@ -25,6 +25,7 @@ import Close from '@material-ui/icons/Close'; export default { title: 'Layout/Drawer', component: Drawer, + tags: ['!manifest'], }; const useDrawerStyles = makeStyles((theme: Theme) => diff --git a/packages/core-components/src/components/EmptyState/EmptyState.stories.tsx b/packages/core-components/src/components/EmptyState/EmptyState.stories.tsx index 07f6ea8fa1..a185b95e88 100644 --- a/packages/core-components/src/components/EmptyState/EmptyState.stories.tsx +++ b/packages/core-components/src/components/EmptyState/EmptyState.stories.tsx @@ -21,6 +21,7 @@ import { MissingAnnotationEmptyState } from './MissingAnnotationEmptyState'; export default { title: 'Feedback/EmptyState', component: EmptyState, + tags: ['!manifest'], }; const containerStyle = { width: '100%', height: '100vh' }; diff --git a/packages/core-components/src/components/FavoriteToggle/FavoriteToggle.stories.tsx b/packages/core-components/src/components/FavoriteToggle/FavoriteToggle.stories.tsx index af3787023a..aec3739e6c 100644 --- a/packages/core-components/src/components/FavoriteToggle/FavoriteToggle.stories.tsx +++ b/packages/core-components/src/components/FavoriteToggle/FavoriteToggle.stories.tsx @@ -29,6 +29,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/packages/core-components/src/components/HeaderIconLinkRow/HeaderIconLinkRow.stories.tsx b/packages/core-components/src/components/HeaderIconLinkRow/HeaderIconLinkRow.stories.tsx index a02944a827..25e0b407f9 100644 --- a/packages/core-components/src/components/HeaderIconLinkRow/HeaderIconLinkRow.stories.tsx +++ b/packages/core-components/src/components/HeaderIconLinkRow/HeaderIconLinkRow.stories.tsx @@ -24,6 +24,7 @@ type Props = { export default { title: 'Data Display/HeaderIconLinkRow', component: HeaderIconLinkRow, + tags: ['!manifest'], }; export const Default = (args: Props) => ; diff --git a/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.stories.tsx b/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.stories.tsx index 956ee6fd0e..c2d630e842 100644 --- a/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.stories.tsx +++ b/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.stories.tsx @@ -19,6 +19,7 @@ import LinkIcon from '@material-ui/icons/Link'; export default { title: 'Core/IconLinkVertical', component: IconLinkVertical, + tags: ['!manifest'], }; export const Primary = (args: IconLinkVerticalProps) => ( diff --git a/packages/core-components/src/components/HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx b/packages/core-components/src/components/HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx index 8f5904bc1d..36b4dd2026 100644 --- a/packages/core-components/src/components/HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx +++ b/packages/core-components/src/components/HorizontalScrollGrid/HorizontalScrollGrid.stories.tsx @@ -22,6 +22,7 @@ const opacityArray = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]; export default { title: 'Layout/HorizontalScrollGrid', component: HorizontalScrollGrid, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/Lifecycle/Lifecycle.stories.tsx b/packages/core-components/src/components/Lifecycle/Lifecycle.stories.tsx index 1e7db283c8..9812d0b19a 100644 --- a/packages/core-components/src/components/Lifecycle/Lifecycle.stories.tsx +++ b/packages/core-components/src/components/Lifecycle/Lifecycle.stories.tsx @@ -18,6 +18,7 @@ import { Lifecycle } from './Lifecycle'; export default { title: 'Feedback/Lifecycle', component: Lifecycle, + tags: ['!manifest'], }; export const AlphaDefault = () => ( diff --git a/packages/core-components/src/components/Link/Link.stories.tsx b/packages/core-components/src/components/Link/Link.stories.tsx index cd9cb825e5..36a73b1ef4 100644 --- a/packages/core-components/src/components/Link/Link.stories.tsx +++ b/packages/core-components/src/components/Link/Link.stories.tsx @@ -48,6 +48,7 @@ export default { { mountedRoutes: { '/hello': routeRef } }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/packages/core-components/src/components/LinkButton/LinkButton.stories.tsx b/packages/core-components/src/components/LinkButton/LinkButton.stories.tsx index 9d33ad3fc1..a333d2f789 100644 --- a/packages/core-components/src/components/LinkButton/LinkButton.stories.tsx +++ b/packages/core-components/src/components/LinkButton/LinkButton.stories.tsx @@ -63,6 +63,7 @@ export default { { mountedRoutes: { '/hello': routeRef } }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/packages/core-components/src/components/LogViewer/LogViewer.stories.tsx b/packages/core-components/src/components/LogViewer/LogViewer.stories.tsx index 984477a6f9..dba406a7c8 100644 --- a/packages/core-components/src/components/LogViewer/LogViewer.stories.tsx +++ b/packages/core-components/src/components/LogViewer/LogViewer.stories.tsx @@ -24,6 +24,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; const exampleLog = `Starting up task with 3 steps diff --git a/packages/core-components/src/components/MarkdownContent/MarkdownContent.stories.tsx b/packages/core-components/src/components/MarkdownContent/MarkdownContent.stories.tsx index b6770e7d37..ca45841b25 100644 --- a/packages/core-components/src/components/MarkdownContent/MarkdownContent.stories.tsx +++ b/packages/core-components/src/components/MarkdownContent/MarkdownContent.stories.tsx @@ -19,6 +19,7 @@ import { MarkdownContent } from './MarkdownContent'; export default { title: 'Data Display/MarkdownContent', component: MarkdownContent, + tags: ['!manifest'], }; const markdownGithubFlavored = diff --git a/packages/core-components/src/components/OverflowTooltip/OverflowTooltip.stories.tsx b/packages/core-components/src/components/OverflowTooltip/OverflowTooltip.stories.tsx index 3b5df0e358..f48002d018 100644 --- a/packages/core-components/src/components/OverflowTooltip/OverflowTooltip.stories.tsx +++ b/packages/core-components/src/components/OverflowTooltip/OverflowTooltip.stories.tsx @@ -19,6 +19,7 @@ import { OverflowTooltip } from './OverflowTooltip'; export default { title: 'Data Display/OverflowTooltip', component: OverflowTooltip, + tags: ['!manifest'], }; const text = diff --git a/packages/core-components/src/components/Progress/Progress.stories.tsx b/packages/core-components/src/components/Progress/Progress.stories.tsx index 7c7932101e..7120f699bf 100644 --- a/packages/core-components/src/components/Progress/Progress.stories.tsx +++ b/packages/core-components/src/components/Progress/Progress.stories.tsx @@ -19,6 +19,7 @@ import { Progress } from './Progress'; export default { title: 'Feedback/Progress', component: Progress, + tags: ['!manifest'], }; export const progress = () => ; diff --git a/packages/core-components/src/components/ProgressBars/Gauge.stories.tsx b/packages/core-components/src/components/ProgressBars/Gauge.stories.tsx index 4dcb788289..9578a35864 100644 --- a/packages/core-components/src/components/ProgressBars/Gauge.stories.tsx +++ b/packages/core-components/src/components/ProgressBars/Gauge.stories.tsx @@ -21,6 +21,7 @@ const containerStyle = { width: 300 }; export default { title: 'Data Display/Gauge', component: Gauge, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/ProgressBars/GaugeCard.stories.tsx b/packages/core-components/src/components/ProgressBars/GaugeCard.stories.tsx index 0377c37ef0..6b673a65d5 100644 --- a/packages/core-components/src/components/ProgressBars/GaugeCard.stories.tsx +++ b/packages/core-components/src/components/ProgressBars/GaugeCard.stories.tsx @@ -34,6 +34,7 @@ const Wrapper = ({ children }: PropsWithChildren<{}>) => ( export default { title: 'Data Display/Progress Card', component: GaugeCard, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/ProgressBars/LinearGauge.stories.tsx b/packages/core-components/src/components/ProgressBars/LinearGauge.stories.tsx index 295856bd51..eebfb7356c 100644 --- a/packages/core-components/src/components/ProgressBars/LinearGauge.stories.tsx +++ b/packages/core-components/src/components/ProgressBars/LinearGauge.stories.tsx @@ -21,6 +21,7 @@ const containerStyle = { width: 300 }; export default { title: 'Data Display/LinearGauge', component: LinearGauge, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/components/ResponseErrorPanel/ResponseErrorPanel.stories.tsx b/packages/core-components/src/components/ResponseErrorPanel/ResponseErrorPanel.stories.tsx index 7eab08f55f..050ae2ce29 100644 --- a/packages/core-components/src/components/ResponseErrorPanel/ResponseErrorPanel.stories.tsx +++ b/packages/core-components/src/components/ResponseErrorPanel/ResponseErrorPanel.stories.tsx @@ -20,6 +20,7 @@ import { ErrorPanelProps } from '../ErrorPanel'; export default { title: 'Data Display/ResponseErrorPanel', component: ResponseErrorPanel, + tags: ['!manifest'], }; export const Default = (args: ErrorPanelProps) => ( diff --git a/packages/core-components/src/components/Select/Select.stories.tsx b/packages/core-components/src/components/Select/Select.stories.tsx index f3eaea1021..d6a11244a4 100644 --- a/packages/core-components/src/components/Select/Select.stories.tsx +++ b/packages/core-components/src/components/Select/Select.stories.tsx @@ -19,6 +19,7 @@ import { SelectComponent as Select, SelectProps } from './Select'; export default { title: 'Inputs/Select', component: Select, + tags: ['!manifest'], }; const SELECT_ITEMS = [ diff --git a/packages/core-components/src/components/SimpleStepper/SimpleStepper.stories.tsx b/packages/core-components/src/components/SimpleStepper/SimpleStepper.stories.tsx index a50183b179..d99e1b0a39 100644 --- a/packages/core-components/src/components/SimpleStepper/SimpleStepper.stories.tsx +++ b/packages/core-components/src/components/SimpleStepper/SimpleStepper.stories.tsx @@ -22,6 +22,7 @@ import { SimpleStepperStep } from './SimpleStepperStep'; export default { title: 'Navigation/SimpleStepper', component: SimpleStepper, + tags: ['!manifest'], }; const defaultArgs = { diff --git a/packages/core-components/src/components/Status/Status.stories.tsx b/packages/core-components/src/components/Status/Status.stories.tsx index 1237a02432..1404ae4373 100644 --- a/packages/core-components/src/components/Status/Status.stories.tsx +++ b/packages/core-components/src/components/Status/Status.stories.tsx @@ -28,6 +28,7 @@ import { InfoCard } from '../../layout/InfoCard'; export default { title: 'Data Display/Status', component: StatusOK, + tags: ['!manifest'], }; const data = [ diff --git a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.stories.tsx b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.stories.tsx index 8a30300685..2ee11fd23d 100644 --- a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.stories.tsx +++ b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.stories.tsx @@ -41,6 +41,7 @@ const metadata = { export default { title: 'Data Display/Structured Metadata Table', component: StructuredMetadataTable, + tags: ['!manifest'], }; const Wrapper = ({ children }: PropsWithChildren<{}>) => ( diff --git a/packages/core-components/src/components/TabbedLayout/TabbedLayout.stories.tsx b/packages/core-components/src/components/TabbedLayout/TabbedLayout.stories.tsx index a4060d9d43..b0a6754fd2 100644 --- a/packages/core-components/src/components/TabbedLayout/TabbedLayout.stories.tsx +++ b/packages/core-components/src/components/TabbedLayout/TabbedLayout.stories.tsx @@ -20,6 +20,7 @@ import { TabbedLayout } from './TabbedLayout'; export default { title: 'Navigation/TabbedLayout', component: TabbedLayout, + tags: ['!manifest'], }; const Wrapper = ({ children }: PropsWithChildren<{}>) => ( diff --git a/packages/core-components/src/components/Table/Table.stories.tsx b/packages/core-components/src/components/Table/Table.stories.tsx index ac8303cde7..c17726d5fd 100644 --- a/packages/core-components/src/components/Table/Table.stories.tsx +++ b/packages/core-components/src/components/Table/Table.stories.tsx @@ -23,6 +23,7 @@ import { Table, TableColumn, TableFilter } from './Table'; export default { title: 'Data Display/Table', component: Table, + tags: ['!manifest'], }; const useStyles = makeStyles(theme => ({ diff --git a/packages/core-components/src/components/TrendLine/TrendLine.stories.tsx b/packages/core-components/src/components/TrendLine/TrendLine.stories.tsx index 2f1e9bc4f1..710c0448f4 100644 --- a/packages/core-components/src/components/TrendLine/TrendLine.stories.tsx +++ b/packages/core-components/src/components/TrendLine/TrendLine.stories.tsx @@ -21,6 +21,7 @@ import { InfoCard } from '../../layout/InfoCard'; export default { title: 'Data Display/TrendLine', component: TrendLine, + tags: ['!manifest'], }; const containerStyle = { width: 700 }; diff --git a/packages/core-components/src/components/WarningPanel/WarningPanel.stories.tsx b/packages/core-components/src/components/WarningPanel/WarningPanel.stories.tsx index 7e45f3c398..9fa950dc0c 100644 --- a/packages/core-components/src/components/WarningPanel/WarningPanel.stories.tsx +++ b/packages/core-components/src/components/WarningPanel/WarningPanel.stories.tsx @@ -22,6 +22,7 @@ import { Link } from '../Link'; export default { title: 'Feedback/Warning Panel', component: WarningPanel, + tags: ['!manifest'], }; export const Default = () => ( diff --git a/packages/core-components/src/layout/BottomLink/BottomLink.stories.tsx b/packages/core-components/src/layout/BottomLink/BottomLink.stories.tsx index 93607c35f5..345030b80c 100644 --- a/packages/core-components/src/layout/BottomLink/BottomLink.stories.tsx +++ b/packages/core-components/src/layout/BottomLink/BottomLink.stories.tsx @@ -19,6 +19,7 @@ import { BottomLink } from '../BottomLink'; export default { title: 'Layout/BottomLink', component: BottomLink, + tags: ['!manifest'], }; export const Default = (args: { link: string; title: string }) => ( diff --git a/packages/core-components/src/layout/Breadcrumbs/Breadcrumbs.stories.tsx b/packages/core-components/src/layout/Breadcrumbs/Breadcrumbs.stories.tsx index f962e4673e..cec62304ee 100644 --- a/packages/core-components/src/layout/Breadcrumbs/Breadcrumbs.stories.tsx +++ b/packages/core-components/src/layout/Breadcrumbs/Breadcrumbs.stories.tsx @@ -31,6 +31,7 @@ import { Breadcrumbs } from './Breadcrumbs'; export default { title: 'Layout/Breadcrumbs', component: Breadcrumbs, + tags: ['!manifest'], }; export const InHeader = () => ( diff --git a/packages/core-components/src/layout/Content/Content.stories.tsx b/packages/core-components/src/layout/Content/Content.stories.tsx index 8879c3c51d..eb6947b3f7 100644 --- a/packages/core-components/src/layout/Content/Content.stories.tsx +++ b/packages/core-components/src/layout/Content/Content.stories.tsx @@ -18,6 +18,7 @@ import { Content } from './Content'; export default { title: 'Layout/Content', component: Content, + tags: ['!manifest'], }; type Props = { diff --git a/packages/core-components/src/layout/ContentHeader/ContentHeader.stories.tsx b/packages/core-components/src/layout/ContentHeader/ContentHeader.stories.tsx index 6b4ced0edd..989fba81ce 100644 --- a/packages/core-components/src/layout/ContentHeader/ContentHeader.stories.tsx +++ b/packages/core-components/src/layout/ContentHeader/ContentHeader.stories.tsx @@ -20,6 +20,7 @@ import { ContentHeader } from '../ContentHeader'; export default { title: 'Layout/ContentHeader', component: ContentHeader, + tags: ['!manifest'], }; type ContentHeaderProps = { diff --git a/packages/core-components/src/layout/Header/Header.stories.tsx b/packages/core-components/src/layout/Header/Header.stories.tsx index 3b9c67fce5..a87c89544a 100644 --- a/packages/core-components/src/layout/Header/Header.stories.tsx +++ b/packages/core-components/src/layout/Header/Header.stories.tsx @@ -36,6 +36,7 @@ export default { control: { type: 'select' }, }, }, + tags: ['!manifest'], }; const labels = ( diff --git a/packages/core-components/src/layout/HeaderActionMenu/HeaderActionMenu.stories.tsx b/packages/core-components/src/layout/HeaderActionMenu/HeaderActionMenu.stories.tsx index 0fc4139dfb..b087c08d06 100644 --- a/packages/core-components/src/layout/HeaderActionMenu/HeaderActionMenu.stories.tsx +++ b/packages/core-components/src/layout/HeaderActionMenu/HeaderActionMenu.stories.tsx @@ -18,6 +18,7 @@ import { HeaderActionMenu, HeaderActionMenuProps } from './HeaderActionMenu'; export default { title: 'Layout/HeaderActionMenu', component: HeaderActionMenu, + tags: ['!manifest'], }; export const Default = (args: HeaderActionMenuProps) => ( diff --git a/packages/core-components/src/layout/HeaderLabel/HeaderLabel.stories.tsx b/packages/core-components/src/layout/HeaderLabel/HeaderLabel.stories.tsx index dd93b0768c..60028eb89c 100644 --- a/packages/core-components/src/layout/HeaderLabel/HeaderLabel.stories.tsx +++ b/packages/core-components/src/layout/HeaderLabel/HeaderLabel.stories.tsx @@ -18,6 +18,7 @@ import { HeaderLabel } from './HeaderLabel'; export default { title: 'Layout/HeaderLabel', component: HeaderLabel, + tags: ['!manifest'], }; type HeaderLabelProps = { diff --git a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.stories.tsx b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.stories.tsx index 08ea2a0648..b551bb1d04 100644 --- a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.stories.tsx +++ b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.stories.tsx @@ -18,6 +18,7 @@ import { HeaderTabs } from './HeaderTabs'; export default { title: 'Layout/HeaderTabs', component: HeaderTabs, + tags: ['!manifest'], }; export const SingleTab = (args: any) => ; diff --git a/packages/core-components/src/layout/InfoCard/InfoCard.stories.tsx b/packages/core-components/src/layout/InfoCard/InfoCard.stories.tsx index 72bc79b674..10400412c6 100644 --- a/packages/core-components/src/layout/InfoCard/InfoCard.stories.tsx +++ b/packages/core-components/src/layout/InfoCard/InfoCard.stories.tsx @@ -23,6 +23,7 @@ import { InfoCard, Props } from './InfoCard'; export default { title: 'Layout/Information Card', component: InfoCard, + tags: ['!manifest'], }; const text = ( diff --git a/packages/core-components/src/layout/ItemCard/ItemCard.stories.tsx b/packages/core-components/src/layout/ItemCard/ItemCard.stories.tsx index def451d418..4ab03c305f 100644 --- a/packages/core-components/src/layout/ItemCard/ItemCard.stories.tsx +++ b/packages/core-components/src/layout/ItemCard/ItemCard.stories.tsx @@ -27,6 +27,7 @@ import { ItemCardHeader } from './ItemCardHeader'; export default { title: 'Layout/Item Cards', + tags: ['!manifest'], }; const text = diff --git a/packages/core-components/src/layout/Page/Page.stories.tsx b/packages/core-components/src/layout/Page/Page.stories.tsx index aa0aedbe5d..2ec3afebb7 100644 --- a/packages/core-components/src/layout/Page/Page.stories.tsx +++ b/packages/core-components/src/layout/Page/Page.stories.tsx @@ -40,6 +40,7 @@ import { Page } from '../Page'; export default { title: 'Plugins/Examples', component: Page, + tags: ['!manifest'], }; interface TableData { diff --git a/packages/core-components/src/layout/Sidebar/Sidebar.stories.tsx b/packages/core-components/src/layout/Sidebar/Sidebar.stories.tsx index f02fad5095..d5720d00a7 100644 --- a/packages/core-components/src/layout/Sidebar/Sidebar.stories.tsx +++ b/packages/core-components/src/layout/Sidebar/Sidebar.stories.tsx @@ -48,6 +48,7 @@ export default { (Story: ComponentType>) => wrapInTestApp(, { mountedRoutes: { '/': routeRef } }), ], + tags: ['!manifest'], }; const handleSearch = (input: string) => { diff --git a/packages/core-components/src/layout/TabbedCard/TabbedCard.stories.tsx b/packages/core-components/src/layout/TabbedCard/TabbedCard.stories.tsx index 7c83dad083..c9019107ec 100644 --- a/packages/core-components/src/layout/TabbedCard/TabbedCard.stories.tsx +++ b/packages/core-components/src/layout/TabbedCard/TabbedCard.stories.tsx @@ -36,6 +36,7 @@ export default { ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/catalog-react/src/components/CatalogAutocomplete/CatalogAutocomplete.stories.tsx b/plugins/catalog-react/src/components/CatalogAutocomplete/CatalogAutocomplete.stories.tsx index d4328b3bae..20168e5b38 100644 --- a/plugins/catalog-react/src/components/CatalogAutocomplete/CatalogAutocomplete.stories.tsx +++ b/plugins/catalog-react/src/components/CatalogAutocomplete/CatalogAutocomplete.stories.tsx @@ -20,6 +20,7 @@ import { CatalogAutocomplete } from './CatalogAutocomplete'; export default { title: 'Catalog /CatalogAutocomplete', decorators: [(Story: ComponentType<{}>) => wrapInTestApp()], + tags: ['!manifest'], }; export const Default = (args: any) => { diff --git a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.stories.tsx b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.stories.tsx index 8ae4e8fd50..07faaae45a 100644 --- a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.stories.tsx +++ b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.stories.tsx @@ -25,6 +25,7 @@ const defaultArgs = { export default { title: 'Catalog /EntityDisplayName', decorators: [(Story: ComponentType<{}>) => wrapInTestApp()], + tags: ['!manifest'], }; export const Default = (args: EntityDisplayNameProps) => ( diff --git a/plugins/catalog-react/src/components/EntityPeekAheadPopover/EntityPeekAheadPopover.stories.tsx b/plugins/catalog-react/src/components/EntityPeekAheadPopover/EntityPeekAheadPopover.stories.tsx index 7c663de0d6..a9cf501728 100644 --- a/plugins/catalog-react/src/components/EntityPeekAheadPopover/EntityPeekAheadPopover.stories.tsx +++ b/plugins/catalog-react/src/components/EntityPeekAheadPopover/EntityPeekAheadPopover.stories.tsx @@ -89,6 +89,7 @@ export default { }, ), ], + tags: ['!manifest'], }; export const Default = (args: EntityPeekAheadPopoverProps) => ( diff --git a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.stories.tsx b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.stories.tsx index f75c3e743b..9bdb077228 100644 --- a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.stories.tsx +++ b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.stories.tsx @@ -33,6 +33,7 @@ export default { }, }), ], + tags: ['!manifest'], }; export const Default = (args: EntityRefLinkProps) => ( diff --git a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLinks.stories.tsx b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLinks.stories.tsx index b34b5db8d7..ade279b1b5 100644 --- a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLinks.stories.tsx +++ b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLinks.stories.tsx @@ -34,6 +34,7 @@ export default { }, }), ], + tags: ['!manifest'], }; export const Default = ( diff --git a/plugins/home/src/homePageComponents/CompanyLogo/CompanyLogo.stories.tsx b/plugins/home/src/homePageComponents/CompanyLogo/CompanyLogo.stories.tsx index 6c97dfe558..55710e6c1c 100644 --- a/plugins/home/src/homePageComponents/CompanyLogo/CompanyLogo.stories.tsx +++ b/plugins/home/src/homePageComponents/CompanyLogo/CompanyLogo.stories.tsx @@ -41,6 +41,7 @@ export default { }, ), ], + tags: ['!manifest'], }; const useLogoStyles = makeStyles(theme => ({ diff --git a/plugins/home/src/homePageComponents/FeaturedDocsCard/FeaturedDocsCard.stories.tsx b/plugins/home/src/homePageComponents/FeaturedDocsCard/FeaturedDocsCard.stories.tsx index 25f02e5f4e..ad51472e59 100644 --- a/plugins/home/src/homePageComponents/FeaturedDocsCard/FeaturedDocsCard.stories.tsx +++ b/plugins/home/src/homePageComponents/FeaturedDocsCard/FeaturedDocsCard.stories.tsx @@ -54,6 +54,7 @@ export default { }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.stories.tsx b/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.stories.tsx index fbc5a96c57..53b9a390e6 100644 --- a/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.stories.tsx +++ b/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.stories.tsx @@ -24,6 +24,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/home/src/homePageComponents/QuickStart/QuickStart.stories.tsx b/plugins/home/src/homePageComponents/QuickStart/QuickStart.stories.tsx index c0963b88a1..0f83f7915e 100644 --- a/plugins/home/src/homePageComponents/QuickStart/QuickStart.stories.tsx +++ b/plugins/home/src/homePageComponents/QuickStart/QuickStart.stories.tsx @@ -26,6 +26,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/home/src/homePageComponents/StarredEntities/StarredEntities.stories.tsx b/plugins/home/src/homePageComponents/StarredEntities/StarredEntities.stories.tsx index f2c294caf7..980d09c89b 100644 --- a/plugins/home/src/homePageComponents/StarredEntities/StarredEntities.stories.tsx +++ b/plugins/home/src/homePageComponents/StarredEntities/StarredEntities.stories.tsx @@ -89,6 +89,7 @@ export default { }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/home/src/homePageComponents/Toolkit/Toolkit.stories.tsx b/plugins/home/src/homePageComponents/Toolkit/Toolkit.stories.tsx index 6858982306..60ea9fea53 100644 --- a/plugins/home/src/homePageComponents/Toolkit/Toolkit.stories.tsx +++ b/plugins/home/src/homePageComponents/Toolkit/Toolkit.stories.tsx @@ -27,6 +27,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/home/src/homePageComponents/VisitedByType/HomePageVisitedByType.stories.tsx b/plugins/home/src/homePageComponents/VisitedByType/HomePageVisitedByType.stories.tsx index 85d7dbf9cc..b06f38598a 100644 --- a/plugins/home/src/homePageComponents/VisitedByType/HomePageVisitedByType.stories.tsx +++ b/plugins/home/src/homePageComponents/VisitedByType/HomePageVisitedByType.stories.tsx @@ -109,6 +109,7 @@ export default { , ), ], + tags: ['!manifest'], }; export const RecentlyDefault = () => { diff --git a/plugins/home/src/homePageComponents/WelcomeTitle/WelcomeTitle.stories.tsx b/plugins/home/src/homePageComponents/WelcomeTitle/WelcomeTitle.stories.tsx index b1eb689d1d..c189c0d4ac 100644 --- a/plugins/home/src/homePageComponents/WelcomeTitle/WelcomeTitle.stories.tsx +++ b/plugins/home/src/homePageComponents/WelcomeTitle/WelcomeTitle.stories.tsx @@ -24,6 +24,7 @@ export default { decorators: [ (Story: ComponentType>) => wrapInTestApp(), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/org/src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx b/plugins/org/src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx index 67d1073dab..ce0712f076 100644 --- a/plugins/org/src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx +++ b/plugins/org/src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx @@ -29,6 +29,7 @@ import { OwnershipCard } from './OwnershipCard'; export default { title: 'Plugins/Org/Ownership Card', component: OwnershipCard, + tags: ['!manifest'], }; const defaultEntity: GroupEntity = { diff --git a/plugins/org/src/components/Cards/User/UserProfileCard/UserProfileCard.stories.tsx b/plugins/org/src/components/Cards/User/UserProfileCard/UserProfileCard.stories.tsx index f485a4e92d..0463cc78ad 100644 --- a/plugins/org/src/components/Cards/User/UserProfileCard/UserProfileCard.stories.tsx +++ b/plugins/org/src/components/Cards/User/UserProfileCard/UserProfileCard.stories.tsx @@ -99,6 +99,7 @@ export default { }, }), ], + tags: ['!manifest'], }; const extraDetailsEntity: UserEntity = { diff --git a/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.stories.tsx b/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.stories.tsx index 9ea575139d..616dc3a4fe 100644 --- a/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.stories.tsx +++ b/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.stories.tsx @@ -38,6 +38,7 @@ export default { ), ], + tags: ['!manifest'], }; const mockSearchResult = { diff --git a/plugins/search-react/src/components/SearchAutocomplete/SearchAutocomplete.stories.tsx b/plugins/search-react/src/components/SearchAutocomplete/SearchAutocomplete.stories.tsx index da504497e0..961acfac03 100644 --- a/plugins/search-react/src/components/SearchAutocomplete/SearchAutocomplete.stories.tsx +++ b/plugins/search-react/src/components/SearchAutocomplete/SearchAutocomplete.stories.tsx @@ -44,6 +44,7 @@ export default { , ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search-react/src/components/SearchAutocomplete/SearchAutocompleteDefaultOption.stories.tsx b/plugins/search-react/src/components/SearchAutocomplete/SearchAutocompleteDefaultOption.stories.tsx index ca22974cc7..da5065752e 100644 --- a/plugins/search-react/src/components/SearchAutocomplete/SearchAutocompleteDefaultOption.stories.tsx +++ b/plugins/search-react/src/components/SearchAutocomplete/SearchAutocompleteDefaultOption.stories.tsx @@ -45,6 +45,7 @@ export default { ), ], + tags: ['!manifest'], }; export const Default = () => ( diff --git a/plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx b/plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx index e2cbfc6bc8..8b96811666 100644 --- a/plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx +++ b/plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx @@ -45,6 +45,7 @@ export default { , ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search-react/src/components/SearchFilter/SearchFilter.stories.tsx b/plugins/search-react/src/components/SearchFilter/SearchFilter.stories.tsx index 4d66bd073f..de9f137ebd 100644 --- a/plugins/search-react/src/components/SearchFilter/SearchFilter.stories.tsx +++ b/plugins/search-react/src/components/SearchFilter/SearchFilter.stories.tsx @@ -40,6 +40,7 @@ export default { ), ], + tags: ['!manifest'], }; export const CheckBoxFilter = () => { diff --git a/plugins/search-react/src/components/SearchPagination/SearchPagination.stories.tsx b/plugins/search-react/src/components/SearchPagination/SearchPagination.stories.tsx index a8318f8789..8618639462 100644 --- a/plugins/search-react/src/components/SearchPagination/SearchPagination.stories.tsx +++ b/plugins/search-react/src/components/SearchPagination/SearchPagination.stories.tsx @@ -40,6 +40,7 @@ export default { ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search-react/src/components/SearchResult/SearchResult.stories.tsx b/plugins/search-react/src/components/SearchResult/SearchResult.stories.tsx index 9bf39a5069..3dfc4c18ef 100644 --- a/plugins/search-react/src/components/SearchResult/SearchResult.stories.tsx +++ b/plugins/search-react/src/components/SearchResult/SearchResult.stories.tsx @@ -80,6 +80,7 @@ export default { , ), ], + tags: ['!manifest'], }; const CustomResultListItem = (props: { result: SearchDocument }) => { diff --git a/plugins/search-react/src/components/SearchResultGroup/SearchResultGroup.stories.tsx b/plugins/search-react/src/components/SearchResultGroup/SearchResultGroup.stories.tsx index 37c6a4b8fb..16cfbdfccc 100644 --- a/plugins/search-react/src/components/SearchResultGroup/SearchResultGroup.stories.tsx +++ b/plugins/search-react/src/components/SearchResultGroup/SearchResultGroup.stories.tsx @@ -82,6 +82,7 @@ export default { { mountedRoutes: { '/': routeRef } }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search-react/src/components/SearchResultList/SearchResultList.stories.tsx b/plugins/search-react/src/components/SearchResultList/SearchResultList.stories.tsx index a006dc89d6..39c2461350 100644 --- a/plugins/search-react/src/components/SearchResultList/SearchResultList.stories.tsx +++ b/plugins/search-react/src/components/SearchResultList/SearchResultList.stories.tsx @@ -74,6 +74,7 @@ export default { { mountedRoutes: { '/': routeRef } }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search/src/components/HomePageComponent/HomePageSearchBar.stories.tsx b/plugins/search/src/components/HomePageComponent/HomePageSearchBar.stories.tsx index a8331396a0..a42eb93468 100644 --- a/plugins/search/src/components/HomePageComponent/HomePageSearchBar.stories.tsx +++ b/plugins/search/src/components/HomePageComponent/HomePageSearchBar.stories.tsx @@ -40,6 +40,7 @@ export default { }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search/src/components/SearchModal/SearchModal.stories.tsx b/plugins/search/src/components/SearchModal/SearchModal.stories.tsx index 266fadeb87..5847904f51 100644 --- a/plugins/search/src/components/SearchModal/SearchModal.stories.tsx +++ b/plugins/search/src/components/SearchModal/SearchModal.stories.tsx @@ -85,6 +85,7 @@ export default { { mountedRoutes: { '/search': rootRouteRef } }, ), ], + tags: ['!manifest'], }; export const Default = () => { diff --git a/plugins/search/src/components/SearchType/SearchType.stories.tsx b/plugins/search/src/components/SearchType/SearchType.stories.tsx index 7ace231b40..d892d2da7a 100644 --- a/plugins/search/src/components/SearchType/SearchType.stories.tsx +++ b/plugins/search/src/components/SearchType/SearchType.stories.tsx @@ -44,6 +44,7 @@ export default { ), ], + tags: ['!manifest'], }; const values = ['value-1', 'value-2', 'value-3']; From a970457e605c472b5c5d363ce67e9e2314e00ee3 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 18 Dec 2025 15:43:31 +0000 Subject: [PATCH 3/5] Fixes stories for manifest Signed-off-by: Charles de Dreuille --- packages/ui/src/components/Button/Button.tsx | 31 ++++++++++++++++++- .../ui/src/components/Card/Card.stories.tsx | 3 +- .../src/components/Dialog/Dialog.stories.tsx | 18 ++++------- .../ui/src/components/Grid/Grid.stories.tsx | 2 ++ .../src/components/Header/Header.stories.tsx | 5 +-- .../PasswordField/PasswordField.stories.tsx | 4 +-- .../components/TagGroup/TagGroup.stories.tsx | 22 ++++++------- .../TextField/TextField.stories.tsx | 4 +-- 8 files changed, 53 insertions(+), 36 deletions(-) diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx index f010e5e57d..2ead32fccd 100644 --- a/packages/ui/src/components/Button/Button.tsx +++ b/packages/ui/src/components/Button/Button.tsx @@ -23,7 +23,36 @@ import { useStyles } from '../../hooks/useStyles'; import { ButtonDefinition } from './definition'; import styles from './Button.module.css'; -/** @public */ +/** + * A button component built on React Aria Components that provides accessible + * interactive elements for triggering actions. + * + * @remarks + * The Button component supports multiple variants (primary, secondary, tertiary, danger), + * sizes (small, medium), and states including loading and disabled. It automatically + * handles keyboard navigation, focus management, and ARIA attributes for accessibility. + * + * @example + * Basic usage: + * ```tsx + * + * ``` + * + * @example + * With icons and loading state: + * ```tsx + * + * ``` + * + * @public + */ export const Button = forwardRef( (props: ButtonProps, ref: Ref) => { const { classNames, dataAttributes, cleanedProps } = useStyles( diff --git a/packages/ui/src/components/Card/Card.stories.tsx b/packages/ui/src/components/Card/Card.stories.tsx index f2a9c9bf07..438dd0e353 100644 --- a/packages/ui/src/components/Card/Card.stories.tsx +++ b/packages/ui/src/components/Card/Card.stories.tsx @@ -33,14 +33,13 @@ export const Default = meta.story({ ), }); -export const CustomSize = meta.story({ +export const CustomSize = Default.extend({ args: { style: { width: '300px', height: '200px', }, }, - render: Default.input.render, }); export const WithLongBody = meta.story({ diff --git a/packages/ui/src/components/Dialog/Dialog.stories.tsx b/packages/ui/src/components/Dialog/Dialog.stories.tsx index 7c7edc1801..a91fecdbd6 100644 --- a/packages/ui/src/components/Dialog/Dialog.stories.tsx +++ b/packages/ui/src/components/Dialog/Dialog.stories.tsx @@ -143,30 +143,26 @@ export const FixedWidth = meta.story({ ), }); -export const FixedHeight = meta.story({ +export const FixedHeight = FixedWidth.extend({ args: { defaultOpen: true, + width: undefined, height: 500, }, - render: FixedWidth.input.render, }); -export const FixedWidthAndHeight = meta.story({ +export const FixedWidthAndHeight = FixedWidth.extend({ args: { - defaultOpen: true, - width: 600, height: 400, }, - render: FixedWidth.input.render, }); -export const FullWidthAndHeight = meta.story({ +export const FullWidthAndHeight = FixedWidth.extend({ args: { defaultOpen: true, width: '100%', height: '100%', }, - render: FixedWidth.input.render, }); export const Confirmation = meta.story({ @@ -233,18 +229,16 @@ export const WithForm = meta.story({ ), }); -export const PreviewFixedWidthAndHeight = meta.story({ +export const PreviewFixedWidthAndHeight = FixedWidth.extend({ args: { defaultOpen: undefined, width: 600, height: 400, }, - render: FixedWidth.input.render, }); -export const PreviewWithForm = meta.story({ +export const PreviewWithForm = WithForm.extend({ args: { defaultOpen: undefined, }, - render: WithForm.input.render, }); diff --git a/packages/ui/src/components/Grid/Grid.stories.tsx b/packages/ui/src/components/Grid/Grid.stories.tsx index 56251b6085..1a71310d29 100644 --- a/packages/ui/src/components/Grid/Grid.stories.tsx +++ b/packages/ui/src/components/Grid/Grid.stories.tsx @@ -22,6 +22,8 @@ import { Flex } from '../Flex'; const meta = preview.meta({ title: 'Backstage UI/Grid', component: Grid.Root, + // We will add this story in the manifest when the component is not composed. + tags: ['!manifest'], }); const FakeBox = () => ( diff --git a/packages/ui/src/components/Header/Header.stories.tsx b/packages/ui/src/components/Header/Header.stories.tsx index 7d1aa3a00a..ba2c5b9abf 100644 --- a/packages/ui/src/components/Header/Header.stories.tsx +++ b/packages/ui/src/components/Header/Header.stories.tsx @@ -240,13 +240,10 @@ export const WithCustomActions = meta.story({ ), }); -export const WithAllOptionsAndTabs = meta.story({ +export const WithAllOptionsAndTabs = WithCustomActions.extend({ args: { - ...WithCustomActions.input.args, tabs, }, - decorators: [withRouter], - render: WithCustomActions.input.render, }); export const WithHeaderPage = meta.story({ diff --git a/packages/ui/src/components/PasswordField/PasswordField.stories.tsx b/packages/ui/src/components/PasswordField/PasswordField.stories.tsx index 5f6a74d992..8025ce7217 100644 --- a/packages/ui/src/components/PasswordField/PasswordField.stories.tsx +++ b/packages/ui/src/components/PasswordField/PasswordField.stories.tsx @@ -99,12 +99,10 @@ export const WithIcon = meta.story({ ), }); -export const DisabledWithIcon = meta.story({ +export const DisabledWithIcon = WithIcon.extend({ args: { - ...WithIcon.input.args, isDisabled: true, }, - render: WithIcon.input.render, }); export const ShowError = meta.story({ diff --git a/packages/ui/src/components/TagGroup/TagGroup.stories.tsx b/packages/ui/src/components/TagGroup/TagGroup.stories.tsx index d33eed8bf1..7d4ee4173e 100644 --- a/packages/ui/src/components/TagGroup/TagGroup.stories.tsx +++ b/packages/ui/src/components/TagGroup/TagGroup.stories.tsx @@ -37,7 +37,7 @@ export interface ListItem { const meta = preview.meta({ title: 'Backstage UI/TagGroup', - component: TagGroup, + component: TagGroup, argTypes: { selectionMode: { control: { type: 'inline-radio' }, @@ -117,11 +117,11 @@ export const SelectionModeSingle = meta.story({ const [selected, setSelected] = useState(new Set(['travel'])); return ( - + {...args} items={initialList} selectedKeys={selected} onSelectionChange={setSelected} - {...args} > {item => {item.name}} @@ -140,11 +140,11 @@ export const SelectionModeMultiple = meta.story({ ); return ( - + {...args} items={initialList} selectedKeys={selected} onSelectionChange={setSelected} - {...args} > {item => {item.name}} @@ -198,17 +198,17 @@ export const RemovingTags = meta.story({ render: args => { const [selected, setSelected] = useState(new Set(['travel'])); - const list = useListData({ + const list = useListData({ initialItems: initialList, }); return ( - + {...args} items={list.items} onRemove={keys => list.remove(...keys)} selectedKeys={selected} onSelectionChange={setSelected} - {...args} > {item => {item.name}} @@ -223,17 +223,17 @@ export const WithIconAndRemoveButton = meta.story({ render: args => { const [selected, setSelected] = useState(new Set(['travel'])); - const list = useListData({ + const list = useListData({ initialItems: initialList, }); return ( - + {...args} items={list.items} onRemove={keys => list.remove(...keys)} selectedKeys={selected} onSelectionChange={setSelected} - {...args} > {item => ( {item.name} diff --git a/packages/ui/src/components/TextField/TextField.stories.tsx b/packages/ui/src/components/TextField/TextField.stories.tsx index 54457f351b..03c5f35b11 100644 --- a/packages/ui/src/components/TextField/TextField.stories.tsx +++ b/packages/ui/src/components/TextField/TextField.stories.tsx @@ -104,12 +104,10 @@ export const WithIcon = meta.story({ ), }); -export const DisabledWithIcon = meta.story({ +export const DisabledWithIcon = WithIcon.extend({ args: { - ...WithIcon.input.args, isDisabled: true, }, - render: WithIcon.input.render, }); export const ShowError = meta.story({ From 08c46a264f529c7be410c8bcbff393bf218b2e15 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 18 Dec 2025 15:54:56 +0000 Subject: [PATCH 4/5] Update report.api.md Signed-off-by: Charles de Dreuille --- packages/ui/report.api.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/report.api.md b/packages/ui/report.api.md index 0a7e289d0a..1aa3f8df2e 100644 --- a/packages/ui/report.api.md +++ b/packages/ui/report.api.md @@ -229,7 +229,7 @@ export interface BoxProps extends SpaceProps { // @public (undocumented) export type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'; -// @public (undocumented) +// @public export const Button: ForwardRefExoticComponent< ButtonProps & RefAttributes >; From 1c1d4b6f05eb1ba23807fdb283d2ae0b2e4ad927 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 18 Dec 2025 16:04:51 +0000 Subject: [PATCH 5/5] Update Dialog.stories.tsx Signed-off-by: Charles de Dreuille --- packages/ui/src/components/Dialog/Dialog.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/Dialog/Dialog.stories.tsx b/packages/ui/src/components/Dialog/Dialog.stories.tsx index a91fecdbd6..0392959a59 100644 --- a/packages/ui/src/components/Dialog/Dialog.stories.tsx +++ b/packages/ui/src/components/Dialog/Dialog.stories.tsx @@ -239,6 +239,6 @@ export const PreviewFixedWidthAndHeight = FixedWidth.extend({ export const PreviewWithForm = WithForm.extend({ args: { - defaultOpen: undefined, + isOpen: undefined, }, });