@webiny/admin-ui 6.0.0-alpha.0

package/FilePicker/primitives/FilePickerPrimitive.d.ts

@@ -0,0 +1,141 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils";
+import { Label } from "../../Label";
+import { InputPrimitiveProps } from "../../Input";
+import { FileItem, type FileItemDto, type FileItemFormatted } from "../domains";
+import type { FilePreviewRendererProps, TriggerRendererProps } from "./components/types";
+declare const filePickerVariants: (props?: ({
+    type?: "area" | "compact" | null | undefined;
+    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filePickerVariants> {
+    /**
+     * Custom styles for the container.
+     */
+    containerStyle?: React.CSSProperties;
+    /**
+     * Indicates if the file picker is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the input field is invalid.
+     * Refer to `InputPrimitiveProps["invalid"]` for possible values.
+     */
+    invalid?: InputPrimitiveProps["invalid"];
+    /**
+     * Label for the file picker.
+     */
+    label?: React.ReactElement<typeof Label> | React.ReactNode | string;
+    /**
+     * Callback triggered when an item is edited.
+     */
+    onEditItem?: (item: FileItemFormatted | null) => void;
+    /**
+     * Callback triggered when an item is removed.
+     */
+    onRemoveItem?: (item: FileItemFormatted | null) => void;
+    /**
+     * Callback triggered when an item is selected.
+     */
+    onSelectItem: () => void;
+    /**
+     * Placeholder text for the file picker.
+     */
+    placeholder?: string;
+    /**
+     * Custom renderer for the file preview.
+     */
+    renderFilePreview?: (props: FilePreviewRendererProps) => React.ReactElement<any>;
+    /**
+     * Custom renderer for the trigger.
+     */
+    renderTrigger?: (props: TriggerRendererProps) => React.ReactElement<any>;
+    /**
+     * Custom styles for the file picker.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Value of the selected file.
+     */
+    value?: FileItemDto | string | null;
+}
+declare const FilePickerPrimitive: (({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
+    original: ({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
+        original: ({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
+        original: ({ className, containerStyle, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Preview: {
+        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./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("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./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("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        TextOnly: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./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("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+};
+export { FilePickerPrimitive, FileItem, type FilePickerPrimitiveProps, filePickerVariants };

package/FilePicker/primitives/FilePickerPrimitive.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { cn, cva, makeDecoratable, withStaticProps } from "../../utils";
+import { FormPickerLabel, Trigger } from "./components";
+import { inputVariants } from "../../Input";
+import { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from "./components";
+import { FileItem } from "../domains";
+import { useFilePicker } from "./useFilePicker";
+const filePickerVariants = cva(["wby-w-full wby-border-sm wby-text-md wby-peer wby-rounded-md", "focus-visible:wby-outline-none", "data-[disabled=true]:wby-cursor-not-allowed", "wby-flex wby-flex-col wby-gap-y-sm-extra"], {
+  variants: {
+    type: {
+      area: ["wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
+      compact: ["wby-py-[calc(theme(padding.sm)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]"]
+    },
+    variant: {
+      primary: "",
+      secondary: "",
+      ghost: ["hover:wby-bg-transparent"]
+    }
+  },
+  defaultVariants: {
+    type: "area",
+    variant: "primary"
+  }
+});
+const BaseFilePickerPrimitive = ({
+  className,
+  containerStyle,
+  disabled,
+  invalid,
+  label,
+  onEditItem,
+  onRemoveItem,
+  onSelectItem,
+  placeholder,
+  renderFilePreview,
+  renderTrigger,
+  type = "area",
+  value,
+  variant
+}) => {
+  const {
+    vm
+  } = useFilePicker({
+    value
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    "data-disabled": disabled,
+    className: cn(inputVariants({
+      variant,
+      invalid
+    }), filePickerVariants({
+      type,
+      variant
+    }), className),
+    style: containerStyle
+  }, label && type === "area" && (typeof label === "string" ? /*#__PURE__*/React.createElement(FormPickerLabel, {
+    label: label,
+    className: "wby-m-0"
+  }) : label), vm.file ? /*#__PURE__*/React.createElement(FilePreview, {
+    disabled: disabled,
+    onEditItem: onEditItem ? () => onEditItem(vm.file) : undefined,
+    onRemoveItem: onRemoveItem ? () => onRemoveItem(vm.file) : undefined,
+    onReplaceItem: onSelectItem,
+    renderFilePreview: renderFilePreview,
+    type: type,
+    value: vm.file
+  }) : /*#__PURE__*/React.createElement(Trigger, {
+    disabled: disabled,
+    onSelectItem: onSelectItem,
+    renderTrigger: renderTrigger,
+    text: placeholder,
+    type: type,
+    variant: variant
+  }));
+};
+const DecoratableFilePickerPrimitive = makeDecoratable("FilePickerPrimitive", BaseFilePickerPrimitive);
+const FilePickerPrimitive = withStaticProps(DecoratableFilePickerPrimitive, {
+  Preview: {
+    Image: ImagePreview,
+    RichItem: RichItemPreview,
+    TextOnly: TextOnlyPreview
+  }
+});
+export { FilePickerPrimitive, FileItem, filePickerVariants };
+
+//# sourceMappingURL=FilePickerPrimitive.js.map

package/FilePicker/primitives/FilePickerPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","makeDecoratable","withStaticProps","FormPickerLabel","Trigger","inputVariants","ImagePreview","RichItemPreview","TextOnlyPreview","FilePreview","FileItem","useFilePicker","filePickerVariants","variants","type","area","compact","variant","primary","secondary","ghost","defaultVariants","BaseFilePickerPrimitive","className","containerStyle","disabled","invalid","label","onEditItem","onRemoveItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","value","vm","createElement","style","file","undefined","onReplaceItem","text","DecoratableFilePickerPrimitive","FilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["FilePickerPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { FormPickerLabel, Trigger } from \"./components\";\nimport { Label } from \"~/Label\";\nimport { InputPrimitiveProps, inputVariants } from \"~/Input\";\nimport { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from \"./components\";\nimport { FileItem, type FileItemDto, type FileItemFormatted } from \"../domains\";\nimport { useFilePicker } from \"./useFilePicker\";\nimport type { FilePreviewRendererProps, TriggerRendererProps } from \"./components/types\";\n\nconst filePickerVariants = cva(\n    [\n        \"wby-w-full wby-border-sm wby-text-md wby-peer wby-rounded-md\",\n        \"focus-visible:wby-outline-none\",\n        \"data-[disabled=true]:wby-cursor-not-allowed\",\n        \"wby-flex wby-flex-col wby-gap-y-sm-extra\"\n    ],\n    {\n        variants: {\n            type: {\n                area: [\n                    \"wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                compact: [\n                    \"wby-py-[calc(theme(padding.sm)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n                ]\n            },\n            variant: {\n                primary: \"\",\n                secondary: \"\",\n                ghost: [\"hover:wby-bg-transparent\"]\n            }\n        },\n        defaultVariants: {\n            type: \"area\",\n            variant: \"primary\"\n        }\n    }\n);\n\ninterface FilePickerPrimitiveProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof filePickerVariants> {\n    /**\n     * Custom styles for the container.\n     */\n    containerStyle?: React.CSSProperties;\n    /**\n     * Indicates if the file picker is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Label for the file picker.\n     */\n    label?: React.ReactElement<typeof Label> | React.ReactNode | string;\n    /**\n     * Callback triggered when an item is edited.\n     */\n    onEditItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is removed.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is selected.\n     */\n    onSelectItem: () => void;\n    /**\n     * Placeholder text for the file picker.\n     */\n    placeholder?: string;\n    /**\n     * Custom renderer for the file preview.\n     */\n    renderFilePreview?: (props: FilePreviewRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom renderer for the trigger.\n     */\n    renderTrigger?: (props: TriggerRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom styles for the file picker.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Value of the selected file.\n     */\n    value?: FileItemDto | string | null;\n}\n\nconst BaseFilePickerPrimitive = ({\n    className,\n    containerStyle,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    value,\n    variant\n}: FilePickerPrimitiveProps) => {\n    const { vm } = useFilePicker({ value });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                className\n            )}\n            style={containerStyle}\n        >\n            {label &&\n                type === \"area\" &&\n                (typeof label === \"string\" ? (\n                    <FormPickerLabel label={label} className={\"wby-m-0\"} />\n                ) : (\n                    label\n                ))}\n            {vm.file ? (\n                <FilePreview\n                    disabled={disabled}\n                    onEditItem={onEditItem ? () => onEditItem(vm.file) : undefined}\n                    onRemoveItem={onRemoveItem ? () => onRemoveItem(vm.file) : undefined}\n                    onReplaceItem={onSelectItem}\n                    renderFilePreview={renderFilePreview}\n                    type={type}\n                    value={vm.file}\n                />\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 DecoratableFilePickerPrimitive = makeDecoratable(\n    \"FilePickerPrimitive\",\n    BaseFilePickerPrimitive\n);\n\nconst FilePickerPrimitive = withStaticProps(DecoratableFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport { FilePickerPrimitive, FileItem, type FilePickerPrimitiveProps, filePickerVariants };\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/primitives/FilePickerPrimitive.stories.d.ts

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FilePickerPrimitive } from "./FilePickerPrimitive";
+declare const meta: Meta<typeof FilePickerPrimitive>;
+export default meta;
+type Story = StoryObj<typeof FilePickerPrimitive>;
+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/FilePicker/primitives/FilePickerPrimitive.stories.js

@@ -0,0 +1,302 @@
+import React, { useState } from "react";
+import { FilePickerPrimitive } from "./FilePickerPrimitive";
+const getRandomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
+const getFile = () => {
+  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: "selected-file.jpg",
+    mimeType: "image/jpeg",
+    size: fileSize,
+    url: `https://picsum.photos/${width}/${height}`
+  };
+};
+const meta = {
+  title: "Components/Form Primitives/FilePicker",
+  component: FilePickerPrimitive,
+  argTypes: {
+    onSelectItem: {
+      action: "onSelectItem"
+    },
+    onEditItem: {
+      action: "onEditItem"
+    },
+    onRemoveItem: {
+      action: "onRemoveItem"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [selectedFile, setSelectedFile] = useState(args.value);
+    return /*#__PURE__*/React.createElement(FilePickerPrimitive, Object.assign({}, args, {
+      value: selectedFile,
+      onSelectItem: () => setSelectedFile(getFile()),
+      onRemoveItem: () => setSelectedFile(null),
+      onEditItem: () => alert(`Editing File`)
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    label: "Upload background image"
+  }
+};
+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(FilePickerPrimitive.Preview.Image, props)
+  }
+};
+export const AreaWithImagePreviewLight = {
+  args: {
+    ...AreaWithImagePreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.Image, Object.assign({
+      variant: "light"
+    }, props))
+  }
+};
+export const AreaWithImagePreviewBase = {
+  args: {
+    ...AreaWithImagePreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.Image, Object.assign({
+      variant: "base"
+    }, props))
+  }
+};
+export const AreaWithImagePreviewTransparent = {
+  args: {
+    ...AreaWithImagePreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.Image, Object.assign({
+      variant: "transparent"
+    }, props))
+  }
+};
+export const AreaWithRichItemPreview = {
+  args: {
+    ...AreaType.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, props)
+  }
+};
+export const AreaWithRichItemPreviewLight = {
+  args: {
+    ...AreaWithRichItemPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      variant: "light"
+    }, props))
+  }
+};
+export const AreaWithRichItemPreviewBase = {
+  args: {
+    ...AreaWithRichItemPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      variant: "base"
+    }, props))
+  }
+};
+export const AreaWithRichItemPreviewTransparent = {
+  args: {
+    ...AreaWithRichItemPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      variant: "transparent"
+    }, props))
+  }
+};
+export const AreaWithRichItemThumbnailPreview = {
+  args: {
+    ...AreaType.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      preview: "thumbnail"
+    }, props))
+  }
+};
+export const AreaWithRichItemFileTypePreview = {
+  args: {
+    ...AreaType.args,
+    value: {
+      name: "export.csv",
+      url: "export.csv",
+      mimeType: "text/csv",
+      size: 100000
+    },
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      preview: "file-type"
+    }, props))
+  }
+};
+export const AreaWithRichItemFileTypePlaceholder = {
+  args: {
+    ...AreaType.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.RichItem, Object.assign({
+      preview: "placeholder"
+    }, props))
+  }
+};
+export const AreaWithTextOnlyPreview = {
+  args: {
+    ...AreaType.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.TextOnly, props)
+  }
+};
+export const AreaWithTextOnlyPreviewLight = {
+  args: {
+    ...AreaWithTextOnlyPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.TextOnly, Object.assign({
+      variant: "light"
+    }, props))
+  }
+};
+export const AreaWithTextOnlyPreviewBase = {
+  args: {
+    ...AreaWithTextOnlyPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.TextOnly, Object.assign({
+      variant: "base"
+    }, props))
+  }
+};
+export const AreaWithTextOnlyPreviewTransparent = {
+  args: {
+    ...AreaWithTextOnlyPreview.args,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.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,
+    renderFilePreview: props => /*#__PURE__*/React.createElement(FilePickerPrimitive.Preview.TextOnly, Object.assign({}, props, {
+      small: true
+    }))
+  }
+};
+
+//# sourceMappingURL=FilePickerPrimitive.stories.js.map

