@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.d.ts

@@ -0,0 +1,112 @@
+import React from "react";
+import { type FileItemDto, type FileItemFormatted, type FilePickerPrimitiveProps } from "../../FilePicker";
+interface MultiFilePickerPrimitiveProps extends Omit<FilePickerPrimitiveProps, "value" | "onEditItem" | "onRemoveItem"> {
+    /**
+     * The list of file items or file paths.
+     */
+    values?: FileItemDto[] | string[] | null;
+    /**
+     * Placeholder text for the button that allows users to select a file.
+     */
+    buttonPlaceholder?: string;
+    /**
+     * Callback function to replace an item.
+     */
+    onReplaceItem: (item: FileItemFormatted | null, index: number) => void;
+    /**
+     * Optional callback function to edit an item.
+     */
+    onEditItem?: (item: FileItemFormatted | null, index: number) => void;
+    /**
+     * Optional callback function to remove an item.
+     */
+    onRemoveItem?: (item: FileItemFormatted | null, index: number) => void;
+}
+declare const MultiFilePickerPrimitive: (({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element) & {
+    original: ({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element) & {
+        original: ({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element) & {
+        original: ({ className, buttonPlaceholder, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onReplaceItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, values, variant }: MultiFilePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string; /**
+         * The list of file items or file paths.
+         */
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Preview: {
+        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("../../FilePicker/primitives/components/types").FilePreviewDefaultProps) => React.JSX.Element;
+                originalName: string; /**
+                 * The list of file items or file paths.
+                 */
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("../../FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+                originalName: string; /**
+                 * The list of file items or file paths.
+                 */
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        TextOnly: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("../../FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+                originalName: string; /**
+                 * The list of file items or file paths.
+                 */
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+};
+export { MultiFilePickerPrimitive, type FileItemFormatted, type FileItemDto, type MultiFilePickerPrimitiveProps };

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.js

@@ -0,0 +1,91 @@
+import React from "react";
+import { FilePickerDescription, FilePickerLabel, filePickerVariants, FilePreview, ImagePreview, RichItemPreview, TextOnlyPreview, Trigger } from "../../FilePicker";
+import { cn, makeDecoratable, withStaticProps } from "../../utils";
+import { Button } from "../../Button";
+import { inputVariants } from "../../Input";
+import { useMultiFilePicker } from "./useMultiFilePicker";
+const BaseMultiFilePickerPrimitive = ({
+  className,
+  buttonPlaceholder,
+  containerStyle,
+  description,
+  disabled,
+  invalid,
+  label,
+  onEditItem,
+  onRemoveItem,
+  onReplaceItem,
+  onSelectItem,
+  placeholder,
+  renderFilePreview,
+  renderTrigger,
+  type = "area",
+  values = [],
+  variant
+}) => {
+  const {
+    vm
+  } = useMultiFilePicker({
+    values
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    "data-disabled": disabled,
+    className: cn(inputVariants({
+      variant,
+      invalid
+    }), filePickerVariants({
+      type,
+      variant
+    }), "wby-max-h-[280px]", className),
+    style: containerStyle
+  }, type === "area" && (label || description) && /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-flex wby-justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full"
+  }, label && /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-xs"
+  }, typeof label === "string" ? /*#__PURE__*/React.createElement(FilePickerLabel, {
+    label: label,
+    className: "wby-m-0",
+    disabled: disabled
+  }) : label), description && /*#__PURE__*/React.createElement(FilePickerDescription, {
+    description: description,
+    disabled: disabled,
+    className: "wby-m-0"
+  })), /*#__PURE__*/React.createElement(Button, {
+    text: buttonPlaceholder ?? "Select a file",
+    variant: "ghost",
+    onClick: onSelectItem,
+    size: "sm",
+    disabled: disabled
+  })), vm.hasFiles ? /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-overflow-y-scroll wby-flex wby-flex-col wby-gap-xs"
+  }, vm.files.map((file, i) => /*#__PURE__*/React.createElement(FilePreview, {
+    key: `file-preview-${i}`,
+    disabled: disabled,
+    onEditItem: onEditItem ? () => onEditItem(file, i) : undefined,
+    onRemoveItem: onRemoveItem ? () => onRemoveItem(file, i) : undefined,
+    onReplaceItem: onReplaceItem ? () => onReplaceItem(file, i) : undefined,
+    renderFilePreview: renderFilePreview,
+    type: type,
+    value: file
+  }))) : /*#__PURE__*/React.createElement(Trigger, {
+    disabled: disabled,
+    onSelectItem: onSelectItem,
+    renderTrigger: renderTrigger,
+    text: placeholder,
+    type: type,
+    variant: variant
+  }));
+};
+const DecoratableMultiFilePickerPrimitive = makeDecoratable("MultiFilePickerPrimitive", BaseMultiFilePickerPrimitive);
+const MultiFilePickerPrimitive = withStaticProps(DecoratableMultiFilePickerPrimitive, {
+  Preview: {
+    Image: ImagePreview,
+    RichItem: RichItemPreview,
+    TextOnly: TextOnlyPreview
+  }
+});
+export { MultiFilePickerPrimitive };
+
+//# sourceMappingURL=MultiFilePickerPrimitive.js.map

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FilePickerDescription","FilePickerLabel","filePickerVariants","FilePreview","ImagePreview","RichItemPreview","TextOnlyPreview","Trigger","cn","makeDecoratable","withStaticProps","Button","inputVariants","useMultiFilePicker","BaseMultiFilePickerPrimitive","className","buttonPlaceholder","containerStyle","description","disabled","invalid","label","onEditItem","onRemoveItem","onReplaceItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","type","values","variant","vm","createElement","style","text","onClick","size","hasFiles","files","map","file","i","key","undefined","value","DecoratableMultiFilePickerPrimitive","MultiFilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["MultiFilePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    type FileItemDto,\n    type FileItemFormatted,\n    FilePickerDescription,\n    FilePickerLabel,\n    type FilePickerPrimitiveProps,\n    filePickerVariants,\n    FilePreview,\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview,\n    Trigger\n} from \"~/FilePicker\";\nimport { cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { Button } from \"~/Button\";\nimport { inputVariants } from \"~/Input\";\nimport { useMultiFilePicker } from \"~/MultiFilePicker/primitives/useMultiFilePicker\";\n\ninterface MultiFilePickerPrimitiveProps\n    extends Omit<FilePickerPrimitiveProps, \"value\" | \"onEditItem\" | \"onRemoveItem\"> {\n    /**\n     * The list of file items or file paths.\n     */\n    values?: FileItemDto[] | string[] | null;\n    /**\n     * Placeholder text for the button that allows users to select a file.\n     */\n    buttonPlaceholder?: string;\n    /**\n     * Callback function to replace an item.\n     */\n    onReplaceItem: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to edit an item.\n     */\n    onEditItem?: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to remove an item.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null, index: number) => void;\n}\n\nconst BaseMultiFilePickerPrimitive = ({\n    className,\n    buttonPlaceholder,\n    containerStyle,\n    description,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onReplaceItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    values = [],\n    variant\n}: MultiFilePickerPrimitiveProps) => {\n    const { vm } = useMultiFilePicker({ values });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                \"wby-max-h-[280px]\",\n                className\n            )}\n            style={containerStyle}\n        >\n            {type === \"area\" && (label || description) && (\n                <div className={\"wby-w-full wby-flex wby-justify-between\"}>\n                    <div className={\"wby-w-full\"}>\n                        {label && (\n                            <div className={\"wby-mb-xs\"}>\n                                {typeof label === \"string\" ? (\n                                    <FilePickerLabel\n                                        label={label}\n                                        className={\"wby-m-0\"}\n                                        disabled={disabled}\n                                    />\n                                ) : (\n                                    label\n                                )}\n                            </div>\n                        )}\n                        {description && (\n                            <FilePickerDescription\n                                description={description}\n                                disabled={disabled}\n                                className={\"wby-m-0\"}\n                            />\n                        )}\n                    </div>\n                    <Button\n                        text={buttonPlaceholder ?? \"Select a file\"}\n                        variant={\"ghost\"}\n                        onClick={onSelectItem}\n                        size={\"sm\"}\n                        disabled={disabled}\n                    />\n                </div>\n            )}\n            {vm.hasFiles ? (\n                <div className=\"wby-w-full wby-overflow-y-scroll wby-flex wby-flex-col wby-gap-xs\">\n                    {vm.files.map((file, i) => (\n                        <FilePreview\n                            key={`file-preview-${i}`}\n                            disabled={disabled}\n                            onEditItem={onEditItem ? () => onEditItem(file, i) : undefined}\n                            onRemoveItem={onRemoveItem ? () => onRemoveItem(file, i) : undefined}\n                            onReplaceItem={onReplaceItem ? () => onReplaceItem(file, i) : undefined}\n                            renderFilePreview={renderFilePreview}\n                            type={type}\n                            value={file}\n                        />\n                    ))}\n                </div>\n            ) : (\n                <Trigger\n                    disabled={disabled}\n                    onSelectItem={onSelectItem}\n                    renderTrigger={renderTrigger}\n                    text={placeholder}\n                    type={type}\n                    variant={variant}\n                />\n            )}\n        </div>\n    );\n};\n\nconst DecoratableMultiFilePickerPrimitive = makeDecoratable(\n    \"MultiFilePickerPrimitive\",\n    BaseMultiFilePickerPrimitive\n);\n\nconst MultiFilePickerPrimitive = withStaticProps(DecoratableMultiFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport {\n    MultiFilePickerPrimitive,\n    type FileItemFormatted,\n    type FileItemDto,\n    type MultiFilePickerPrimitiveProps\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultiFilePickerPrimitive } from "./MultiFilePickerPrimitive";
+declare const meta: Meta<typeof MultiFilePickerPrimitive>;
+export default meta;
+type Story = StoryObj<typeof MultiFilePickerPrimitive>;
+export declare const Default: Story;
+export declare const AreaType: Story;
+export declare const AreaPrimaryVariant: Story;
+export declare const AreaPrimaryVariantDisabled: Story;
+export declare const AreaPrimaryVariantInvalid: Story;
+export declare const AreaSecondaryVariant: Story;
+export declare const AreaSecondaryVariantDisabled: Story;
+export declare const AreaSecondaryVariantInvalid: Story;
+export declare const AreaGhostVariant: Story;
+export declare const AreaGhostVariantDisabled: Story;
+export declare const AreaGhostVariantInvalid: Story;
+export declare const AreaWithImagePreview: Story;
+export declare const AreaWithImagePreviewLight: Story;
+export declare const AreaWithImagePreviewBase: Story;
+export declare const AreaWithImagePreviewTransparent: Story;
+export declare const AreaWithRichItemPreview: Story;
+export declare const AreaWithRichItemPreviewLight: Story;
+export declare const AreaWithRichItemPreviewBase: Story;
+export declare const AreaWithRichItemPreviewTransparent: Story;
+export declare const AreaWithRichItemThumbnailPreview: Story;
+export declare const AreaWithRichItemFileTypePreview: Story;
+export declare const AreaWithRichItemFileTypePlaceholder: Story;
+export declare const AreaWithTextOnlyPreview: Story;
+export declare const AreaWithTextOnlyPreviewLight: Story;
+export declare const AreaWithTextOnlyPreviewBase: Story;
+export declare const AreaWithTextOnlyPreviewTransparent: Story;
+export declare const CompactType: Story;
+export declare const CompactPrimaryVariant: Story;
+export declare const CompactPrimaryVariantDisabled: Story;
+export declare const CompactPrimaryVariantInvalid: Story;
+export declare const CompactSecondaryVariant: Story;
+export declare const CompactSecondaryVariantDisabled: Story;
+export declare const CompactSecondaryVariantInvalid: Story;
+export declare const CompactGhostVariant: Story;
+export declare const CompactGhostVariantDisabled: Story;
+export declare const CompactGhostVariantInvalid: Story;
+export declare const CompactWithTextOnlyPreviewSmall: Story;

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.stories.js

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

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

@@ -0,0 +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":[]}

package/MultiFilePicker/primitives/index.d.ts

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

package/MultiFilePicker/primitives/index.js

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

package/MultiFilePicker/primitives/index.js.map

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

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

@@ -0,0 +1,22 @@
+import { type FileItemDto, type FileItemFormatted } from "../../../FilePicker/domains";
+interface MultiFilePickerPresenterParams {
+    values?: FileItemDto[] | string[] | null;
+}
+interface IMultiFilePickerPresenter {
+    vm: {
+        files: FileItemFormatted[];
+        hasFiles: boolean;
+    };
+    init: (params: MultiFilePickerPresenterParams) => void;
+}
+declare class MultiFilePickerPresenter implements IMultiFilePickerPresenter {
+    private files;
+    constructor();
+    init: (params: MultiFilePickerPresenterParams) => void;
+    get vm(): {
+        files: FileItemFormatted[];
+        hasFiles: boolean;
+    };
+    private getFiles;
+}
+export { MultiFilePickerPresenter, type MultiFilePickerPresenterParams, type IMultiFilePickerPresenter };