@webiny/admin-ui 6.3.0 → 6.4.0-beta.0

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-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":[]}
+{"version":3,"file":"MultiFilePicker/primitives/MultiFilePickerPrimitive.stories.js","sources":["../../../src/MultiFilePicker/primitives/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"],"names":["getRandomNumber","min","max","Math","createFileList","size","Array","_","index","width","height","fileSize","meta","MultiFilePickerPrimitive","args","selectedFiles","setSelectedFiles","useState","prevState","item","value","i","alert","Default","AreaType","AreaPrimaryVariant","AreaPrimaryVariantDisabled","AreaPrimaryVariantInvalid","AreaSecondaryVariant","AreaSecondaryVariantDisabled","AreaSecondaryVariantInvalid","AreaGhostVariant","AreaGhostVariantDisabled","AreaGhostVariantInvalid","AreaWithImagePreview","props","AreaWithImagePreviewLight","AreaWithImagePreviewBase","AreaWithImagePreviewTransparent","AreaWithRichItemPreview","AreaWithRichItemPreviewLight","AreaWithRichItemPreviewBase","AreaWithRichItemPreviewTransparent","AreaWithRichItemThumbnailPreview","AreaWithRichItemFileTypePreview","AreaWithRichItemFileTypePlaceholder","AreaWithTextOnlyPreview","AreaWithTextOnlyPreviewLight","AreaWithTextOnlyPreviewBase","AreaWithTextOnlyPreviewTransparent","CompactType","CompactPrimaryVariant","CompactPrimaryVariantDisabled","CompactPrimaryVariantInvalid","CompactSecondaryVariant","CompactSecondaryVariantDisabled","CompactSecondaryVariantInvalid","CompactGhostVariant","CompactGhostVariantDisabled","CompactGhostVariantInvalid","CompactWithTextOnlyPreviewSmall"],"mappings":"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"}

package/MultiFilePicker/primitives/index.js

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

package/MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.js

