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

package/FilePicker/primitives/components/previews/ItemActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ReplaceIcon","EditIcon","TrashIcon","IconButton","Icon","cn","ItemActions","disabled","onRemoveItem","onEditItem","onReplaceItem","small","className","props","iconSize","buttonSize","createElement","Object","assign","icon","label","size","color","variant","onClick"],"sources":["ItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ReplaceIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface ItemActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    onReplaceItem?: () => void;\n    disabled?: boolean;\n    small?: boolean;\n}\n\nconst ItemActions = ({\n    disabled,\n    onRemoveItem,\n    onEditItem,\n    onReplaceItem,\n    small,\n    className,\n    ...props\n}: ItemActionsProps) => {\n    const iconSize = small ? \"default\" : \"lg\";\n    const buttonSize = small ? \"xs\" : \"sm\";\n\n    return (\n        <div {...props} className={cn(\"flex justify-center items-center gap-xs\", className)}>\n            {small && onReplaceItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<ReplaceIcon />}\n                            label={\"Replace\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onReplaceItem}\n                    disabled={disabled}\n                />\n            )}\n\n            {onEditItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<EditIcon />}\n                            label={\"Edit\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onEditItem}\n                    disabled={disabled}\n                />\n            )}\n\n            {onRemoveItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<TrashIcon />}\n                            label={\"Remove\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onRemoveItem}\n                    disabled={disabled}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { ItemActions, type ItemActionsProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,WAAW,QAAQ,+BAA+B;AAC7E,SAASD,cAAc,IAAIE,QAAQ,QAAQ,wBAAwB;AACnE,SAASF,cAAc,IAAIG,SAAS,QAAQ,0BAA0B;AACtE,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,EAAE;AAUX,MAAMC,WAAW,GAAGA,CAAC;EACjBC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,aAAa;EACbC,KAAK;EACLC,SAAS;EACT,GAAGC;AACW,CAAC,KAAK;EACpB,MAAMC,QAAQ,GAAGH,KAAK,GAAG,SAAS,GAAG,IAAI;EACzC,MAAMI,UAAU,GAAGJ,KAAK,GAAG,IAAI,GAAG,IAAI;EAEtC,oBACIb,KAAA,CAAAkB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASL,KAAK;IAAED,SAAS,EAAEP,EAAE,CAAC,yCAAyC,EAAEO,SAAS;EAAE,IAC/ED,KAAK,IAAID,aAAa,iBACnBZ,KAAA,CAAAkB,aAAA,CAACb,UAAU;IACPgB,IAAI,eACArB,KAAA,CAAAkB,aAAA,CAACZ,IAAI;MACDe,IAAI,eAAErB,KAAA,CAAAkB,aAAA,CAAChB,WAAW,MAAE,CAAE;MACtBoB,KAAK,EAAE,SAAU;MACjBC,IAAI,EAAE,IAAK;MACXC,KAAK,EAAE;IAAgB,CAC1B,CACJ;IACDC,OAAO,EAAE,OAAQ;IACjBF,IAAI,EAAEN,UAAW;IACjBD,QAAQ,EAAEA,QAAS;IACnBU,OAAO,EAAEd,aAAc;IACvBH,QAAQ,EAAEA;EAAS,CACtB,CACJ,EAEAE,UAAU,iBACPX,KAAA,CAAAkB,aAAA,CAACb,UAAU;IACPgB,IAAI,eACArB,KAAA,CAAAkB,aAAA,CAACZ,IAAI;MACDe,IAAI,eAAErB,KAAA,CAAAkB,aAAA,CAACf,QAAQ,MAAE,CAAE;MACnBmB,KAAK,EAAE,MAAO;MACdC,IAAI,EAAE,IAAK;MACXC,KAAK,EAAE;IAAgB,CAC1B,CACJ;IACDC,OAAO,EAAE,OAAQ;IACjBF,IAAI,EAAEN,UAAW;IACjBD,QAAQ,EAAEA,QAAS;IACnBU,OAAO,EAAEf,UAAW;IACpBF,QAAQ,EAAEA;EAAS,CACtB,CACJ,EAEAC,YAAY,iBACTV,KAAA,CAAAkB,aAAA,CAACb,UAAU;IACPgB,IAAI,eACArB,KAAA,CAAAkB,aAAA,CAACZ,IAAI;MACDe,IAAI,eAAErB,KAAA,CAAAkB,aAAA,CAACd,SAAS,MAAE,CAAE;MACpBkB,KAAK,EAAE,QAAS;MAChBC,IAAI,EAAE,IAAK;MACXC,KAAK,EAAE;IAAgB,CAC1B,CACJ;IACDC,OAAO,EAAE,OAAQ;IACjBF,IAAI,EAAEN,UAAW;IACjBD,QAAQ,EAAEA,QAAS;IACnBU,OAAO,EAAEhB,YAAa;IACtBD,QAAQ,EAAEA;EAAS,CACtB,CAEJ,CAAC;AAEd,CAAC;AAED,SAASD,WAAW","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/ItemActions.js","sources":["../../../../../src/FilePicker/primitives/components/previews/ItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ReplaceIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface ItemActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    onReplaceItem?: () => void;\n    disabled?: boolean;\n    small?: boolean;\n}\n\nconst ItemActions = ({\n    disabled,\n    onRemoveItem,\n    onEditItem,\n    onReplaceItem,\n    small,\n    className,\n    ...props\n}: ItemActionsProps) => {\n    const iconSize = small ? \"default\" : \"lg\";\n    const buttonSize = small ? \"xs\" : \"sm\";\n\n    return (\n        <div {...props} className={cn(\"flex justify-center items-center gap-xs\", className)}>\n            {small && onReplaceItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<ReplaceIcon />}\n                            label={\"Replace\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onReplaceItem}\n                    disabled={disabled}\n                />\n            )}\n\n            {onEditItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<EditIcon />}\n                            label={\"Edit\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onEditItem}\n                    disabled={disabled}\n                />\n            )}\n\n            {onRemoveItem && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={<TrashIcon />}\n                            label={\"Remove\"}\n                            size={\"md\"}\n                            color={\"neutral-light\"}\n                        />\n                    }\n                    variant={\"ghost\"}\n                    size={buttonSize}\n                    iconSize={iconSize}\n                    onClick={onRemoveItem}\n                    disabled={disabled}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { ItemActions, type ItemActionsProps };\n"],"names":["ItemActions","disabled","onRemoveItem","onEditItem","onReplaceItem","small","className","props","iconSize","buttonSize","cn","IconButton","Icon","ReplaceIcon","EditIcon","TrashIcon"],"mappings":";;;;;;;AAgBA,MAAMA,cAAc,CAAC,EACjBC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,OACY;IACf,MAAMC,WAAWH,QAAQ,YAAY;IACrC,MAAMI,aAAaJ,QAAQ,OAAO;IAElC,OAAO,WAAP,GACI,oBAAC;QAAK,GAAGE,KAAK;QAAE,WAAWG,GAAG,2CAA2CJ;OACpED,SAASD,iBAAiB,WAAjBA,GACN,oBAACO,YAAUA;QACP,oBACI,oBAACC,MAAIA;YACD,oBAAM,oBAACC,gBAAWA;YAClB,OAAO;YACP,MAAM;YACN,OAAO;;QAGf,SAAS;QACT,MAAMJ;QACN,UAAUD;QACV,SAASJ;QACT,UAAUH;QAIjBE,cAAc,WAAdA,GACG,oBAACQ,YAAUA;QACP,oBACI,oBAACC,MAAIA;YACD,oBAAM,oBAACE,yBAAQA;YACf,OAAO;YACP,MAAM;YACN,OAAO;;QAGf,SAAS;QACT,MAAML;QACN,UAAUD;QACV,SAASL;QACT,UAAUF;QAIjBC,gBAAgB,WAAhBA,GACG,oBAACS,YAAUA;QACP,oBACI,oBAACC,MAAIA;YACD,oBAAM,oBAACG,2BAASA;YAChB,OAAO;YACP,MAAM;YACN,OAAO;;QAGf,SAAS;QACT,MAAMN;QACN,UAAUD;QACV,SAASN;QACT,UAAUD;;AAK9B"}

