Web: Components: fixed storybook blocks import

This commit is contained in:
DmitrySychugov 2023-05-31 20:00:04 +05:00
parent 100d5ef173
commit 4037e62d61
12 changed files with 17 additions and 45 deletions

View File

@ -1,4 +1,4 @@
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
import AccessRightSelect from "./";
import * as stories from "./access-right-select.stories.js";

View File

@ -1,10 +1,4 @@
import {
Meta,
Story,
ArgsTable,
Canvas,
Controls,
} from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
import CatalogEmployeeReactSvg from "PUBLIC_DIR/images/catalog.employee.react.svg?url";
import ComboBox from "./";
import * as stories from "./combobox.stories.js";

View File

@ -1,4 +1,4 @@
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
import EmailChips from "./";
import * as stories from "./email-chips.stories.js";

View File

@ -1,4 +1,4 @@
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
import EmailInput from "./";
import * as stories from "./email-input.stories.js";

View File

@ -1,10 +1,4 @@
import {
Meta,
Story,
ArgsTable,
Canvas,
Controls,
} from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
import * as stories from "./main-button-mobile.stories.js";
import MainButtonMobile from "./index.js";
@ -18,7 +12,7 @@ import MainButtonMobile from "./index.js";
# MainButtonMobile
<Canvas>
<Story story={stories.Default} />
<Story of={stories.Default} />
</Canvas>
## Properties

View File

@ -1,34 +1,24 @@
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
import PasswordInput from "./";
import * as stories from "./password-input.stories.js";
import InputBlock from "../input-block";
<Meta
title="Components/PasswordInput"
component={PasswordInput}
subcomponents={{ InputBlock }}
argTypes={{
onChange: { action: "onChange" },
onValidateInput: { action: "onValidateInput" },
onCopyToClipboard: { action: "onCopyToClipboard" },
onKeyDown: { onKeyDown: "onKeyDown" },
}}
/>
<Meta title="Components/PasswordInput" component={PasswordInput} />
# PasswordInput
Password entry field with advanced capabilities for displaying, validation of correspondence and generation based on settings
<Canvas>
<Story story={stories.basic} name="Default" />
<Story of={stories.Default} />
</Canvas>
### Properties
You can apply all the parameters of the InputBlock component to the component.
<ArgsTable story="Default" />
<Controls />
## Description

View File

@ -1,4 +1,4 @@
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
import RowContent from "./";
import * as stories from "./row-content.stories.js";

View File

@ -1,4 +1,4 @@
import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
import { Canvas, Meta, Story } from "@storybook/blocks";
import Submenu from "./";
import * as stories from "./submenu.stories.js";

View File

@ -1,4 +1,4 @@
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
import * as stories from "./tabs-container.stories.js";
import TabContainer from "./";

View File

@ -1,4 +1,4 @@
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
import * as stories from "./toast.stories.js";
import Toast from "./";

View File

@ -1,10 +1,4 @@
import {
Story,
ArgsTable,
Canvas,
Meta,
Controls,
} from "@storybook/addon-docs/blocks";
import { Story, ArgsTable, Canvas, Meta, Controls } from "@storybook/blocks";
import * as stories from "./tooltip.stories.js";
import Tooltip from "./";
@ -26,7 +20,7 @@ Custom tooltip
#### See documentation: https://github.com/wwayne/react-tooltip
<Canvas>
<Story story={stories.all} name="All" />
<Story of={stories.all} />
</Canvas>
### Usage with IconButton

View File

@ -1,4 +1,4 @@
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
import * as stories from "./tree-menu.stories.js";
import TreeMenu from "./";