@prismicio/editor-ui 0.4.61 → 0.4.62-alpha.jp-table-render-default-layout.0

package/dist/components/ScrollArea/ScrollArea.stories.d.ts

@@ -1,20 +1,24 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        children: JSX.Element[];
-        direction: string;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+        direction: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
     };
-    name: string;
-};
-export declare const ScrollAreaWithControls: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        children: JSX.Element[];
-        direction: string;
-        controls: boolean;
-    };
-    name: string;
+    render: (args: import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ScrollAreaWithControls: Story;

package/dist/components/SearchInput/SearchInput.stories.d.ts

@@ -1,12 +1,17 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        value: string;
-        placeholder: string;
-        isLoading: boolean;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        onValueChange: {};
+        isLoading: {
+            control: {
+                type: "boolean";
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Select/Select.stories.d.ts

@@ -5,58 +5,58 @@ declare const meta: {
     argTypes: {
         autoComplete: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         id: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         name: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         onValueChange: {};
         value: {};
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         constrainContentWidth: {
             control: {
-                type: string;
+                type: "boolean";
             };
         };
         position: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         side: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         sideOffset: {
             control: {
-                type: string;
+                type: "number";
                 step: number;
             };
         };

package/dist/components/SelectCard/SelectCard.stories.d.ts

@@ -1,12 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
-    args: {
-        title: string;
-        subtitle: string;
-        selected: boolean;
-        onSelect: () => void;
-    };
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { SelectCard } from "./SelectCard";
+declare const meta: {
+    title: string;
+    component: typeof SelectCard;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Separator/Separator.stories.d.ts

@@ -5,19 +5,19 @@ declare const meta: {
     argTypes: {
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         orientation: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         style: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

package/dist/components/Skeleton/Skeleton.stories.d.ts

@@ -6,29 +6,29 @@ declare const meta: {
     argTypes: {
         width: {
             control: {
-                type: string;
+                type: "number";
             };
         };
         height: {
             control: {
-                type: string;
+                type: "number";
             };
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         borderRadius: {
             control: {
-                type: string;
+                type: "select";
             };
             options: number[];
         };
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/dist/components/Slice/Slice.stories.d.ts

@@ -1,47 +1,12 @@
-declare const _default: {
+import type { StoryObj } from "@storybook/react";
+import { SliceCard } from "./SliceCard";
+import { SliceSelectCard } from "./SliceSelectCard";
+declare const meta: {
     title: string;
+    component: typeof SliceCard;
 };
-export default _default;
-export declare const SliceCardStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceCard").SliceCardProps>;
-    args: {
-        index: number;
-        title: string;
-        subTitle: string;
-        selected: boolean;
-        canMove: boolean;
-        children: JSX.Element;
-        menuItems: JSX.Element;
-    };
-    argTypes: {
-        children: {
-            control: {
-                disable: boolean;
-            };
-        };
-        menuItems: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onSelect: {};
-    };
-    name: string;
-};
-export declare const SliceSelectCardStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceSelectCard").SliceSelectCardProps>;
-    args: {
-        slice: string;
-        variation: string;
-        children: JSX.Element;
-    };
-    argTypes: {
-        children: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onClick: {};
-    };
-    name: string;
-};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SliceCardStory: Story;
+type SliceSelectCardStory = StoryObj<typeof SliceSelectCard>;
+export declare const SliceSelectCardStory: SliceSelectCardStory;

package/dist/components/Slider/Slider.stories.d.ts

@@ -1,11 +1,12 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
-    args: {
-        min: number;
-        max: number;
-        step: number;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>) => JSX.Element;
+    argTypes: {
+        value: {};
+        onValueChange: {};
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Switch/Switch.stories.d.ts

@@ -5,12 +5,12 @@ declare const meta: {
     argTypes: {
         id: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

package/dist/components/Table/Table.stories.d.ts

@@ -1,6 +1,16 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { Table } from "./Table";
+declare const meta: {
+    title: string;
+    component: typeof Table;
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
 };
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;

package/dist/components/Tag/Tag.stories.d.ts

@@ -1,12 +1,16 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Tag").TagProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Tag").TagProps>;
-    args: {
-        title: string;
-        label: string;
-        active: boolean;
-        onClose: () => undefined;
+import type { StoryObj } from "@storybook/react";
+import { Tag } from "./Tag";
+declare const meta: {
+    title: string;
+    component: typeof Tag;
+    argTypes: {
+        onClose: {
+            control: {
+                type: "boolean";
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/TagField/TagField.stories.d.ts

@@ -1,12 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TagField").TagFieldProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./TagField").TagFieldProps>;
-    args: {
-        selectedValues: Set<string>;
-        values: Set<string>;
-        loading: boolean;
-        error: boolean;
-    };
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { TagField } from ".";
+declare const meta: {
+    title: string;
+    component: typeof TagField;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Text/Text.stories.d.ts

@@ -1,13 +1,6 @@
-/// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Text").TextProps & import("react").RefAttributes<HTMLElement>>;
-export default _default;
-export declare const Default: {
-    args: {
-        align: string;
-        children: string;
-        color: string;
-        noWrap: boolean;
-        variant: string;
-    };
-    name: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -1,9 +1,6 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TextArea").TextAreaProps>;
-export default _default;
-export declare const Default: {
-    args: {
-        placeholder: string;
-        readOnly: boolean;
-    };
-    name: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextArea } from "./TextArea";
+declare const meta: Meta<typeof TextArea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/TextInput/TextInput.stories.d.ts

@@ -1,11 +1,31 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TextInput").TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const Default: {
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./TextInput").TextInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        id: {
+            control: {
+                type: "text";
+            };
+        };
+        inputMode: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        name: {
+            control: {
+                type: "text";
+            };
+        };
+        onValueChange: {};
+    };
     args: {
-        inputMode: string;
-        placeholder: string;
-        readOnly: boolean;
+        value: string;
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Toast/Toast.stories.d.ts

@@ -1,9 +1,68 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { Toast } from "./Toast";
+declare const meta: {
+    title: string;
+    component: typeof Toast;
+    tags: string[];
+    argTypes: {
+        seconds: {
+            defaultValue: number;
+            control: {
+                type: "number";
+            };
+        };
+        anchor: {
+            control: {
+                disable: true;
+            };
+        };
+        open: {
+            control: {
+                disable: true;
+            };
+        };
+        onOpenChange: {
+            control: {
+                disable: true;
+            };
+        };
+        icon: {
+            control: {
+                disable: true;
+            };
+        };
+        action: {
+            control: {
+                disable: true;
+            };
+        };
+        cancel: {
+            control: {
+                disable: true;
+            };
+        };
+        title: {
+            control: {
+                disable: true;
+            };
+        };
+        subtitle: {
+            control: {
+                disable: true;
+            };
+        };
+        variant: {
+            control: {
+                disable: true;
+            };
+        };
+    };
     args: {
-        seconds: number;
+        anchor: JSX.Element;
+        title: string;
+        open: false;
     };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -6,25 +6,25 @@ declare const meta: {
         onPressedChange: {};
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         startIcon: {
             control: {
-                type: string;
+                type: "select";
             };
             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"];
         };
         endIcon: {
             control: {
-                type: string;
+                type: "select";
             };
             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"];
         };

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts

@@ -6,31 +6,31 @@ declare const meta: {
     argTypes: {
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         density: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         onValueChange: {};
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         type: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

package/dist/components/Toolbar/Toolbar.stories.d.ts

@@ -1,8 +1,27 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Toolbar").ToolbarProps>;
-export default _default;
-export declare const Default: {
-    args: {
-        children: JSX.Element;
+import type { StoryObj } from "@storybook/react";
+import type { ComponentType } from "react";
+import { Toolbar, ToolbarSeparator } from "./Toolbar";
+declare const meta: {
+    title: string;
+    component: typeof Toolbar;
+    subcomponents: {
+        ToolbarButton: ComponentType<unknown>;
+        ToolbarButtonGroup: ComponentType<unknown>;
+        ToolbarSelect: ComponentType<unknown>;
+        ToolbarSelectItem: ComponentType<unknown>;
+        ToolbarSeparator: typeof ToolbarSeparator;
+        ToolbarToggleButton: ComponentType<unknown>;
+        ToolbarToggleButtonGroup: ComponentType<unknown>;
+        ToolbarToggleButtonGroupItem: ComponentType<unknown>;
+    };
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;