package/FilePicker/primitives/components/previews/ItemDescription.js

@@ -1,27 +1,25 @@
-import React from "react";
+import react from "react";
 import bytes from "bytes";
 import { Text } from "../../../../Text/index.js";
 import { cn } from "../../../../utils.js";
-const ItemDescription = ({
-  className,
-  disabled,
-  item,
-  small,
-  ...props
-}) => {
-  const formattedSize = item.size && bytes.format(item.size, {
-    unitSeparator: " "
-  });
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: cn("flex flex-col gap-xxs overflow-hidden flex-1 min-w-0", className)
-  }, props), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: cn("truncate overflow-hidden whitespace-nowrap w-full", disabled ? "text-neutral-disabled" : "text-neutral-primary")
-  }, item.name), !small && (formattedSize || item.mimeType) && /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: cn("truncate overflow-hidden whitespace-nowrap w-full", disabled ? "text-neutral-disabled" : "text-neutral-muted")
-  }, [formattedSize, item.mimeType].filter(Boolean).join(" - ")));
+const ItemDescription = ({ className, disabled, item, small, ...props })=>{
+    const formattedSize = item.size && bytes.format(item.size, {
+        unitSeparator: " "
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("flex flex-col gap-xxs overflow-hidden flex-1 min-w-0", className),
+        ...props
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: cn("truncate overflow-hidden whitespace-nowrap w-full", disabled ? "text-neutral-disabled" : "text-neutral-primary")
+    }, item.name), !small && (formattedSize || item.mimeType) && /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: cn("truncate overflow-hidden whitespace-nowrap w-full", disabled ? "text-neutral-disabled" : "text-neutral-muted")
+    }, [
+        formattedSize,
+        item.mimeType
+    ].filter(Boolean).join(" - ")));
 };
 export { ItemDescription };
 

