@webiny/admin-ui 6.5.0-beta.4 → 6.5.0-beta.6

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/FileType.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/FileType.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileItemFormatted } from \"~/FilePicker/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 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 (\n        <img\n            src={getMimeTypeSrc(mimeType)}\n            alt={name}\n            className=\"size-full object-contain p-sm-extra\"\n        />\n    );\n};\n\nexport { FileType, type FileTypeProps };\n"],"names":["FileType","mimeType","name","getMimeTypeSrc","csvThumb","docThumb","docxThumb","pdfThumb","pptThumb","pptxThumb","txtThumb","xlsThumb","xlsxThumb","fileThumb"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,WAAW,CAAC,EAAEC,WAAW,EAAE,EAAEC,IAAI,EAAiB;IACpD,MAAMC,iBAAiB,CAACF;QACpB,OAAQA;YACJ,KAAK;gBACD,OAAOG;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,GACI,oBAAC;QACG,KAAKV,eAAeF;QACpB,KAAKC;QACL,WAAU;;AAGtB"}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/FileType.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/FileType.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileItemFormatted } from \"~/FilePicker/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 FileTypeProps = Pick<FileItemFormatted, \"mimeType\" | \"name\">;\n\n/**\n * The stand-in for a file that cannot be shown as a picture: an icon of its format, falling back\n * to a generic one for anything unrecognised.\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 (\n        <img\n            src={getMimeTypeSrc(mimeType)}\n            alt={name}\n            className=\"size-full object-contain p-sm-extra\"\n        />\n    );\n};\n\nexport { FileType, type FileTypeProps };\n"],"names":["FileType","mimeType","name","getMimeTypeSrc","csvThumb","docThumb","docxThumb","pdfThumb","pptThumb","pptxThumb","txtThumb","xlsThumb","xlsxThumb","fileThumb"],"mappings":";;;;;;;;;;;AAoBA,MAAMA,WAAW,CAAC,EAAEC,WAAW,EAAE,EAAEC,IAAI,EAAiB;IACpD,MAAMC,iBAAiB,CAACF;QACpB,OAAQA;YACJ,KAAK;gBACD,OAAOG;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,GACI,oBAAC;QACG,KAAKV,eAAeF;QACpB,KAAKC;QACL,WAAU;;AAGtB"}

package/FilePicker/primitives/components/previews/RichItemPreview/Placeholder.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import type { FileItemFormatted } from "../../../../../FilePicker/index.js";
 type PlaceholderProps = Pick<FileItemFormatted, "name">;
+/**
+ * Shown when the caller asks for a placeholder rather than the file's own preview.
+ */
 declare const Placeholder: ({ name }: PlaceholderProps) => React.JSX.Element;
 export { Placeholder, type PlaceholderProps };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/Placeholder.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/Placeholder.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\";\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\nexport { Placeholder, type PlaceholderProps };\n"],"names":["Placeholder","name","Icon","PlaceholderIcon"],"mappings":";;;AAOA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAoB,GACpC,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,oBAAM,oBAACC,gBAAeA;QAAK,OAAOF;QAAM,MAAM;QAAM,OAAO"}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/Placeholder.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/Placeholder.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\";\n\ntype PlaceholderProps = Pick<FileItemFormatted, \"name\">;\n\n/**\n * Shown when the caller asks for a placeholder rather than the file's own preview.\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\nexport { Placeholder, type PlaceholderProps };\n"],"names":["Placeholder","name","Icon","PlaceholderIcon"],"mappings":";;;AAUA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAoB,GACpC,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,oBAAM,oBAACC,gBAAeA;QAAK,OAAOF;QAAM,MAAM;QAAM,OAAO"}

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

@@ -1 +1 @@
-{"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 bytes from \"bytes\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { RichItemThumbnail } from \"./RichItemThumbnail.js\";\nimport { ThumbnailActions } from \"./ThumbnailActions.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport { TruncatedFileName } from \"../TruncatedFileName.js\";\nimport { previewVariants } from \"../variants.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\n\ntype RichItemPreviewProps = FilePreviewDefaultProps & {\n    preview?: \"thumbnail\" | \"file-type\" | \"placeholder\";\n    /** Optional custom image renderer for the thumbnail (e.g. a cropped preview). */\n    renderImage?: (args: { url: string; name: string }) => React.ReactNode;\n};\n\nconst DecoratableRichItemPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    value,\n    variant,\n    preview,\n    renderImage,\n    ...props\n}: RichItemPreviewProps) => {\n    const actions = { onRemoveItem, onReplaceItem, onEditItem, disabled };\n\n    const formattedSize = value.size\n        ? bytes.format(value.size, { unitSeparator: \" \", decimalPlaces: 0 })\n        : \"\";\n    const details = [value.mimeType, formattedSize].filter(Boolean).join(\" - \");\n\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                \"w-full rounded-md @container\",\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            {/* Stacked layout for narrow containers (below 280px). */}\n            <div data-role=\"select-image\" className={\"@min-[280px]:hidden\"}>\n                <div className={\"flex flex-col gap-xs p-xs\"}>\n                    <div className={\"group relative cursor-pointer\"} onClick={onReplaceItem}>\n                        <RichItemThumbnail\n                            {...value}\n                            variant={\"banner\"}\n                            disabled={disabled}\n                            preview={preview}\n                            renderImage={renderImage}\n                        />\n                        <ThumbnailActions {...actions} />\n                    </div>\n\n                    <div className={\"flex flex-col gap-xxs min-w-0 px-xxs pb-xxs\"}>\n                        <TruncatedFileName\n                            name={value.name}\n                            className={disabled ? \"text-neutral-disabled\" : \"text-neutral-primary\"}\n                        />\n                        {details ? (\n                            <Text\n                                size=\"sm\"\n                                className={cn(\n                                    \"truncate\",\n                                    disabled ? \"text-neutral-disabled\" : \"text-neutral-muted\"\n                                )}\n                            >\n                                {details}\n                            </Text>\n                        ) : null}\n                    </div>\n                </div>\n            </div>\n\n            {/* Side-by-side layout for wider containers (280px+). */}\n            <div\n                data-role=\"select-image\"\n                className={\"hidden @min-[280px]:flex items-center gap-sm-extra min-w-0\"}\n            >\n                <div className={\"shrink-0 cursor-pointer\"} onClick={onReplaceItem}>\n                    <RichItemThumbnail\n                        {...value}\n                        disabled={disabled}\n                        preview={preview}\n                        renderImage={renderImage}\n                    />\n                </div>\n\n                <ItemDescription\n                    item={value}\n                    disabled={disabled}\n                    onClick={onReplaceItem}\n                    className={\"grow basis-0 cursor-pointer\"}\n                />\n\n                <ItemActions {...actions} className={\"ml-auto pr-sm-extra\"} />\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","renderImage","props","actions","formattedSize","bytes","details","Boolean","cn","previewVariants","RichItemThumbnail","ThumbnailActions","TruncatedFileName","Text","ItemDescription","ItemActions","RichItemPreview","makeDecoratable"],"mappings":";;;;;;;;;;AAkBA,MAAMA,6BAA6B,CAAC,EAChCC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,WAAW,EACX,GAAGC,OACgB;IACnB,MAAMC,UAAU;QAAER;QAAcC;QAAeC;QAAYH;IAAS;IAEpE,MAAMU,gBAAgBN,MAAM,IAAI,GAC1BO,MAAM,MAAM,CAACP,MAAM,IAAI,EAAE;QAAE,eAAe;QAAK,eAAe;IAAE,KAChE;IACN,MAAMQ,UAAU;QAACR,MAAM,QAAQ;QAAEM;KAAc,CAAC,MAAM,CAACG,SAAS,IAAI,CAAC;IAErE,OAAO,WAAP,GACI,oBAAC;QACG,eAAY;QACZ,WAAWC,GACP,gCACAC,gBAAgB;YAAEV;YAASL;QAAS,IACpCD;QAEH,GAAGS,KAAK;qBAGT,oBAAC;QAAI,aAAU;QAAe,WAAW;qBACrC,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;QAAiC,SAASN;qBACtD,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,SAAS;QACT,UAAUJ;QACV,SAASM;QACT,aAAaC;sBAEjB,oBAACU,kBAAqBR,WAAAA,WAAAA,GAG1B,oBAAC;QAAI,WAAW;qBACZ,oBAACS,mBAAiBA;QACd,MAAMd,MAAM,IAAI;QAChB,WAAWJ,WAAW,0BAA0B;QAEnDY,UAAU,WAAVA,GACG,oBAACO,MAAIA;QACD,MAAK;QACL,WAAWL,GACP,YACAd,WAAW,0BAA0B;OAGxCY,WAEL,uBAMhB,oBAAC;QACG,aAAU;QACV,WAAW;qBAEX,oBAAC;QAAI,WAAW;QAA2B,SAASV;qBAChD,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,UAAUJ;QACV,SAASM;QACT,aAAaC;uBAIrB,oBAACa,iBAAeA;QACZ,MAAMhB;QACN,UAAUJ;QACV,SAASE;QACT,WAAW;sBAGf,oBAACmB,aAAWA;QAAE,GAAGZ,OAAO;QAAE,WAAW;;AAIrD;AAEA,MAAMa,kBAAkBC,gBAAgB,mBAAmBzB"}
+{"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 bytes from \"bytes\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { RichItemThumbnail } from \"./RichItemThumbnail.js\";\nimport { ThumbnailActions } from \"./ThumbnailActions.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport { TruncatedFileName } from \"../TruncatedFileName.js\";\nimport { previewVariants } from \"../variants.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\n\ntype RichItemPreviewProps = FilePreviewDefaultProps & {\n    preview?: \"thumbnail\" | \"file-type\" | \"placeholder\";\n    /** Optional custom image renderer for the thumbnail (e.g. a cropped preview). */\n    renderImage?: (args: { url: string; name: string }) => React.ReactNode;\n};\n\nconst DecoratableRichItemPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    value,\n    variant,\n    preview,\n    renderImage,\n    ...props\n}: RichItemPreviewProps) => {\n    const actions = { onRemoveItem, onReplaceItem, onEditItem, disabled };\n\n    // Type and size share a line of their own beneath the name, so the name gets the full width\n    // and the two secondary facts read as one group rather than crowding it.\n    const formattedSize = value.size\n        ? bytes.format(value.size, { unitSeparator: \" \", decimalPlaces: 0 })\n        : \"\";\n    const details = [value.mimeType, formattedSize].filter(Boolean).join(\" - \");\n\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                \"w-full rounded-md @container\",\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            {/* Two layouts, chosen by the preview's own width rather than the viewport's, because\n                the same component renders in a ~200px sidebar and in a wide form field. Below\n                280px a side-by-side row cannot give the file name a readable share of the width,\n                so the thumbnail goes full width with the name and details beneath it, and the\n                actions move onto the thumbnail rather than costing a row of their own. */}\n            <div data-role=\"select-image\" className={\"@min-[280px]:hidden\"}>\n                <div className={\"flex flex-col gap-xs p-xs\"}>\n                    <div className={\"group relative cursor-pointer\"} onClick={onReplaceItem}>\n                        <RichItemThumbnail\n                            {...value}\n                            variant={\"banner\"}\n                            disabled={disabled}\n                            preview={preview}\n                            renderImage={renderImage}\n                        />\n                        <ThumbnailActions {...actions} />\n                    </div>\n\n                    <div className={\"flex flex-col gap-xxs min-w-0 px-xxs pb-xxs\"}>\n                        <TruncatedFileName\n                            name={value.name}\n                            className={disabled ? \"text-neutral-disabled\" : \"text-neutral-primary\"}\n                        />\n                        {details ? (\n                            <Text\n                                size=\"sm\"\n                                className={cn(\n                                    \"truncate\",\n                                    disabled ? \"text-neutral-disabled\" : \"text-neutral-muted\"\n                                )}\n                            >\n                                {details}\n                            </Text>\n                        ) : null}\n                    </div>\n                </div>\n            </div>\n\n            {/* Side-by-side layout for wider containers (280px+). */}\n            <div\n                data-role=\"select-image\"\n                className={\"hidden @min-[280px]:flex items-center gap-sm-extra min-w-0\"}\n            >\n                <div className={\"shrink-0 cursor-pointer\"} onClick={onReplaceItem}>\n                    <RichItemThumbnail\n                        {...value}\n                        disabled={disabled}\n                        preview={preview}\n                        renderImage={renderImage}\n                    />\n                </div>\n\n                <ItemDescription\n                    item={value}\n                    disabled={disabled}\n                    onClick={onReplaceItem}\n                    className={\"grow basis-0 cursor-pointer\"}\n                />\n\n                <ItemActions {...actions} className={\"ml-auto pr-sm-extra\"} />\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","renderImage","props","actions","formattedSize","bytes","details","Boolean","cn","previewVariants","RichItemThumbnail","ThumbnailActions","TruncatedFileName","Text","ItemDescription","ItemActions","RichItemPreview","makeDecoratable"],"mappings":";;;;;;;;;;AAkBA,MAAMA,6BAA6B,CAAC,EAChCC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,WAAW,EACX,GAAGC,OACgB;IACnB,MAAMC,UAAU;QAAER;QAAcC;QAAeC;QAAYH;IAAS;IAIpE,MAAMU,gBAAgBN,MAAM,IAAI,GAC1BO,MAAM,MAAM,CAACP,MAAM,IAAI,EAAE;QAAE,eAAe;QAAK,eAAe;IAAE,KAChE;IACN,MAAMQ,UAAU;QAACR,MAAM,QAAQ;QAAEM;KAAc,CAAC,MAAM,CAACG,SAAS,IAAI,CAAC;IAErE,OAAO,WAAP,GACI,oBAAC;QACG,eAAY;QACZ,WAAWC,GACP,gCACAC,gBAAgB;YAAEV;YAASL;QAAS,IACpCD;QAEH,GAAGS,KAAK;qBAOT,oBAAC;QAAI,aAAU;QAAe,WAAW;qBACrC,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;QAAiC,SAASN;qBACtD,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,SAAS;QACT,UAAUJ;QACV,SAASM;QACT,aAAaC;sBAEjB,oBAACU,kBAAqBR,WAAAA,WAAAA,GAG1B,oBAAC;QAAI,WAAW;qBACZ,oBAACS,mBAAiBA;QACd,MAAMd,MAAM,IAAI;QAChB,WAAWJ,WAAW,0BAA0B;QAEnDY,UAAU,WAAVA,GACG,oBAACO,MAAIA;QACD,MAAK;QACL,WAAWL,GACP,YACAd,WAAW,0BAA0B;OAGxCY,WAEL,uBAMhB,oBAAC;QACG,aAAU;QACV,WAAW;qBAEX,oBAAC;QAAI,WAAW;QAA2B,SAASV;qBAChD,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,UAAUJ;QACV,SAASM;QACT,aAAaC;uBAIrB,oBAACa,iBAAeA;QACZ,MAAMhB;QACN,UAAUJ;QACV,SAASE;QACT,WAAW;sBAGf,oBAACmB,aAAWA;QAAE,GAAGZ,OAAO;QAAE,WAAW;;AAIrD;AAEA,MAAMa,kBAAkBC,gBAAgB,mBAAmBzB"}