@@ -1,33 +1,27 @@
 import { makeAutoObservable } from "mobx";
 import { FileItem, FileItemFormatter } from "../../../FilePicker/domains/index.js";
 class MultiFilePickerPresenter {
-  files = [];
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init = params => {
-    const {
-      values
-    } = params;
-    this.files = this.getFiles(values);
-  };
-  get vm() {
-    return {
-      files: this.files?.map(file => FileItemFormatter.format(file)),
-      hasFiles: !!this.files.length
-    };
-  }
-  getFiles = values => {
-    if (!values || !values?.length) {
-      return [];
+    constructor(){
+        this.files = [];
+        this.init = (params)=>{
+            const { values } = params;
+            this.files = this.getFiles(values);
+        };
+        this.getFiles = (values)=>{
+            if (!values || !values?.length) return [];
+            return values.map((value)=>{
+                if ("string" == typeof value) return FileItem.createFromUrl(value);
+                return FileItem.create(value);
+            });
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            files: this.files?.map((file)=>FileItemFormatter.format(file)),
+            hasFiles: !!this.files.length
+        };
     }
-    return values.map(value => {
-      if (typeof value === "string") {
-        return FileItem.createFromUrl(value);
-      }
-      return FileItem.create(value);
-    });
-  };
 }
 export { MultiFilePickerPresenter };
 

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/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":[]}
+{"version":3,"file":"MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.js","sources":["../../../../src/MultiFilePicker/primitives/presenters/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"],"names":["MultiFilePickerPresenter","params","values","value","FileItem","makeAutoObservable","file","FileItemFormatter"],"mappings":";;AAoBA,MAAMA;IAGF,aAAc;aAFN,KAAK,GAAe,EAAE;aAMvB,IAAI,GAAG,CAACC;YACX,MAAM,EAAEC,MAAM,EAAE,GAAGD;YACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAACC;QAC/B;aASQ,QAAQ,GAAG,CAACA;YAChB,IAAI,CAACA,UAAU,CAACA,QAAQ,QACpB,OAAO,EAAE;YAGb,OAAOA,OAAO,GAAG,CAACC,CAAAA;gBACd,IAAI,AAAiB,YAAjB,OAAOA,OACP,OAAOC,SAAS,aAAa,CAACD;gBAGlC,OAAOC,SAAS,MAAM,CAACD;YAC3B;QACJ;QA3BIE,mBAAmB,IAAI;IAC3B;IAOA,IAAI,KAAK;QACL,OAAO;YACH,OAAO,IAAI,CAAC,KAAK,EAAE,IAAIC,CAAAA,OAAQC,kBAAkB,MAAM,CAACD;YACxD,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;QACjC;IACJ;AAeJ"}

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

@@ -1,54 +1,66 @@
 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", () => {
-    presenter.init({});
-    expect(presenter.vm.files).toEqual([]);
-    expect(presenter.vm.hasFiles).toBeFalsy();
-  });
-  it("should initialize with a files created from URL when values is an array of string", () => {
-    const url = "http://example.com/file.png";
-    presenter.init({
-      values: [url]
+describe("MultiFilePickerPresenter", ()=>{
+    const presenter = new MultiFilePickerPresenter();
+    it("should initialize with an empty array when no value is provided", ()=>{
+        presenter.init({});
+        expect(presenter.vm.files).toEqual([]);
+        expect(presenter.vm.hasFiles).toBeFalsy();
     });
-    expect(presenter.vm.files).toEqual([{
-      id: expect.any(String),
-      name: "file.png",
-      mimeType: "image/png",
-      url,
-      size: 0
-    }]);
-    expect(presenter.vm.hasFiles).toBeTruthy();
-  });
-  it("should initialize with a file created from URL when value is a string and the mimeType is unknown", () => {
-    const url = "http://example.com/file.unknown";
-    presenter.init({
-      values: [url]
+    it("should initialize with a files created from URL when values is an array of string", ()=>{
+        const url = "http://example.com/file.png";
+        presenter.init({
+            values: [
+                url
+            ]
+        });
+        expect(presenter.vm.files).toEqual([
+            {
+                id: expect.any(String),
+                name: "file.png",
+                mimeType: "image/png",
+                url,
+                size: 0
+            }
+        ]);
+        expect(presenter.vm.hasFiles).toBeTruthy();
     });
-    expect(presenter.vm.files).toEqual([{
-      id: expect.any(String),
-      name: "file.unknown",
-      mimeType: "application/octet-stream",
-      url,
-      size: 0
-    }]);
-    expect(presenter.vm.hasFiles).toBeTruthy();
-  });
-  it("should initialize with a file created from FileItemDto when value is an object", () => {
-    const fileItemDto = {
-      id: "1",
-      name: "file.png",
-      url: "http://example.com/file.png",
-      mimeType: "image/png",
-      size: 1000
-    };
-    presenter.init({
-      values: [fileItemDto]
+    it("should initialize with a file created from URL when value is a string and the mimeType is unknown", ()=>{
+        const url = "http://example.com/file.unknown";
+        presenter.init({
+            values: [
+                url
+            ]
+        });
+        expect(presenter.vm.files).toEqual([
+            {
+                id: expect.any(String),
+                name: "file.unknown",
+                mimeType: "application/octet-stream",
+                url,
+                size: 0
+            }
+        ]);
+        expect(presenter.vm.hasFiles).toBeTruthy();
+    });
+    it("should initialize with a file created from FileItemDto when value is an object", ()=>{
+        const fileItemDto = {
+            id: "1",
+            name: "file.png",
+            url: "http://example.com/file.png",
+            mimeType: "image/png",
+            size: 1000
+        };
+        presenter.init({
+            values: [
+                fileItemDto
+            ]
+        });
+        expect(presenter.vm.files).toEqual([
+            fileItemDto
+        ]);
+        expect(presenter.vm.hasFiles).toBeTruthy();
     });
-    expect(presenter.vm.files).toEqual([fileItemDto]);
-    expect(presenter.vm.hasFiles).toBeTruthy();
-  });
 });
 
 //# sourceMappingURL=MultiFilePickerPresenter.test.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"MultiFilePicker/primitives/presenters/MultiFilePickerPresenter.test.js","sources":["../../../../src/MultiFilePicker/primitives/presenters/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"],"names":["describe","presenter","MultiFilePickerPresenter","it","expect","url","String","fileItemDto"],"mappings":";;AAGAA,SAAS,4BAA4B;IACjC,MAAMC,YAAY,IAAIC;IAEtBC,GAAG,mEAAmE;QAClEF,UAAU,IAAI,CAAC,CAAC;QAChBG,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QACrCG,OAAOH,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;IAC3C;IAEAE,GAAG,qFAAqF;QACpF,MAAME,MAAM;QACZJ,UAAU,IAAI,CAAC;YAAE,QAAQ;gBAACI;aAAI;QAAC;QAC/BD,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAC/B;gBACI,IAAIG,OAAO,GAAG,CAACE;gBACf,MAAM;gBACN,UAAU;gBACVD;gBACA,MAAM;YACV;SACH;QACDD,OAAOH,UAAU,EAAE,CAAC,QAAQ,EAAE,UAAU;IAC5C;IAEAE,GAAG,qGAAqG;QACpG,MAAME,MAAM;QACZJ,UAAU,IAAI,CAAC;YAAE,QAAQ;gBAACI;aAAI;QAAC;QAC/BD,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAC/B;gBACI,IAAIG,OAAO,GAAG,CAACE;gBACf,MAAM;gBACN,UAAU;gBACVD;gBACA,MAAM;YACV;SACH;QACDD,OAAOH,UAAU,EAAE,CAAC,QAAQ,EAAE,UAAU;IAC5C;IAEAE,GAAG,kFAAkF;QACjF,MAAMI,cAAc;YAChB,IAAI;YACJ,MAAM;YACN,KAAK;YACL,UAAU;YACV,MAAM;QACV;QACAN,UAAU,IAAI,CAAC;YAAE,QAAQ;gBAACM;aAAY;QAAC;QACvCH,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAACM;SAAY;QAChDH,OAAOH,UAAU,EAAE,CAAC,QAAQ,EAAE,UAAU;IAC5C;AACJ"}

package/MultiFilePicker/primitives/presenters/index.js

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

package/MultiFilePicker/primitives/useMultiFilePicker.js

@@ -1,25 +1,28 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { MultiFilePickerPresenter } from "./presenters/MultiFilePickerPresenter.js";
-export const useMultiFilePicker = props => {
-  const params = useMemo(() => ({
-    values: props.values
-  }), [props.values]);
-  const presenter = useMemo(() => {
-    return new MultiFilePickerPresenter();
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm
-  };
+const useMultiFilePicker = (props)=>{
+    const params = useMemo(()=>({
+            values: props.values
+        }), [
+        props.values
+    ]);
+    const presenter = useMemo(()=>new MultiFilePickerPresenter(), []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm
+    };
 };
+export { useMultiFilePicker };
 
 //# sourceMappingURL=useMultiFilePicker.js.map

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.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":[]}
+{"version":3,"file":"MultiFilePicker/primitives/useMultiFilePicker.js","sources":["../../../src/MultiFilePicker/primitives/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"],"names":["useMultiFilePicker","props","params","useMemo","presenter","MultiFilePickerPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAUO,MAAMA,qBAAqB,CAACC;IAC/B,MAAMC,SAAyCC,QAC3C,IAAO;YACH,QAAQF,MAAM,MAAM;QACxB,IACA;QAACA,MAAM,MAAM;KAAC;IAGlB,MAAMG,YAAYD,QAAQ,IACf,IAAIE,4BACZ,EAAE;IAEL,MAAM,CAACC,IAAIC,MAAM,GAAGC,SAASJ,UAAU,EAAE;IAEzCK,UAAU;QACNL,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEXO,UAAU,IACCC,QAAQ;YACXH,MAAMH,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHE;IACJ;AACJ"}

package/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { MultiSelectPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
+type MultiSelectProps = MultiSelectPrimitiveProps & FormComponentProps;
+declare const MultiSelect: (({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element) & {
+    original: ({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: MultiSelectProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { MultiSelect, type MultiSelectProps };

package/MultiSelect/MultiSelect.js

@@ -0,0 +1,37 @@
+import react, { useMemo } from "react";
+import { makeDecoratable } from "../utils.js";
+import { MultiSelectPrimitive } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
+const DecoratableMultiSelect = ({ label, description, note, hint, required, disabled, validation, ...props })=>{
+    const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const invalid = useMemo(()=>false === validationIsValid, [
+        validationIsValid
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: label,
+        hint: hint,
+        required: required,
+        disabled: disabled,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: description,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(MultiSelectPrimitive, {
+        ...props,
+        disabled: disabled,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validationMessage,
+        invalid: invalid,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: note,
+        disabled: disabled
+    }));
+};
+const MultiSelect = makeDecoratable("MultiSelect", DecoratableMultiSelect);
+export { MultiSelect };
+
+//# sourceMappingURL=MultiSelect.js.map

package/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect/MultiSelect.js","sources":["../../src/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { MultiSelectPrimitiveProps } from \"./primitives/index.js\";\nimport { MultiSelectPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype MultiSelectProps = MultiSelectPrimitiveProps & FormComponentProps;\n\nconst DecoratableMultiSelect = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    ...props\n}: MultiSelectProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <MultiSelectPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst MultiSelect = makeDecoratable(\"MultiSelect\", DecoratableMultiSelect);\n\nexport { MultiSelect, type MultiSelectProps };\n"],"names":["DecoratableMultiSelect","label","description","note","hint","required","disabled","validation","props","validationIsValid","validationMessage","invalid","useMemo","FormComponentLabel","FormComponentDescription","MultiSelectPrimitive","FormComponentErrorMessage","FormComponentNote","MultiSelect","makeDecoratable"],"mappings":";;;;AAcA,MAAMA,yBAAyB,CAAC,EAC5BC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACV,GAAGC,OACY;IACf,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGH,cAAc,CAAC;IAClF,MAAMI,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACI,oBAAkBA;QACf,MAAMZ;QACN,MAAMG;QACN,UAAUC;QACV,UAAUC;QACV,SAASK;sBAEb,oBAACG,0BAAwBA;QAAC,MAAMZ;QAAa,UAAUI;sBACvD,oBAACS,sBAAoBA;QAAE,GAAGP,KAAK;QAAE,UAAUF;QAAU,SAASK;sBAC9D,oBAACK,2BAAyBA;QACtB,MAAMN;QACN,SAASC;QACT,UAAUL;sBAEd,oBAACW,mBAAiBA;QAAC,MAAMd;QAAM,UAAUG;;AAGrD;AACA,MAAMY,cAAcC,gBAAgB,eAAenB"}

package/MultiSelect/MultiSelect.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { MultiSelect } from "./MultiSelect.js";
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+type Story = StoryObj<typeof MultiSelect>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithPreselected: Story;
+export declare const WithDescription: Story;
+export declare const WithErrors: Story;
+export declare const Disabled: Story;
+export declare const WithSelectionCount: Story;
+export declare const FullExample: Story;

package/MultiSelect/MultiSelect.stories.js

@@ -0,0 +1,128 @@
+import react, { useState } from "react";
+import { MultiSelect } from "./MultiSelect.js";
+const defaultOptions = [
+    {
+        label: "Option 1",
+        value: "option-1"
+    },
+    {
+        label: "Option 2",
+        value: "option-2"
+    },
+    {
+        label: "Option 3",
+        value: "option-3"
+    },
+    {
+        label: "Option 4",
+        value: "option-4"
+    },
+    {
+        label: "Option 5",
+        value: "option-5"
+    },
+    {
+        label: "Option 6",
+        value: "option-6"
+    }
+];
+const meta = {
+    title: "Components/Form/MultiSelect",
+    component: MultiSelect,
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value ?? []);
+        return /*#__PURE__*/ react.createElement(MultiSelect, {
+            ...args,
+            value: value,
+            onChange: setValue
+        });
+    }
+};
+const MultiSelect_stories = meta;
+const Default = {
+    args: {
+        options: defaultOptions
+    }
+};
+const WithLabel = {
+    args: {
+        ...Default.args,
+        label: "Label"
+    }
+};
+const WithPreselected = {
+    args: {
+        ...Default.args,
+        label: "Label",
+        value: [
+            "option-1",
+            "option-2",
+            "option-3"
+        ]
+    }
+};
+const WithDescription = {
+    args: {
+        ...Default.args,
+        label: "Label",
+        description: "Select one or more options from the list."
+    }
+};
+const WithErrors = {
+    args: {
+        ...Default.args,
+        label: "Label",
+        validation: {
+            isValid: false,
+            message: "At least one option must be selected."
+        }
+    }
+};
+const Disabled = {
+    args: {
+        ...Default.args,
+        label: "Label",
+        disabled: true,
+        value: [
+            "option-1",
+            "option-2"
+        ]
+    }
+};
+const WithSelectionCount = {
+    args: {
+        ...Default.args,
+        label: "Label",
+        value: [
+            "option-1",
+            "option-2",
+            "option-3"
+        ],
+        showSelectionCount: true
+    }
+};
+const FullExample = {
+    args: {
+        label: "Label",
+        description: "Select one or more options from the list.",
+        note: "Note: Ensure your selection is accurate before proceeding.",
+        required: true,
+        options: defaultOptions,
+        value: [
+            "option-1",
+            "option-2",
+            "option-3"
+        ],
+        validation: {
+            isValid: false,
+            message: "At least one option must be selected."
+        }
+    }
+};
+export default MultiSelect_stories;
+export { Default, Disabled, FullExample, WithDescription, WithErrors, WithLabel, WithPreselected, WithSelectionCount };
+
+//# sourceMappingURL=MultiSelect.stories.js.map

package/MultiSelect/MultiSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect/MultiSelect.stories.js","sources":["../../src/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { MultiSelect } from \"./MultiSelect.js\";\n\nconst defaultOptions = [\n    { label: \"Option 1\", value: \"option-1\" },\n    { label: \"Option 2\", value: \"option-2\" },\n    { label: \"Option 3\", value: \"option-3\" },\n    { label: \"Option 4\", value: \"option-4\" },\n    { label: \"Option 5\", value: \"option-5\" },\n    { label: \"Option 6\", value: \"option-6\" }\n];\n\nconst meta: Meta<typeof MultiSelect> = {\n    title: \"Components/Form/MultiSelect\",\n    component: MultiSelect,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState<string[]>(args.value ?? []);\n        return <MultiSelect {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MultiSelect>;\n\nexport const Default: Story = {\n    args: {\n        options: defaultOptions\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\"\n    }\n};\n\nexport const WithPreselected: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\",\n        value: [\"option-1\", \"option-2\", \"option-3\"]\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\",\n        description: \"Select one or more options from the list.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\",\n        validation: {\n            isValid: false,\n            message: \"At least one option must be selected.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\",\n        disabled: true,\n        value: [\"option-1\", \"option-2\"]\n    }\n};\n\nexport const WithSelectionCount: Story = {\n    args: {\n        ...Default.args,\n        label: \"Label\",\n        value: [\"option-1\", \"option-2\", \"option-3\"],\n        showSelectionCount: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        label: \"Label\",\n        description: \"Select one or more options from the list.\",\n        note: \"Note: Ensure your selection is accurate before proceeding.\",\n        required: true,\n        options: defaultOptions,\n        value: [\"option-1\", \"option-2\", \"option-3\"],\n        validation: {\n            isValid: false,\n            message: \"At least one option must be selected.\"\n        }\n    }\n};\n"],"names":["defaultOptions","meta","MultiSelect","args","value","setValue","useState","Default","WithLabel","WithPreselected","WithDescription","WithErrors","Disabled","WithSelectionCount","FullExample"],"mappings":";;AAIA,MAAMA,iBAAiB;IACnB;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;CAC1C;AAED,MAAMC,OAAiC;IACnC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAmBH,KAAK,KAAK,IAAI,EAAE;QAC7D,OAAO,WAAP,GAAO,oBAACD,aAAWA;YAAE,GAAGC,IAAI;YAAE,OAAOC;YAAO,UAAUC;;IAC1D;AACJ;AAEA,4BAAeJ;AAGR,MAAMM,UAAiB;IAC1B,MAAM;QACF,SAASP;IACb;AACJ;AAEO,MAAMQ,YAAmB;IAC5B,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,OAAO;IACX;AACJ;AAEO,MAAME,kBAAyB;IAClC,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,OAAO;QACP,OAAO;YAAC;YAAY;YAAY;SAAW;IAC/C;AACJ;AAEO,MAAMG,kBAAyB;IAClC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,OAAO;QACP,aAAa;IACjB;AACJ;AAEO,MAAMI,aAAoB;IAC7B,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,OAAO;QACP,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ;AAEO,MAAMK,WAAkB;IAC3B,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,OAAO;QACP,UAAU;QACV,OAAO;YAAC;YAAY;SAAW;IACnC;AACJ;AAEO,MAAMM,qBAA4B;IACrC,MAAM;QACF,GAAGN,QAAQ,IAAI;QACf,OAAO;QACP,OAAO;YAAC;YAAY;YAAY;SAAW;QAC3C,oBAAoB;IACxB;AACJ;AAEO,MAAMO,cAAqB;IAC9B,MAAM;QACF,OAAO;QACP,aAAa;QACb,MAAM;QACN,UAAU;QACV,SAASd;QACT,OAAO;YAAC;YAAY;YAAY;SAAW;QAC3C,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ"}

package/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./MultiSelect.js";
+export * from "./primitives/MultiSelectPrimitive.js";

package/MultiSelect/index.js

@@ -0,0 +1,2 @@
+export * from "./MultiSelect.js";
+export * from "./primitives/MultiSelectPrimitive.js";