@tramvai/storybook-addon 0.0.3 → 0.0.7

package/README.md

@@ -1,3 +1,306 @@
 # @tramvai/storybook-addon
 
 Storybook addon for tramvai apps
+
+## Installation
+
+You need to install `@tramvai/storybook-addon`:
+
+```bash npm2yarn
+npm install @tramvai/storybook-addon
+```
+
+And connect addon in the storybook configuration file:
+
+```js title=".storybook/main.js"
+module.exports = {
+  addons: ["@tramvai/storybook-addon"]
+}
+```
+
+## Features
+
+- Providers for DI container
+- Providers for router
+- Providers for `react-query`
+- Page actions support
+- tramvai `babel` configuration
+- tramvai `postcss` configuration
+
+## How to
+
+### Access to DI container
+
+<Tabs>
+  <TabItem value="page" label="page.tsx" default>
+
+```tsx
+import { LOGGER_TOKEN } from '@tramvai/tokens-common';
+
+export const Page = () => {
+  const logger = useDi(LOGGER_TOKEN);
+
+  logger.info('render');
+
+  return (
+    <h1>Page</h1>
+  );
+}
+```
+
+  </TabItem>
+  <TabItem value="story" label="page.stories.tsx" default>
+
+```tsx
+import type { TramvaiStoriesParameters } from '@tramvai/storybook-addon';
+import { Page } from './page';
+
+// You can pass to DI container any reducers, providers and modules
+const parameters: TramvaiStoriesParameters = {
+  tramvai: {
+    stores: [],
+    initialState: {},
+    providers: [],
+    modules: [],
+  },
+};
+
+export default {
+  title: 'Page',
+  component: Page,
+  parameters,
+};
+
+export const PageStory = () => <Page />;
+```
+
+  </TabItem>
+</Tabs>
+
+### Router hooks and components
+
+<Tabs>
+  <TabItem value="page" label="page.tsx" default>
+
+```tsx
+import { Link, useUrl } from '@tramvai/module-router';
+
+export const Page = () => {
+  const url = useUrl();
+
+  return (
+    <>
+      <h1>Page at {url.pathname}</h1>
+      <p>
+        <Link url="/third/">to third page</Link>
+      </p>
+    </>
+  );
+}
+```
+
+  </TabItem>
+  <TabItem value="story" label="page.stories.tsx" default>
+
+```tsx
+import type { TramvaiStoriesParameters } from '@tramvai/storybook-addon';
+import { Page } from './page';
+
+// You can pass to router current route and url
+const parameters: TramvaiStoriesParameters = {
+  tramvai: {
+    currentRoute: { name: 'second', path: '/second/' },
+  },
+};
+
+export default {
+  title: 'Page',
+  component: Page,
+  parameters,
+};
+
+export const PageStory = () => <Page />;
+```
+
+  </TabItem>
+</Tabs>
+
+### React Query
+
+<Tabs>
+  <TabItem value="page" label="page.tsx" default>
+
+```tsx
+import { createQuery, useQuery } from '@tramvai/react-query';
+
+
+const query = createQuery({
+  key: 'base',
+  fn: async () => {
+    return { foo: 'bar' };
+  },
+});
+
+export const Page = () => {
+  const { data, isLoading } = useQuery(query);
+
+  return (
+    <>
+      <h1>Page</h1>
+      <p>
+        {isLoading ? 'Loading...' : data.foo}
+      </p>
+    </>
+  );
+}
+```
+
+  </TabItem>
+  <TabItem value="story" label="page.stories.tsx" default>
+
+```tsx
+import type { TramvaiStoriesParameters } from '@tramvai/storybook-addon';
+import { Page } from './page';
+
+// You can pass to router QueryClient default options
+const parameters: TramvaiStoriesParameters = {
+  tramvai: {
+    reactQueryDefaultOptions: {
+      queries: {
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
+      },
+    },
+  },
+};
+
+export default {
+  title: 'Page',
+  component: Page,
+  parameters,
+};
+
+export const PageStory = () => <Page />;
+```
+
+  </TabItem>
+</Tabs>
+
+### Page actions running
+
+<Tabs>
+  <TabItem value="page" label="page.tsx" default>
+
+```tsx
+import { createAction } from '@tramvai/core';
+
+const serverAction = createAction({
+  name: 'server-action',
+  fn() {
+    console.log('server action');
+  },
+  conditions: {
+    onlyServer: true,
+  },
+});
+
+const browserAction = createAction({
+  name: 'browser-action',
+  fn() {
+    console.log('browser action');
+  },
+  conditions: {
+    onlyBrowser: true,
+  },
+});
+
+export const Page = () => {
+  return (
+    <h1>Page</h1>
+  );
+}
+
+Page.actions = [serverAction, browserAction];
+```
+
+  </TabItem>
+  <TabItem value="story" label="page.stories.tsx" default>
+
+```tsx
+import type { TramvaiStoriesParameters } from '@tramvai/storybook-addon';
+import { Page } from './page';
+
+// Actions with `onlyBrowser` condition will be executed 
+const parameters: TramvaiStoriesParameters = {
+  tramvai: {
+    actions: Page.actions,
+  },
+};
+
+export default {
+  title: 'Page',
+  component: Page,
+  parameters,
+};
+
+export const PageStory = () => <Page />;
+```
+
+  </TabItem>
+</Tabs>
+
+### Http clients with real requests
+
+<Tabs>
+  <TabItem value="page" label="page.tsx" default>
+
+```tsx
+import { createAction } from '@tramvai/core';
+
+const httpRequestAction = createAction({
+  name: 'http-request-action',
+  fn: async (_, __, { httpClient }) => {
+    return httpClient.get('/');
+  },
+  deps: {
+    httpClient: HTTP_CLIENT,
+  },
+});
+
+export const Page = () => {
+  return (
+    <h1>Page</h1>
+  );
+}
+
+Page.actions = [httpRequestAction];
+```
+
+  </TabItem>
+  <TabItem value="story" label="page.stories.tsx" default>
+
+```tsx
+import { HttpClientModule } from '@tramvai/module-http-client';
+import type { TramvaiStoriesParameters } from '@tramvai/storybook-addon';
+import { Page } from './page';
+
+// HttpClientModule is required for real requests
+const parameters: TramvaiStoriesParameters = {
+  tramvai: {
+    actions: Page.actions,
+    modules: [HttpClientModule],
+  },
+};
+
+export default {
+  title: 'Page',
+  component: Page,
+  parameters,
+};
+
+export const PageStory = () => <Page />;
+```
+
+  </TabItem>
+</Tabs>