package/FilePicker/primitives/components/previews/ItemDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","bytes","Text","cn","ItemDescription","className","disabled","item","small","props","formattedSize","size","format","unitSeparator","createElement","Object","assign","as","name","mimeType","filter","Boolean","join"],"sources":["ItemDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\n\ninterface ItemDescriptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    item: FileItemFormatted;\n    disabled?: boolean;\n    small?: boolean;\n}\n\nconst ItemDescription = ({ className, disabled, item, small, ...props }: ItemDescriptionProps) => {\n    const formattedSize = item.size && bytes.format(item.size, { unitSeparator: \" \" });\n\n    return (\n        <div\n            className={cn(\"flex flex-col gap-xxs overflow-hidden flex-1 min-w-0\", className)}\n            {...props}\n        >\n            <Text\n                size=\"sm\"\n                as=\"div\"\n                className={cn(\n                    \"truncate overflow-hidden whitespace-nowrap w-full\",\n                    disabled ? \"text-neutral-disabled\" : \"text-neutral-primary\"\n                )}\n            >\n                {item.name}\n            </Text>\n            {!small && (formattedSize || item.mimeType) && (\n                <Text\n                    size=\"sm\"\n                    className={cn(\n                        \"truncate overflow-hidden whitespace-nowrap w-full\",\n                        disabled ? \"text-neutral-disabled\" : \"text-neutral-muted\"\n                    )}\n                >\n                    {[formattedSize, item.mimeType].filter(Boolean).join(\" - \")}\n                </Text>\n            )}\n        </div>\n    );\n};\n\nexport { ItemDescription, type ItemDescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE;AASX,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,KAAK;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC9F,MAAMC,aAAa,GAAGH,IAAI,CAACI,IAAI,IAAIV,KAAK,CAACW,MAAM,CAACL,IAAI,CAACI,IAAI,EAAE;IAAEE,aAAa,EAAE;EAAI,CAAC,CAAC;EAElF,oBACIb,KAAA,CAAAc,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACIX,SAAS,EAAEF,EAAE,CAAC,sDAAsD,EAAEE,SAAS;EAAE,GAC7EI,KAAK,gBAETT,KAAA,CAAAc,aAAA,CAACZ,IAAI;IACDS,IAAI,EAAC,IAAI;IACTM,EAAE,EAAC,KAAK;IACRZ,SAAS,EAAEF,EAAE,CACT,mDAAmD,EACnDG,QAAQ,GAAG,uBAAuB,GAAG,sBACzC;EAAE,GAEDC,IAAI,CAACW,IACJ,CAAC,EACN,CAACV,KAAK,KAAKE,aAAa,IAAIH,IAAI,CAACY,QAAQ,CAAC,iBACvCnB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IACDS,IAAI,EAAC,IAAI;IACTN,SAAS,EAAEF,EAAE,CACT,mDAAmD,EACnDG,QAAQ,GAAG,uBAAuB,GAAG,oBACzC;EAAE,GAED,CAACI,aAAa,EAAEH,IAAI,CAACY,QAAQ,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,KAAK,CACxD,CAET,CAAC;AAEd,CAAC;AAED,SAASlB,eAAe","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/ItemDescription.js","sources":["../../../../../src/FilePicker/primitives/components/previews/ItemDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\n\ninterface ItemDescriptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    item: FileItemFormatted;\n    disabled?: boolean;\n    small?: boolean;\n}\n\nconst ItemDescription = ({ className, disabled, item, small, ...props }: ItemDescriptionProps) => {\n    const formattedSize = item.size && bytes.format(item.size, { unitSeparator: \" \" });\n\n    return (\n        <div\n            className={cn(\"flex flex-col gap-xxs overflow-hidden flex-1 min-w-0\", className)}\n            {...props}\n        >\n            <Text\n                size=\"sm\"\n                as=\"div\"\n                className={cn(\n                    \"truncate overflow-hidden whitespace-nowrap w-full\",\n                    disabled ? \"text-neutral-disabled\" : \"text-neutral-primary\"\n                )}\n            >\n                {item.name}\n            </Text>\n            {!small && (formattedSize || item.mimeType) && (\n                <Text\n                    size=\"sm\"\n                    className={cn(\n                        \"truncate overflow-hidden whitespace-nowrap w-full\",\n                        disabled ? \"text-neutral-disabled\" : \"text-neutral-muted\"\n                    )}\n                >\n                    {[formattedSize, item.mimeType].filter(Boolean).join(\" - \")}\n                </Text>\n            )}\n        </div>\n    );\n};\n\nexport { ItemDescription, type ItemDescriptionProps };\n"],"names":["ItemDescription","className","disabled","item","small","props","formattedSize","bytes","cn","Text","Boolean"],"mappings":";;;;AAYA,MAAMA,kBAAkB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC,OAA6B;IACzF,MAAMC,gBAAgBH,KAAK,IAAI,IAAII,MAAM,MAAM,CAACJ,KAAK,IAAI,EAAE;QAAE,eAAe;IAAI;IAEhF,OAAO,WAAP,GACI,oBAAC;QACG,WAAWK,GAAG,wDAAwDP;QACrE,GAAGI,KAAK;qBAET,oBAACI,MAAIA;QACD,MAAK;QACL,IAAG;QACH,WAAWD,GACP,qDACAN,WAAW,0BAA0B;OAGxCC,KAAK,IAAI,GAEb,CAACC,SAAUE,CAAAA,iBAAiBH,KAAK,QAAO,mBACrC,oBAACM,MAAIA;QACD,MAAK;QACL,WAAWD,GACP,qDACAN,WAAW,0BAA0B;OAGxC;QAACI;QAAeH,KAAK,QAAQ;KAAC,CAAC,MAAM,CAACO,SAAS,IAAI,CAAC;AAKzE"}

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview.js

@@ -1,46 +1,36 @@
-import React from "react";
+import react from "react";
 import { cn, makeDecoratable } from "../../../../../utils.js";
 import { RichItemThumbnail } from "./RichItemThumbnail.js";
 import { ItemDescription } from "../ItemDescription.js";
 import { ItemActions } from "../ItemActions.js";
 import { previewVariants } from "../variants.js";
-const DecoratableRichItemPreview = ({
-  className,
-  disabled,
-  onRemoveItem,
-  onReplaceItem,
-  onEditItem,
-  value,
-  variant,
-  preview,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-testid": "image-preview",
-    className: cn("w-full rounded-md", previewVariants({
-      variant,
-      disabled
-    }), className)
-  }, props), /*#__PURE__*/React.createElement("div", {
-    "data-role": "select-image",
-    className: "flex items-center justify-between gap-sm-extra min-w-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between flex-1 cursor-pointer gap-sm-extra self-stretch min-w-0",
-    onClick: onReplaceItem
-  }, /*#__PURE__*/React.createElement(RichItemThumbnail, Object.assign({}, value, {
-    disabled: disabled,
-    preview: preview
-  })), /*#__PURE__*/React.createElement(ItemDescription, {
-    item: value,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement(ItemActions, {
-    onRemoveItem: onRemoveItem,
-    onReplaceItem: onReplaceItem,
-    onEditItem: onEditItem,
-    disabled: disabled,
-    className: "pr-sm-extra"
-  })));
-};
+const DecoratableRichItemPreview = ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        "data-testid": "image-preview",
+        className: cn("w-full rounded-md", previewVariants({
+            variant,
+            disabled
+        }), className),
+        ...props
+    }, /*#__PURE__*/ react.createElement("div", {
+        "data-role": "select-image",
+        className: "flex items-center justify-between gap-sm-extra min-w-0"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between flex-1 cursor-pointer gap-sm-extra self-stretch min-w-0",
+        onClick: onReplaceItem
+    }, /*#__PURE__*/ react.createElement(RichItemThumbnail, {
+        ...value,
+        disabled: disabled,
+        preview: preview
+    }), /*#__PURE__*/ react.createElement(ItemDescription, {
+        item: value,
+        disabled: disabled
+    })), /*#__PURE__*/ react.createElement(ItemActions, {
+        onRemoveItem: onRemoveItem,
+        onReplaceItem: onReplaceItem,
+        onEditItem: onEditItem,
+        disabled: disabled,
+        className: "pr-sm-extra"
+    })));
 const RichItemPreview = makeDecoratable("RichItemPreview", DecoratableRichItemPreview);
 export { RichItemPreview };
 

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","RichItemThumbnail","ItemDescription","ItemActions","previewVariants","DecoratableRichItemPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","value","variant","preview","props","createElement","Object","assign","onClick","item","RichItemPreview"],"sources":["RichItemPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { RichItemThumbnail } from \"./RichItemThumbnail.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport { previewVariants } from \"../variants.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\n\ntype RichItemPreviewProps = FilePreviewDefaultProps & {\n    preview?: \"thumbnail\" | \"file-type\" | \"placeholder\";\n};\n\nconst DecoratableRichItemPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    value,\n    variant,\n    preview,\n    ...props\n}: RichItemPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\"w-full rounded-md\", previewVariants({ variant, disabled }), className)}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                className=\"flex items-center justify-between gap-sm-extra min-w-0\"\n            >\n                <div\n                    className=\"flex items-center justify-between flex-1 cursor-pointer gap-sm-extra self-stretch min-w-0\"\n                    onClick={onReplaceItem}\n                >\n                    <RichItemThumbnail {...value} disabled={disabled} preview={preview} />\n                    <ItemDescription item={value} disabled={disabled} />\n                </div>\n\n                <ItemActions\n                    onRemoveItem={onRemoveItem}\n                    onReplaceItem={onReplaceItem}\n                    onEditItem={onEditItem}\n                    disabled={disabled}\n                    className={\"pr-sm-extra\"}\n                />\n            </div>\n        </div>\n    );\n};\n\nconst RichItemPreview = makeDecoratable(\"RichItemPreview\", DecoratableRichItemPreview);\n\nexport { RichItemPreview, type RichItemPreviewProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,eAAe;AACxB,SAASC,WAAW;AACpB,SAASC,eAAe;AAOxB,MAAMC,0BAA0B,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVC,KAAK;EACLC,OAAO;EACPC,OAAO;EACP,GAAGC;AACe,CAAC,KAAK;EACxB,oBACIhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,eAAY,eAAe;IAC3BX,SAAS,EAAEP,EAAE,CAAC,mBAAmB,EAAEK,eAAe,CAAC;MAAEQ,OAAO;MAAEL;IAAS,CAAC,CAAC,EAAED,SAAS;EAAE,GAClFQ,KAAK,gBAEThB,KAAA,CAAAiB,aAAA;IACI,aAAU,cAAc;IACxBT,SAAS,EAAC;EAAwD,gBAElER,KAAA,CAAAiB,aAAA;IACIT,SAAS,EAAC,2FAA2F;IACrGY,OAAO,EAAET;EAAc,gBAEvBX,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,EAAAe,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEJ,QAAQ,EAAEA,QAAS;IAACM,OAAO,EAAEA;EAAQ,EAAE,CAAC,eACtEf,KAAA,CAAAiB,aAAA,CAACb,eAAe;IAACiB,IAAI,EAAER,KAAM;IAACJ,QAAQ,EAAEA;EAAS,CAAE,CAClD,CAAC,eAENT,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IACRK,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBH,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAE;EAAc,CAC5B,CACA,CACJ,CAAC;AAEd,CAAC;AAED,MAAMc,eAAe,GAAGpB,eAAe,CAAC,iBAAiB,EAAEK,0BAA0B,CAAC;AAEtF,SAASe,eAAe","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { RichItemThumbnail } from \"./RichItemThumbnail.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport { previewVariants } from \"../variants.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\n\ntype RichItemPreviewProps = FilePreviewDefaultProps & {\n    preview?: \"thumbnail\" | \"file-type\" | \"placeholder\";\n};\n\nconst DecoratableRichItemPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    value,\n    variant,\n    preview,\n    ...props\n}: RichItemPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\"w-full rounded-md\", previewVariants({ variant, disabled }), className)}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                className=\"flex items-center justify-between gap-sm-extra min-w-0\"\n            >\n                <div\n                    className=\"flex items-center justify-between flex-1 cursor-pointer gap-sm-extra self-stretch min-w-0\"\n                    onClick={onReplaceItem}\n                >\n                    <RichItemThumbnail {...value} disabled={disabled} preview={preview} />\n                    <ItemDescription item={value} disabled={disabled} />\n                </div>\n\n                <ItemActions\n                    onRemoveItem={onRemoveItem}\n                    onReplaceItem={onReplaceItem}\n                    onEditItem={onEditItem}\n                    disabled={disabled}\n                    className={\"pr-sm-extra\"}\n                />\n            </div>\n        </div>\n    );\n};\n\nconst RichItemPreview = makeDecoratable(\"RichItemPreview\", DecoratableRichItemPreview);\n\nexport { RichItemPreview, type RichItemPreviewProps };\n"],"names":["DecoratableRichItemPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","value","variant","preview","props","cn","previewVariants","RichItemThumbnail","ItemDescription","ItemActions","RichItemPreview","makeDecoratable"],"mappings":";;;;;;AAYA,MAAMA,6BAA6B,CAAC,EAChCC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,OAAO,EACP,GAAGC,OACgB,GACZ,WAAP,GACI,oBAAC;QACG,eAAY;QACZ,WAAWC,GAAG,qBAAqBC,gBAAgB;YAAEJ;YAASL;QAAS,IAAID;QAC1E,GAAGQ,KAAK;qBAET,oBAAC;QACG,aAAU;QACV,WAAU;qBAEV,oBAAC;QACG,WAAU;QACV,SAASL;qBAET,oBAACQ,mBAAiBA;QAAE,GAAGN,KAAK;QAAE,UAAUJ;QAAU,SAASM;sBAC3D,oBAACK,iBAAeA;QAAC,MAAMP;QAAO,UAAUJ;uBAG5C,oBAACY,aAAWA;QACR,cAAcX;QACd,eAAeC;QACf,YAAYC;QACZ,UAAUH;QACV,WAAW;;AAO/B,MAAMa,kBAAkBC,gBAAgB,mBAAmBhB"}

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.js