package/FilePicker/primitives/components/previews/RichItemPreview/Thumbnail.d.ts

@@ -7,5 +7,9 @@ type ThumbnailProps = Pick<FileItemFormatted, "url" | "name"> & {
         name: string;
     }) => React.ReactNode;
 };
+/**
+ * The file's own image. `cover` fills its box and crops what does not fit, which suits the small
+ * square tile; `contain` shows the whole picture, which suits the banner.
+ */
 declare const Thumbnail: ({ url, name, fit, renderImage }: ThumbnailProps) => React.JSX.Element;
 export { Thumbnail, type ThumbnailProps };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/Thumbnail.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\n\ntype ThumbnailProps = Pick<FileItemFormatted, \"url\" | \"name\"> & {\n    fit: \"cover\" | \"contain\";\n    renderImage?: (args: { url: string; name: string }) => React.ReactNode;\n};\n\nconst Thumbnail = ({ url, name, fit, renderImage }: ThumbnailProps) => {\n    const customImage = typeof renderImage === \"function\" ? renderImage({ url, name }) : false;\n\n    if (fit === \"contain\") {\n        return (\n            <div className={\"size-full p-xs bg-neutral-muted flex items-center justify-center\"}>\n                {customImage || (\n                    <img src={url} alt={name} className={\"max-h-full max-w-full rounded-xs\"} />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"size-full bg-neutral-muted\"}>\n            {customImage || <img src={url} alt={name} className={\"size-full object-cover\"} />}\n        </div>\n    );\n};\n\nexport { Thumbnail, type ThumbnailProps };\n"],"names":["Thumbnail","url","name","fit","renderImage","customImage"],"mappings":";AAQA,MAAMA,YAAY,CAAC,EAAEC,GAAG,EAAEC,IAAI,EAAEC,GAAG,EAAEC,WAAW,EAAkB;IAC9D,MAAMC,cAAc,AAAuB,cAAvB,OAAOD,cAA6BA,YAAY;QAAEH;QAAKC;IAAK,KAAK;IAErF,IAAIC,AAAQ,cAARA,KACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXE,eAAe,WAAfA,GACG,oBAAC;QAAI,KAAKJ;QAAK,KAAKC;QAAM,WAAW;;IAMrD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXG,eAAe,WAAfA,GAAe,oBAAC;QAAI,KAAKJ;QAAK,KAAKC;QAAM,WAAW;;AAGjE"}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/Thumbnail.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileItemFormatted } from \"~/FilePicker/index.js\";\n\ntype ThumbnailProps = Pick<FileItemFormatted, \"url\" | \"name\"> & {\n    fit: \"cover\" | \"contain\";\n    renderImage?: (args: { url: string; name: string }) => React.ReactNode;\n};\n\n/**\n * The file's own image. `cover` fills its box and crops what does not fit, which suits the small\n * square tile; `contain` shows the whole picture, which suits the banner.\n */\nconst Thumbnail = ({ url, name, fit, renderImage }: ThumbnailProps) => {\n    const customImage = typeof renderImage === \"function\" ? renderImage({ url, name }) : false;\n\n    if (fit === \"contain\") {\n        return (\n            <div className={\"size-full p-xs bg-neutral-muted flex items-center justify-center\"}>\n                {/*\n                    Capping the element with max-width/max-height, rather than stretching it and\n                    letting `object-contain` letterbox the picture inside it, keeps the element box\n                    and the visible picture the same rectangle. That is what lets the corners round\n                    at all: `border-radius` clips the element, so on a letterboxed image it would\n                    trim empty space and leave the picture square.\n                */}\n                {customImage || (\n                    <img src={url} alt={name} className={\"max-h-full max-w-full rounded-xs\"} />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"size-full bg-neutral-muted\"}>\n            {customImage || <img src={url} alt={name} className={\"size-full object-cover\"} />}\n        </div>\n    );\n};\n\nexport { Thumbnail, type ThumbnailProps };\n"],"names":["Thumbnail","url","name","fit","renderImage","customImage"],"mappings":";AAYA,MAAMA,YAAY,CAAC,EAAEC,GAAG,EAAEC,IAAI,EAAEC,GAAG,EAAEC,WAAW,EAAkB;IAC9D,MAAMC,cAAc,AAAuB,cAAvB,OAAOD,cAA6BA,YAAY;QAAEH;QAAKC;IAAK,KAAK;IAErF,IAAIC,AAAQ,cAARA,KACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OAQXE,eAAe,WAAfA,GACG,oBAAC;QAAI,KAAKJ;QAAK,KAAKC;QAAM,WAAW;;IAMrD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXG,eAAe,WAAfA,GAAe,oBAAC;QAAI,KAAKJ;QAAK,KAAKC;QAAM,WAAW;;AAGjE"}

package/FilePicker/primitives/components/previews/RichItemPreview/ThumbnailActions.d.ts

@@ -6,5 +6,10 @@ interface ThumbnailActionsProps {
     disabled?: boolean;
     className?: string;
 }