package/lib/decorators/actionsDecorator.d.ts

@@ -1,6 +1,8 @@
 import type { Action } from '@tramvai/core';
 export interface ActionsDecoratorParameters {
-    actions?: Action[];
+    tramvai?: {
+        actions?: Action[];
+    };
 }
 export declare const ActionsDecorator: (Story: any, { parameters }: {
     parameters: ActionsDecoratorParameters;

package/lib/decorators/actionsDecorator.js

@@ -8,8 +8,9 @@ const tokens_common_1 = require("@tramvai/tokens-common");
 const ActionsDecorator = (Story, { parameters }) => {
     const actionExecution = react_2.useDi(tokens_common_1.ACTION_EXECUTION_TOKEN);
     react_1.useEffect(() => {
-        if (parameters.actions) {
-            parameters.actions.forEach((action) => {
+        var _a;
+        if ((_a = parameters.tramvai) === null || _a === void 0 ? void 0 : _a.actions) {
+            parameters.tramvai.actions.forEach((action) => {
                 // @ts-expect-error
                 actionExecution.run(action, undefined, 'global');
             });

package/lib/decorators/actionsDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionsDecorator.js","sourceRoot":"","sources":["../../src/decorators/actionsDecorator.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,0CAAuC;AACvC,0DAAgE;AAMzD,MAAM,gBAAgB,GAAG,CAC9B,KAAK,EACL,EAAE,UAAU,EAA8C,EAC1D,EAAE;IACF,MAAM,eAAe,GAAG,aAAK,CAAC,sCAAsB,CAAC,CAAC;IAEtD,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpC,mBAAmB;gBACnB,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC;SACJ;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAC,KAAK,aAAG,CAAC;AACnB,CAAC,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B"}
+{"version":3,"file":"actionsDecorator.js","sourceRoot":"","sources":["../../src/decorators/actionsDecorator.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,0CAAuC;AACvC,0DAAgE;AAQzD,MAAM,gBAAgB,GAAG,CAC9B,KAAK,EACL,EAAE,UAAU,EAA8C,EAC1D,EAAE;IACF,MAAM,eAAe,GAAG,aAAK,CAAC,sCAAsB,CAAC,CAAC;IAEtD,iBAAS,CAAC,GAAG,EAAE;;QACb,IAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,OAAO,EAAE;YAC/B,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC5C,mBAAmB;gBACnB,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC;SACJ;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAC,KAAK,aAAG,CAAC;AACnB,CAAC,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B"}

package/lib/decorators/reactQueryDecorator.d.ts

@@ -1,6 +1,8 @@
 import type { DefaultOptions } from 'react-query';
 export interface ReactQueryDecoratorParameters {
-    reactQueryDefaultOptions?: DefaultOptions;
+    tramvai?: {
+        reactQueryDefaultOptions?: DefaultOptions;
+    };
 }
 export declare const ReactQueryDecorator: (Story: any, { parameters }: {
     parameters: ReactQueryDecoratorParameters;

package/lib/decorators/reactQueryDecorator.js

@@ -4,9 +4,9 @@ exports.ReactQueryDecorator = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("react-query");
 const ReactQueryDecorator = (Story, { parameters }) => {
-    var _a;
+    var _a, _b;
     const queryClient = new react_query_1.QueryClient({
-        defaultOptions: (_a = parameters.reactQueryDefaultOptions) !== null && _a !== void 0 ? _a : {
+        defaultOptions: (_b = (_a = parameters.tramvai) === null || _a === void 0 ? void 0 : _a.reactQueryDefaultOptions) !== null && _b !== void 0 ? _b : {
             queries: {
                 refetchOnMount: false,
                 refetchOnReconnect: false,

package/lib/decorators/reactQueryDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactQueryDecorator.js","sourceRoot":"","sources":["../../src/decorators/reactQueryDecorator.tsx"],"names":[],"mappings":";;;;AAAA,6CAA+D;AAOxD,MAAM,mBAAmB,GAAG,CACjC,KAAK,EACL,EAAE,UAAU,EAAiD,EAC7D,EAAE;;IACF,MAAM,WAAW,GAAG,IAAI,yBAAW,CAAC;QAClC,cAAc,EAAE,MAAA,UAAU,CAAC,wBAAwB,mCAAI;YACrD,OAAO,EAAE;gBACP,cAAc,EAAE,KAAK;gBACrB,kBAAkB,EAAE,KAAK;gBACzB,oBAAoB,EAAE,KAAK;aAC5B;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,iCAAmB,kBAAC,MAAM,EAAE,WAAW,gBACtC,kBAAC,KAAK,aAAG,YACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B"}
+{"version":3,"file":"reactQueryDecorator.js","sourceRoot":"","sources":["../../src/decorators/reactQueryDecorator.tsx"],"names":[],"mappings":";;;;AAAA,6CAA+D;AASxD,MAAM,mBAAmB,GAAG,CACjC,KAAK,EACL,EAAE,UAAU,EAAiD,EAC7D,EAAE;;IACF,MAAM,WAAW,GAAG,IAAI,yBAAW,CAAC;QAClC,cAAc,EAAE,MAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,wBAAwB,mCAAI;YAC9D,OAAO,EAAE;gBACP,cAAc,EAAE,KAAK;gBACrB,kBAAkB,EAAE,KAAK;gBACzB,oBAAoB,EAAE,KAAK;aAC5B;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,iCAAmB,kBAAC,MAAM,EAAE,WAAW,gBACtC,kBAAC,KAAK,aAAG,YACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B"}

package/lib/decorators/routerDecorator.d.ts

@@ -1,8 +1,10 @@
 import type { Route } from '@tinkoff/router';
 import type { Url } from '@tinkoff/url';
 export interface RouterDecoratorParameters {
-    currentRoute?: Route;
-    currentUrl?: Url;
+    tramvai?: {
+        currentRoute?: Route;
+        currentUrl?: Url;
+    };
 }
 export declare const RouterDecorator: (Story: any, { parameters }: {
     parameters: RouterDecoratorParameters;

package/lib/decorators/routerDecorator.js

@@ -5,9 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const router_1 = require("@tinkoff/router");
 const test_mocks_1 = require("@tramvai/test-mocks");
 const RouterDecorator = (Story, { parameters }) => {
+    var _a, _b;
     const routerMock = test_mocks_1.createMockRouter({
-        currentRoute: parameters.currentRoute,
-        currentUrl: parameters.currentUrl,
+        currentRoute: (_a = parameters.tramvai) === null || _a === void 0 ? void 0 : _a.currentRoute,
+        currentUrl: (_b = parameters.tramvai) === null || _b === void 0 ? void 0 : _b.currentUrl,
     });
     return (jsx_runtime_1.jsx(router_1.Provider, Object.assign({ router: routerMock }, { children: jsx_runtime_1.jsx(Story, {}, void 0) }), void 0));
 };

package/lib/decorators/routerDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"routerDecorator.js","sourceRoot":"","sources":["../../src/decorators/routerDecorator.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6D;AAG7D,oDAAuD;AAOhD,MAAM,eAAe,GAAG,CAC7B,KAAK,EACL,EAAE,UAAU,EAA6C,EACzD,EAAE;IACF,MAAM,UAAU,GAAG,6BAAgB,CAAC;QAClC,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,UAAU,EAAE,UAAU,CAAC,UAAU;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,iBAAc,kBAAC,MAAM,EAAE,UAAU,gBAChC,kBAAC,KAAK,aAAG,YACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}
+{"version":3,"file":"routerDecorator.js","sourceRoot":"","sources":["../../src/decorators/routerDecorator.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6D;AAG7D,oDAAuD;AAShD,MAAM,eAAe,GAAG,CAC7B,KAAK,EACL,EAAE,UAAU,EAA6C,EACzD,EAAE;;IACF,MAAM,UAAU,GAAG,6BAAgB,CAAC;QAClC,YAAY,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY;QAC9C,UAAU,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU;KAC3C,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,iBAAc,kBAAC,MAAM,EAAE,UAAU,gBAChC,kBAAC,KAAK,aAAG,YACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}

package/lib/decorators/tramvaiCoreDecorator.d.ts

@@ -2,10 +2,12 @@ import type { StoreClass } from '@tramvai/state';
 import type { ExtendedModule, ModuleType } from '@tramvai/core';
 import type { Provider as DiProvider } from '@tinkoff/dippy';
 export interface TramvaiCoreDecoratorParameters {
-    stores?: StoreClass[];
-    initialState?: Record<string, any>;
-    providers?: DiProvider[];
-    modules?: Array<ModuleType | ExtendedModule>;
+    tramvai?: {
+        stores?: StoreClass[];
+        initialState?: Record<string, any>;
+        providers?: DiProvider[];
+        modules?: Array<ModuleType | ExtendedModule>;
+    };
 }
 export declare const TramvaiCoreDecorator: (Story: any, { parameters }: {
     parameters: TramvaiCoreDecoratorParameters;

package/lib/decorators/tramvaiCoreDecorator.js

@@ -8,13 +8,13 @@ const tokens_common_1 = require("@tramvai/tokens-common");
 const core_1 = require("@tramvai/core");
 const test_mocks_1 = require("@tramvai/test-mocks");
 const TramvaiCoreDecorator = (Story, { parameters }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g;
     const storeMock = test_mocks_1.createMockStore({
-        stores: parameters.stores,
-        initialState: parameters.initialState,
+        stores: (_a = parameters.tramvai) === null || _a === void 0 ? void 0 : _a.stores,
+        initialState: (_b = parameters.tramvai) === null || _b === void 0 ? void 0 : _b.initialState,
     });
     const diMock = test_mocks_1.createMockDi({
-        modules: [...((_a = parameters.modules) !== null && _a !== void 0 ? _a : [])],
+        modules: [...((_d = (_c = parameters.tramvai) === null || _c === void 0 ? void 0 : _c.modules) !== null && _d !== void 0 ? _d : [])],
         providers: [
             {
                 provide: tokens_common_1.LOGGER_TOKEN,
@@ -36,7 +36,7 @@ const TramvaiCoreDecorator = (Story, { parameters }) => {
                 provide: tokens_common_1.CREATE_CACHE_TOKEN,
                 useValue: () => test_mocks_1.createMockCache(),
             },
-            ...((_b = parameters.providers) !== null && _b !== void 0 ? _b : []),
+            ...((_f = (_e = parameters.tramvai) === null || _e === void 0 ? void 0 : _e.providers) !== null && _f !== void 0 ? _f : []),
         ],
     });
     const contextMock = test_mocks_1.createMockContext({
@@ -44,7 +44,7 @@ const TramvaiCoreDecorator = (Story, { parameters }) => {
         store: storeMock,
         useTramvaiActionsConditionals: true,
     });
-    return (jsx_runtime_1.jsx(state_1.Provider, Object.assign({ context: contextMock, serverState: parameters.initialState }, { children: jsx_runtime_1.jsx(react_1.DIContext.Provider, Object.assign({ value: diMock }, { children: jsx_runtime_1.jsx(Story, {}, void 0) }), void 0) }), void 0));
+    return (jsx_runtime_1.jsx(state_1.Provider, Object.assign({ context: contextMock, serverState: (_g = parameters.tramvai) === null || _g === void 0 ? void 0 : _g.initialState }, { children: jsx_runtime_1.jsx(react_1.DIContext.Provider, Object.assign({ value: diMock }, { children: jsx_runtime_1.jsx(Story, {}, void 0) }), void 0) }), void 0));
 };
 exports.TramvaiCoreDecorator = TramvaiCoreDecorator;
 //# sourceMappingURL=tramvaiCoreDecorator.js.map

package/lib/decorators/tramvaiCoreDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"tramvaiCoreDecorator.js","sourceRoot":"","sources":["../../src/decorators/tramvaiCoreDecorator.tsx"],"names":[],"mappings":";;;;AAAA,0CAA0C;AAE1C,0CAA2C;AAC3C,0DAKgC;AAEhC,wCAA+C;AAE/C,oDAS6B;AAStB,MAAM,oBAAoB,GAAG,CAClC,KAAK,EACL,EAAE,UAAU,EAAkD,EAC9D,EAAE;;IACF,MAAM,SAAS,GAAG,4BAAe,CAAC;QAChC,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,YAAY,EAAE,UAAU,CAAC,YAAY;KACtC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,yBAAY,CAAC;QAC1B,OAAO,EAAE,CAAC,GAAG,CAAC,MAAA,UAAU,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE;YACT;gBACE,OAAO,EAAE,4BAAY;gBACrB,QAAQ,EAAE,6BAAgB,EAAE;aAC7B;YACD;gBACE,OAAO,EAAE,iCAAiB;gBAC1B,QAAQ,EAAE,iCAAoB,EAAE;aACjC;YACD;gBACE,OAAO,EAAE,qBAAc;gBACvB,QAAQ,EAAE,8BAAiB,EAAE;aAC9B;YACD;gBACE,OAAO,EAAE,qCAAqB;gBAC9B,QAAQ,EAAE,qCAAwB,EAAE;aACrC;YACD;gBACE,OAAO,EAAE,kCAAkB;gBAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,4BAAe,EAAE;aAClC;YACD,GAAG,CAAC,MAAA,UAAU,CAAC,SAAS,mCAAI,EAAE,CAAC;SAChC;KACF,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,8BAAiB,CAAC;QACpC,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,SAAS;QAChB,6BAA6B,EAAE,IAAI;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,gBAAQ,kBAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,YAAY,gBAClE,kBAAC,iBAAS,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBAC/B,kBAAC,KAAK,aAAG,YACU,YACZ,CACZ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,oBAAoB,wBA+C/B"}
+{"version":3,"file":"tramvaiCoreDecorator.js","sourceRoot":"","sources":["../../src/decorators/tramvaiCoreDecorator.tsx"],"names":[],"mappings":";;;;AAAA,0CAA0C;AAE1C,0CAA2C;AAC3C,0DAKgC;AAEhC,wCAA+C;AAE/C,oDAS6B;AAWtB,MAAM,oBAAoB,GAAG,CAClC,KAAK,EACL,EAAE,UAAU,EAAkD,EAC9D,EAAE;;IACF,MAAM,SAAS,GAAG,4BAAe,CAAC;QAChC,MAAM,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,MAAM;QAClC,YAAY,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY;KAC/C,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,yBAAY,CAAC;QAC1B,OAAO,EAAE,CAAC,GAAG,CAAC,MAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;QACjD,SAAS,EAAE;YACT;gBACE,OAAO,EAAE,4BAAY;gBACrB,QAAQ,EAAE,6BAAgB,EAAE;aAC7B;YACD;gBACE,OAAO,EAAE,iCAAiB;gBAC1B,QAAQ,EAAE,iCAAoB,EAAE;aACjC;YACD;gBACE,OAAO,EAAE,qBAAc;gBACvB,QAAQ,EAAE,8BAAiB,EAAE;aAC9B;YACD;gBACE,OAAO,EAAE,qCAAqB;gBAC9B,QAAQ,EAAE,qCAAwB,EAAE;aACrC;YACD;gBACE,OAAO,EAAE,kCAAkB;gBAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,4BAAe,EAAE;aAClC;YACD,GAAG,CAAC,MAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,SAAS,mCAAI,EAAE,CAAC;SACzC;KACF,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,8BAAiB,CAAC;QACpC,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,SAAS;QAChB,6BAA6B,EAAE,IAAI;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,kBAAC,gBAAQ,kBAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,gBAC3E,kBAAC,iBAAS,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBAC/B,kBAAC,KAAK,aAAG,YACU,YACZ,CACZ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,oBAAoB,wBA+C/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/storybook-addon",
-  "version": "0.0.3",
+  "version": "0.0.7",
   "description": "",
   "main": "lib/preset.js",
   "typings": "lib/preset.d.ts",
@@ -20,7 +20,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@tramvai/test-mocks": "1.95.2",
+    "@tramvai/test-mocks": "1.98.0",
     "webpack-chain": "^6.5.1",
     "webpack-merge": "^5.8.0",
     "react-query": "^3.35.0"
@@ -31,11 +31,11 @@
     "webpack": "5.64.4"
   },
   "peerDependencies": {
-    "@tramvai/cli": "1.95.2",
-    "@tramvai/core": "1.95.2",
-    "@tramvai/state": "1.95.2",
-    "@tramvai/react": "1.95.2",
-    "@tramvai/tokens-common": "1.95.2",
+    "@tramvai/cli": "1.98.0",
+    "@tramvai/core": "1.98.0",
+    "@tramvai/state": "1.98.0",
+    "@tramvai/react": "1.98.0",
+    "@tramvai/tokens-common": "1.98.0",
     "@tinkoff/dippy": "0.7.39",
     "@tinkoff/router": "0.1.72",
     "@tinkoff/url": "0.7.37",