@@ -1,104 +1,76 @@
-import React from "react";
-import { ReactComponent as PlaceholderIcon } from "@webiny/icons/image.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/image.svg";
 import { Icon } from "../../../../../Icon/index.js";
 import { cn } from "../../../../../utils.js";
-import csvThumb from "../assets/csv.svg";
-import docThumb from "../assets/doc.svg";
-import docxThumb from "../assets/docx.svg";
-import fileThumb from "../assets/file.svg";
-import pdfThumb from "../assets/pdf.svg";
-import pptThumb from "../assets/ppt.svg";
-import pptxThumb from "../assets/pptx.svg";
-import txtThumb from "../assets/txt.svg";
-import xlsThumb from "../assets/xls.svg";
-import xlsxThumb from "../assets/xlsx.svg";
-const Thumbnail = ({
-  url,
-  name
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "size-full bg-neutral-muted"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: url,
-    alt: name,
-    className: "size-full object-cover"
-  }));
+import csv from "../assets/csv.js";
+import doc from "../assets/doc.js";
+import docx from "../assets/docx.js";
+import file from "../assets/file.js";
+import pdf from "../assets/pdf.js";
+import ppt from "../assets/ppt.js";
+import pptx from "../assets/pptx.js";
+import txt from "../assets/txt.js";
+import xls from "../assets/xls.js";
+import xlsx from "../assets/xlsx.js";
+const Thumbnail = ({ url, name })=>/*#__PURE__*/ react.createElement("div", {
+        className: "size-full bg-neutral-muted"
+    }, /*#__PURE__*/ react.createElement("img", {
+        src: url,
+        alt: name,
+        className: "size-full object-cover"
+    }));
+const FileType = ({ mimeType = "", name })=>{
+    const getMimeTypeSrc = (mimeType)=>{
+        switch(mimeType){
+            case "text/csv":
+                return csv;
+            case "application/msword":
+                return doc;
+            case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+                return docx;
+            case "application/pdf":
+                return pdf;
+            case "application/vnd.ms-powerpoint":
+                return ppt;
+            case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
+                return pptx;
+            case "text/plain":
+                return txt;
+            case "application/vnd.ms-excel":
+                return xls;
+            case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+                return xlsx;
+            default:
+                return file;
+        }
+    };
+    return /*#__PURE__*/ react.createElement("img", {
+        src: getMimeTypeSrc(mimeType),
+        alt: name,
+        className: "size-full p-sm-extra"
+    });
 };