+/**
+ * The file's actions laid over its thumbnail and revealed on hover, mirroring the File Manager's
+ * grid so a file offers the same affordances wherever it is shown. Requires `group` and
+ * `relative` on the element wrapping the thumbnail.
+ */
 declare const ThumbnailActions: ({ className, disabled, onEditItem, onRemoveItem, onReplaceItem }: ThumbnailActionsProps) => React.JSX.Element;
 export { ThumbnailActions, type ThumbnailActionsProps };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/ThumbnailActions.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/ThumbnailActions.tsx"],"sourcesContent":["import React, { useCallback } 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 { Tooltip } from \"~/Tooltip/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface ActionProps {\n    icon: React.JSX.Element;\n    label: string;\n    onAction: () => void;\n    disabled?: boolean;\n}\n\nconst Action = ({ icon, label, onAction, disabled }: ActionProps) => {\n    const onClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onAction();\n        },\n        [onAction]\n    );\n\n    return (\n        <Tooltip\n            content={label}\n            trigger={\n                <IconButton\n                    variant={\"tertiary\"}\n                    size={\"sm\"}\n                    icon={icon}\n                    onClick={onClick}\n                    disabled={disabled}\n                />\n            }\n        />\n    );\n};\n\ninterface ThumbnailActionsProps {\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    onReplaceItem?: () => void;\n    disabled?: boolean;\n    className?: string;\n}\n\nconst ThumbnailActions = ({\n    className,\n    disabled,\n    onEditItem,\n    onRemoveItem,\n    onReplaceItem\n}: ThumbnailActionsProps) => {\n    return (\n        <div\n            className={cn(\n                \"invisible group-hover:visible\",\n                \"flex items-center gap-xxs\",\n                \"absolute top-xs-plus right-xs-plus\",\n                className\n            )}\n        >\n            {onReplaceItem && (\n                <Action\n                    icon={<ReplaceIcon />}\n                    label={\"Replace\"}\n                    onAction={onReplaceItem}\n                    disabled={disabled}\n                />\n            )}\n            {onEditItem && (\n                <Action\n                    icon={<EditIcon />}\n                    label={\"Edit\"}\n                    onAction={onEditItem}\n                    disabled={disabled}\n                />\n            )}\n            {onRemoveItem && (\n                <Action\n                    icon={<TrashIcon />}\n                    label={\"Remove\"}\n                    onAction={onRemoveItem}\n                    disabled={disabled}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { ThumbnailActions, type ThumbnailActionsProps };\n"],"names":["Action","icon","label","onAction","disabled","onClick","useCallback","event","Tooltip","IconButton","ThumbnailActions","className","onEditItem","onRemoveItem","onReplaceItem","cn","ReplaceIcon","EditIcon","TrashIcon"],"mappings":";;;;;;;AAeA,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAe;IAC5D,MAAMC,UAAUC,YACZ,CAACC;QACGA,MAAM,eAAe;QACrBJ;IACJ,GACA;QAACA;KAAS;IAGd,OAAO,WAAP,GACI,oBAACK,SAAOA;QACJ,SAASN;QACT,uBACI,oBAACO,YAAUA;YACP,SAAS;YACT,MAAM;YACN,MAAMR;YACN,SAASI;YACT,UAAUD;;;AAK9B;AAUA,MAAMM,mBAAmB,CAAC,EACtBC,SAAS,EACTP,QAAQ,EACRQ,UAAU,EACVC,YAAY,EACZC,aAAa,EACO,GACb,WAAP,GACI,oBAAC;QACG,WAAWC,GACP,iCACA,6BACA,sCACAJ;OAGHG,iBAAiB,WAAjBA,GACG,oBAACd,QAAMA;QACH,oBAAM,oBAACgB,gBAAWA;QAClB,OAAO;QACP,UAAUF;QACV,UAAUV;QAGjBQ,cAAc,WAAdA,GACG,oBAACZ,QAAMA;QACH,oBAAM,oBAACiB,yBAAQA;QACf,OAAO;QACP,UAAUL;QACV,UAAUR;QAGjBS,gBAAgB,WAAhBA,GACG,oBAACb,QAAMA;QACH,oBAAM,oBAACkB,2BAASA;QAChB,OAAO;QACP,UAAUL;QACV,UAAUT"}
+{"version":3,"file":"FilePicker/primitives/components/previews/RichItemPreview/ThumbnailActions.js","sources":["../../../../../../src/FilePicker/primitives/components/previews/RichItemPreview/ThumbnailActions.tsx"],"sourcesContent":["import React, { useCallback } 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 { Tooltip } from \"~/Tooltip/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface ActionProps {\n    icon: React.JSX.Element;\n    label: string;\n    onAction: () => void;\n    disabled?: boolean;\n}\n\nconst Action = ({ icon, label, onAction, disabled }: ActionProps) => {\n    const onClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            // The thumbnail behind these opens the file manager when clicked, so without this a\n            // click on Remove would replace the file as well as remove it.\n            event.stopPropagation();\n            onAction();\n        },\n        [onAction]\n    );\n\n    return (\n        <Tooltip\n            content={label}\n            trigger={\n                <IconButton\n                    variant={\"tertiary\"}\n                    size={\"sm\"}\n                    icon={icon}\n                    onClick={onClick}\n                    disabled={disabled}\n                />\n            }\n        />\n    );\n};\n\ninterface ThumbnailActionsProps {\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    onReplaceItem?: () => void;\n    disabled?: boolean;\n    className?: string;\n}\n\n/**\n * The file's actions laid over its thumbnail and revealed on hover, mirroring the File Manager's\n * grid so a file offers the same affordances wherever it is shown. Requires `group` and\n * `relative` on the element wrapping the thumbnail.\n */\nconst ThumbnailActions = ({\n    className,\n    disabled,\n    onEditItem,\n    onRemoveItem,\n    onReplaceItem\n}: ThumbnailActionsProps) => {\n    return (\n        <div\n            className={cn(\n                \"invisible group-hover:visible\",\n                \"flex items-center gap-xxs\",\n                \"absolute top-xs-plus right-xs-plus\",\n                className\n            )}\n        >\n            {onReplaceItem && (\n                <Action\n                    icon={<ReplaceIcon />}\n                    label={\"Replace\"}\n                    onAction={onReplaceItem}\n                    disabled={disabled}\n                />\n            )}\n            {onEditItem && (\n                <Action\n                    icon={<EditIcon />}\n                    label={\"Edit\"}\n                    onAction={onEditItem}\n                    disabled={disabled}\n                />\n            )}\n            {onRemoveItem && (\n                <Action\n                    icon={<TrashIcon />}\n                    label={\"Remove\"}\n                    onAction={onRemoveItem}\n                    disabled={disabled}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { ThumbnailActions, type ThumbnailActionsProps };\n"],"names":["Action","icon","label","onAction","disabled","onClick","useCallback","event","Tooltip","IconButton","ThumbnailActions","className","onEditItem","onRemoveItem","onReplaceItem","cn","ReplaceIcon","EditIcon","TrashIcon"],"mappings":";;;;;;;AAeA,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAe;IAC5D,MAAMC,UAAUC,YACZ,CAACC;QAGGA,MAAM,eAAe;QACrBJ;IACJ,GACA;QAACA;KAAS;IAGd,OAAO,WAAP,GACI,oBAACK,SAAOA;QACJ,SAASN;QACT,uBACI,oBAACO,YAAUA;YACP,SAAS;YACT,MAAM;YACN,MAAMR;YACN,SAASI;YACT,UAAUD;;;AAK9B;AAeA,MAAMM,mBAAmB,CAAC,EACtBC,SAAS,EACTP,QAAQ,EACRQ,UAAU,EACVC,YAAY,EACZC,aAAa,EACO,GACb,WAAP,GACI,oBAAC;QACG,WAAWC,GACP,iCACA,6BACA,sCACAJ;OAGHG,iBAAiB,WAAjBA,GACG,oBAACd,QAAMA;QACH,oBAAM,oBAACgB,gBAAWA;QAClB,OAAO;QACP,UAAUF;QACV,UAAUV;QAGjBQ,cAAc,WAAdA,GACG,oBAACZ,QAAMA;QACH,oBAAM,oBAACiB,yBAAQA;QACf,OAAO;QACP,UAAUL;QACV,UAAUR;QAGjBS,gBAAgB,WAAhBA,GACG,oBAACb,QAAMA;QACH,oBAAM,oBAACkB,2BAASA;QAChB,OAAO;QACP,UAAUL;QACV,UAAUT"}

package/FilePicker/primitives/components/previews/TruncatedFileName.d.ts

@@ -3,5 +3,9 @@ interface TruncatedFileNameProps {
     name: string;
     className?: string;
 }
+/**
+ * A file name that truncates in the middle, keeping the extension (and a little of the stem)
+ * visible: "tide-cc-statuses-v2.png" becomes "tide-cc-statu…-v2.png".
+ */
 declare const TruncatedFileName: ({ name, className }: TruncatedFileNameProps) => React.JSX.Element;
 export { TruncatedFileName, type TruncatedFileNameProps };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/TruncatedFileName.js","sources":["../../../../../src/FilePicker/primitives/components/previews/TruncatedFileName.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport { splitFileName } from \"./fileName.js\";\n\ninterface TruncatedFileNameProps {\n    name: string;\n    className?: string;\n}\n\nconst TruncatedFileName = ({ name, className }: TruncatedFileNameProps) => {\n    const { head, tail } = splitFileName(name);\n\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"flex min-w-0\", className)} title={name}>\n            <span className={\"truncate\"}>{head}</span>\n            {tail ? <span className={\"shrink-0 whitespace-pre\"}>{tail}</span> : null}\n        </Text>\n    );\n};\n\nexport { TruncatedFileName, type TruncatedFileNameProps };\n"],"names":["TruncatedFileName","name","className","head","tail","splitFileName","Text","cn"],"mappings":";;;;AAUA,MAAMA,oBAAoB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAA0B;IAClE,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGC,cAAcJ;IAErC,OAAO,WAAP,GACI,oBAACK,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAWC,GAAG,gBAAgBL;QAAY,OAAOD;qBACtE,oBAAC;QAAK,WAAW;OAAaE,OAC7BC,OAAO,WAAPA,GAAO,oBAAC;QAAK,WAAW;OAA4BA,QAAe;AAGhF"}
