@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { MultiFilePickerPrimitive } from "./MultiFilePickerPrimitive";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { MultiFilePickerPrimitive } from "./MultiFilePickerPrimitive.js";
 declare const meta: Meta<typeof MultiFilePickerPrimitive>;
 export default meta;
 type Story = StoryObj<typeof MultiFilePickerPrimitive>;

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { MultiFilePickerPrimitive } from "./MultiFilePickerPrimitive";
+import { MultiFilePickerPrimitive } from "./MultiFilePickerPrimitive.js";
 const getRandomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
 const createFileList = (size = 10) => {
   return Array.from({

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","MultiFilePickerPrimitive","getRandomNumber","min","max","Math","floor","random","createFileList","size","Array","from","length","_","index","width","height","fileSize","name","mimeType","url","meta","title","component","argTypes","onSelectItem","action","onReplaceItem","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFiles","setSelectedFiles","createElement","Object","assign","values","prevState","slice","item","filter","value","i","alert","Default","label","AreaType","type","AreaPrimaryVariant","variant","AreaPrimaryVariantDisabled","AreaPrimaryVariantInvalid","invalid","AreaSecondaryVariant","AreaSecondaryVariantDisabled","AreaSecondaryVariantInvalid","AreaGhostVariant","AreaGhostVariantDisabled","AreaGhostVariantInvalid","AreaWithImagePreview","renderFilePreview","props","Preview","Image","AreaWithImagePreviewLight","AreaWithImagePreviewBase","AreaWithImagePreviewTransparent","AreaWithRichItemPreview","RichItem","AreaWithRichItemPreviewLight","AreaWithRichItemPreviewBase","AreaWithRichItemPreviewTransparent","AreaWithRichItemThumbnailPreview","preview","AreaWithRichItemFileTypePreview","AreaWithRichItemFileTypePlaceholder","AreaWithTextOnlyPreview","TextOnly","AreaWithTextOnlyPreviewLight","AreaWithTextOnlyPreviewBase","AreaWithTextOnlyPreviewTransparent","CompactType","CompactPrimaryVariant","CompactPrimaryVariantDisabled","CompactPrimaryVariantInvalid","CompactSecondaryVariant","CompactSecondaryVariantDisabled","CompactSecondaryVariantInvalid","CompactGhostVariant","CompactGhostVariantDisabled","CompactGhostVariantInvalid","CompactWithTextOnlyPreviewSmall","small"],"sources":["MultiFilePickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { MultiFilePickerPrimitive, type FileItemDto } from \"./MultiFilePickerPrimitive\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst createFileList = (size: number = 10): FileItemDto[] => {\n    return Array.from({ length: size }, (_, index) => {\n        const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n        const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n        const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n        return {\n            name: `file-${index + 1}.jpg`,\n            mimeType: \"image/jpeg\",\n            size: fileSize,\n            url: `https://picsum.photos/${width}/${height}`\n        };\n    });\n};\n\nconst meta: Meta<typeof MultiFilePickerPrimitive> = {\n    title: \"Components/Form Primitives/Multi FilePicker\",\n    component: MultiFilePickerPrimitive,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onReplaceItem: { action: \"onReplaceItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFiles, setSelectedFiles] = useState<FileItemDto[]>([]);\n        return (\n            <MultiFilePickerPrimitive\n                {...args}\n                values={selectedFiles}\n                onSelectItem={() => setSelectedFiles(createFileList())}\n                onReplaceItem={(_, index) =>\n                    setSelectedFiles(prevState => {\n                        if (!prevState) {\n                            return [];\n                        }\n\n                        return [\n                            ...prevState.slice(0, index),\n                            ...createFileList(1),\n                            ...prevState.slice(index + 1)\n                        ];\n                    })\n                }\n                onRemoveItem={item =>\n                    setSelectedFiles(prevState =>\n                        prevState?.filter(value => value.name !== item?.name)\n                    )\n                }\n                onEditItem={(item, i) => alert(`Editing ${item?.name} at position ${i}`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MultiFilePickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Add gallery files\"\n    }\n};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaPrimaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const AreaPrimaryVariantDisabled: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaPrimaryVariantInvalid: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaSecondaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const AreaSecondaryVariantDisabled: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaSecondaryVariantInvalid: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaGhostVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const AreaGhostVariantDisabled: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaGhostVariantInvalid: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaWithImagePreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.Image {...props} />\n    }\n};\n\nexport const AreaWithImagePreviewLight: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewBase: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewTransparent: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.RichItem {...props} />\n    }\n};\n\nexport const AreaWithRichItemPreviewLight: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewBase: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewTransparent: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemThumbnailPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"thumbnail\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePreview: Story = {\n    args: {\n        ...AreaType.args,\n        values: [\n            {\n                name: \"export.csv\",\n                url: \"export.csv\",\n                mimeType: \"text/csv\",\n                size: 100000\n            }\n        ],\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"file-type\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePlaceholder: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"placeholder\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.TextOnly {...props} />\n    }\n};\n\nexport const AreaWithTextOnlyPreviewLight: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewBase: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewTransparent: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const CompactType: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactPrimaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const CompactPrimaryVariantDisabled: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactPrimaryVariantInvalid: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactSecondaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const CompactSecondaryVariantDisabled: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactSecondaryVariantInvalid: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactGhostVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const CompactGhostVariantDisabled: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactGhostVariantInvalid: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactWithTextOnlyPreviewSmall: Story = {\n    args: {\n        ...CompactType.args,\n        values: createFileList(50),\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly {...props} small={true} />\n        )\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","MultiFilePickerPrimitive","getRandomNumber","min","max","Math","floor","random","createFileList","size","Array","from","length","_","index","width","height","fileSize","name","mimeType","url","meta","title","component","argTypes","onSelectItem","action","onReplaceItem","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFiles","setSelectedFiles","createElement","Object","assign","values","prevState","slice","item","filter","value","i","alert","Default","label","AreaType","type","AreaPrimaryVariant","variant","AreaPrimaryVariantDisabled","AreaPrimaryVariantInvalid","invalid","AreaSecondaryVariant","AreaSecondaryVariantDisabled","AreaSecondaryVariantInvalid","AreaGhostVariant","AreaGhostVariantDisabled","AreaGhostVariantInvalid","AreaWithImagePreview","renderFilePreview","props","Preview","Image","AreaWithImagePreviewLight","AreaWithImagePreviewBase","AreaWithImagePreviewTransparent","AreaWithRichItemPreview","RichItem","AreaWithRichItemPreviewLight","AreaWithRichItemPreviewBase","AreaWithRichItemPreviewTransparent","AreaWithRichItemThumbnailPreview","preview","AreaWithRichItemFileTypePreview","AreaWithRichItemFileTypePlaceholder","AreaWithTextOnlyPreview","TextOnly","AreaWithTextOnlyPreviewLight","AreaWithTextOnlyPreviewBase","AreaWithTextOnlyPreviewTransparent","CompactType","CompactPrimaryVariant","CompactPrimaryVariantDisabled","CompactPrimaryVariantInvalid","CompactSecondaryVariant","CompactSecondaryVariantDisabled","CompactSecondaryVariantInvalid","CompactGhostVariant","CompactGhostVariantDisabled","CompactGhostVariantInvalid","CompactWithTextOnlyPreviewSmall","small"],"sources":["MultiFilePickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { MultiFilePickerPrimitive, type FileItemDto } from \"./MultiFilePickerPrimitive.js\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst createFileList = (size: number = 10): FileItemDto[] => {\n    return Array.from({ length: size }, (_, index) => {\n        const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n        const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n        const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n        return {\n            name: `file-${index + 1}.jpg`,\n            mimeType: \"image/jpeg\",\n            size: fileSize,\n            url: `https://picsum.photos/${width}/${height}`\n        };\n    });\n};\n\nconst meta: Meta<typeof MultiFilePickerPrimitive> = {\n    title: \"Components/Form Primitives/Multi FilePicker\",\n    component: MultiFilePickerPrimitive,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onReplaceItem: { action: \"onReplaceItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFiles, setSelectedFiles] = useState<FileItemDto[]>([]);\n        return (\n            <MultiFilePickerPrimitive\n                {...args}\n                values={selectedFiles}\n                onSelectItem={() => setSelectedFiles(createFileList())}\n                onReplaceItem={(_, index) =>\n                    setSelectedFiles(prevState => {\n                        if (!prevState) {\n                            return [];\n                        }\n\n                        return [\n                            ...prevState.slice(0, index),\n                            ...createFileList(1),\n                            ...prevState.slice(index + 1)\n                        ];\n                    })\n                }\n                onRemoveItem={item =>\n                    setSelectedFiles(prevState =>\n                        prevState?.filter(value => value.name !== item?.name)\n                    )\n                }\n                onEditItem={(item, i) => alert(`Editing ${item?.name} at position ${i}`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MultiFilePickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Add gallery files\"\n    }\n};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaPrimaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const AreaPrimaryVariantDisabled: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaPrimaryVariantInvalid: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaSecondaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const AreaSecondaryVariantDisabled: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaSecondaryVariantInvalid: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaGhostVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const AreaGhostVariantDisabled: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaGhostVariantInvalid: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaWithImagePreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.Image {...props} />\n    }\n};\n\nexport const AreaWithImagePreviewLight: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewBase: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewTransparent: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.Image variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.RichItem {...props} />\n    }\n};\n\nexport const AreaWithRichItemPreviewLight: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewBase: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewTransparent: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemThumbnailPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"thumbnail\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePreview: Story = {\n    args: {\n        ...AreaType.args,\n        values: [\n            {\n                name: \"export.csv\",\n                url: \"export.csv\",\n                mimeType: \"text/csv\",\n                size: 100000\n            }\n        ],\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"file-type\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePlaceholder: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.RichItem preview={\"placeholder\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <MultiFilePickerPrimitive.Preview.TextOnly {...props} />\n    }\n};\n\nexport const AreaWithTextOnlyPreviewLight: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewBase: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewTransparent: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const CompactType: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactPrimaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const CompactPrimaryVariantDisabled: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactPrimaryVariantInvalid: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactSecondaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const CompactSecondaryVariantDisabled: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactSecondaryVariantInvalid: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactGhostVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const CompactGhostVariantDisabled: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactGhostVariantInvalid: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactWithTextOnlyPreviewSmall: Story = {\n    args: {\n        ...CompactType.args,\n        values: createFileList(50),\n        renderFilePreview: props => (\n            <MultiFilePickerPrimitive.Preview.TextOnly {...props} small={true} />\n        )\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiFilePicker/primitives/index.d.ts

@@ -1 +1 @@
-export * from "./MultiFilePickerPrimitive";
+export * from "./MultiFilePickerPrimitive.js";

package/MultiFilePicker/primitives/index.js

@@ -1,3 +1,3 @@
-export * from "./MultiFilePickerPrimitive";
+export * from "./MultiFilePickerPrimitive.js";
 
 //# sourceMappingURL=index.js.map

package/MultiFilePicker/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiFilePickerPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiFilePickerPrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.d.ts

@@ -1,4 +1,4 @@
-import { type FileItemDto, type FileItemFormatted } from "../../../FilePicker/domains";
+import { type FileItemDto, type FileItemFormatted } from "../../../FilePicker/domains/index.js";
 interface MultiFilePickerPresenterParams {
     values?: FileItemDto[] | string[] | null;
 }

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { FileItem, FileItemFormatter } from "../../../FilePicker/domains";
+import { FileItem, FileItemFormatter } from "../../../FilePicker/domains/index.js";
 class MultiFilePickerPresenter {
   files = [];
   constructor() {

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","FileItem","FileItemFormatter","MultiFilePickerPresenter","files","constructor","init","params","values","getFiles","vm","map","file","format","hasFiles","length","value","createFromUrl","create"],"sources":["MultiFilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../../FilePicker/domains\";\n\ninterface MultiFilePickerPresenterParams {\n    values?: FileItemDto[] | string[] | null;\n}\n\ninterface IMultiFilePickerPresenter {\n    vm: {\n        files: FileItemFormatted[];\n        hasFiles: boolean;\n    };\n    init: (params: MultiFilePickerPresenterParams) => void;\n}\n\nclass MultiFilePickerPresenter implements IMultiFilePickerPresenter {\n    private files: FileItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: MultiFilePickerPresenterParams) => {\n        const { values } = params;\n        this.files = this.getFiles(values);\n    };\n\n    get vm() {\n        return {\n            files: this.files?.map(file => FileItemFormatter.format(file)),\n            hasFiles: !!this.files.length\n        };\n    }\n\n    private getFiles = (values: FileItemDto[] | string[] | null | undefined): FileItem[] => {\n        if (!values || !values?.length) {\n            return [];\n        }\n\n        return values.map(value => {\n            if (typeof value === \"string\") {\n                return FileItem.createFromUrl(value);\n            }\n\n            return FileItem.create(value);\n        });\n    };\n}\n\nexport {\n    MultiFilePickerPresenter,\n    type MultiFilePickerPresenterParams,\n    type IMultiFilePickerPresenter\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,QAAQ,EAGRC,iBAAiB;AAerB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAe,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAI,GAAIC,MAAsC,IAAK;IACtD,MAAM;MAAEC;IAAO,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACH,KAAK,GAAG,IAAI,CAACK,QAAQ,CAACD,MAAM,CAAC;EACtC,CAAC;EAED,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,KAAK,EAAE,IAAI,CAACA,KAAK,EAAEO,GAAG,CAACC,IAAI,IAAIV,iBAAiB,CAACW,MAAM,CAACD,IAAI,CAAC,CAAC;MAC9DE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,KAAK,CAACW;IAC3B,CAAC;EACL;EAEQN,QAAQ,GAAID,MAAmD,IAAiB;IACpF,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,EAAEO,MAAM,EAAE;MAC5B,OAAO,EAAE;IACb;IAEA,OAAOP,MAAM,CAACG,GAAG,CAACK,KAAK,IAAI;MACvB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QAC3B,OAAOf,QAAQ,CAACgB,aAAa,CAACD,KAAK,CAAC;MACxC;MAEA,OAAOf,QAAQ,CAACiB,MAAM,CAACF,KAAK,CAAC;IACjC,CAAC,CAAC;EACN,CAAC;AACL;AAEA,SACIb,wBAAwB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","FileItem","FileItemFormatter","MultiFilePickerPresenter","files","constructor","init","params","values","getFiles","vm","map","file","format","hasFiles","length","value","createFromUrl","create"],"sources":["MultiFilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../../FilePicker/domains/index.js\";\n\ninterface MultiFilePickerPresenterParams {\n    values?: FileItemDto[] | string[] | null;\n}\n\ninterface IMultiFilePickerPresenter {\n    vm: {\n        files: FileItemFormatted[];\n        hasFiles: boolean;\n    };\n    init: (params: MultiFilePickerPresenterParams) => void;\n}\n\nclass MultiFilePickerPresenter implements IMultiFilePickerPresenter {\n    private files: FileItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: MultiFilePickerPresenterParams) => {\n        const { values } = params;\n        this.files = this.getFiles(values);\n    };\n\n    get vm() {\n        return {\n            files: this.files?.map(file => FileItemFormatter.format(file)),\n            hasFiles: !!this.files.length\n        };\n    }\n\n    private getFiles = (values: FileItemDto[] | string[] | null | undefined): FileItem[] => {\n        if (!values || !values?.length) {\n            return [];\n        }\n\n        return values.map(value => {\n            if (typeof value === \"string\") {\n                return FileItem.createFromUrl(value);\n            }\n\n            return FileItem.create(value);\n        });\n    };\n}\n\nexport {\n    MultiFilePickerPresenter,\n    type MultiFilePickerPresenterParams,\n    type IMultiFilePickerPresenter\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,QAAQ,EAGRC,iBAAiB;AAerB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAe,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAI,GAAIC,MAAsC,IAAK;IACtD,MAAM;MAAEC;IAAO,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACH,KAAK,GAAG,IAAI,CAACK,QAAQ,CAACD,MAAM,CAAC;EACtC,CAAC;EAED,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,KAAK,EAAE,IAAI,CAACA,KAAK,EAAEO,GAAG,CAACC,IAAI,IAAIV,iBAAiB,CAACW,MAAM,CAACD,IAAI,CAAC,CAAC;MAC9DE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,KAAK,CAACW;IAC3B,CAAC;EACL;EAEQN,QAAQ,GAAID,MAAmD,IAAiB;IACpF,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,EAAEO,MAAM,EAAE;MAC5B,OAAO,EAAE;IACb;IAEA,OAAOP,MAAM,CAACG,GAAG,CAACK,KAAK,IAAI;MACvB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QAC3B,OAAOf,QAAQ,CAACgB,aAAa,CAACD,KAAK,CAAC;MACxC;MAEA,OAAOf,QAAQ,CAACiB,MAAM,CAACF,KAAK,CAAC;IACjC,CAAC,CAAC;EACN,CAAC;AACL;AAEA,SACIb,wBAAwB","ignoreList":[]}

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.test.js

@@ -1,4 +1,5 @@
-import { MultiFilePickerPresenter } from "./MultiFilePickerPresenter";
+import { MultiFilePickerPresenter } from "./MultiFilePickerPresenter.js";
+import { describe, expect, it } from "vitest";
 describe("MultiFilePickerPresenter", () => {
   const presenter = new MultiFilePickerPresenter();
   it("should initialize with an empty array when no value is provided", () => {

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["MultiFilePickerPresenter","describe","presenter","it","init","expect","vm","files","toEqual","hasFiles","toBeFalsy","url","values","id","any","String","name","mimeType","size","toBeTruthy","fileItemDto"],"sources":["MultiFilePickerPresenter.test.ts"],"sourcesContent":["import { MultiFilePickerPresenter } from \"./MultiFilePickerPresenter\";\n\ndescribe(\"MultiFilePickerPresenter\", () => {\n    const presenter = new MultiFilePickerPresenter();\n\n    it(\"should initialize with an empty array when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.files).toEqual([]);\n        expect(presenter.vm.hasFiles).toBeFalsy();\n    });\n\n    it(\"should initialize with a files created from URL when values is an array of string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ values: [url] });\n        expect(presenter.vm.files).toEqual([\n            {\n                id: expect.any(String),\n                name: \"file.png\",\n                mimeType: \"image/png\",\n                url,\n                size: 0\n            }\n        ]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ values: [url] });\n        expect(presenter.vm.files).toEqual([\n            {\n                id: expect.any(String),\n                name: \"file.unknown\",\n                mimeType: \"application/octet-stream\",\n                url,\n                size: 0\n            }\n        ]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ values: [fileItemDto] });\n        expect(presenter.vm.files).toEqual([fileItemDto]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AAEjCC,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvC,MAAMC,SAAS,GAAG,IAAIF,wBAAwB,CAAC,CAAC;EAEhDG,EAAE,CAAC,iEAAiE,EAAE,MAAM;IACxED,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC;IACtCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,QAAQ,CAAC,CAACC,SAAS,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFP,EAAE,CAAC,mFAAmF,EAAE,MAAM;IAC1F,MAAMQ,GAAG,GAAG,6BAA6B;IACzCT,SAAS,CAACE,IAAI,CAAC;MAAEQ,MAAM,EAAE,CAACD,GAAG;IAAE,CAAC,CAAC;IACjCN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAC/B;MACIK,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,WAAW;MACrBN,GAAG;MACHO,IAAI,EAAE;IACV,CAAC,CACJ,CAAC;IACFb,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFhB,EAAE,CAAC,mGAAmG,EAAE,MAAM;IAC1G,MAAMQ,GAAG,GAAG,iCAAiC;IAC7CT,SAAS,CAACE,IAAI,CAAC;MAAEQ,MAAM,EAAE,CAACD,GAAG;IAAE,CAAC,CAAC;IACjCN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAC/B;MACIK,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,0BAA0B;MACpCN,GAAG;MACHO,IAAI,EAAE;IACV,CAAC,CACJ,CAAC;IACFb,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFhB,EAAE,CAAC,gFAAgF,EAAE,MAAM;IACvF,MAAMiB,WAAW,GAAG;MAChBP,EAAE,EAAE,GAAG;MACPG,IAAI,EAAE,UAAU;MAChBL,GAAG,EAAE,6BAA6B;MAClCM,QAAQ,EAAE,WAAW;MACrBC,IAAI,EAAE;IACV,CAAC;IACDhB,SAAS,CAACE,IAAI,CAAC;MAAEQ,MAAM,EAAE,CAACQ,WAAW;IAAE,CAAC,CAAC;IACzCf,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAACY,WAAW,CAAC,CAAC;IACjDf,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["MultiFilePickerPresenter","describe","expect","it","presenter","init","vm","files","toEqual","hasFiles","toBeFalsy","url","values","id","any","String","name","mimeType","size","toBeTruthy","fileItemDto"],"sources":["MultiFilePickerPresenter.test.ts"],"sourcesContent":["import { MultiFilePickerPresenter } from \"./MultiFilePickerPresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"MultiFilePickerPresenter\", () => {\n    const presenter = new MultiFilePickerPresenter();\n\n    it(\"should initialize with an empty array when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.files).toEqual([]);\n        expect(presenter.vm.hasFiles).toBeFalsy();\n    });\n\n    it(\"should initialize with a files created from URL when values is an array of string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ values: [url] });\n        expect(presenter.vm.files).toEqual([\n            {\n                id: expect.any(String),\n                name: \"file.png\",\n                mimeType: \"image/png\",\n                url,\n                size: 0\n            }\n        ]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ values: [url] });\n        expect(presenter.vm.files).toEqual([\n            {\n                id: expect.any(String),\n                name: \"file.unknown\",\n                mimeType: \"application/octet-stream\",\n                url,\n                size: 0\n            }\n        ]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ values: [fileItemDto] });\n        expect(presenter.vm.files).toEqual([fileItemDto]);\n        expect(presenter.vm.hasFiles).toBeTruthy();\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AACjC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7CF,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvC,MAAMG,SAAS,GAAG,IAAIJ,wBAAwB,CAAC,CAAC;EAEhDG,EAAE,CAAC,iEAAiE,EAAE,MAAM;IACxEC,SAAS,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBH,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC;IACtCN,MAAM,CAACE,SAAS,CAACE,EAAE,CAACG,QAAQ,CAAC,CAACC,SAAS,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFP,EAAE,CAAC,mFAAmF,EAAE,MAAM;IAC1F,MAAMQ,GAAG,GAAG,6BAA6B;IACzCP,SAAS,CAACC,IAAI,CAAC;MAAEO,MAAM,EAAE,CAACD,GAAG;IAAE,CAAC,CAAC;IACjCT,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAC/B;MACIK,EAAE,EAAEX,MAAM,CAACY,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,WAAW;MACrBN,GAAG;MACHO,IAAI,EAAE;IACV,CAAC,CACJ,CAAC;IACFhB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFhB,EAAE,CAAC,mGAAmG,EAAE,MAAM;IAC1G,MAAMQ,GAAG,GAAG,iCAAiC;IAC7CP,SAAS,CAACC,IAAI,CAAC;MAAEO,MAAM,EAAE,CAACD,GAAG;IAAE,CAAC,CAAC;IACjCT,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAC/B;MACIK,EAAE,EAAEX,MAAM,CAACY,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,0BAA0B;MACpCN,GAAG;MACHO,IAAI,EAAE;IACV,CAAC,CACJ,CAAC;IACFhB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFhB,EAAE,CAAC,gFAAgF,EAAE,MAAM;IACvF,MAAMiB,WAAW,GAAG;MAChBP,EAAE,EAAE,GAAG;MACPG,IAAI,EAAE,UAAU;MAChBL,GAAG,EAAE,6BAA6B;MAClCM,QAAQ,EAAE,WAAW;MACrBC,IAAI,EAAE;IACV,CAAC;IACDd,SAAS,CAACC,IAAI,CAAC;MAAEO,MAAM,EAAE,CAACQ,WAAW;IAAE,CAAC,CAAC;IACzClB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,OAAO,CAAC,CAACY,WAAW,CAAC,CAAC;IACjDlB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACG,QAAQ,CAAC,CAACU,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/MultiFilePicker/primitives/presenters/index.d.ts

@@ -1 +1 @@
-export * from "./MultiFilePickerPresenter";
+export * from "./MultiFilePickerPresenter.js";

package/MultiFilePicker/primitives/presenters/index.js

@@ -1,3 +1,3 @@
-export * from "./MultiFilePickerPresenter";
+export * from "./MultiFilePickerPresenter.js";
 
 //# sourceMappingURL=index.js.map

package/MultiFilePicker/primitives/presenters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiFilePickerPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiFilePickerPresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/MultiFilePicker/primitives/useMultiFilePicker.d.ts

@@ -1,8 +1,8 @@
-import type { MultiFilePickerPrimitiveProps } from "..";
+import type { MultiFilePickerPrimitiveProps } from "../../MultiFilePicker/index.js";
 type IMultiFilePickerPrimitiveProps = Pick<MultiFilePickerPrimitiveProps, "values">;
 export declare const useMultiFilePicker: (props: IMultiFilePickerPrimitiveProps) => {
     vm: {
-        files: import("..").FileItemFormatted[];
+        files: import("~/MultiFilePicker/index.js").FileItemFormatted[];
         hasFiles: boolean;
     };
 };

package/MultiFilePicker/primitives/useMultiFilePicker.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { MultiFilePickerPresenter } from "./presenters/MultiFilePickerPresenter";
+import { MultiFilePickerPresenter } from "./presenters/MultiFilePickerPresenter.js";
 export const useMultiFilePicker = props => {
   const params = useMemo(() => ({
     values: props.values

package/MultiFilePicker/primitives/useMultiFilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","MultiFilePickerPresenter","useMultiFilePicker","props","params","values","presenter","vm","setVm","init"],"sources":["useMultiFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    MultiFilePickerPresenter,\n    type MultiFilePickerPresenterParams\n} from \"./presenters/MultiFilePickerPresenter\";\nimport type { MultiFilePickerPrimitiveProps } from \"~/MultiFilePicker\";\n\ntype IMultiFilePickerPrimitiveProps = Pick<MultiFilePickerPrimitiveProps, \"values\">;\n\nexport const useMultiFilePicker = (props: IMultiFilePickerPrimitiveProps) => {\n    const params: MultiFilePickerPresenterParams = useMemo(\n        () => ({\n            values: props.values\n        }),\n        [props.values]\n    );\n\n    const presenter = useMemo(() => {\n        return new MultiFilePickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,wBAAwB;AAO5B,OAAO,MAAMC,kBAAkB,GAAIC,KAAqC,IAAK;EACzE,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,MAAM,EAAEF,KAAK,CAACE;EAClB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,MAAM,CACjB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGT,QAAQ,CAACO,SAAS,CAACC,EAAE,CAAC;EAE1CV,SAAS,CAAC,MAAM;IACZS,SAAS,CAACG,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBQ,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","MultiFilePickerPresenter","useMultiFilePicker","props","params","values","presenter","vm","setVm","init"],"sources":["useMultiFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    MultiFilePickerPresenter,\n    type MultiFilePickerPresenterParams\n} from \"./presenters/MultiFilePickerPresenter.js\";\nimport type { MultiFilePickerPrimitiveProps } from \"~/MultiFilePicker/index.js\";\n\ntype IMultiFilePickerPrimitiveProps = Pick<MultiFilePickerPrimitiveProps, \"values\">;\n\nexport const useMultiFilePicker = (props: IMultiFilePickerPrimitiveProps) => {\n    const params: MultiFilePickerPresenterParams = useMemo(\n        () => ({\n            values: props.values\n        }),\n        [props.values]\n    );\n\n    const presenter = useMemo(() => {\n        return new MultiFilePickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,wBAAwB;AAO5B,OAAO,MAAMC,kBAAkB,GAAIC,KAAqC,IAAK;EACzE,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,MAAM,EAAEF,KAAK,CAACE;EAClB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,MAAM,CACjB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGT,QAAQ,CAACO,SAAS,CAACC,EAAE,CAAC;EAE1CV,SAAS,CAAC,MAAM;IACZS,SAAS,CAACG,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBQ,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type PopoverPrimitiveProps, type PopoverPrimitiveContentProps } from "./primitives";
+import { type PopoverPrimitiveProps, type PopoverPrimitiveContentProps } from "./primitives/index.js";
 interface PopoverProps extends PopoverPrimitiveProps, Omit<PopoverPrimitiveProps, "children"> {
     align?: PopoverPrimitiveContentProps["align"];
     content: React.ReactNode;
@@ -22,7 +22,7 @@ declare const Popover: (({ align, arrow, close, content, side, trigger, variant,
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ align, arrow, close, content, side, trigger, variant, ...props }: PopoverProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ align, arrow, close, content, side, trigger, variant, ...props }: PopoverProps) => React.JSX.Element) & {
         original: ({ align, arrow, close, content, side, trigger, variant, ...props }: PopoverProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Popover/Popover.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { PopoverPrimitive } from "./primitives";
-import { makeDecoratable } from "../utils";
+import { PopoverPrimitive } from "./primitives/index.js";
+import { makeDecoratable } from "../utils.js";
 const DecoratablePopover = ({
   align,
   arrow,
@@ -14,7 +14,7 @@ const DecoratablePopover = ({
   asChild: true
 }, trigger), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
   align: align,
-  className: "wby-px-sm-extra wby-py-sm",
+  className: "px-sm-extra py-sm",
   arrow: arrow,
   side: side,
   variant: variant

package/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PopoverPrimitive","makeDecoratable","DecoratablePopover","align","arrow","close","content","side","trigger","variant","props","createElement","Trigger","asChild","Content","className","Close","Arrow","Popover"],"sources":["Popover.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveContentProps\n} from \"./primitives\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface PopoverProps extends PopoverPrimitiveProps, Omit<PopoverPrimitiveProps, \"children\"> {\n    align?: PopoverPrimitiveContentProps[\"align\"];\n    content: React.ReactNode;\n    arrow?: boolean;\n    close?: boolean;\n    side?: PopoverPrimitiveContentProps[\"side\"];\n    trigger: React.ReactNode;\n    variant?: PopoverPrimitiveContentProps[\"variant\"];\n}\n\nconst DecoratablePopover = ({\n    align,\n    arrow,\n    close,\n    content,\n    side,\n    trigger,\n    variant,\n    ...props\n}: PopoverProps) => (\n    <PopoverPrimitive {...props}>\n        <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Content\n            align={align}\n            className={\"wby-px-sm-extra wby-py-sm\"}\n            arrow={arrow}\n            side={side}\n            variant={variant}\n        >\n            {content}\n            {close && <PopoverPrimitive.Close />}\n            {arrow && <PopoverPrimitive.Arrow variant={variant} />}\n        </PopoverPrimitive.Content>\n    </PopoverPrimitive>\n);\n\nconst Popover = makeDecoratable(\"Popover\", DecoratablePopover);\n\nexport { Popover, type PopoverProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACIC,gBAAgB;AAIpB,SAASC,eAAe;AAYxB,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,OAAO;EACP,GAAGC;AACO,CAAC,kBACXX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAKU,KAAK,eACvBX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACY,OAAO;EAACC,OAAO;AAAA,GAAEL,OAAkC,CAAC,eACtET,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACc,OAAO;EACrBX,KAAK,EAAEA,KAAM;EACbY,SAAS,EAAE,2BAA4B;EACvCX,KAAK,EAAEA,KAAM;EACbG,IAAI,EAAEA,IAAK;EACXE,OAAO,EAAEA;AAAQ,GAEhBH,OAAO,EACPD,KAAK,iBAAIN,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACgB,KAAK,MAAE,CAAC,EACnCZ,KAAK,iBAAIL,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACiB,KAAK;EAACR,OAAO,EAAEA;AAAQ,CAAE,CAC/B,CACZ,CACrB;AAED,MAAMS,OAAO,GAAGjB,eAAe,CAAC,SAAS,EAAEC,kBAAkB,CAAC;AAE9D,SAASgB,OAAO","ignoreList":[]}
+{"version":3,"names":["React","PopoverPrimitive","makeDecoratable","DecoratablePopover","align","arrow","close","content","side","trigger","variant","props","createElement","Trigger","asChild","Content","className","Close","Arrow","Popover"],"sources":["Popover.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveContentProps\n} from \"./primitives/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface PopoverProps extends PopoverPrimitiveProps, Omit<PopoverPrimitiveProps, \"children\"> {\n    align?: PopoverPrimitiveContentProps[\"align\"];\n    content: React.ReactNode;\n    arrow?: boolean;\n    close?: boolean;\n    side?: PopoverPrimitiveContentProps[\"side\"];\n    trigger: React.ReactNode;\n    variant?: PopoverPrimitiveContentProps[\"variant\"];\n}\n\nconst DecoratablePopover = ({\n    align,\n    arrow,\n    close,\n    content,\n    side,\n    trigger,\n    variant,\n    ...props\n}: PopoverProps) => (\n    <PopoverPrimitive {...props}>\n        <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Content\n            align={align}\n            className={\"px-sm-extra py-sm\"}\n            arrow={arrow}\n            side={side}\n            variant={variant}\n        >\n            {content}\n            {close && <PopoverPrimitive.Close />}\n            {arrow && <PopoverPrimitive.Arrow variant={variant} />}\n        </PopoverPrimitive.Content>\n    </PopoverPrimitive>\n);\n\nconst Popover = makeDecoratable(\"Popover\", DecoratablePopover);\n\nexport { Popover, type PopoverProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACIC,gBAAgB;AAIpB,SAASC,eAAe;AAYxB,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,OAAO;EACP,GAAGC;AACO,CAAC,kBACXX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAKU,KAAK,eACvBX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACY,OAAO;EAACC,OAAO;AAAA,GAAEL,OAAkC,CAAC,eACtET,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACc,OAAO;EACrBX,KAAK,EAAEA,KAAM;EACbY,SAAS,EAAE,mBAAoB;EAC/BX,KAAK,EAAEA,KAAM;EACbG,IAAI,EAAEA,IAAK;EACXE,OAAO,EAAEA;AAAQ,GAEhBH,OAAO,EACPD,KAAK,iBAAIN,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACgB,KAAK,MAAE,CAAC,EACnCZ,KAAK,iBAAIL,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACiB,KAAK;EAACR,OAAO,EAAEA;AAAQ,CAAE,CAC/B,CACZ,CACrB;AAED,MAAMS,OAAO,GAAGjB,eAAe,CAAC,SAAS,EAAEC,kBAAkB,CAAC;AAE9D,SAASgB,OAAO","ignoreList":[]}

package/Popover/Popover.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as PopoverStories from './Popover.stories';
 
@@ -16,11 +16,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const PopoverExample = () => {
     return (
-        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+        <div className="bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.
@@ -60,11 +60,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const PopoverExample = () => {
     return (
-        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+        <div className="bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.
@@ -95,11 +95,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const AccentVariantExample = () => {
     return (
-        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+        <div className="bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.
@@ -124,11 +124,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const WithArrowAccentExample = () => {
     return (
-        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+        <div className="bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.
@@ -154,11 +154,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const SubtleVariantExample = () => {
     return (
-        <div className="wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]">
+        <div className="flex items-center justify-center bg-neutral-dark text-neutral-light w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.
@@ -183,11 +183,11 @@ import { Popover } from "@webiny/admin-ui";
 
 const WithArrowSubtleExample = () => {
     return (
-        <div className="wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]">
+        <div className="flex items-center justify-center bg-neutral-dark text-neutral-light w-full h-[300px]">
             <Popover
                 trigger={<p>Popover trigger</p>}
                 content={
-                    <div className={"wby-w-[260px]"}>
+                    <div className={"w-[260px]"}>
                         <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
                         lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
                         tempus.

package/Popover/Popover.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Popover } from "./Popover";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Popover } from "./Popover.js";
 declare const meta: Meta<typeof Popover>;
 export default meta;
 type Story = StoryObj<typeof Popover>;

package/Popover/Popover.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Popover } from "./Popover";
+import { Popover } from "./Popover.js";
 const meta = {
   title: "Components/Popover",
   component: Popover,
@@ -17,7 +17,7 @@ const meta = {
     }
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]"
+    className: "bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export default meta;
@@ -25,7 +25,7 @@ export const Default = {
   args: {
     trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
     content: /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-[260px]"
+      className: "w-[260px]"
     }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
   }
 };
@@ -47,7 +47,7 @@ export const SubtleVariant = {
     variant: "subtle"
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]"
+    className: "flex items-center justify-center bg-neutral-dark text-neutral-light w-full h-[300px]"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const WithArrowSubtleVariant = {
@@ -56,7 +56,7 @@ export const WithArrowSubtleVariant = {
     trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
     arrow: true,
     content: /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-[260px]"
+      className: "w-[260px]"
     }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
   },
   decorators: SubtleVariant.decorators
@@ -70,17 +70,15 @@ export const Documentation = {
     close: false,
     trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
     content: /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-[260px]"
+      className: "w-[260px]"
     }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
   },
   argTypes: {
     trigger: {
-      description: "The element that triggers the popover when clicked. Please refer to the example code for details.",
-      control: "none"
+      description: "The element that triggers the popover when clicked. Please refer to the example code for details."
     },
     content: {
-      description: "The content to display inside the popover. Please refer to the example code for details.",
-      control: "none"
+      description: "The content to display inside the popover. Please refer to the example code for details."
     },
     side: {
       description: "The side of the trigger where the popover appears.",

package/Popover/Popover.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","meta","title","component","parameters","layout","argTypes","align","control","options","side","decorators","Story","createElement","className","Default","args","trigger","content","AccentVariant","variant","WithArrowAccentVariant","arrow","SubtleVariant","WithArrowSubtleVariant","Documentation","close","description"],"sources":["Popover.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Popover } from \"./Popover\";\n\nconst meta: Meta<typeof Popover> = {\n    title: \"Components/Popover\",\n    component: Popover,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        align: {\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        side: {\n            control: \"select\",\n            options: [\"top\", \"bottom\", \"left\", \"right\"]\n        }\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Popover>;\n\nexport const Default: Story = {\n    args: {\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const WithArrowAccentVariant: Story = {\n    args: {\n        ...AccentVariant.args,\n        arrow: true\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithArrowSubtleVariant: Story = {\n    args: {\n        variant: \"subtle\",\n        trigger: <p>Popover trigger</p>,\n        arrow: true,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    decorators: SubtleVariant.decorators\n};\n\nexport const Documentation: Story = {\n    args: {\n        align: \"center\",\n        side: \"bottom\",\n        variant: \"subtle\",\n        arrow: false,\n        close: false,\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The element that triggers the popover when clicked. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        content: {\n            description:\n                \"The content to display inside the popover. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        side: {\n            description: \"The side of the trigger where the popover appears.\",\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        align: {\n            description: \"The alignment of the popover relative to the trigger.\",\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        variant: {\n            description: \"The visual style variant of the popover.\",\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        arrow: {\n            description: \"Whether to show an arrow pointing to the trigger.\",\n            control: \"boolean\"\n        },\n        close: {\n            description: \"Whether to show a close button inside the popover.\",\n            control: \"boolean\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Popover","meta","title","component","parameters","layout","argTypes","align","control","options","side","decorators","Story","createElement","className","Default","args","trigger","content","AccentVariant","variant","WithArrowAccentVariant","arrow","SubtleVariant","WithArrowSubtleVariant","Documentation","close","description"],"sources":["Popover.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Popover } from \"./Popover.js\";\n\nconst meta: Meta<typeof Popover> = {\n    title: \"Components/Popover\",\n    component: Popover,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        align: {\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        side: {\n            control: \"select\",\n            options: [\"top\", \"bottom\", \"left\", \"right\"]\n        }\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f4f4f4] flex items-center justify-center w-full h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Popover>;\n\nexport const Default: Story = {\n    args: {\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const WithArrowAccentVariant: Story = {\n    args: {\n        ...AccentVariant.args,\n        arrow: true\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"flex items-center justify-center bg-neutral-dark text-neutral-light w-full h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithArrowSubtleVariant: Story = {\n    args: {\n        variant: \"subtle\",\n        trigger: <p>Popover trigger</p>,\n        arrow: true,\n        content: (\n            <div className={\"w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    decorators: SubtleVariant.decorators\n};\n\nexport const Documentation: Story = {\n    args: {\n        align: \"center\",\n        side: \"bottom\",\n        variant: \"subtle\",\n        arrow: false,\n        close: false,\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The element that triggers the popover when clicked. Please refer to the example code for details.\"\n        },\n        content: {\n            description:\n                \"The content to display inside the popover. Please refer to the example code for details.\"\n        },\n        side: {\n            description: \"The side of the trigger where the popover appears.\",\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        align: {\n            description: \"The alignment of the popover relative to the trigger.\",\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        variant: {\n            description: \"The visual style variant of the popover.\",\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        arrow: {\n            description: \"Whether to show an arrow pointing to the trigger.\",\n            control: \"boolean\"\n        },\n        close: {\n            description: \"Whether to show a close button inside the popover.\",\n            control: \"boolean\"\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAEhB,MAAMC,IAA0B,GAAG;EAC/BC,KAAK,EAAE,oBAAoB;EAC3BC,SAAS,EAAEH,OAAO;EAClBI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK;IACtC,CAAC;IACDC,IAAI,EAAE;MACFF,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO;IAC9C;EACJ,CAAC;EACDE,UAAU,EAAE,CACRC,KAAK,iBACDb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAgE,gBAC3Ef,KAAA,CAAAc,aAAA,CAACD,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMc,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,OAAO,eAAElB,KAAA,CAAAc,aAAA,YAAG,iBAAkB,CAAC;IAC/BK,OAAO,eACHnB,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAY,gBACxBf,KAAA,CAAAc,aAAA,iBAAQ,4BAAkC,CAAC,qIAG1C;EAEb;AACJ,CAAC;AAED,OAAO,MAAMM,aAAoB,GAAG;EAChCH,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfI,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,sBAA6B,GAAG;EACzCL,IAAI,EAAE;IACF,GAAGG,aAAa,CAACH,IAAI;IACrBM,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,aAAoB,GAAG;EAChCP,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfI,OAAO,EAAE;EACb,CAAC;EACDT,UAAU,EAAE,CACRC,KAAK,iBACDb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAsF,gBACjGf,KAAA,CAAAc,aAAA,CAACD,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAMY,sBAA6B,GAAG;EACzCR,IAAI,EAAE;IACFI,OAAO,EAAE,QAAQ;IACjBH,OAAO,eAAElB,KAAA,CAAAc,aAAA,YAAG,iBAAkB,CAAC;IAC/BS,KAAK,EAAE,IAAI;IACXJ,OAAO,eACHnB,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAY,gBACxBf,KAAA,CAAAc,aAAA,iBAAQ,4BAAkC,CAAC,qIAG1C;EAEb,CAAC;EACDF,UAAU,EAAEY,aAAa,CAACZ;AAC9B,CAAC;AAED,OAAO,MAAMc,aAAoB,GAAG;EAChCT,IAAI,EAAE;IACFT,KAAK,EAAE,QAAQ;IACfG,IAAI,EAAE,QAAQ;IACdU,OAAO,EAAE,QAAQ;IACjBE,KAAK,EAAE,KAAK;IACZI,KAAK,EAAE,KAAK;IACZT,OAAO,eAAElB,KAAA,CAAAc,aAAA,YAAG,iBAAkB,CAAC;IAC/BK,OAAO,eACHnB,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAY,gBACxBf,KAAA,CAAAc,aAAA,iBAAQ,4BAAkC,CAAC,qIAG1C;EAEb,CAAC;EACDP,QAAQ,EAAE;IACNW,OAAO,EAAE;MACLU,WAAW,EACP;IACR,CAAC;IACDT,OAAO,EAAE;MACLS,WAAW,EACP;IACR,CAAC;IACDjB,IAAI,EAAE;MACFiB,WAAW,EAAE,oDAAoD;MACjEnB,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;IAC9C,CAAC;IACDF,KAAK,EAAE;MACHoB,WAAW,EAAE,uDAAuD;MACpEnB,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK;IACtC,CAAC;IACDW,OAAO,EAAE;MACLO,WAAW,EAAE,0CAA0C;MACvDnB,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ;IAChC,CAAC;IACDa,KAAK,EAAE;MACHK,WAAW,EAAE,mDAAmD;MAChEnB,OAAO,EAAE;IACb,CAAC;IACDkB,KAAK,EAAE;MACHC,WAAW,EAAE,oDAAoD;MACjEnB,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}

package/Popover/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Popover";
-export * from "./primitives";
+export * from "./Popover.js";
+export * from "./primitives/index.js";

package/Popover/index.js

@@ -1,4 +1,4 @@
-export * from "./Popover";
-export * from "./primitives";
+export * from "./Popover.js";
+export * from "./primitives/index.js";
 
 //# sourceMappingURL=index.js.map

package/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Popover\";\nexport * from \"./primitives\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Popover.js\";\nexport * from \"./primitives/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Popover/primitives/PopoverPrimitive.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { type PopoverAnchorProps as PopoverPrimitiveAnchorProps, type PopoverArrowProps as PopoverPrimitiveArrowProps, type PopoverCloseProps as PopoverPrimitiveCloseProps, type PopoverContentProps as PopoverPrimitiveContentProps, type PopoverRootProps as PopoverPrimitiveProps, type PopoverTriggerProps as PopoverPrimitiveTriggerProps } from "./components";
-declare const PopoverPrimitive: (({ ...props }: import("@radix-ui/react-popover").PopoverProps) => import("react").JSX.Element) & {
-    Anchor: ({ ...props }: import("@radix-ui/react-popover").PopoverAnchorProps) => import("react").JSX.Element;
+import { type PopoverAnchorProps as PopoverPrimitiveAnchorProps, type PopoverArrowProps as PopoverPrimitiveArrowProps, type PopoverCloseProps as PopoverPrimitiveCloseProps, type PopoverContentProps as PopoverPrimitiveContentProps, type PopoverRootProps as PopoverPrimitiveProps, type PopoverTriggerProps as PopoverPrimitiveTriggerProps } from "./components/index.js";
+declare const PopoverPrimitive: (({ ...props }: PopoverPrimitiveProps) => import("react").JSX.Element) & {
+    Anchor: ({ ...props }: PopoverPrimitiveAnchorProps) => import("react").JSX.Element;
     Arrow: ({ variant, className, ...props }: PopoverPrimitiveArrowProps) => import("react").JSX.Element;
-    Close: ({ ...props }: import("@radix-ui/react-popover").PopoverCloseProps) => import("react").JSX.Element;
+    Close: ({ ...props }: PopoverPrimitiveCloseProps) => import("react").JSX.Element;
     Content: ({ className, variant, arrow, align, sideOffset, collisionPadding, ...props }: PopoverPrimitiveContentProps) => import("react").JSX.Element;
-    Trigger: ({ ...props }: import("@radix-ui/react-popover").PopoverTriggerProps) => import("react").JSX.Element;
+    Trigger: ({ ...props }: PopoverPrimitiveTriggerProps) => import("react").JSX.Element;
 };
 export { PopoverPrimitive, type PopoverPrimitiveProps, type PopoverPrimitiveAnchorProps, type PopoverPrimitiveArrowProps, type PopoverPrimitiveCloseProps, type PopoverPrimitiveContentProps, type PopoverPrimitiveTriggerProps };

package/Popover/primitives/PopoverPrimitive.js

@@ -1,5 +1,5 @@
-import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverClose, PopoverRoot, PopoverTrigger } from "./components";
-import { withStaticProps } from "../../utils";
+import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverClose, PopoverRoot, PopoverTrigger } from "./components/index.js";
+import { withStaticProps } from "../../utils.js";
 const PopoverPrimitive = withStaticProps(PopoverRoot, {
   Anchor: PopoverAnchor,
   Arrow: PopoverArrow,

package/Popover/primitives/PopoverPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["PopoverAnchor","PopoverArrow","PopoverContent","PopoverClose","PopoverRoot","PopoverTrigger","withStaticProps","PopoverPrimitive","Anchor","Arrow","Close","Content","Trigger"],"sources":["PopoverPrimitive.tsx"],"sourcesContent":["import {\n    PopoverAnchor,\n    PopoverArrow,\n    PopoverContent,\n    PopoverClose,\n    PopoverRoot,\n    PopoverTrigger,\n    type PopoverAnchorProps as PopoverPrimitiveAnchorProps,\n    type PopoverArrowProps as PopoverPrimitiveArrowProps,\n    type PopoverCloseProps as PopoverPrimitiveCloseProps,\n    type PopoverContentProps as PopoverPrimitiveContentProps,\n    type PopoverRootProps as PopoverPrimitiveProps,\n    type PopoverTriggerProps as PopoverPrimitiveTriggerProps\n} from \"./components\";\nimport { withStaticProps } from \"~/utils\";\n\nconst PopoverPrimitive = withStaticProps(PopoverRoot, {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Close: PopoverClose,\n    Content: PopoverContent,\n    Trigger: PopoverTrigger\n});\n\nexport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveAnchorProps,\n    type PopoverPrimitiveArrowProps,\n    type PopoverPrimitiveCloseProps,\n    type PopoverPrimitiveContentProps,\n    type PopoverPrimitiveTriggerProps\n};\n"],"mappings":"AAAA,SACIA,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,WAAW,EACXC,cAAc;AAQlB,SAASC,eAAe;AAExB,MAAMC,gBAAgB,GAAGD,eAAe,CAACF,WAAW,EAAE;EAClDI,MAAM,EAAER,aAAa;EACrBS,KAAK,EAAER,YAAY;EACnBS,KAAK,EAAEP,YAAY;EACnBQ,OAAO,EAAET,cAAc;EACvBU,OAAO,EAAEP;AACb,CAAC,CAAC;AAEF,SACIE,gBAAgB","ignoreList":[]}
+{"version":3,"names":["PopoverAnchor","PopoverArrow","PopoverContent","PopoverClose","PopoverRoot","PopoverTrigger","withStaticProps","PopoverPrimitive","Anchor","Arrow","Close","Content","Trigger"],"sources":["PopoverPrimitive.tsx"],"sourcesContent":["import {\n    PopoverAnchor,\n    PopoverArrow,\n    PopoverContent,\n    PopoverClose,\n    PopoverRoot,\n    PopoverTrigger,\n    type PopoverAnchorProps as PopoverPrimitiveAnchorProps,\n    type PopoverArrowProps as PopoverPrimitiveArrowProps,\n    type PopoverCloseProps as PopoverPrimitiveCloseProps,\n    type PopoverContentProps as PopoverPrimitiveContentProps,\n    type PopoverRootProps as PopoverPrimitiveProps,\n    type PopoverTriggerProps as PopoverPrimitiveTriggerProps\n} from \"./components/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\n\nconst PopoverPrimitive = withStaticProps(PopoverRoot, {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Close: PopoverClose,\n    Content: PopoverContent,\n    Trigger: PopoverTrigger\n});\n\nexport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveAnchorProps,\n    type PopoverPrimitiveArrowProps,\n    type PopoverPrimitiveCloseProps,\n    type PopoverPrimitiveContentProps,\n    type PopoverPrimitiveTriggerProps\n};\n"],"mappings":"AAAA,SACIA,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,WAAW,EACXC,cAAc;AAQlB,SAASC,eAAe;AAExB,MAAMC,gBAAgB,GAAGD,eAAe,CAACF,WAAW,EAAE;EAClDI,MAAM,EAAER,aAAa;EACrBS,KAAK,EAAER,YAAY;EACnBS,KAAK,EAAEP,YAAY;EACnBQ,OAAO,EAAET,cAAc;EACvBU,OAAO,EAAEP;AACb,CAAC,CAAC;AAEF,SACIE,gBAAgB","ignoreList":[]}

package/Popover/primitives/components/PopoverArrow.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { type VariantProps } from "../../../utils";
+import { type VariantProps } from "../../../utils.js";
 declare const popoverArrowVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Popover/primitives/components/PopoverArrow.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { cn, cva } from "../../../utils";
+import { cn, cva } from "../../../utils.js";
 const popoverArrowVariants = cva("", {
   variants: {
     variant: {
-      accent: "wby-border-neutral-black",
-      subtle: "wby-fill-neutral-base"
+      accent: "border-neutral-black",
+      subtle: "fill-neutral-base"
     }
   },
   defaultVariants: {