-const FileType = ({
-  mimeType = "",
-  name
-}) => {
-  const getMimeTypeSrc = mimeType => {
-    switch (mimeType) {
-      case "text/csv":
-        // .csv
-        return csvThumb;
-      case "application/msword":
-        // .doc
-        return docThumb;
-      case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
-        // .docx
-        return docxThumb;
-      case "application/pdf":
-        // .pdf
-        return pdfThumb;
-      case "application/vnd.ms-powerpoint":
-        // .ppt
-        return pptThumb;
-      case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
-        // .pptx
-        return pptxThumb;
-      case "text/plain":
-        // .txt
-        return txtThumb;
-      case "application/vnd.ms-excel":
-        // .xls
-        return xlsThumb;
-      case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-        // .xlsx
-        return xlsxThumb;
-      default:
-        return fileThumb;
-    }
-  };
-  return /*#__PURE__*/React.createElement("img", {
-    src: getMimeTypeSrc(mimeType),
-    alt: name,
-    className: "size-full p-sm-extra"
-  });
-};
-const Placeholder = ({
-  name
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "size-full flex justify-center items-center bg-transparent"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(PlaceholderIcon, null),
-    label: name,
-    size: "lg",
-    color: "neutral-light"
-  }));
-};
-const RichItemThumbnail = ({
-  url,
-  name,
-  className,
-  mimeType,
-  preview,
-  disabled
-}) => {
-  const isImage = mimeType?.startsWith("image/");
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("size-[56px] m-xs rounded-sm overflow-hidden relative", disabled && "[&_img]:filter [&_img]:grayscale [&_img]:opacity-50", className)
-  }, preview === "thumbnail" || isImage ? /*#__PURE__*/React.createElement(Thumbnail, {
-    url: url,
-    name: name
-  }) : preview === "placeholder" ? /*#__PURE__*/React.createElement(Placeholder, {
-    name: name
-  }) : /*#__PURE__*/React.createElement(FileType, {
-    mimeType: mimeType,
-    name: name
-  }));
+const Placeholder = ({ name })=>/*#__PURE__*/ react.createElement("div", {
+        className: "size-full flex justify-center items-center bg-transparent"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: name,
+        size: "lg",
+        color: "neutral-light"
+    }));
+const RichItemThumbnail = ({ url, name, className, mimeType, preview, disabled })=>{
+    const isImage = mimeType?.startsWith("image/");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("size-[56px] m-xs rounded-sm overflow-hidden relative", disabled && "[&_img]:filter [&_img]:grayscale [&_img]:opacity-50", className)
+    }, "thumbnail" === preview || isImage ? /*#__PURE__*/ react.createElement(Thumbnail, {
+        url: url,
+        name: name
+    }) : "placeholder" === preview ? /*#__PURE__*/ react.createElement(Placeholder, {
+        name: name
+    }) : /*#__PURE__*/ react.createElement(FileType, {
+        mimeType: mimeType,
+        name: name
+    }));
 };
 export { RichItemThumbnail };
 

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","PlaceholderIcon","Icon","cn","csvThumb","docThumb","docxThumb","fileThumb","pdfThumb","pptThumb","pptxThumb","txtThumb","xlsThumb","xlsxThumb","Thumbnail","url","name","createElement","className","src","alt","FileType","mimeType","getMimeTypeSrc","Placeholder","icon","label","size","color","RichItemThumbnail","preview","disabled","isImage","startsWith"],"sources":["RichItemThumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as PlaceholderIcon } from \"@webiny/icons/image.svg\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn } from \"~/utils.js\";\nimport type { RichItemPreviewProps } from \"~/FilePicker/primitives/components/index.js\";\n\nimport csvThumb from \"../assets/csv.svg\";\nimport docThumb from \"../assets/doc.svg\";\nimport docxThumb from \"../assets/docx.svg\";\nimport fileThumb from \"../assets/file.svg\";\nimport pdfThumb from \"../assets/pdf.svg\";\nimport pptThumb from \"../assets/ppt.svg\";\nimport pptxThumb from \"../assets/pptx.svg\";\nimport txtThumb from \"../assets/txt.svg\";\nimport xlsThumb from \"../assets/xls.svg\";\nimport xlsxThumb from \"../assets/xlsx.svg\";\n\ntype RichItemThumbnailProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> &\n    FileItemFormatted & {\n        preview?: RichItemPreviewProps[\"preview\"];\n        disabled?: boolean;\n    };\n\ntype ThumbnailProps = Pick<FileItemFormatted, \"url\" | \"name\">;\n\nconst Thumbnail = ({ url, name }: ThumbnailProps) => {\n    return (\n        <div className={\"size-full bg-neutral-muted\"}>\n            <img src={url} alt={name} className=\"size-full object-cover\" />\n        </div>\n    );\n};\n\ntype FileTypeProps = Pick<FileItemFormatted, \"mimeType\" | \"name\">;\n\nconst FileType = ({ mimeType = \"\", name }: FileTypeProps) => {\n    const getMimeTypeSrc = (mimeType: string) => {\n        switch (mimeType) {\n            case \"text/csv\": // .csv\n                return csvThumb;\n            case \"application/msword\": // .doc\n                return docThumb;\n            case \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": // .docx\n                return docxThumb;\n            case \"application/pdf\": // .pdf\n                return pdfThumb;\n            case \"application/vnd.ms-powerpoint\": // .ppt\n                return pptThumb;\n            case \"application/vnd.openxmlformats-officedocument.presentationml.presentation\": // .pptx\n                return pptxThumb;\n            case \"text/plain\": // .txt\n                return txtThumb;\n            case \"application/vnd.ms-excel\": // .xls\n                return xlsThumb;\n            case \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": // .xlsx\n                return xlsxThumb;\n            default:\n                return fileThumb;\n        }\n    };\n\n    return <img src={getMimeTypeSrc(mimeType)} alt={name} className=\"size-full p-sm-extra\" />;\n};\n\ntype PlaceholderProps = Pick<FileItemFormatted, \"name\">;\n\nconst Placeholder = ({ name }: PlaceholderProps) => {\n    return (\n        <div className={\"size-full flex justify-center items-center bg-transparent\"}>\n            <Icon icon={<PlaceholderIcon />} label={name} size={\"lg\"} color={\"neutral-light\"} />\n        </div>\n    );\n};\n\nconst RichItemThumbnail = ({\n    url,\n    name,\n    className,\n    mimeType,\n    preview,\n    disabled\n}: RichItemThumbnailProps) => {\n    const isImage = mimeType?.startsWith(\"image/\");\n\n    return (\n        <div\n            className={cn(\n                \"size-[56px] m-xs rounded-sm overflow-hidden relative\",\n                disabled && \"[&_img]:filter [&_img]:grayscale [&_img]:opacity-50\",\n                className\n            )}\n        >\n            {preview === \"thumbnail\" || isImage ? (\n                <Thumbnail url={url} name={name} />\n            ) : preview === \"placeholder\" ? (\n                <Placeholder name={name} />\n            ) : (\n                <FileType mimeType={mimeType} name={name} />\n            )}\n        </div>\n    );\n};\n\nexport { RichItemThumbnail, type RichItemThumbnailProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,eAAe,QAAQ,yBAAyB;AAE3E,SAASC,IAAI;AACb,SAASC,EAAE;AAGX,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAChB,OAAOC,SAAS;AAChB,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAChB,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAUhB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAqB,CAAC,KAAK;EACjD,oBACIjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAE;EAA6B,gBACzCnB,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAEJ,GAAI;IAACK,GAAG,EAAEJ,IAAK;IAACE,SAAS,EAAC;EAAwB,CAAE,CAC7D,CAAC;AAEd,CAAC;AAID,MAAMG,QAAQ,GAAGA,CAAC;EAAEC,QAAQ,GAAG,EAAE;EAAEN;AAAoB,CAAC,KAAK;EACzD,MAAMO,cAAc,GAAID,QAAgB,IAAK;IACzC,QAAQA,QAAQ;MACZ,KAAK,UAAU;QAAE;QACb,OAAOlB,QAAQ;MACnB,KAAK,oBAAoB;QAAE;QACvB,OAAOC,QAAQ;MACnB,KAAK,yEAAyE;QAAE;QAC5E,OAAOC,SAAS;MACpB,KAAK,iBAAiB;QAAE;QACpB,OAAOE,QAAQ;MACnB,KAAK,+BAA+B;QAAE;QAClC,OAAOC,QAAQ;MACnB,KAAK,2EAA2E;QAAE;QAC9E,OAAOC,SAAS;MACpB,KAAK,YAAY;QAAE;QACf,OAAOC,QAAQ;MACnB,KAAK,0BAA0B;QAAE;QAC7B,OAAOC,QAAQ;MACnB,KAAK,mEAAmE;QAAE;QACtE,OAAOC,SAAS;MACpB;QACI,OAAON,SAAS;IACxB;EACJ,CAAC;EAED,oBAAOR,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAEI,cAAc,CAACD,QAAQ,CAAE;IAACF,GAAG,EAAEJ,IAAK;IAACE,SAAS,EAAC;EAAsB,CAAE,CAAC;AAC7F,CAAC;AAID,MAAMM,WAAW,GAAGA,CAAC;EAAER;AAAuB,CAAC,KAAK;EAChD,oBACIjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAE;EAA4D,gBACxEnB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACuB,IAAI,eAAE1B,KAAA,CAAAkB,aAAA,CAAChB,eAAe,MAAE,CAAE;IAACyB,KAAK,EAAEV,IAAK;IAACW,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAgB,CAAE,CAClF,CAAC;AAEd,CAAC;AAED,MAAMC,iBAAiB,GAAGA,CAAC;EACvBd,GAAG;EACHC,IAAI;EACJE,SAAS;EACTI,QAAQ;EACRQ,OAAO;EACPC;AACoB,CAAC,KAAK;EAC1B,MAAMC,OAAO,GAAGV,QAAQ,EAAEW,UAAU,CAAC,QAAQ,CAAC;EAE9C,oBACIlC,KAAA,CAAAkB,aAAA;IACIC,SAAS,EAAEf,EAAE,CACT,sDAAsD,EACtD4B,QAAQ,IAAI,qDAAqD,EACjEb,SACJ;EAAE,GAEDY,OAAO,KAAK,WAAW,IAAIE,OAAO,gBAC/BjC,KAAA,CAAAkB,aAAA,CAACH,SAAS;IAACC,GAAG,EAAEA,GAAI;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC,GACnCc,OAAO,KAAK,aAAa,gBACzB/B,KAAA,CAAAkB,aAAA,CAACO,WAAW;IAACR,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAE3BjB,KAAA,CAAAkB,aAAA,CAACI,QAAQ;IAACC,QAAQ,EAAEA,QAAS;IAACN,IAAI,EAAEA;EAAK,CAAE,CAE9C,CAAC;AAEd,CAAC;AAED,SAASa,iBAAiB","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as PlaceholderIcon } from \"@webiny/icons/image.svg\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn } from \"~/utils.js\";\nimport type { RichItemPreviewProps } from \"~/FilePicker/primitives/components/index.js\";\n\nimport csvThumb from \"../assets/csv.svg\";\nimport docThumb from \"../assets/doc.svg\";\nimport docxThumb from \"../assets/docx.svg\";\nimport fileThumb from \"../assets/file.svg\";\nimport pdfThumb from \"../assets/pdf.svg\";\nimport pptThumb from \"../assets/ppt.svg\";\nimport pptxThumb from \"../assets/pptx.svg\";\nimport txtThumb from \"../assets/txt.svg\";\nimport xlsThumb from \"../assets/xls.svg\";\nimport xlsxThumb from \"../assets/xlsx.svg\";\n\ntype RichItemThumbnailProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> &\n    FileItemFormatted & {\n        preview?: RichItemPreviewProps[\"preview\"];\n        disabled?: boolean;\n    };\n\ntype ThumbnailProps = Pick<FileItemFormatted, \"url\" | \"name\">;\n\nconst Thumbnail = ({ url, name }: ThumbnailProps) => {\n    return (\n        <div className={\"size-full bg-neutral-muted\"}>\n            <img src={url} alt={name} className=\"size-full object-cover\" />\n        </div>\n    );\n};\n\ntype FileTypeProps = Pick<FileItemFormatted, \"mimeType\" | \"name\">;\n\nconst FileType = ({ mimeType = \"\", name }: FileTypeProps) => {\n    const getMimeTypeSrc = (mimeType: string) => {\n        switch (mimeType) {\n            case \"text/csv\": // .csv\n                return csvThumb;\n            case \"application/msword\": // .doc\n                return docThumb;\n            case \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": // .docx\n                return docxThumb;\n            case \"application/pdf\": // .pdf\n                return pdfThumb;\n            case \"application/vnd.ms-powerpoint\": // .ppt\n                return pptThumb;\n            case \"application/vnd.openxmlformats-officedocument.presentationml.presentation\": // .pptx\n                return pptxThumb;\n            case \"text/plain\": // .txt\n                return txtThumb;\n            case \"application/vnd.ms-excel\": // .xls\n                return xlsThumb;\n            case \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": // .xlsx\n                return xlsxThumb;\n            default:\n                return fileThumb;\n        }\n    };\n\n    return <img src={getMimeTypeSrc(mimeType)} alt={name} className=\"size-full p-sm-extra\" />;\n};\n\ntype PlaceholderProps = Pick<FileItemFormatted, \"name\">;\n\nconst Placeholder = ({ name }: PlaceholderProps) => {\n    return (\n        <div className={\"size-full flex justify-center items-center bg-transparent\"}>\n            <Icon icon={<PlaceholderIcon />} label={name} size={\"lg\"} color={\"neutral-light\"} />\n        </div>\n    );\n};\n\nconst RichItemThumbnail = ({\n    url,\n    name,\n    className,\n    mimeType,\n    preview,\n    disabled\n}: RichItemThumbnailProps) => {\n    const isImage = mimeType?.startsWith(\"image/\");\n\n    return (\n        <div\n            className={cn(\n                \"size-[56px] m-xs rounded-sm overflow-hidden relative\",\n                disabled && \"[&_img]:filter [&_img]:grayscale [&_img]:opacity-50\",\n                className\n            )}\n        >\n            {preview === \"thumbnail\" || isImage ? (\n                <Thumbnail url={url} name={name} />\n            ) : preview === \"placeholder\" ? (\n                <Placeholder name={name} />\n            ) : (\n                <FileType mimeType={mimeType} name={name} />\n            )}\n        </div>\n    );\n};\n\nexport { RichItemThumbnail, type RichItemThumbnailProps };\n"],"names":["Thumbnail","url","name","FileType","mimeType","getMimeTypeSrc","csvThumb","docThumb","docxThumb","pdfThumb","pptThumb","pptxThumb","txtThumb","xlsThumb","xlsxThumb","fileThumb","Placeholder","Icon","PlaceholderIcon","RichItemThumbnail","className","preview","disabled","isImage","cn"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAMA,YAAY,CAAC,EAAEC,GAAG,EAAEC,IAAI,EAAkB,GACrC,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,KAAKD;QAAK,KAAKC;QAAM,WAAU;;AAOhD,MAAMC,WAAW,CAAC,EAAEC,WAAW,EAAE,EAAEF,IAAI,EAAiB;IACpD,MAAMG,iBAAiB,CAACD;QACpB,OAAQA;YACJ,KAAK;gBACD,OAAOE;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX,KAAK;gBACD,OAAOC;YACX;gBACI,OAAOC;QACf;IACJ;IAEA,OAAO,WAAP,GAAO,oBAAC;QAAI,KAAKV,eAAeD;QAAW,KAAKF;QAAM,WAAU;;AACpE;AAIA,MAAMc,cAAc,CAAC,EAAEd,IAAI,EAAoB,GACpC,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACe,MAAIA;QAAC,oBAAM,oBAACC,gBAAeA;QAAK,OAAOhB;QAAM,MAAM;QAAM,OAAO;;AAK7E,MAAMiB,oBAAoB,CAAC,EACvBlB,GAAG,EACHC,IAAI,EACJkB,SAAS,EACThB,QAAQ,EACRiB,OAAO,EACPC,QAAQ,EACa;IACrB,MAAMC,UAAUnB,UAAU,WAAW;IAErC,OAAO,WAAP,GACI,oBAAC;QACG,WAAWoB,GACP,wDACAF,YAAY,uDACZF;OAGHC,AAAY,gBAAZA,WAA2BE,UAAU,WAAVA,GACxB,oBAACvB,WAASA;QAAC,KAAKC;QAAK,MAAMC;SAC3BmB,AAAY,kBAAZA,UAA4B,WAAhB,GACZ,oBAACL,aAAWA;QAAC,MAAMd;uBAEnB,oBAACC,UAAQA;QAAC,UAAUC;QAAU,MAAMF;;AAIpD"}