+{"version":3,"file":"FilePicker/primitives/components/previews/TruncatedFileName.js","sources":["../../../../../src/FilePicker/primitives/components/previews/TruncatedFileName.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport { splitFileName } from \"./fileName.js\";\n\ninterface TruncatedFileNameProps {\n    name: string;\n    className?: string;\n}\n\n/**\n * A file name that truncates in the middle, keeping the extension (and a little of the stem)\n * visible: \"tide-cc-statuses-v2.png\" becomes \"tide-cc-statu…-v2.png\".\n */\nconst TruncatedFileName = ({ name, className }: TruncatedFileNameProps) => {\n    const { head, tail } = splitFileName(name);\n\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"flex min-w-0\", className)} title={name}>\n            <span className={\"truncate\"}>{head}</span>\n            {tail ? <span className={\"shrink-0 whitespace-pre\"}>{tail}</span> : null}\n        </Text>\n    );\n};\n\nexport { TruncatedFileName, type TruncatedFileNameProps };\n"],"names":["TruncatedFileName","name","className","head","tail","splitFileName","Text","cn"],"mappings":";;;;AAcA,MAAMA,oBAAoB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAA0B;IAClE,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGC,cAAcJ;IAErC,OAAO,WAAP,GACI,oBAACK,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAWC,GAAG,gBAAgBL;QAAY,OAAOD;qBACtE,oBAAC;QAAK,WAAW;OAAaE,OAC7BC,OAAO,WAAPA,GAAO,oBAAC;QAAK,WAAW;OAA4BA,QAAe;AAGhF"}

package/FilePicker/primitives/components/previews/fileName.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Splits a file name into the part that may be truncated and the part that must stay visible.
+ *
+ * CSS can only cut the tail of a string, which is the least useful end of a file name - it hides
+ * the extension and any "-v2"/"-final" suffix, the two things that tell near-identical uploads
+ * apart. Rendering the head in a truncating element and pinning the tail after it moves the
+ * ellipsis into the middle without measuring anything.
+ */
 export declare const splitFileName: (name: string) => {
     head: string;
     tail: string;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/fileName.js","sources":["../../../../../src/FilePicker/primitives/components/previews/fileName.ts"],"sourcesContent":["const TAIL_STEM_CHARS = 3;\n\nexport const splitFileName = (name: string) => {\n    const dot = name.lastIndexOf(\".\");\n\n    if (dot <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const cut = dot - Math.min(TAIL_STEM_CHARS, dot);\n\n    if (cut <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const head = name.slice(0, cut);\n    const tail = name.slice(cut);\n\n    if (head.length <= tail.length) {\n        return { head: name, tail: \"\" };\n    }\n\n    return { head, tail };\n};\n"],"names":["TAIL_STEM_CHARS","splitFileName","name","dot","cut","Math","head","tail"],"mappings":"AAAA,MAAMA,kBAAkB;AAEjB,MAAMC,gBAAgB,CAACC;IAC1B,MAAMC,MAAMD,KAAK,WAAW,CAAC;IAE7B,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMD;QAAM,MAAM;IAAG;IAGlC,MAAME,MAAMD,MAAME,KAAK,GAAG,CAACL,iBAAiBG;IAE5C,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMF;QAAM,MAAM;IAAG;IAGlC,MAAMI,OAAOJ,KAAK,KAAK,CAAC,GAAGE;IAC3B,MAAMG,OAAOL,KAAK,KAAK,CAACE;IAExB,IAAIE,KAAK,MAAM,IAAIC,KAAK,MAAM,EAC1B,OAAO;QAAE,MAAML;QAAM,MAAM;IAAG;IAGlC,OAAO;QAAEI;QAAMC;IAAK;AACxB"}
+{"version":3,"file":"FilePicker/primitives/components/previews/fileName.js","sources":["../../../../../src/FilePicker/primitives/components/previews/fileName.ts"],"sourcesContent":["/**\n * How many characters of the stem to keep alongside the extension when a file name is too long\n * to fit. Enough to preserve a version or ordinal suffix - \"…-v2.png\" rather than \"….png\".\n */\nconst TAIL_STEM_CHARS = 3;\n\n/**\n * Splits a file name into the part that may be truncated and the part that must stay visible.\n *\n * CSS can only cut the tail of a string, which is the least useful end of a file name - it hides\n * the extension and any \"-v2\"/\"-final\" suffix, the two things that tell near-identical uploads\n * apart. Rendering the head in a truncating element and pinning the tail after it moves the\n * ellipsis into the middle without measuring anything.\n */\nexport const splitFileName = (name: string) => {\n    const dot = name.lastIndexOf(\".\");\n\n    // No extension, or a dotfile like \".gitignore\" - there is no meaningful tail to pin.\n    if (dot <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const cut = dot - Math.min(TAIL_STEM_CHARS, dot);\n\n    // The whole name is extension-and-a-bit; pinning all of it would defeat the truncation.\n    if (cut <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const head = name.slice(0, cut);\n    const tail = name.slice(cut);\n\n    // On a short name the pinned tail can end up longer than the part left to truncate\n    // (\"photo.jpeg\" would pin \"oto.jpeg\"), which reads as nonsense. Such names rarely overflow\n    // anyway, so fall back to ordinary end truncation.\n    if (head.length <= tail.length) {\n        return { head: name, tail: \"\" };\n    }\n\n    return { head, tail };\n};\n"],"names":["TAIL_STEM_CHARS","splitFileName","name","dot","cut","Math","head","tail"],"mappings":"AAIA,MAAMA,kBAAkB;AAUjB,MAAMC,gBAAgB,CAACC;IAC1B,MAAMC,MAAMD,KAAK,WAAW,CAAC;IAG7B,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMD;QAAM,MAAM;IAAG;IAGlC,MAAME,MAAMD,MAAME,KAAK,GAAG,CAACL,iBAAiBG;IAG5C,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMF;QAAM,MAAM;IAAG;IAGlC,MAAMI,OAAOJ,KAAK,KAAK,CAAC,GAAGE;IAC3B,MAAMG,OAAOL,KAAK,KAAK,CAACE;IAKxB,IAAIE,KAAK,MAAM,IAAIC,KAAK,MAAM,EAC1B,OAAO;QAAE,MAAML;QAAM,MAAM;IAAG;IAGlC,OAAO;QAAEI;QAAMC;IAAK;AACxB"}

package/IconPicker/domains/IconPickerIcon.js

@@ -14,7 +14,7 @@ class IconPickerIcon {
             prefix: "fas",
             name: "star"
         });
