plasma-infra(plasma-new-hope): Migrate to storybook 7 [Part 4]

[Yakutoc]

Release Notes

Переход на Storybook@latest(7.5.3):

What/why Changed

From version 6.5.x to 7.0.0

• rewrite .stories to CSF 3
• rewrite main.ts
• rewrite preview.ts

⚡ Component performance testing

Result: 🟢 OK

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
# or 
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]

[Yakutoc]

[Note]:

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args

To manually configure the value that is shown in the ArgsTable doc block, you can configure the table.defaultValue setting:

export default {
  component: MyComponent,
  argTypes: {
    argName: {
      table: { defaultValue: { summary: 'SomeType<T>' } },
    },
  },
};

[Yakutoc]

https://github.com/callstack/linaria/blob/master/docs/BUNDLERS_INTEGRATION.md#Vite

If you are using language features that requires a babel transform (such as typescript), ensure the proper babel presets or plugins are passed to linaria.

import { defineConfig } from 'vite';
import linaria from '@linaria/vite';

// example to support typescript syntax:
export default defineConfig(() => ({
  // ...
  plugins: [
    linaria({
      include: ['**/*.{ts,tsx}'],
      babelOptions: {
        presets: ['@babel/preset-typescript', '@babel/preset-react'],
      },
    }),
  ],
}));

[Salute-Eva]

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-840/

[Salute-Eva]

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-840/

[Salute-Eva]

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-840/

[Salute-Eva]

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-840/

[Salute-Eva]

Documentation preview deployed!

website: http://plasma.sberdevices.ru/pr/pr-840/
b2c storybook: http://plasma.sberdevices.ru/pr/pr-840/b2c-storybook/
web storybook: http://plasma.sberdevices.ru/pr/pr-840/web-storybook/
ui storybook: http://plasma.sberdevices.ru/pr/pr-840/ui-storybook/
temple storybook: http://plasma.sberdevices.ru/pr/pr-840/temple-storybook/
new-hope storybook: http://plasma.sberdevices.ru/pr/pr-840/new-hope-storybook/
asdk storybook: http://plasma.sberdevices.ru/pr/pr-840/asdk-storybook/

[github-actions]

⚡ Component performance testing

Result: 🟢 OK