package/FilePicker/primitives/components/previews/RichItemPreview/index.js

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

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js

@@ -1,54 +1,43 @@
-import React from "react";
+import react from "react";
 import { cn, cva, makeDecoratable } from "../../../../../utils.js";
 import { ItemDescription } from "../ItemDescription.js";
 import { ItemActions } from "../ItemActions.js";
 import { previewVariants } from "../variants.js";
 const textOnlyPreviewVariants = cva("w-full flex items-center justify-between gap-sm min-w-0", {
-  variants: {
-    small: {
-      true: "px-sm py-xs rounded-xs",
-      false: "px-sm py-xs-plus rounded-md"
+    variants: {
+        small: {
+            true: "px-sm py-xs rounded-xs",
+            false: "px-sm py-xs-plus rounded-md"
+        }
+    },
+    defaultVariants: {
+        small: false
     }
-  },
-  defaultVariants: {
-    small: false
-  }
 });
-const DecoratableTextOnlyPreview = ({
-  className,
-  disabled,
-  onRemoveItem,
-  onReplaceItem,
-  onEditItem,
-  small,
-  variant,
-  value,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-testid": "image-preview",
-    className: cn(textOnlyPreviewVariants({
-      small
-    }), previewVariants({
-      variant,
-      disabled
-    }), className)
-  }, props), /*#__PURE__*/React.createElement("div", {
-    "data-role": "select-image",
-    onClick: onReplaceItem,
-    className: "overflow-hidden flex-1 min-w-0 cursor-pointer"
-  }, /*#__PURE__*/React.createElement(ItemDescription, {
-    item: value,
-    disabled: disabled,
-    small: !!small
-  })), /*#__PURE__*/React.createElement(ItemActions, {
-    onRemoveItem: onRemoveItem,
-    onReplaceItem: onReplaceItem,
-    onEditItem: onEditItem,
-    small: !!small,
-    disabled: disabled
-  }));
-};
+const DecoratableTextOnlyPreview = ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        "data-testid": "image-preview",
+        className: cn(textOnlyPreviewVariants({
+            small
+        }), previewVariants({
+            variant,
+            disabled
+        }), className),
+        ...props
+    }, /*#__PURE__*/ react.createElement("div", {
+        "data-role": "select-image",
+        onClick: onReplaceItem,
+        className: "overflow-hidden flex-1 min-w-0 cursor-pointer"
+    }, /*#__PURE__*/ react.createElement(ItemDescription, {
+        item: value,
+        disabled: disabled,
+        small: !!small
+    })), /*#__PURE__*/ react.createElement(ItemActions, {
+        onRemoveItem: onRemoveItem,
+        onReplaceItem: onReplaceItem,
+        onEditItem: onEditItem,
+        small: !!small,
+        disabled: disabled
+    }));
 const TextOnlyPreview = makeDecoratable("TextOnlyPreview", DecoratableTextOnlyPreview);
 export { TextOnlyPreview };
 

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","ItemDescription","ItemActions","previewVariants","textOnlyPreviewVariants","variants","small","true","false","defaultVariants","DecoratableTextOnlyPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","variant","value","props","createElement","Object","assign","onClick","item","TextOnlyPreview"],"sources":["TextOnlyPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\nimport { previewVariants } from \"../variants.js\";\n\nconst textOnlyPreviewVariants = cva(\"w-full flex items-center justify-between gap-sm min-w-0\", {\n    variants: {\n        small: {\n            true: \"px-sm py-xs rounded-xs\",\n            false: \"px-sm py-xs-plus rounded-md\"\n        }\n    },\n    defaultVariants: {\n        small: false\n    }\n});\n\ntype TextOnlyPreviewProps = FilePreviewDefaultProps &\n    React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof previewVariants> &\n    VariantProps<typeof textOnlyPreviewVariants>;\n\nconst DecoratableTextOnlyPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    small,\n    variant,\n    value,\n    ...props\n}: TextOnlyPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                textOnlyPreviewVariants({ small }),\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                onClick={onReplaceItem}\n                className={\"overflow-hidden flex-1 min-w-0 cursor-pointer\"}\n            >\n                <ItemDescription item={value} disabled={disabled} small={!!small} />\n            </div>\n            <ItemActions\n                onRemoveItem={onRemoveItem}\n                onReplaceItem={onReplaceItem}\n                onEditItem={onEditItem}\n                small={!!small}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\nconst TextOnlyPreview = makeDecoratable(\"TextOnlyPreview\", DecoratableTextOnlyPreview);\n\nexport { TextOnlyPreview, type TextOnlyPreviewProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,eAAe;AACxB,SAASC,WAAW;AAEpB,SAASC,eAAe;AAExB,MAAMC,uBAAuB,GAAGL,GAAG,CAAC,yDAAyD,EAAE;EAC3FM,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE,wBAAwB;MAC9BC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAOF,MAAMI,0BAA0B,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVT,KAAK;EACLU,OAAO;EACPC,KAAK;EACL,GAAGC;AACe,CAAC,KAAK;EACxB,oBACIrB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,eAAY,eAAe;IAC3BV,SAAS,EAAEb,EAAE,CACTM,uBAAuB,CAAC;MAAEE;IAAM,CAAC,CAAC,EAClCH,eAAe,CAAC;MAAEa,OAAO;MAAEJ;IAAS,CAAC,CAAC,EACtCD,SACJ;EAAE,GACEO,KAAK,gBAETrB,KAAA,CAAAsB,aAAA;IACI,aAAU,cAAc;IACxBG,OAAO,EAAER,aAAc;IACvBH,SAAS,EAAE;EAAgD,gBAE3Dd,KAAA,CAAAsB,aAAA,CAAClB,eAAe;IAACsB,IAAI,EAAEN,KAAM;IAACL,QAAQ,EAAEA,QAAS;IAACN,KAAK,EAAE,CAAC,CAACA;EAAM,CAAE,CAClE,CAAC,eACNT,KAAA,CAAAsB,aAAA,CAACjB,WAAW;IACRW,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBT,KAAK,EAAE,CAAC,CAACA,KAAM;IACfM,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC;AAED,MAAMY,eAAe,GAAGxB,eAAe,CAAC,iBAAiB,EAAEU,0BAA0B,CAAC;AAEtF,SAASc,eAAe","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\nimport { previewVariants } from \"../variants.js\";\n\nconst textOnlyPreviewVariants = cva(\"w-full flex items-center justify-between gap-sm min-w-0\", {\n    variants: {\n        small: {\n            true: \"px-sm py-xs rounded-xs\",\n            false: \"px-sm py-xs-plus rounded-md\"\n        }\n    },\n    defaultVariants: {\n        small: false\n    }\n});\n\ntype TextOnlyPreviewProps = FilePreviewDefaultProps &\n    React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof previewVariants> &\n    VariantProps<typeof textOnlyPreviewVariants>;\n\nconst DecoratableTextOnlyPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    small,\n    variant,\n    value,\n    ...props\n}: TextOnlyPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                textOnlyPreviewVariants({ small }),\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                onClick={onReplaceItem}\n                className={\"overflow-hidden flex-1 min-w-0 cursor-pointer\"}\n            >\n                <ItemDescription item={value} disabled={disabled} small={!!small} />\n            </div>\n            <ItemActions\n                onRemoveItem={onRemoveItem}\n                onReplaceItem={onReplaceItem}\n                onEditItem={onEditItem}\n                small={!!small}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\nconst TextOnlyPreview = makeDecoratable(\"TextOnlyPreview\", DecoratableTextOnlyPreview);\n\nexport { TextOnlyPreview, type TextOnlyPreviewProps };\n"],"names":["textOnlyPreviewVariants","cva","DecoratableTextOnlyPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","small","variant","value","props","cn","previewVariants","ItemDescription","ItemActions","TextOnlyPreview","makeDecoratable"],"mappings":";;;;;AAOA,MAAMA,0BAA0BC,IAAI,2DAA2D;IAC3F,UAAU;QACN,OAAO;YACH,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,OAAO;IACX;AACJ;AAOA,MAAMC,6BAA6B,CAAC,EAChCC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,KAAK,EACL,GAAGC,OACgB,GACZ,WAAP,GACI,oBAAC;QACG,eAAY;QACZ,WAAWC,GACPZ,wBAAwB;YAAEQ;QAAM,IAChCK,gBAAgB;YAAEJ;YAASL;QAAS,IACpCD;QAEH,GAAGQ,KAAK;qBAET,oBAAC;QACG,aAAU;QACV,SAASL;QACT,WAAW;qBAEX,oBAACQ,iBAAeA;QAAC,MAAMJ;QAAO,UAAUN;QAAU,OAAO,CAAC,CAACI;uBAE/D,oBAACO,aAAWA;QACR,cAAcV;QACd,eAAeC;QACf,YAAYC;QACZ,OAAO,CAAC,CAACC;QACT,UAAUJ;;AAM1B,MAAMY,kBAAkBC,gBAAgB,mBAAmBf"}

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.js

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