package/FilePicker/primitives/FilePickerPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","FilePickerPrimitive","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","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":["FilePickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { FilePickerPrimitive } from \"./FilePickerPrimitive\";\nimport type { FileItemDto } from \"~/FilePicker/\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\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: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePickerPrimitive> = {\n    title: \"Components/Form Primitives/FilePicker\",\n    component: FilePickerPrimitive,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\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 [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <FilePickerPrimitive\n                {...args}\n                value={selectedFile}\n                onSelectItem={() => setSelectedFile(getFile())}\n                onRemoveItem={() => setSelectedFile(null)}\n                onEditItem={() => alert(`Editing File`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Upload background image\"\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 => <FilePickerPrimitive.Preview.Image {...props} />\n    }\n};\n\nexport const AreaWithImagePreviewLight: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewBase: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewTransparent: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.RichItem {...props} />\n    }\n};\n\nexport const AreaWithRichItemPreviewLight: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewBase: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewTransparent: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemThumbnailPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"thumbnail\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePreview: Story = {\n    args: {\n        ...AreaType.args,\n        value: {\n            name: \"export.csv\",\n            url: \"export.csv\",\n            mimeType: \"text/csv\",\n            size: 100000\n        },\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"file-type\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePlaceholder: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"placeholder\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} />\n    }\n};\n\nexport const AreaWithTextOnlyPreviewLight: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewBase: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewTransparent: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.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        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} small={true} />\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/primitives/components/Label.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type FormComponentProps } from "../../../FormComponent";
+type FormPickerLabelProps = Pick<FormComponentProps, "label" | "description" | "disabled" | "required"> & {
+    invalid?: boolean;
+    className?: string;
+};
+declare const FormPickerLabel: ({ label, description, required, disabled, invalid, className }: FormPickerLabelProps) => React.JSX.Element;
+export { FormPickerLabel, type FormPickerLabelProps };

package/FilePicker/primitives/components/Label.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { FormComponentDescription, FormComponentLabel } from "../../../FormComponent";
+const FormPickerLabel = ({
+  label,
+  description,
+  required,
+  disabled,
+  invalid,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label,
+    required: required,
+    disabled: disabled,
+    className: className,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description,
+    disabled: disabled
+  }));
+};
+export { FormPickerLabel };
+
+//# sourceMappingURL=Label.js.map