@prismicio/editor-ui 0.4.60 → 0.4.62-alpha.jp-table-render-default-layout.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionList/ActionList.stories.d.ts +22 -426
- package/dist/components/Alert/Alert.stories.d.ts +5 -5
- package/dist/components/AnimatedElement/AnimatedElement.stories.d.ts +4 -4
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +6 -6
- package/dist/components/Avatar/Avatar.stories.d.ts +33 -11
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +11 -6
- package/dist/components/Badge/Badge.stories.d.ts +31 -11
- package/dist/components/Banner/Banner.d.ts +3 -2
- package/dist/components/Banner/Banner.stories.d.ts +3 -3
- package/dist/components/BaseInput/BaseInput.stories.d.ts +35 -7
- package/dist/components/BlankSlate/BlankSlate.stories.d.ts +21 -6
- package/dist/components/Box/Box.stories.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +4 -4
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +4 -4
- package/dist/components/Calendar/Calendar.stories.d.ts +17 -7
- package/dist/components/Card/Card.stories.d.ts +4 -4
- package/dist/components/Card/PreviewCard.stories.d.ts +1 -1
- package/dist/components/Carousel/Carousel.stories.d.ts +6 -14
- package/dist/components/Checkbox/Checkbox.stories.d.ts +15 -2
- package/dist/components/CheckerBoard/CheckerBoard.stories.d.ts +8 -6
- package/dist/components/CodeBlock/CodeBlock.stories.d.ts +3 -3
- package/dist/components/ColorInput/ColorInput.stories.d.ts +11 -7
- package/dist/components/ComboBox/ComboBox.stories.d.ts +2 -2
- package/dist/components/ConjoinedIcons/ConjoinedIcons.stories.d.ts +19 -1
- package/dist/components/ContentEditable/useEditor.d.ts +1 -2
- package/dist/components/Cropper/Cropper.stories.d.ts +6 -28
- package/dist/components/DateInput/DateInput.stories.d.ts +2 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +43 -37
- package/dist/components/Dot/Dot.stories.d.ts +1 -1
- package/dist/components/Draggable/Draggable.stories.d.ts +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +34 -7
- package/dist/components/EditableText/EditableText.stories.d.ts +20 -10
- package/dist/components/ErrorBoundary/ErrorBoundary.stories.d.ts +14 -7
- package/dist/components/Field/Field.stories.d.ts +4 -4
- package/dist/components/FieldSet/FieldSet.stories.d.ts +30 -7
- package/dist/components/FileUpload/FileDropZone.d.ts +1 -0
- package/dist/components/FileUpload/FileDropZone.stories.d.ts +9 -9
- package/dist/components/FilterField/FilterField.stories.d.ts +8 -17
- package/dist/components/Form/Form.stories.d.ts +1 -1
- package/dist/components/Gradient/Gradient.stories.d.ts +13 -14
- package/dist/components/HairlineButton/HairlineButton.stories.d.ts +28 -11
- package/dist/components/Icon/Icon.stories.d.ts +20 -8
- package/dist/components/Icon/iconNames.d.ts +1 -1
- package/dist/components/IconButton/IconButton.stories.d.ts +15 -7
- package/dist/components/Image/Image.stories.d.ts +20 -9
- package/dist/components/LazyRender/LazyRender.stories.d.ts +15 -6
- package/dist/components/Line/Line.stories.d.ts +2 -2
- package/dist/components/List/UnorderedList.stories.d.ts +1 -1
- package/dist/components/MediaCard/MediaCard.stories.d.ts +2 -2
- package/dist/components/NumberInput/NumberInput.stories.d.ts +27 -8
- package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +2 -17
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +5 -94
- package/dist/components/ProgressCircle/ProgressCircle.stories.d.ts +9 -5
- package/dist/components/Radio/RadioGroup.stories.d.ts +10 -8
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +21 -17
- package/dist/components/SearchInput/SearchInput.stories.d.ts +14 -9
- package/dist/components/Select/Select.stories.d.ts +10 -10
- package/dist/components/SelectCard/SelectCard.stories.d.ts +8 -11
- package/dist/components/Separator/Separator.stories.d.ts +3 -3
- package/dist/components/Skeleton/Skeleton.stories.d.ts +5 -5
- package/dist/components/Slice/Slice.stories.d.ts +10 -45
- package/dist/components/Slider/Slider.stories.d.ts +10 -9
- package/dist/components/Switch/Switch.stories.d.ts +2 -2
- package/dist/components/Table/Table.stories.d.ts +15 -5
- package/dist/components/Tag/Tag.stories.d.ts +14 -10
- package/dist/components/TagField/TagField.stories.d.ts +8 -11
- package/dist/components/Text/Text.d.ts +2 -0
- package/dist/components/Text/Text.stories.d.ts +6 -13
- package/dist/components/TextArea/TextArea.stories.d.ts +6 -9
- package/dist/components/TextInput/TextInput.stories.d.ts +27 -7
- package/dist/components/Toast/Toast.stories.d.ts +65 -6
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +6 -6
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +5 -5
- package/dist/components/Toolbar/Toolbar.stories.d.ts +25 -6
- package/dist/components/Tooltip/Tooltip.d.ts +8 -5
- package/dist/components/Video/Video.stories.d.ts +2 -2
- package/dist/components/Window/Window.stories.d.ts +1 -1
- package/dist/index.cjs.js +172 -170
- package/dist/index.es.js +6569 -6510
- package/dist/style.css +1 -1
- package/package.json +7 -15
|
@@ -1,40 +1,46 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { type ComponentType } from "react";
|
|
3
|
+
import { Dialog, DialogOptions } from "./";
|
|
4
|
+
export declare const DialogActionsStory: Story;
|
|
5
|
+
export declare const DialogOptionsStory: StoryObj<typeof DialogOptions>;
|
|
6
|
+
declare const meta: {
|
|
7
|
+
title: string;
|
|
8
|
+
component: typeof Dialog;
|
|
9
|
+
subcomponents: {
|
|
10
|
+
DialogContent: ComponentType<unknown>;
|
|
11
|
+
DialogHeader: ComponentType<unknown>;
|
|
12
|
+
DialogOptions: ComponentType<unknown>;
|
|
13
|
+
DialogOptionsItem: ComponentType<unknown>;
|
|
7
14
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
open: boolean;
|
|
35
|
-
modal: boolean;
|
|
36
|
-
size: string;
|
|
37
|
-
position: string;
|
|
15
|
+
argTypes: {
|
|
16
|
+
trigger: {
|
|
17
|
+
control: {
|
|
18
|
+
disable: true;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
size: {
|
|
22
|
+
control: {
|
|
23
|
+
type: "select";
|
|
24
|
+
};
|
|
25
|
+
options: ("small" | "large" | "fullscreen")[];
|
|
26
|
+
};
|
|
27
|
+
children: {
|
|
28
|
+
control: {
|
|
29
|
+
disable: true;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
open: {};
|
|
33
|
+
onOpenChange: {};
|
|
34
|
+
modal: {};
|
|
35
|
+
position: {
|
|
36
|
+
control: {
|
|
37
|
+
type: "select";
|
|
38
|
+
};
|
|
39
|
+
options: ("center" | "bottomRight")[];
|
|
40
|
+
};
|
|
38
41
|
};
|
|
39
|
-
name: string;
|
|
40
42
|
};
|
|
43
|
+
export default meta;
|
|
44
|
+
type Story = StoryObj<typeof meta>;
|
|
45
|
+
export declare const Default: Story;
|
|
46
|
+
export declare const DialogNestedScrollables: Story;
|
|
@@ -1,8 +1,35 @@
|
|
|
1
|
-
import
|
|
2
|
-
type
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import type { ComponentType } from "react";
|
|
3
|
+
import { DropdownMenu } from "./DropdownMenu";
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: typeof DropdownMenu;
|
|
7
|
+
subcomponents: {
|
|
8
|
+
DropdownMenuContent: ComponentType<unknown>;
|
|
9
|
+
DropdownMenuItem: ComponentType<unknown>;
|
|
10
|
+
DropdownMenuLabel: ComponentType<unknown>;
|
|
11
|
+
DropdownMenuTrigger: ComponentType<unknown>;
|
|
12
|
+
};
|
|
13
|
+
argTypes: {
|
|
14
|
+
children: {
|
|
15
|
+
control: {
|
|
16
|
+
disable: true;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
minWidth: {
|
|
20
|
+
control: {
|
|
21
|
+
type: "select";
|
|
22
|
+
};
|
|
23
|
+
options: (number | undefined)[];
|
|
24
|
+
};
|
|
25
|
+
maxHeight: {
|
|
26
|
+
control: {
|
|
27
|
+
type: "select";
|
|
28
|
+
};
|
|
29
|
+
options: (number | undefined)[];
|
|
30
|
+
};
|
|
31
|
+
};
|
|
8
32
|
};
|
|
33
|
+
export default meta;
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
35
|
+
export declare const Default: Story;
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./EditableText").EditableTextProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
color: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: string[];
|
|
12
|
+
};
|
|
13
|
+
variant: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
11
19
|
};
|
|
12
|
-
name: string;
|
|
13
20
|
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Default: Story;
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { ErrorBoundary } from "./ErrorBoundary";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ErrorBoundary;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
7
12
|
};
|
|
8
|
-
name: string;
|
|
9
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -5,24 +5,24 @@ declare const meta: {
|
|
|
5
5
|
argTypes: {
|
|
6
6
|
children: {
|
|
7
7
|
control: {
|
|
8
|
-
disable:
|
|
8
|
+
disable: true;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
labelPosition: {
|
|
12
12
|
control: {
|
|
13
|
-
type:
|
|
13
|
+
type: "select";
|
|
14
14
|
};
|
|
15
15
|
options: string[];
|
|
16
16
|
};
|
|
17
17
|
variant: {
|
|
18
18
|
control: {
|
|
19
|
-
type:
|
|
19
|
+
type: "select";
|
|
20
20
|
};
|
|
21
21
|
options: string[];
|
|
22
22
|
};
|
|
23
23
|
color: {
|
|
24
24
|
control: {
|
|
25
|
-
type:
|
|
25
|
+
type: "select";
|
|
26
26
|
};
|
|
27
27
|
options: string[];
|
|
28
28
|
};
|
|
@@ -1,9 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { FieldSet } from "./FieldSet";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FieldSet;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
name: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "text";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
variant: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
selected: {
|
|
24
|
+
control: {
|
|
25
|
+
type: "boolean";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
7
28
|
};
|
|
8
|
-
name: string;
|
|
9
29
|
};
|
|
30
|
+
export default meta;
|
|
31
|
+
type Story = StoryObj<typeof meta>;
|
|
32
|
+
export declare const Default: Story;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { type ComponentType } from "react";
|
|
1
3
|
import { FileDropZone } from "./FileDropZone";
|
|
2
|
-
|
|
3
|
-
declare const _default: {
|
|
4
|
+
declare const meta: {
|
|
4
5
|
title: string;
|
|
6
|
+
component: typeof FileDropZone;
|
|
5
7
|
subcomponents: {
|
|
6
|
-
FileDropZone:
|
|
7
|
-
FileUploadButton:
|
|
8
|
+
FileDropZone: ComponentType<unknown>;
|
|
9
|
+
FileUploadButton: ComponentType<unknown>;
|
|
8
10
|
};
|
|
9
11
|
};
|
|
10
|
-
export default
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
name: string;
|
|
14
|
-
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
icon: string;
|
|
7
|
-
label: string;
|
|
8
|
-
selectedValues: Set<{
|
|
9
|
-
id: string;
|
|
10
|
-
label: string;
|
|
11
|
-
}>;
|
|
12
|
-
values: Set<{
|
|
13
|
-
id: string;
|
|
14
|
-
label: string;
|
|
15
|
-
}>;
|
|
16
|
-
};
|
|
17
|
-
name: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { FilterField } from ".";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FilterField;
|
|
18
6
|
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
bottom: string;
|
|
11
|
-
top: string;
|
|
12
|
-
left: string;
|
|
13
|
-
right: string;
|
|
14
|
-
width: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Gradient } from "./Gradient";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Gradient;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
parameters: {
|
|
8
|
+
backgrounds: {
|
|
9
|
+
default: string;
|
|
15
10
|
};
|
|
11
|
+
layout: string;
|
|
16
12
|
};
|
|
17
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -1,16 +1,33 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
icon:
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./HairlineButton").HairlineButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
icon: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
12
|
+
};
|
|
13
|
+
variant: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
8
19
|
tooltip: {
|
|
9
|
-
|
|
10
|
-
|
|
20
|
+
control: {
|
|
21
|
+
type: "object";
|
|
22
|
+
};
|
|
23
|
+
defaultValue: {
|
|
24
|
+
content: string;
|
|
25
|
+
side: string;
|
|
26
|
+
};
|
|
11
27
|
};
|
|
12
|
-
|
|
13
|
-
disabled: boolean;
|
|
28
|
+
onClick: {};
|
|
14
29
|
};
|
|
15
|
-
name: string;
|
|
16
30
|
};
|
|
31
|
+
export default meta;
|
|
32
|
+
type Story = StoryObj<typeof meta>;
|
|
33
|
+
export declare const Default: Story;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
color:
|
|
8
|
-
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./Icon").IconProps & import("react").RefAttributes<SVGSVGElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
color: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: string[];
|
|
12
|
+
};
|
|
13
|
+
size: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
9
19
|
};
|
|
10
|
-
name: string;
|
|
11
20
|
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Default: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
1
|
+
export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
2
2
|
export type IconName = (typeof iconNames)[number];
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
icon:
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
icon: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
12
|
+
};
|
|
13
|
+
onClick: {};
|
|
8
14
|
};
|
|
9
|
-
name: string;
|
|
10
15
|
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Default: Story;
|
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Image } from "./";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Image;
|
|
6
|
+
argTypes: {
|
|
7
|
+
src: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
borderRadius: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "select";
|
|
15
|
+
};
|
|
16
|
+
options: number[];
|
|
17
|
+
};
|
|
9
18
|
};
|
|
10
|
-
name: string;
|
|
11
19
|
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof meta>;
|
|
22
|
+
export declare const Default: Story;
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { LazyRender } from "./LazyRender";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof LazyRender;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
7
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -8,14 +8,14 @@ declare const meta: {
|
|
|
8
8
|
selected: {
|
|
9
9
|
defaultValue: boolean;
|
|
10
10
|
control: {
|
|
11
|
-
type:
|
|
11
|
+
type: "boolean";
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
status: {
|
|
15
15
|
defaultValue: string;
|
|
16
16
|
options: string[];
|
|
17
17
|
control: {
|
|
18
|
-
type:
|
|
18
|
+
type: "select";
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
onCardClick: {
|