package/FilePicker/primitives/components/previews/assets/csv.js

@@ -0,0 +1,65 @@
+import __rslib_svgr_url__0__ from "../../../../../static/svg/csv.9a112f24.svg";
+import * as __rspack_external_react from "react";
+const SvgCsv = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 40,
+        height: 41,
+        fill: "none",
+        viewBox: "0 0 40 41",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("g", {
+        clipPath: "url(#csv_svg__a)"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#00C76A",
+        d: "M35 8.833v28.043a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-32a4 4 0 0 1 4-4h17.337z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("g", {
+        filter: "url(#csv_svg__b)"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ABEFC6",
+        d: "M35 8.833h-7.663a1 1 0 0 1-1-1V.876z"
+    })), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M16.273 30.15h-1.556a1.5 1.5 0 0 0-.174-.537 1.4 1.4 0 0 0-.337-.404 1.5 1.5 0 0 0-.476-.256 1.8 1.8 0 0 0-.579-.089q-.564 0-.983.28-.42.277-.65.81-.231.529-.231 1.286 0 .777.23 1.307.236.528.654.799.42.27.97.27.309 0 .571-.082.267-.082.473-.238.205-.16.34-.387.14-.228.192-.519l1.556.007q-.06.501-.302.966a2.9 2.9 0 0 1-.643.828 3 3 0 0 1-.959.575q-.555.21-1.253.21-.974 0-1.74-.44a3.13 3.13 0 0 1-1.208-1.276q-.44-.834-.44-2.02 0-1.19.447-2.024.448-.835 1.215-1.272a3.4 3.4 0 0 1 1.726-.44q.632 0 1.172.177.543.178.962.519.42.337.682.827.265.49.34 1.122m5.048-.455a.9.9 0 0 0-.366-.668q-.324-.238-.877-.238-.377 0-.636.107a.9.9 0 0 0-.398.288.7.7 0 0 0-.135.419.6.6 0 0 0 .082.34.85.85 0 0 0 .252.253q.16.103.37.18.21.075.447.129l.653.156q.477.106.874.284.398.177.689.437t.45.61q.164.353.168.807-.004.667-.341 1.157-.335.487-.966.757-.63.266-1.516.266-.882 0-1.535-.27a2.25 2.25 0 0 1-1.015-.799q-.363-.532-.38-1.317h1.488q.024.366.21.61.188.242.5.366.316.12.714.121.39 0 .678-.114a1.04 1.04 0 0 0 .451-.316.73.73 0 0 0 .16-.465q0-.244-.146-.412a1.1 1.1 0 0 0-.419-.284 4 4 0 0 0-.67-.213l-.793-.199q-.92-.223-1.452-.7-.533-.476-.53-1.281-.003-.66.352-1.154.36-.494.984-.771.625-.277 1.42-.277.81 0 1.414.277.608.278.944.77.338.494.348 1.144zm3.92-2.092L27 33.13h.067l1.762-5.526h1.704l-2.507 7.273h-1.982l-2.51-7.273z"
+    })), /*#__PURE__*/ __rspack_external_react.createElement("defs", null, /*#__PURE__*/ __rspack_external_react.createElement("clipPath", {
+        id: "csv_svg__a"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M0 .876h40v40H0z"
+    })), /*#__PURE__*/ __rspack_external_react.createElement("filter", {
+        id: "csv_svg__b",
+        width: 12.663,
+        height: 11.957,
+        x: 23.337,
+        y: -0.124,
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("feFlood", {
+        floodOpacity: 0,
+        result: "BackgroundImageFix"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        result: "hardAlpha",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feOffset", {
+        dx: -1,
+        dy: 1
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feGaussianBlur", {
+        stdDeviation: 1
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feComposite", {
+        in2: "hardAlpha",
+        operator: "out"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feColorMatrix", {
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feBlend", {
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_3578_344"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("feBlend", {
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_3578_344",
+        result: "shape"
+    }))));
+const csv = __rslib_svgr_url__0__;
+export default csv;
+export { SvgCsv as ReactComponent };
+
+//# sourceMappingURL=csv.js.map