-        {
+        else {
             const values = value.split("/");
             return new IconPickerIcon({
                 prefix: values[0],

package/IconPicker/domains/IconPickerIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPicker/domains/IconPickerIcon.js","sources":["../../../src/IconPicker/domains/IconPickerIcon.tsx"],"sourcesContent":["import type { IconPickerIconDto } from \"./IconPickerIconDto.js\";\n\nexport class IconPickerIcon {\n    private readonly _prefix: string;\n    private readonly _name: string;\n\n    protected constructor(data: { prefix: string; name: string }) {\n        this._prefix = data.prefix;\n        this._name = data.name;\n    }\n\n    static create(data: IconPickerIconDto) {\n        return new IconPickerIcon({\n            prefix: data.prefix,\n            name: data.name\n        });\n    }\n\n    static createFromString(value?: string) {\n        if (typeof value === \"string\" && value.includes(\"/\")) {\n            const values = value.split(\"/\");\n            return new IconPickerIcon({\n                prefix: values[0],\n                name: values[1]\n            });\n        } else {\n            return new IconPickerIcon({\n                prefix: \"fas\",\n                name: \"star\"\n            });\n        }\n    }\n\n    get prefix() {\n        return this._prefix;\n    }\n\n    get name() {\n        return this._name;\n    }\n}\n"],"names":["IconPickerIcon","data","value","values"],"mappings":"AAEO,MAAMA;IAIT,YAAsBC,IAAsC,CAAE;QAC1D,IAAI,CAAC,OAAO,GAAGA,KAAK,MAAM;QAC1B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAuB,EAAE;QACnC,OAAO,IAAID,eAAe;YACtB,QAAQC,KAAK,MAAM;YACnB,MAAMA,KAAK,IAAI;QACnB;IACJ;IAEA,OAAO,iBAAiBC,KAAc,EAAE;QACpC,KAAI,CAAiB,YAAjB,OAAOA,SAAsBA,MAAM,QAAQ,CAAC,IAAG,GAO/C,OAAO,IAAIF,eAAe;YACtB,QAAQ;YACR,MAAM;QACV;QAVkD;YAClD,MAAMG,SAASD,MAAM,KAAK,CAAC;YAC3B,OAAO,IAAIF,eAAe;gBACtB,QAAQG,MAAM,CAAC,EAAE;gBACjB,MAAMA,MAAM,CAAC,EAAE;YACnB;QACJ;IAMJ;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;AACJ"}
+{"version":3,"file":"IconPicker/domains/IconPickerIcon.js","sources":["../../../src/IconPicker/domains/IconPickerIcon.tsx"],"sourcesContent":["import type { IconPickerIconDto } from \"./IconPickerIconDto.js\";\n\nexport class IconPickerIcon {\n    private readonly _prefix: string;\n    private readonly _name: string;\n\n    protected constructor(data: { prefix: string; name: string }) {\n        this._prefix = data.prefix;\n        this._name = data.name;\n    }\n\n    static create(data: IconPickerIconDto) {\n        return new IconPickerIcon({\n            prefix: data.prefix,\n            name: data.name\n        });\n    }\n\n    static createFromString(value?: string) {\n        if (typeof value === \"string\" && value.includes(\"/\")) {\n            const values = value.split(\"/\");\n            return new IconPickerIcon({\n                prefix: values[0],\n                name: values[1]\n            });\n        } else {\n            return new IconPickerIcon({\n                prefix: \"fas\",\n                name: \"star\"\n            });\n        }\n    }\n\n    get prefix() {\n        return this._prefix;\n    }\n\n    get name() {\n        return this._name;\n    }\n}\n"],"names":["IconPickerIcon","data","value","values"],"mappings":"AAEO,MAAMA;IAIT,YAAsBC,IAAsC,CAAE;QAC1D,IAAI,CAAC,OAAO,GAAGA,KAAK,MAAM;QAC1B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAuB,EAAE;QACnC,OAAO,IAAID,eAAe;YACtB,QAAQC,KAAK,MAAM;YACnB,MAAMA,KAAK,IAAI;QACnB;IACJ;IAEA,OAAO,iBAAiBC,KAAc,EAAE;QACpC,KAAI,CAAiB,YAAjB,OAAOA,SAAsBA,MAAM,QAAQ,CAAC,IAAG,GAO/C,OAAO,IAAIF,eAAe;YACtB,QAAQ;YACR,MAAM;QACV;aAVkD;YAClD,MAAMG,SAASD,MAAM,KAAK,CAAC;YAC3B,OAAO,IAAIF,eAAe;gBACtB,QAAQG,MAAM,CAAC,EAAE;gBACjB,MAAMA,MAAM,CAAC,EAAE;YACnB;QACJ;IAMJ;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;AACJ"}

package/ImageEditor/types.js

@@ -17,7 +17,7 @@ const DEFAULT_ASPECT_RATIOS = [
     {
         id: "3:4",
         label: "Portrait (3:4)",
-        ratio: 3 / 4
+        ratio: 0.75
     },
     {
         id: "9:16",

package/ImageEditor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditor/types.js","sources":["../../src/ImageEditor/types.ts"],"sourcesContent":["/**\n * Generic, self-contained types for the reusable image editor dialog.\n *\n * These are intentionally NOT imported from `@webiny/website-builder-sdk`:\n * `@webiny/admin-ui` is the low-level design-system layer and must not depend on\n * higher-level SDKs. The shapes are structurally identical to the SDK's\n * `WebinyImageEdit`/`WebinyImageValue`, so consumers (File Manager, Website\n * Builder) can pass values across the boundary without any mapping.\n */\n\n/** Minimal information the editor needs about the source image. */\nexport interface ImageEditorImage {\n    src: string;\n    /** Intrinsic (original) pixel width. */\n    width: number;\n    /** Intrinsic (original) pixel height. */\n    height: number;\n}\n\n/** Crop stored as the fraction (0..1) cut off from each edge of the image. */\nexport interface ImageEditorCrop {\n    top: number;\n    left: number;\n    bottom: number;\n    right: number;\n}\n\n/** Focal region in normalized (0..1) coordinates of the original image. */\nexport interface ImageEditorHotspot {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n}\n\n/** The complete non-destructive edit produced by the dialog. */\nexport interface ImageEditorValue {\n    crop?: ImageEditorCrop;\n    hotspot?: ImageEditorHotspot;\n    alt?: string;\n    caption?: string;\n}\n\n/** A single aspect ratio used both for the crop selector and the preview strip. */\nexport interface ImageEditorAspectRatio {\n    id: string;\n    label: string;\n    /** `width / height`. */\n    ratio: number;\n}\n\n/**\n * The single source of truth for selectable aspect ratios, shared by the crop\n * shape selector and the preview-shapes dropdown so their labels stay identical.\n */\nexport const DEFAULT_ASPECT_RATIOS: ImageEditorAspectRatio[] = [\n    { id: \"1:1\", label: \"Square (1:1)\", ratio: 1 },\n    { id: \"4:3\", label: \"Landscape (4:3)\", ratio: 4 / 3 },\n    { id: \"16:9\", label: \"Widescreen (16:9)\", ratio: 16 / 9 },\n    { id: \"3:4\", label: \"Portrait (3:4)\", ratio: 3 / 4 },\n    { id: \"9:16\", label: \"Tall (9:16)\", ratio: 9 / 16 }\n];\n\n/** Preview shapes selected by default (the originally specified square / 4:3 / 16:9). */\nexport const DEFAULT_PREVIEW_RATIO_IDS = [\"1:1\", \"4:3\", \"16:9\"];\n"],"names":["DEFAULT_ASPECT_RATIOS","DEFAULT_PREVIEW_RATIO_IDS"],"mappings":"AAuDO,MAAMA,wBAAkD;IAC3D;QAAE,IAAI;QAAO,OAAO;QAAgB,OAAO;IAAE;IAC7C;QAAE,IAAI;QAAO,OAAO;QAAmB,OAAO,IAAI;IAAE;IACpD;QAAE,IAAI;QAAQ,OAAO;QAAqB,OAAO,KAAK;IAAE;IACxD;QAAE,IAAI;QAAO,OAAO;QAAkB,OAAO,IAAI;IAAE;IACnD;QAAE,IAAI;QAAQ,OAAO;QAAe,OAAO,IAAI;IAAG;CACrD;AAGM,MAAMC,4BAA4B;IAAC;IAAO;IAAO;CAAO"}
+{"version":3,"file":"ImageEditor/types.js","sources":["../../src/ImageEditor/types.ts"],"sourcesContent":["/**\n * Generic, self-contained types for the reusable image editor dialog.\n *\n * These are intentionally NOT imported from `@webiny/website-builder-sdk`:\n * `@webiny/admin-ui` is the low-level design-system layer and must not depend on\n * higher-level SDKs. The shapes are structurally identical to the SDK's\n * `WebinyImageEdit`/`WebinyImageValue`, so consumers (File Manager, Website\n * Builder) can pass values across the boundary without any mapping.\n */\n\n/** Minimal information the editor needs about the source image. */\nexport interface ImageEditorImage {\n    src: string;\n    /** Intrinsic (original) pixel width. */\n    width: number;\n    /** Intrinsic (original) pixel height. */\n    height: number;\n}\n\n/** Crop stored as the fraction (0..1) cut off from each edge of the image. */\nexport interface ImageEditorCrop {\n    top: number;\n    left: number;\n    bottom: number;\n    right: number;\n}\n\n/** Focal region in normalized (0..1) coordinates of the original image. */\nexport interface ImageEditorHotspot {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n}\n\n/** The complete non-destructive edit produced by the dialog. */\nexport interface ImageEditorValue {\n    crop?: ImageEditorCrop;\n    hotspot?: ImageEditorHotspot;\n    alt?: string;\n    caption?: string;\n}\n\n/** A single aspect ratio used both for the crop selector and the preview strip. */\nexport interface ImageEditorAspectRatio {\n    id: string;\n    label: string;\n    /** `width / height`. */\n    ratio: number;\n}\n\n/**\n * The single source of truth for selectable aspect ratios, shared by the crop\n * shape selector and the preview-shapes dropdown so their labels stay identical.\n */\nexport const DEFAULT_ASPECT_RATIOS: ImageEditorAspectRatio[] = [\n    { id: \"1:1\", label: \"Square (1:1)\", ratio: 1 },\n    { id: \"4:3\", label: \"Landscape (4:3)\", ratio: 4 / 3 },\n    { id: \"16:9\", label: \"Widescreen (16:9)\", ratio: 16 / 9 },\n    { id: \"3:4\", label: \"Portrait (3:4)\", ratio: 3 / 4 },\n    { id: \"9:16\", label: \"Tall (9:16)\", ratio: 9 / 16 }\n];\n\n/** Preview shapes selected by default (the originally specified square / 4:3 / 16:9). */\nexport const DEFAULT_PREVIEW_RATIO_IDS = [\"1:1\", \"4:3\", \"16:9\"];\n"],"names":["DEFAULT_ASPECT_RATIOS","DEFAULT_PREVIEW_RATIO_IDS"],"mappings":"AAuDO,MAAMA,wBAAkD;IAC3D;QAAE,IAAI;QAAO,OAAO;QAAgB,OAAO;IAAE;IAC7C;QAAE,IAAI;QAAO,OAAO;QAAmB,OAAO,IAAI;IAAE;IACpD;QAAE,IAAI;QAAQ,OAAO;QAAqB,OAAO,KAAK;IAAE;IACxD;QAAE,IAAI;QAAO,OAAO;QAAkB,OAAO;IAAM;IACnD;QAAE,IAAI;QAAQ,OAAO;QAAe,OAAO,IAAI;IAAG;CACrD;AAGM,MAAMC,4BAA4B;IAAC;IAAO;IAAO;CAAO"}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.js

@@ -372,7 +372,7 @@ describe("MultiAutoCompletePresenter", ()=>{
         ]);
         presenter.removeSelectedOption("option-2");
         expect(onValuesChange).toHaveBeenCalledWith([
-            "option-2"
+            "option-1"
         ]);
         expect(presenter.vm.optionsListVm.options).toEqual([
             {

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.js","sources":["../../../../src/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.ts"],"sourcesContent":["import type { IMultiAutoCompletePresenter } from \"./MultiAutoCompletePresenter.js\";\nimport { MultiAutoCompletePresenter } from \"./MultiAutoCompletePresenter.js\";\nimport { MultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter.js\";\nimport { MultiAutoCompleteSelectedOptionPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter.js\";\nimport { MultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter.js\";\nimport { beforeEach, describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"MultiAutoCompletePresenter\", () => {\n    let presenter: IMultiAutoCompletePresenter;\n    const onValuesChange = vi.fn();\n    const onOpenChange = vi.fn();\n    const onValuesReset = vi.fn();\n\n    beforeEach(() => {\n        const inputPresenter = new MultiAutoCompleteInputPresenter();\n        const selectedOptionsPresenter = new MultiAutoCompleteSelectedOptionPresenter();\n        const optionsListPresenter = new MultiAutoCompleteListOptionsPresenter();\n\n        presenter = new MultiAutoCompletePresenter(\n            inputPresenter,\n            selectedOptionsPresenter,\n            optionsListPresenter\n        );\n    });\n\n    it(\"should return the compatible `vm.inputVm` based on params\", () => {\n        // `placeholder`\n        {\n            presenter.init({ placeholder: \"Custom placeholder\", onValuesChange });\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Start typing or select\");\n            expect(presenter.vm.inputVm.displayResetAction).toEqual(true);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectedOptionsVm` based on params\", () => {\n        presenter.init({\n            options: [\"Option 1\", \"Option 2\", \"Option 3\"],\n            values: [\"Option 1\", \"Option 2\"],\n            onValuesChange\n        });\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                value: \"Option 1\",\n                label: \"Option 1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                value: \"Option 2\",\n                label: \"Option 2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should return the compatible `vm.selectedOptionsVm` with  no params\", () => {\n        presenter.init({ options: [\"Option 1\", \"Option 2\"], onValuesChange });\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should return the compatible `vm.optionsListVm` based on params\", () => {\n        // with `options` as string\n        {\n            presenter.init({ options: [\"Option 1\", \"Option 2\"], onValuesChange });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` as formatted options\n        {\n            presenter.init({\n                onValuesChange,\n                options: [\n                    {\n                        value: \"option-1\",\n                        label: \"Option 1\"\n                    },\n                    {\n                        value: \"option-2\",\n                        label: \"Option 2\"\n                    },\n                    {\n                        value: \"option-3\",\n                        label: \"Option 3\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-4\",\n                        label: \"Option 4\",\n                        separator: true\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        item: {\n                            anyKey1: \"custom-value\",\n                            anyKey2: 2\n                        }\n                    }\n                ]\n            });\n\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false, // `selected` is overwritten by the presenter\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-3\",\n                    label: \"Option 3\",\n                    disabled: true,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-4\",\n                    label: \"Option 4\",\n                    disabled: false,\n                    selected: false,\n                    separator: true,\n                    item: null\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: {\n                        anyKey1: \"custom-value\",\n                        anyKey2: 2\n                    }\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` and `value`\n        {\n            presenter.init({\n                onValuesChange,\n                options: [\"Option 1\", \"Option 2\"],\n                values: [\"Option 1\"]\n            });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: true,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.optionsListVm.options).toEqual([]);\n            expect(presenter.vm.optionsListVm.emptyMessage).toEqual(\n                \"Start typing to find an option.\"\n            );\n            expect(presenter.vm.optionsListVm.loadingMessage).toEqual(\"Loading...\");\n            expect(presenter.vm.optionsListVm.open).toEqual(false);\n            expect(presenter.vm.optionsListVm.empty).toEqual(true);\n        }\n    });\n\n    it(\"should change the `optionsListVm` and `selectedOptionsVm` when `setSelectedOption` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-1\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\", \"option-1\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should change the `optionsListVm` and `selectedOptionsVm` when `removeSelectedOption` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ],\n            values: [\"option-2\", \"option-1\"]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.removeSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.removeSelectedOption(\"option-1\");\n        expect(onValuesChange).toHaveBeenCalledWith([]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should set the internal `inputValue` when `setInputValue` is called\", () => {\n        presenter.init({ onValuesChange });\n\n        presenter.searchOption(\"value\");\n        expect(presenter.vm.inputVm.value).toEqual(\"value\");\n    });\n\n    it(\"should set the option as `selected` when the presenter is initialized with a value\", () => {\n        presenter.init({\n            onValuesChange,\n            values: [\"option-1\"],\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should change the `optionListVm` and `selectedOptionsVm` when `resetSelectedOptions` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            onValuesReset,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-1\");\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.resetSelectedOptions();\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.inputVm.value).toEqual(\"\");\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n\n        expect(onValuesChange).toHaveBeenCalledWith([]);\n        expect(onValuesReset).toHaveBeenCalled();\n    });\n\n    it(\"should change `listVm` and call `onOpenChange` when `setListOpenState` is called\", () => {\n        // let's open it\n        presenter.init({ onValuesChange, onOpenChange });\n        presenter.setListOpenState(true);\n        expect(presenter.vm.optionsListVm.open).toBe(true);\n        expect(onOpenChange).toHaveBeenCalledWith(true);\n\n        // let's close it\n        presenter.setListOpenState(false);\n        expect(presenter.vm.optionsListVm.open).toBe(false);\n        expect(onOpenChange).toHaveBeenCalledWith(false);\n    });\n\n    it(\"should be able to create new options if `allowFreeInput` is set to true\", () => {\n        // This feature is disabled by default\n        presenter.init({ onValuesChange });\n        presenter.searchOption(\"New Option 1\");\n        presenter.createOption(\"New Option 1\");\n        expect(presenter.vm.selectedOptionsVm.empty).toEqual(true);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should not display the reset action if `displayResetAction` is set to `false` and option is selected\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ],\n            displayResetAction: false\n        });\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\"]);\n        // `displayResetAction` is set to `false` and option is selected\n        expect(presenter.vm.inputVm.displayResetAction).toEqual(false);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n});\n"],"names":["describe","presenter","onValuesChange","vi","onOpenChange","onValuesReset","beforeEach","inputPresenter","MultiAutoCompleteInputPresenter","selectedOptionsPresenter","MultiAutoCompleteSelectedOptionPresenter","optionsListPresenter","MultiAutoCompleteListOptionsPresenter","MultiAutoCompletePresenter","it","expect"],"mappings":"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"}
+{"version":3,"file":"MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.js","sources":["../../../../src/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.ts"],"sourcesContent":["import type { IMultiAutoCompletePresenter } from \"./MultiAutoCompletePresenter.js\";\nimport { MultiAutoCompletePresenter } from \"./MultiAutoCompletePresenter.js\";\nimport { MultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter.js\";\nimport { MultiAutoCompleteSelectedOptionPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter.js\";\nimport { MultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter.js\";\nimport { beforeEach, describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"MultiAutoCompletePresenter\", () => {\n    let presenter: IMultiAutoCompletePresenter;\n    const onValuesChange = vi.fn();\n    const onOpenChange = vi.fn();\n    const onValuesReset = vi.fn();\n\n    beforeEach(() => {\n        const inputPresenter = new MultiAutoCompleteInputPresenter();\n        const selectedOptionsPresenter = new MultiAutoCompleteSelectedOptionPresenter();\n        const optionsListPresenter = new MultiAutoCompleteListOptionsPresenter();\n\n        presenter = new MultiAutoCompletePresenter(\n            inputPresenter,\n            selectedOptionsPresenter,\n            optionsListPresenter\n        );\n    });\n\n    it(\"should return the compatible `vm.inputVm` based on params\", () => {\n        // `placeholder`\n        {\n            presenter.init({ placeholder: \"Custom placeholder\", onValuesChange });\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Start typing or select\");\n            expect(presenter.vm.inputVm.displayResetAction).toEqual(true);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectedOptionsVm` based on params\", () => {\n        presenter.init({\n            options: [\"Option 1\", \"Option 2\", \"Option 3\"],\n            values: [\"Option 1\", \"Option 2\"],\n            onValuesChange\n        });\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                value: \"Option 1\",\n                label: \"Option 1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                value: \"Option 2\",\n                label: \"Option 2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should return the compatible `vm.selectedOptionsVm` with  no params\", () => {\n        presenter.init({ options: [\"Option 1\", \"Option 2\"], onValuesChange });\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should return the compatible `vm.optionsListVm` based on params\", () => {\n        // with `options` as string\n        {\n            presenter.init({ options: [\"Option 1\", \"Option 2\"], onValuesChange });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` as formatted options\n        {\n            presenter.init({\n                onValuesChange,\n                options: [\n                    {\n                        value: \"option-1\",\n                        label: \"Option 1\"\n                    },\n                    {\n                        value: \"option-2\",\n                        label: \"Option 2\"\n                    },\n                    {\n                        value: \"option-3\",\n                        label: \"Option 3\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-4\",\n                        label: \"Option 4\",\n                        separator: true\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        item: {\n                            anyKey1: \"custom-value\",\n                            anyKey2: 2\n                        }\n                    }\n                ]\n            });\n\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false, // `selected` is overwritten by the presenter\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-3\",\n                    label: \"Option 3\",\n                    disabled: true,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-4\",\n                    label: \"Option 4\",\n                    disabled: false,\n                    selected: false,\n                    separator: true,\n                    item: null\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: {\n                        anyKey1: \"custom-value\",\n                        anyKey2: 2\n                    }\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` and `value`\n        {\n            presenter.init({\n                onValuesChange,\n                options: [\"Option 1\", \"Option 2\"],\n                values: [\"Option 1\"]\n            });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: true,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.optionsListVm.options).toEqual([]);\n            expect(presenter.vm.optionsListVm.emptyMessage).toEqual(\n                \"Start typing to find an option.\"\n            );\n            expect(presenter.vm.optionsListVm.loadingMessage).toEqual(\"Loading...\");\n            expect(presenter.vm.optionsListVm.open).toEqual(false);\n            expect(presenter.vm.optionsListVm.empty).toEqual(true);\n        }\n    });\n\n    it(\"should change the `optionsListVm` and `selectedOptionsVm` when `setSelectedOption` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-1\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\", \"option-1\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should change the `optionsListVm` and `selectedOptionsVm` when `removeSelectedOption` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ],\n            values: [\"option-2\", \"option-1\"]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.removeSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-1\"]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.removeSelectedOption(\"option-1\");\n        expect(onValuesChange).toHaveBeenCalledWith([]);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should set the internal `inputValue` when `setInputValue` is called\", () => {\n        presenter.init({ onValuesChange });\n\n        presenter.searchOption(\"value\");\n        expect(presenter.vm.inputVm.value).toEqual(\"value\");\n    });\n\n    it(\"should set the option as `selected` when the presenter is initialized with a value\", () => {\n        presenter.init({\n            onValuesChange,\n            values: [\"option-1\"],\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should change the `optionListVm` and `selectedOptionsVm` when `resetSelectedOptions` is called\", () => {\n        presenter.init({\n            onValuesChange,\n            onValuesReset,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-1\");\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.resetSelectedOptions();\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.inputVm.value).toEqual(\"\");\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n\n        expect(onValuesChange).toHaveBeenCalledWith([]);\n        expect(onValuesReset).toHaveBeenCalled();\n    });\n\n    it(\"should change `listVm` and call `onOpenChange` when `setListOpenState` is called\", () => {\n        // let's open it\n        presenter.init({ onValuesChange, onOpenChange });\n        presenter.setListOpenState(true);\n        expect(presenter.vm.optionsListVm.open).toBe(true);\n        expect(onOpenChange).toHaveBeenCalledWith(true);\n\n        // let's close it\n        presenter.setListOpenState(false);\n        expect(presenter.vm.optionsListVm.open).toBe(false);\n        expect(onOpenChange).toHaveBeenCalledWith(false);\n    });\n\n    it(\"should be able to create new options if `allowFreeInput` is set to true\", () => {\n        // This feature is disabled by default\n        presenter.init({ onValuesChange });\n        presenter.searchOption(\"New Option 1\");\n        presenter.createOption(\"New Option 1\");\n        expect(presenter.vm.selectedOptionsVm.empty).toEqual(true);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([]);\n    });\n\n    it(\"should not display the reset action if `displayResetAction` is set to `false` and option is selected\", () => {\n        presenter.init({\n            onValuesChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ],\n            displayResetAction: false\n        });\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValuesChange).toHaveBeenCalledWith([\"option-2\"]);\n        // `displayResetAction` is set to `false` and option is selected\n        expect(presenter.vm.inputVm.displayResetAction).toEqual(false);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.selectedOptionsVm.options).toEqual([\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n});\n"],"names":["describe","presenter","onValuesChange","vi","onOpenChange","onValuesReset","beforeEach","inputPresenter","MultiAutoCompleteInputPresenter","selectedOptionsPresenter","MultiAutoCompleteSelectedOptionPresenter","optionsListPresenter","MultiAutoCompleteListOptionsPresenter","MultiAutoCompletePresenter","it","expect"],"mappings":"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"}

package/MultiAutoComplete/primitives/useMultiAutoComplete.js

@@ -40,9 +40,10 @@ const useMultiAutoComplete = (props)=>{
             const withFreeInputPresenter = new MultiAutoCompletePresenterWithFreeInput(temporaryOptionsPresenter, presenter);
             withFreeInputPresenter.init(params);
             return withFreeInputPresenter;
+        } else {
+            presenter.init(params);
+            return presenter;
         }
-        presenter.init(params);
-        return presenter;
     }, [
         props.allowFreeInput,
         props.uniqueValues

package/MultiAutoComplete/primitives/useMultiAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiAutoComplete/primitives/useMultiAutoComplete.js","sources":["../../../src/MultiAutoComplete/primitives/useMultiAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { MultiAutoCompletePrimitiveProps } from \"./MultiAutoCompletePrimitive.js\";\nimport type { MultiAutoCompletePresenterParams } from \"./presenters/index.js\";\nimport {\n    MultiAutoCompleteInputPresenter,\n    MultiAutoCompleteListOptionsPresenter,\n    MultiAutoCompleteListOptionsPresenterWithUniqueValues,\n    MultiAutoCompletePresenter,\n    MultiAutoCompletePresenterWithFreeInput,\n    MultiAutoCompleteSelectedOptionPresenter\n} from \"./presenters/index.js\";\nimport { MultiAutoCompleteTemporaryOptionPresenter } from \"~/MultiAutoComplete/primitives/presenters/MultiAutoCompleteTemporaryOptionPresenter.js\";\n\nexport const useMultiAutoComplete = (props: MultiAutoCompletePrimitiveProps) => {\n    const params: MultiAutoCompletePresenterParams = useMemo(\n        () => ({\n            displayResetAction: props.displayResetAction,\n            emptyMessage: props.emptyMessage,\n            loadingMessage: props.loadingMessage,\n            initialMessage: props.initialMessage,\n            onOpenChange: props.onOpenChange,\n            onValueSearch: props.onValueSearch,\n            onValuesChange: props.onValuesChange,\n            onValuesReset: props.onValuesReset,\n            options: props.options,\n            placeholder: props.placeholder,\n            values: props.values\n        }),\n        [\n            props.displayResetAction,\n            props.emptyMessage,\n            props.loadingMessage,\n            props.initialMessage,\n            props.onOpenChange,\n            props.onValueSearch,\n            props.onValuesChange,\n            props.onValuesReset,\n            props.options,\n            props.placeholder,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const optionsListPresenter = new MultiAutoCompleteListOptionsPresenter();\n        const optionsListWithUniqueValues =\n            new MultiAutoCompleteListOptionsPresenterWithUniqueValues(optionsListPresenter);\n\n        const inputPresenter = new MultiAutoCompleteInputPresenter();\n        const selectedOptionsPresenter = new MultiAutoCompleteSelectedOptionPresenter();\n\n        let presenter = new MultiAutoCompletePresenter(\n            inputPresenter,\n            selectedOptionsPresenter,\n            optionsListPresenter\n        );\n\n        if (props?.uniqueValues) {\n            presenter = new MultiAutoCompletePresenter(\n                inputPresenter,\n                selectedOptionsPresenter,\n                optionsListWithUniqueValues\n            );\n        }\n\n        if (props?.allowFreeInput) {\n            const temporaryOptionsPresenter = new MultiAutoCompleteTemporaryOptionPresenter();\n            const withFreeInputPresenter = new MultiAutoCompletePresenterWithFreeInput(\n                temporaryOptionsPresenter,\n                presenter\n            );\n            withFreeInputPresenter.init(params);\n            return withFreeInputPresenter;\n        } else {\n            presenter.init(params);\n            return presenter;\n        }\n    }, [props.allowFreeInput, props.uniqueValues]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setSelectedOption: presenter.setSelectedOption,\n        removeSelectedOption: presenter.removeSelectedOption,\n        searchOption: presenter.searchOption,\n        resetSelectedOptions: presenter.resetSelectedOptions,\n        setListOpenState: presenter.setListOpenState,\n        createOption: presenter.createOption\n    };\n};\n"],"names":["useMultiAutoComplete","props","params","useMemo","presenter","optionsListPresenter","MultiAutoCompleteListOptionsPresenter","optionsListWithUniqueValues","MultiAutoCompleteListOptionsPresenterWithUniqueValues","inputPresenter","MultiAutoCompleteInputPresenter","selectedOptionsPresenter","MultiAutoCompleteSelectedOptionPresenter","MultiAutoCompletePresenter","temporaryOptionsPresenter","MultiAutoCompleteTemporaryOptionPresenter","withFreeInputPresenter","MultiAutoCompletePresenterWithFreeInput","vm","setVm","useState","useEffect","autorun"],"mappings":";;;;AAcO,MAAMA,uBAAuB,CAACC;IACjC,MAAMC,SAA2CC,QAC7C,IAAO;YACH,oBAAoBF,MAAM,kBAAkB;YAC5C,cAAcA,MAAM,YAAY;YAChC,gBAAgBA,MAAM,cAAc;YACpC,gBAAgBA,MAAM,cAAc;YACpC,cAAcA,MAAM,YAAY;YAChC,eAAeA,MAAM,aAAa;YAClC,gBAAgBA,MAAM,cAAc;YACpC,eAAeA,MAAM,aAAa;YAClC,SAASA,MAAM,OAAO;YACtB,aAAaA,MAAM,WAAW;YAC9B,QAAQA,MAAM,MAAM;QACxB,IACA;QACIA,MAAM,kBAAkB;QACxBA,MAAM,YAAY;QAClBA,MAAM,cAAc;QACpBA,MAAM,cAAc;QACpBA,MAAM,YAAY;QAClBA,MAAM,aAAa;QACnBA,MAAM,cAAc;QACpBA,MAAM,aAAa;QACnBA,MAAM,OAAO;QACbA,MAAM,WAAW;QACjBA,MAAM,MAAM;KACf;IAGL,MAAMG,YAAYD,QAAQ;QACtB,MAAME,uBAAuB,IAAIC;QACjC,MAAMC,8BACF,IAAIC,sDAAsDH;QAE9D,MAAMI,iBAAiB,IAAIC;QAC3B,MAAMC,2BAA2B,IAAIC;QAErC,IAAIR,YAAY,IAAIS,2BAChBJ,gBACAE,0BACAN;QAGJ,IAAIJ,OAAO,cACPG,YAAY,IAAIS,2BACZJ,gBACAE,0BACAJ;QAIR,IAAIN,OAAO,gBAAgB;YACvB,MAAMa,4BAA4B,IAAIC;YACtC,MAAMC,yBAAyB,IAAIC,wCAC/BH,2BACAV;YAEJY,uBAAuB,IAAI,CAACd;YAC5B,OAAOc;QACX;QACIZ,UAAU,IAAI,CAACF;QACf,OAAOE;IAEf,GAAG;QAACH,MAAM,cAAc;QAAEA,MAAM,YAAY;KAAC;IAE7C,MAAM,CAACiB,IAAIC,MAAM,GAAGC,SAAShB,UAAU,EAAE;IAEzCiB,UAAU;QACNjB,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;QAAQE;KAAU;IAEtBiB,UAAU,IACCC,QAAQ;YACXH,MAAMf,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHc;QACA,mBAAmBd,UAAU,iBAAiB;QAC9C,sBAAsBA,UAAU,oBAAoB;QACpD,cAAcA,UAAU,YAAY;QACpC,sBAAsBA,UAAU,oBAAoB;QACpD,kBAAkBA,UAAU,gBAAgB;QAC5C,cAAcA,UAAU,YAAY;IACxC;AACJ"}
+{"version":3,"file":"MultiAutoComplete/primitives/useMultiAutoComplete.js","sources":["../../../src/MultiAutoComplete/primitives/useMultiAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { MultiAutoCompletePrimitiveProps } from \"./MultiAutoCompletePrimitive.js\";\nimport type { MultiAutoCompletePresenterParams } from \"./presenters/index.js\";\nimport {\n    MultiAutoCompleteInputPresenter,\n    MultiAutoCompleteListOptionsPresenter,\n    MultiAutoCompleteListOptionsPresenterWithUniqueValues,\n    MultiAutoCompletePresenter,\n    MultiAutoCompletePresenterWithFreeInput,\n    MultiAutoCompleteSelectedOptionPresenter\n} from \"./presenters/index.js\";\nimport { MultiAutoCompleteTemporaryOptionPresenter } from \"~/MultiAutoComplete/primitives/presenters/MultiAutoCompleteTemporaryOptionPresenter.js\";\n\nexport const useMultiAutoComplete = (props: MultiAutoCompletePrimitiveProps) => {\n    const params: MultiAutoCompletePresenterParams = useMemo(\n        () => ({\n            displayResetAction: props.displayResetAction,\n            emptyMessage: props.emptyMessage,\n            loadingMessage: props.loadingMessage,\n            initialMessage: props.initialMessage,\n            onOpenChange: props.onOpenChange,\n            onValueSearch: props.onValueSearch,\n            onValuesChange: props.onValuesChange,\n            onValuesReset: props.onValuesReset,\n            options: props.options,\n            placeholder: props.placeholder,\n            values: props.values\n        }),\n        [\n            props.displayResetAction,\n            props.emptyMessage,\n            props.loadingMessage,\n            props.initialMessage,\n            props.onOpenChange,\n            props.onValueSearch,\n            props.onValuesChange,\n            props.onValuesReset,\n            props.options,\n            props.placeholder,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const optionsListPresenter = new MultiAutoCompleteListOptionsPresenter();\n        const optionsListWithUniqueValues =\n            new MultiAutoCompleteListOptionsPresenterWithUniqueValues(optionsListPresenter);\n\n        const inputPresenter = new MultiAutoCompleteInputPresenter();\n        const selectedOptionsPresenter = new MultiAutoCompleteSelectedOptionPresenter();\n\n        let presenter = new MultiAutoCompletePresenter(\n            inputPresenter,\n            selectedOptionsPresenter,\n            optionsListPresenter\n        );\n\n        if (props?.uniqueValues) {\n            presenter = new MultiAutoCompletePresenter(\n                inputPresenter,\n                selectedOptionsPresenter,\n                optionsListWithUniqueValues\n            );\n        }\n\n        if (props?.allowFreeInput) {\n            const temporaryOptionsPresenter = new MultiAutoCompleteTemporaryOptionPresenter();\n            const withFreeInputPresenter = new MultiAutoCompletePresenterWithFreeInput(\n                temporaryOptionsPresenter,\n                presenter\n            );\n            withFreeInputPresenter.init(params);\n            return withFreeInputPresenter;\n        } else {\n            presenter.init(params);\n            return presenter;\n        }\n    }, [props.allowFreeInput, props.uniqueValues]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setSelectedOption: presenter.setSelectedOption,\n        removeSelectedOption: presenter.removeSelectedOption,\n        searchOption: presenter.searchOption,\n        resetSelectedOptions: presenter.resetSelectedOptions,\n        setListOpenState: presenter.setListOpenState,\n        createOption: presenter.createOption\n    };\n};\n"],"names":["useMultiAutoComplete","props","params","useMemo","presenter","optionsListPresenter","MultiAutoCompleteListOptionsPresenter","optionsListWithUniqueValues","MultiAutoCompleteListOptionsPresenterWithUniqueValues","inputPresenter","MultiAutoCompleteInputPresenter","selectedOptionsPresenter","MultiAutoCompleteSelectedOptionPresenter","MultiAutoCompletePresenter","temporaryOptionsPresenter","MultiAutoCompleteTemporaryOptionPresenter","withFreeInputPresenter","MultiAutoCompletePresenterWithFreeInput","vm","setVm","useState","useEffect","autorun"],"mappings":";;;;AAcO,MAAMA,uBAAuB,CAACC;IACjC,MAAMC,SAA2CC,QAC7C,IAAO;YACH,oBAAoBF,MAAM,kBAAkB;YAC5C,cAAcA,MAAM,YAAY;YAChC,gBAAgBA,MAAM,cAAc;YACpC,gBAAgBA,MAAM,cAAc;YACpC,cAAcA,MAAM,YAAY;YAChC,eAAeA,MAAM,aAAa;YAClC,gBAAgBA,MAAM,cAAc;YACpC,eAAeA,MAAM,aAAa;YAClC,SAASA,MAAM,OAAO;YACtB,aAAaA,MAAM,WAAW;YAC9B,QAAQA,MAAM,MAAM;QACxB,IACA;QACIA,MAAM,kBAAkB;QACxBA,MAAM,YAAY;QAClBA,MAAM,cAAc;QACpBA,MAAM,cAAc;QACpBA,MAAM,YAAY;QAClBA,MAAM,aAAa;QACnBA,MAAM,cAAc;QACpBA,MAAM,aAAa;QACnBA,MAAM,OAAO;QACbA,MAAM,WAAW;QACjBA,MAAM,MAAM;KACf;IAGL,MAAMG,YAAYD,QAAQ;QACtB,MAAME,uBAAuB,IAAIC;QACjC,MAAMC,8BACF,IAAIC,sDAAsDH;QAE9D,MAAMI,iBAAiB,IAAIC;QAC3B,MAAMC,2BAA2B,IAAIC;QAErC,IAAIR,YAAY,IAAIS,2BAChBJ,gBACAE,0BACAN;QAGJ,IAAIJ,OAAO,cACPG,YAAY,IAAIS,2BACZJ,gBACAE,0BACAJ;QAIR,IAAIN,OAAO,gBAAgB;YACvB,MAAMa,4BAA4B,IAAIC;YACtC,MAAMC,yBAAyB,IAAIC,wCAC/BH,2BACAV;YAEJY,uBAAuB,IAAI,CAACd;YAC5B,OAAOc;QACX,OAAO;YACHZ,UAAU,IAAI,CAACF;YACf,OAAOE;QACX;IACJ,GAAG;QAACH,MAAM,cAAc;QAAEA,MAAM,YAAY;KAAC;IAE7C,MAAM,CAACiB,IAAIC,MAAM,GAAGC,SAAShB,UAAU,EAAE;IAEzCiB,UAAU;QACNjB,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;QAAQE;KAAU;IAEtBiB,UAAU,IACCC,QAAQ;YACXH,MAAMf,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHc;QACA,mBAAmBd,UAAU,iBAAiB;QAC9C,sBAAsBA,UAAU,oBAAoB;QACpD,cAAcA,UAAU,YAAY;QACpC,sBAAsBA,UAAU,oBAAoB;QACpD,kBAAkBA,UAAU,gBAAgB;QAC5C,cAAcA,UAAU,YAAY;IACxC;AACJ"}

package/Toast/useToast.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast/useToast.stories.js","sources":["../../src/Toast/useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Toast } from \"./Toast.js\";\nimport { useToast, type ShowToastParams } from \"./useToast.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"w-full h-64 flex justify-center items-center gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"names":["ToastComponent","props","lastToast","setLastToast","useState","showToast","hideToast","hideAllToasts","useToast","Button","toast","meta","Story","Toast","Default","SubtleVariant","WithTitleComponent","WithDescription","WithDescriptionComponent","WithActions","console","WithDescriptionAndActions","WithCustomIcon","Icon","SettingsIcon","WithInfiniteDuration","Infinity","NotDismissible","withCustomPosition","Documentation","undefined"],"mappings":"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"}
+{"version":3,"file":"Toast/useToast.stories.js","sources":["../../src/Toast/useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Toast } from \"./Toast.js\";\nimport { useToast, type ShowToastParams } from \"./useToast.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"w-full h-64 flex justify-center items-center gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"names":["ToastComponent","props","lastToast","setLastToast","useState","showToast","hideToast","hideAllToasts","useToast","Button","toast","meta","Story","Toast","Default","SubtleVariant","WithTitleComponent","WithDescription","WithDescriptionComponent","WithActions","console","WithDescriptionAndActions","WithCustomIcon","Icon","SettingsIcon","WithInfiniteDuration","Infinity","NotDismissible","withCustomPosition","Documentation","undefined"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.5.0-beta.4",
+	"version": "6.5.0-beta.6",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -17,55 +17,55 @@
 		"@fortawesome/react-fontawesome": "3.5.0",
 		"@minoru/react-dnd-treeview": "3.5.4",
 		"@monaco-editor/react": "4.7.0",
-		"@radix-ui/react-scroll-area": "1.2.15",
-		"@tanstack/react-table": "8.21.3",
-		"@webiny/icons": "6.5.0-beta.4",
-		"@webiny/react-composition": "6.5.0-beta.4",
-		"@webiny/utils": "6.5.0-beta.4",
+		"@radix-ui/react-scroll-area": "1.2.18",
+		"@tanstack/react-table": "9.2.4",
+		"@webiny/icons": "6.5.0-beta.6",
+		"@webiny/react-composition": "6.5.0-beta.6",
+		"@webiny/utils": "6.5.0-beta.6",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.1.1",
 		"date-fns": "4.4.0",
 		"lodash": "4.18.1",
-		"minimatch": "10.2.5",
-		"mobx": "6.16.1",
+		"minimatch": "10.2.6",
+		"mobx": "7.0.5",
 		"monaco-editor": "0.53.0",
-		"radix-ui": "1.6.4",
+		"radix-ui": "1.6.7",
 		"react": "18.3.1",
 		"react-color": "2.19.3",
 		"react-custom-scrollbars": "4.2.1",
 		"react-day-picker": "10.0.1",
 		"react-dnd": "16.0.1",
 		"react-virtualized": "9.22.6",
-		"sonner": "2.0.7",
-		"tailwind-merge": "3.6.0",
+		"sonner": "2.0.8",
+		"tailwind-merge": "3.7.0",
 		"tailwindcss": "4.3.3",
 		"tw-animate-css": "1.4.0",
-		"type-fest": "5.8.0"
+		"type-fest": "5.10.0"
 	},
 	"devDependencies": {
 		"@fortawesome/free-solid-svg-icons": "7.3.1",
-		"@rsbuild/core": "2.1.7",
+		"@rsbuild/core": "2.2.10",
 		"@rsbuild/plugin-svgr": "2.0.5",
-		"@storybook/addon-a11y": "10.5.3",
-		"@storybook/addon-docs": "10.5.3",
-		"@storybook/react": "10.5.3",
+		"@storybook/addon-a11y": "10.6.0",
+		"@storybook/addon-docs": "10.6.0",
+		"@storybook/react": "10.6.0",
 		"@tailwindcss/postcss": "4.3.3",
 		"@types/react": "18.3.31",
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "6.5.0-beta.4",
-		"@webiny/project": "6.5.0-beta.4",
-		"chalk": "5.6.2",
-		"oxfmt": "0.59.0",
+		"@webiny/build-tools": "6.5.0-beta.6",
+		"@webiny/project": "6.5.0-beta.6",
+		"chalk": "6.0.1",
+		"oxfmt": "0.70.0",
 		"rimraf": "6.1.3",
-		"sass": "1.101.3",
-		"storybook": "10.5.3",
-		"storybook-react-rsbuild": "3.3.4",
+		"sass": "1.105.0",
+		"storybook": "10.6.0",
+		"storybook-react-rsbuild": "3.6.0",
 		"typescript": "7.0.2",
-		"vitest": "4.1.10"
+		"vitest": "5.0.2"
 	},
 	"publishConfig": {
 		"access": "public"