Skip to content

Commit adaeed1

Browse files
committed
migration script + fixes
1 parent ea32631 commit adaeed1

File tree

240 files changed

+2234
-5202
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

240 files changed

+2234
-5202
lines changed

.storybook/components/ArgTypesWithNote.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ArgTypes } from '@storybook/blocks';
1+
import { ArgTypes } from '@storybook/addon-docs/blocks';
22
import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
33
import { MessageStrip } from '@ui5/webcomponents-react';
44
import type { ComponentProps, ReactNode } from 'react';

.storybook/components/CommandsAndQueries.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Heading, Markdown } from '@storybook/blocks';
1+
import { Heading, Markdown } from '@storybook/addon-docs/blocks';
22
import { Tag as WCRTag } from '@ui5/webcomponents-react';
33
import dedent from 'dedent';
44
import { Fragment } from 'react';

.storybook/components/ControlsWithNote.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Controls } from '@storybook/blocks';
1+
import { Controls } from '@storybook/addon-docs/blocks';
22
import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
33
import { MessageStrip } from '@ui5/webcomponents-react';
44
import type { ComponentProps, ReactNode } from 'react';

.storybook/components/DomRefTable.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { DocsContext, Heading } from '@storybook/blocks';
1+
import { DocsContext, Heading } from '@storybook/addon-docs/blocks';
22
import TagDesign from '@ui5/webcomponents/dist/types/TagDesign.js';
33
import { Tag, Link, MessageStrip, Popover } from '@ui5/webcomponents-react';
44
import type * as CEM from '@ui5/webcomponents-tools/lib/cem/types';

.storybook/components/VersionSwitch.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* eslint-disable react-hooks/rules-of-hooks */
22

3-
import { IconButton } from '@storybook/components';
4-
import { addons, types } from '@storybook/manager-api';
3+
import { IconButton } from 'storybook/internal/components';
4+
import { addons, types } from 'storybook/manager-api';
55
import '@ui5/webcomponents/dist/Menu.js';
66
import '@ui5/webcomponents/dist/MenuItem.js';
77
import * as React from 'react';

.storybook/main.ts

Lines changed: 42 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,9 @@ const isDevMode = process.env.NODE_ENV === 'development';
77

88
const addons = [
99
'./addons/version-switch',
10-
{
11-
name: '@storybook/addon-essentials',
12-
options: {
13-
docs: false,
14-
},
15-
},
1610
getAbsolutePath('@storybook/react-vite'),
1711
{
18-
name: '@storybook/addon-docs',
12+
name: getAbsolutePath('@storybook/addon-docs'),
1913
options: {
2014
mdxPluginOptions: {
2115
mdxCompileOptions: {
@@ -34,53 +28,51 @@ const config: StorybookConfig = {
3428
name: getAbsolutePath('@storybook/react-vite'),
3529
options: {},
3630
},
37-
stories: isChromatic
38-
? ['../packages/main/src/components/**/*.stories.@(tsx|jsx)']
39-
: [
40-
'../docs/*.mdx',
41-
{
42-
directory: '../docs/knowledge-base',
43-
files: '*.mdx',
44-
titlePrefix: 'Knowledge Base',
45-
},
46-
{
47-
directory: '../packages/charts/src/components',
48-
files: '**/*.@(mdx|stories.@(mdx|tsx))',
49-
titlePrefix: 'Charts',
50-
},
51-
{
52-
directory: '../packages/base',
53-
files: '*.@(tsx|jsx)',
54-
titlePrefix: 'Base',
55-
},
56-
{
57-
directory: '../packages/cypress-commands',
58-
files: '**/*.mdx',
59-
titlePrefix: 'Testing with Cypress',
60-
},
61-
'../packages/main/**/*.mdx',
62-
'../packages/main/**/*.stories.@(tsx|jsx)',
63-
{
64-
directory: '../packages/ai',
65-
files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
66-
titlePrefix: 'AI',
67-
},
68-
{
69-
directory: '../packages/compat',
70-
files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
71-
titlePrefix: 'Legacy Components',
72-
},
73-
{
74-
directory: '../patterns',
75-
files: '**/*.@(mdx|stories.@(mdx|tsx))',
76-
titlePrefix: 'Patterns',
77-
},
78-
],
31+
stories: [
32+
'../docs/*.mdx',
33+
{
34+
directory: '../docs/knowledge-base',
35+
files: '*.mdx',
36+
titlePrefix: 'Knowledge Base',
37+
},
38+
{
39+
directory: '../packages/charts/src/components',
40+
files: '**/*.@(mdx|stories.@(mdx|tsx))',
41+
titlePrefix: 'Charts',
42+
},
43+
{
44+
directory: '../packages/base',
45+
files: '*.@(tsx|jsx)',
46+
titlePrefix: 'Base',
47+
},
48+
{
49+
directory: '../packages/cypress-commands',
50+
files: '**/*.mdx',
51+
titlePrefix: 'Testing with Cypress',
52+
},
53+
'../packages/main/**/*.mdx',
54+
'../packages/main/**/*.stories.@(tsx|jsx)',
55+
{
56+
directory: '../packages/ai',
57+
files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
58+
titlePrefix: 'AI',
59+
},
60+
{
61+
directory: '../packages/compat',
62+
files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
63+
titlePrefix: 'Legacy Components',
64+
},
65+
{
66+
directory: '../patterns',
67+
files: '**/*.@(mdx|stories.@(mdx|tsx))',
68+
titlePrefix: 'Patterns',
69+
},
70+
],
7971
addons,
8072
typescript: {
8173
reactDocgen: 'react-docgen-typescript',
8274
},
83-
staticDirs: [isDevMode && 'images-dev', !isDevMode && 'images'].filter(Boolean),
75+
// staticDirs: [isDevMode && 'images-dev', !isDevMode && 'images'].filter(Boolean),
8476
};
8577

8678
export default config;

.storybook/manager.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { addons } from '@storybook/manager-api';
1+
import { addons } from 'storybook/manager-api';
22
import { Fiori4ReactTheme } from './theme';
33

44
addons.setConfig({

.storybook/preview.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import '@ui5/webcomponents-icons/dist/AllIcons.js';
22
import '@ui5/webcomponents-base/dist/features/F6Navigation.js';
3-
import type { Preview } from '@storybook/react';
3+
import type { Preview } from '@storybook/react-vite';
44
import { setLanguage } from '@ui5/webcomponents-base/dist/config/Language.js';
55
import { setTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
66
import applyDirection from '@ui5/webcomponents-base/dist/locale/applyDirection.js';

.storybook/theme.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { create } from '@storybook/theming';
1+
import { create } from 'storybook/theming';
22

33
const TEXT_COLOR = '#32363A';
44
const PRIMARY_COLOR = '#0a6ed1';

.storybook/utils.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { DocsContext } from '@storybook/blocks';
1+
import { DocsContext } from '@storybook/addon-docs/blocks';
22
import { useContext, useMemo } from 'react';
33
// @ts-expect-error: storybook can handle this
44
import cemAi from './custom-element-manifests/ai.json';

0 commit comments

Comments
 (0)