@webiny/app-aco 6.3.0 → 6.4.0-beta.1

package/components/FolderGrid/FolderGridItem.js

@@ -1,69 +1,74 @@
-import React from "react";
-import { cn, IconButton, Text, TimeAgo, Icon } from "@webiny/admin-ui";
+import react from "react";
+import { Icon, IconButton, Text, TimeAgo, cn } from "@webiny/admin-ui";
 import { FolderIcon, FolderSharedIcon } from "../FolderIcons/index.js";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
 import { OptionsMenu } from "@webiny/app-admin";
 import { useFolder } from "../../hooks/index.js";
-export const FolderGridItem = ({
-  folderActions,
-  onClick
-}) => {
-  const {
-    folder
-  } = useFolder();
-  const {
-    id,
-    title,
-    hasNonInheritedPermissions,
-    canManagePermissions,
-    canManageStructure
-  } = folder;
-  let icon = /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(FolderIcon, null),
-    label: folder.title,
-    className: "w-[90px] h-[90px]"
-  });
-  if (hasNonInheritedPermissions && canManagePermissions) {
-    icon = /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(FolderSharedIcon, null),
-      label: folder.title,
-      className: "w-[90px] h-[90px]"
+const FolderGridItem = ({ folderActions, onClick })=>{
+    const { folder } = useFolder();
+    const { id, title, hasNonInheritedPermissions, canManagePermissions, canManageStructure } = folder;
+    let icon = /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(FolderIcon, null),
+        label: folder.title,
+        className: "w-[90px] h-[90px]"
     });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(["group", "bg-neutral-base rounded-lg", "shadow-sm hover:shadow-lg", "border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker", "transition-shadow duration-250 ease-in-out", "overflow-hidden", "cursor-pointer"]),
-    onClick: () => onClick(id)
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 150
-    },
-    className: "relative"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn(["absolute top-0 left-0", "w-full h-full", "flex items-center justify-center"])
-  }, icon), canManageStructure && /*#__PURE__*/React.createElement("div", {
-    className: cn(["invisible group-hover:visible", "flex items-center gap-xxs", "p-xs", "absolute top-xs-plus right-xs-plus"])
-  }, /*#__PURE__*/React.createElement(OptionsMenu, {
-    actions: folderActions,
-    "data-testid": "folder.grid.menu-action",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
-      size: "sm",
-      variant: "ghost"
-    })
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "px-md py-sm-extra",
-    "data-testid": "fm-file-wrapper-file-label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "truncate text-neutral-primary"
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "truncate text-neutral-dimmed"
-  }, "Folder", " / ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: folder.createdOn
-  }))));
+    if (hasNonInheritedPermissions && canManagePermissions) icon = /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(FolderSharedIcon, null),
+        label: folder.title,
+        className: "w-[90px] h-[90px]"
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "group",
+            "bg-neutral-base rounded-lg",
+            "shadow-sm hover:shadow-lg",
+            "border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker",
+            "transition-shadow duration-250 ease-in-out",
+            "overflow-hidden",
+            "cursor-pointer"
+        ]),
+        onClick: ()=>onClick(id)
+    }, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            height: 150
+        },
+        className: "relative"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "absolute top-0 left-0",
+            "w-full h-full",
+            "flex items-center justify-center"
+        ])
+    }, icon), canManageStructure && /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "invisible group-hover:visible",
+            "flex items-center gap-xxs",
+            "p-xs",
+            "absolute top-xs-plus right-xs-plus"
+        ])
+    }, /*#__PURE__*/ react.createElement(OptionsMenu, {
+        actions: folderActions,
+        "data-testid": "folder.grid.menu-action",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            variant: "ghost"
+        })
+    }))), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md py-sm-extra",
+        "data-testid": "fm-file-wrapper-file-label"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "truncate text-neutral-primary"
+    }, title), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "truncate text-neutral-dimmed"
+    }, "Folder", " / ", /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: folder.createdOn
+    }))));
 };
+export { FolderGridItem };
 
 //# sourceMappingURL=FolderGridItem.js.map

package/components/FolderGrid/FolderGridItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","IconButton","Text","TimeAgo","Icon","FolderIcon","FolderSharedIcon","ReactComponent","MoreVerticalIcon","OptionsMenu","useFolder","FolderGridItem","folderActions","onClick","folder","id","title","hasNonInheritedPermissions","canManagePermissions","canManageStructure","icon","createElement","label","className","style","height","actions","trigger","size","variant","as","datetime","createdOn"],"sources":["FolderGridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, Text, TimeAgo, Icon } from \"@webiny/admin-ui\";\nimport { FolderIcon, FolderSharedIcon } from \"../FolderIcons/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport type { FolderActionConfig } from \"~/config/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\nexport interface FolderGridItemProps {\n    folderActions: FolderActionConfig[];\n    onClick: (id: string) => void;\n}\n\nexport const FolderGridItem = ({ folderActions, onClick }: FolderGridItemProps) => {\n    const { folder } = useFolder();\n    const { id, title, hasNonInheritedPermissions, canManagePermissions, canManageStructure } =\n        folder;\n\n    let icon = <Icon icon={<FolderIcon />} label={folder.title} className={\"w-[90px] h-[90px]\"} />;\n    if (hasNonInheritedPermissions && canManagePermissions) {\n        icon = (\n            <Icon\n                icon={<FolderSharedIcon />}\n                label={folder.title}\n                className={\"w-[90px] h-[90px]\"}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={cn([\n                \"group\",\n                \"bg-neutral-base rounded-lg\",\n                \"shadow-sm hover:shadow-lg\",\n                \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                \"transition-shadow duration-250 ease-in-out\",\n                \"overflow-hidden\",\n                \"cursor-pointer\"\n            ])}\n            onClick={() => onClick(id)}\n        >\n            <div style={{ height: 150 }} className={\"relative\"}>\n                <div\n                    className={cn([\n                        \"absolute top-0 left-0\",\n                        \"w-full h-full\",\n                        \"flex items-center justify-center\"\n                    ])}\n                >\n                    {icon}\n                </div>\n                {canManageStructure && (\n                    <div\n                        className={cn([\n                            \"invisible group-hover:visible\",\n                            \"flex items-center gap-xxs\",\n                            \"p-xs\",\n                            \"absolute top-xs-plus right-xs-plus\"\n                        ])}\n                    >\n                        <OptionsMenu\n                            actions={folderActions}\n                            data-testid={\"folder.grid.menu-action\"}\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    size={\"sm\"}\n                                    variant={\"ghost\"}\n                                />\n                            }\n                        />\n                    </div>\n                )}\n            </div>\n            <div className={\"px-md py-sm-extra\"} data-testid={\"fm-file-wrapper-file-label\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                    {title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                    {\"Folder\"} / <TimeAgo datetime={folder.createdOn} />\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/FolderGrid/FolderGridItem.js","sources":["../../../src/components/FolderGrid/FolderGridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, Text, TimeAgo, Icon } from \"@webiny/admin-ui\";\nimport { FolderIcon, FolderSharedIcon } from \"../FolderIcons/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport type { FolderActionConfig } from \"~/config/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\nexport interface FolderGridItemProps {\n    folderActions: FolderActionConfig[];\n    onClick: (id: string) => void;\n}\n\nexport const FolderGridItem = ({ folderActions, onClick }: FolderGridItemProps) => {\n    const { folder } = useFolder();\n    const { id, title, hasNonInheritedPermissions, canManagePermissions, canManageStructure } =\n        folder;\n\n    let icon = <Icon icon={<FolderIcon />} label={folder.title} className={\"w-[90px] h-[90px]\"} />;\n    if (hasNonInheritedPermissions && canManagePermissions) {\n        icon = (\n            <Icon\n                icon={<FolderSharedIcon />}\n                label={folder.title}\n                className={\"w-[90px] h-[90px]\"}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={cn([\n                \"group\",\n                \"bg-neutral-base rounded-lg\",\n                \"shadow-sm hover:shadow-lg\",\n                \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                \"transition-shadow duration-250 ease-in-out\",\n                \"overflow-hidden\",\n                \"cursor-pointer\"\n            ])}\n            onClick={() => onClick(id)}\n        >\n            <div style={{ height: 150 }} className={\"relative\"}>\n                <div\n                    className={cn([\n                        \"absolute top-0 left-0\",\n                        \"w-full h-full\",\n                        \"flex items-center justify-center\"\n                    ])}\n                >\n                    {icon}\n                </div>\n                {canManageStructure && (\n                    <div\n                        className={cn([\n                            \"invisible group-hover:visible\",\n                            \"flex items-center gap-xxs\",\n                            \"p-xs\",\n                            \"absolute top-xs-plus right-xs-plus\"\n                        ])}\n                    >\n                        <OptionsMenu\n                            actions={folderActions}\n                            data-testid={\"folder.grid.menu-action\"}\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    size={\"sm\"}\n                                    variant={\"ghost\"}\n                                />\n                            }\n                        />\n                    </div>\n                )}\n            </div>\n            <div className={\"px-md py-sm-extra\"} data-testid={\"fm-file-wrapper-file-label\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                    {title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                    {\"Folder\"} / <TimeAgo datetime={folder.createdOn} />\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["FolderGridItem","folderActions","onClick","folder","useFolder","id","title","hasNonInheritedPermissions","canManagePermissions","canManageStructure","icon","Icon","FolderIcon","FolderSharedIcon","cn","OptionsMenu","IconButton","MoreVerticalIcon","Text","TimeAgo"],"mappings":";;;;;;AAaO,MAAMA,iBAAiB,CAAC,EAAEC,aAAa,EAAEC,OAAO,EAAuB;IAC1E,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,0BAA0B,EAAEC,oBAAoB,EAAEC,kBAAkB,EAAE,GACrFN;IAEJ,IAAIO,OAAO,WAAPA,GAAO,oBAACC,MAAIA;QAAC,oBAAM,oBAACC,YAAUA;QAAK,OAAOT,OAAO,KAAK;QAAE,WAAW;;IACvE,IAAII,8BAA8BC,sBAC9BE,OAAO,WAAPA,GACI,oBAACC,MAAIA;QACD,oBAAM,oBAACE,kBAAgBA;QACvB,OAAOV,OAAO,KAAK;QACnB,WAAW;;IAKvB,OAAO,WAAP,GACI,oBAAC;QACG,WAAWW,GAAG;YACV;YACA;YACA;YACA;YACA;YACA;YACA;SACH;QACD,SAAS,IAAMZ,QAAQG;qBAEvB,oBAAC;QAAI,OAAO;YAAE,QAAQ;QAAI;QAAG,WAAW;qBACpC,oBAAC;QACG,WAAWS,GAAG;YACV;YACA;YACA;SACH;OAEAJ,OAEJD,sBAAsB,WAAtBA,GACG,oBAAC;QACG,WAAWK,GAAG;YACV;YACA;YACA;YACA;SACH;qBAED,oBAACC,aAAWA;QACR,SAASd;QACT,eAAa;QACb,uBACI,oBAACe,YAAUA;YACP,oBAAM,oBAACC,gBAAgBA;YACvB,MAAM;YACN,SAAS;;wBAOjC,oBAAC;QAAI,WAAW;QAAqB,eAAa;qBAC9C,oBAACC,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCZ,QAAAA,WAAAA,GAEL,oBAACY,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnC,UAAS,qBAAG,oBAACC,SAAOA;QAAC,UAAUhB,OAAO,SAAS;;AAKpE"}

package/components/FolderGrid/index.js

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

package/components/FolderIcons/assets/folder-shared-icon.js

@@ -0,0 +1,25 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/folder-shared-icon.5d947e49.svg";
+import * as __rspack_external_react from "react";
+const SvgFolderSharedIcon = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 110,
+        height: 92,
+        fill: "none",
+        viewBox: "0 0 110 92",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#5EACDE",
+        d: "M.192 25.933V9.917C.192 4.46 4.608.036 10.056.036h21.19c2.089 0 4.122.663 5.81 1.896l9.227 6.736h53.662c5.447 0 9.864 4.424 9.864 9.882v7.383z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#64C5FA",
+        d: "M99.944 16.08H10.057c-5.448 0-9.865 4.424-9.865 9.881v56.122c0 5.457 4.417 9.881 9.865 9.881h89.887c5.448 0 9.864-4.424 9.864-9.881V25.96c0-5.457-4.416-9.881-9.864-9.881"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#191C20",
+        fillOpacity: 0.3,
+        d: "M64 48.75h-1.5v-3c0-4.14-3.36-7.5-7.5-7.5s-7.5 3.36-7.5 7.5v3H46c-1.65 0-3 1.35-3 3v15c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3v-15c0-1.65-1.35-3-3-3m-13.5-3c0-2.49 2.01-4.5 4.5-4.5s4.5 2.01 4.5 4.5v3h-9zm13.5 21H46v-15h18zm-9-4.5c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3"
+    }));
+const folder_shared_icon = __rslib_svgr_url__0__;
+export default folder_shared_icon;
+export { SvgFolderSharedIcon as ReactComponent };
+
+//# sourceMappingURL=folder-shared-icon.js.map

package/components/FolderIcons/assets/folder-shared-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/FolderIcons/assets/folder-shared-icon.js","sources":["../../../../src/components/FolderIcons/assets/folder-shared-icon.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgFolderSharedIcon = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={110} height={92} fill=\"none\" viewBox=\"0 0 110 92\" {...props}><path fill=\"#5EACDE\" d=\"M.192 25.933V9.917C.192 4.46 4.608.036 10.056.036h21.19c2.089 0 4.122.663 5.81 1.896l9.227 6.736h53.662c5.447 0 9.864 4.424 9.864 9.882v7.383z\" /><path fill=\"#64C5FA\" d=\"M99.944 16.08H10.057c-5.448 0-9.865 4.424-9.865 9.881v56.122c0 5.457 4.417 9.881 9.865 9.881h89.887c5.448 0 9.864-4.424 9.864-9.881V25.96c0-5.457-4.416-9.881-9.864-9.881\" /><path fill=\"#191C20\" fillOpacity={0.3} d=\"M64 48.75h-1.5v-3c0-4.14-3.36-7.5-7.5-7.5s-7.5 3.36-7.5 7.5v3H46c-1.65 0-3 1.35-3 3v15c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3v-15c0-1.65-1.35-3-3-3m-13.5-3c0-2.49 2.01-4.5 4.5-4.5s4.5 2.01 4.5 4.5v3h-9zm13.5 21H46v-15h18zm-9-4.5c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3\" /></svg>;\nexport { SvgFolderSharedIcon as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/folder-shared-icon.5d947e49.svg\";"],"names":["SvgFolderSharedIcon","props"],"mappings":";;AACA,MAAMA,sBAAsBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAK,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAc,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAmJ,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA8K,sCAAC;QAAK,MAAK;QAAU,aAAa;QAAK,GAAE;;AAEziB"}

package/components/FolderIcons/assets/folder.js

@@ -0,0 +1,21 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/folder.f3d5c400.svg";
+import * as __rspack_external_react from "react";
+const SvgFolder = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 90,
+        height: 76,
+        fill: "none",
+        viewBox: "0 0 90 76",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#5EACDE",
+        d: "M0 21.524V8.374C0 3.895 3.626.262 8.099.262h17.398c1.715 0 3.385.545 4.77 1.557l7.576 5.531H81.9c4.473 0 8.099 3.632 8.099 8.113v6.062z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#64C5FA",
+        d: "M81.9 13.434H8.1c-4.474 0-8.1 3.633-8.1 8.113v46.078c0 4.481 3.626 8.114 8.1 8.114h73.8c4.474 0 8.1-3.633 8.1-8.114V21.547c0-4.48-3.626-8.113-8.1-8.113"
+    }));
+const folder = __rslib_svgr_url__0__;
+export default folder;
+export { SvgFolder as ReactComponent };
+
+//# sourceMappingURL=folder.js.map

package/components/FolderIcons/assets/folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/FolderIcons/assets/folder.js","sources":["../../../../src/components/FolderIcons/assets/folder.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgFolder = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={90} height={76} fill=\"none\" viewBox=\"0 0 90 76\" {...props}><path fill=\"#5EACDE\" d=\"M0 21.524V8.374C0 3.895 3.626.262 8.099.262h17.398c1.715 0 3.385.545 4.77 1.557l7.576 5.531H81.9c4.473 0 8.099 3.632 8.099 8.113v6.062z\" /><path fill=\"#64C5FA\" d=\"M81.9 13.434H8.1c-4.474 0-8.1 3.633-8.1 8.113v46.078c0 4.481 3.626 8.114 8.1 8.114h73.8c4.474 0 8.1-3.633 8.1-8.114V21.547c0-4.48-3.626-8.113-8.1-8.113\" /></svg>;\nexport { SvgFolder as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/folder.f3d5c400.svg\";"],"names":["SvgFolder","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA4I,sCAAC;QAAK,MAAK;QAAU,GAAE;;AAE/T"}

package/components/FolderIcons/index.js

@@ -1,5 +1,2 @@
-import { ReactComponent as FolderIcon } from "./assets/folder.svg";
-import { ReactComponent as FolderSharedIcon } from "./assets/folder-shared-icon.svg";
-export { FolderIcon, FolderSharedIcon };
-
-//# sourceMappingURL=index.js.map
+export { ReactComponent as FolderIcon } from "./assets/folder.js";
+export { ReactComponent as FolderSharedIcon } from "./assets/folder-shared-icon.js";

package/components/FolderPicker/FolderPicker.js

@@ -1,24 +1,27 @@
-import React, { useCallback } from "react";
-import { cn, FormComponentLabel } from "@webiny/admin-ui";
+import react, { useCallback } from "react";
+import { FormComponentLabel, cn } from "@webiny/admin-ui";
 import { FolderTree } from "../index.js";
-export const FolderPicker = ({
-  label,
-  value,
-  onChange,
-  enableCreate = true
-}) => {
-  const onFolderChange = useCallback(folder => {
-    onChange(folder.id);
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormComponentLabel, {
-    text: label
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn(["px-sm-extra py-sm-extra", "border-sm border-neutral-muted rounded-md", "bg-neutral-base", "max-h-[280px] overflow-x-hidden overflow-y-scroll"])
-  }, /*#__PURE__*/React.createElement(FolderTree, {
-    focusedFolderId: value,
-    onFolderClick: onFolderChange,
-    enableCreate: enableCreate
-  })));
+const FolderPicker = ({ label, value, onChange, enableCreate = true })=>{
+    const onFolderChange = useCallback((folder)=>{
+        onChange(folder.id);
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: label
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "px-sm-extra py-sm-extra",
+            "border-sm border-neutral-muted rounded-md",
+            "bg-neutral-base",
+            "max-h-[280px] overflow-x-hidden overflow-y-scroll"
+        ])
+    }, /*#__PURE__*/ react.createElement(FolderTree, {
+        focusedFolderId: value,
+        onFolderClick: onFolderChange,
+        enableCreate: enableCreate
+    })));
 };
+export { FolderPicker };
 
 //# sourceMappingURL=FolderPicker.js.map

package/components/FolderPicker/FolderPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","cn","FormComponentLabel","FolderTree","FolderPicker","label","value","onChange","enableCreate","onFolderChange","folder","id","createElement","text","className","focusedFolderId","onFolderClick"],"sources":["FolderPicker.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FolderTree } from \"~/components/index.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\nexport interface FolderPickerProps {\n    label: string;\n    value: string;\n    onChange: (id: string) => void;\n    enableCreate?: boolean;\n}\n\nexport const FolderPicker = ({\n    label,\n    value,\n    onChange,\n    enableCreate = true\n}: FolderPickerProps) => {\n    const onFolderChange = useCallback(\n        (folder: FolderDto) => {\n            onChange(folder.id);\n        },\n        [onChange]\n    );\n\n    return (\n        <div>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden overflow-y-scroll\"\n                ])}\n            >\n                <FolderTree\n                    focusedFolderId={value}\n                    onFolderClick={onFolderChange}\n                    enableCreate={enableCreate}\n                />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,EAAE,EAAEC,kBAAkB,QAAQ,kBAAkB;AACzD,SAASC,UAAU;AAUnB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY,GAAG;AACA,CAAC,KAAK;EACrB,MAAMC,cAAc,GAAGT,WAAW,CAC7BU,MAAiB,IAAK;IACnBH,QAAQ,CAACG,MAAM,CAACC,EAAE,CAAC;EACvB,CAAC,EACD,CAACJ,QAAQ,CACb,CAAC;EAED,oBACIR,KAAA,CAAAa,aAAA,2BACIb,KAAA,CAAAa,aAAA,CAACV,kBAAkB;IAACW,IAAI,EAAER;EAAM,CAAE,CAAC,eACnCN,KAAA,CAAAa,aAAA;IACIE,SAAS,EAAEb,EAAE,CAAC,CACV,yBAAyB,EACzB,2CAA2C,EAC3C,iBAAiB,EACjB,mDAAmD,CACtD;EAAE,gBAEHF,KAAA,CAAAa,aAAA,CAACT,UAAU;IACPY,eAAe,EAAET,KAAM;IACvBU,aAAa,EAAEP,cAAe;IAC9BD,YAAY,EAAEA;EAAa,CAC9B,CACA,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderPicker/FolderPicker.js","sources":["../../../src/components/FolderPicker/FolderPicker.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FolderTree } from \"~/components/index.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\nexport interface FolderPickerProps {\n    label: string;\n    value: string;\n    onChange: (id: string) => void;\n    enableCreate?: boolean;\n}\n\nexport const FolderPicker = ({\n    label,\n    value,\n    onChange,\n    enableCreate = true\n}: FolderPickerProps) => {\n    const onFolderChange = useCallback(\n        (folder: FolderDto) => {\n            onChange(folder.id);\n        },\n        [onChange]\n    );\n\n    return (\n        <div>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden overflow-y-scroll\"\n                ])}\n            >\n                <FolderTree\n                    focusedFolderId={value}\n                    onFolderClick={onFolderChange}\n                    enableCreate={enableCreate}\n                />\n            </div>\n        </div>\n    );\n};\n"],"names":["FolderPicker","label","value","onChange","enableCreate","onFolderChange","useCallback","folder","FormComponentLabel","cn","FolderTree"],"mappings":";;;AAYO,MAAMA,eAAe,CAAC,EACzBC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,eAAe,IAAI,EACH;IAChB,MAAMC,iBAAiBC,YACnB,CAACC;QACGJ,SAASI,OAAO,EAAE;IACtB,GACA;QAACJ;KAAS;IAGd,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACK,oBAAkBA;QAAC,MAAMP;sBAC1B,oBAAC;QACG,WAAWQ,GAAG;YACV;YACA;YACA;YACA;SACH;qBAED,oBAACC,YAAUA;QACP,iBAAiBR;QACjB,eAAeG;QACf,cAAcD;;AAKlC"}

package/components/FolderTree/ButtonCreate/ButtonCreate.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 type ButtonCreateProps = {
     disabled?: boolean;
+    onCreateFolder?: () => void;
 };
 export declare const ButtonCreate: (props: ButtonCreateProps) => React.JSX.Element;
 export {};

package/components/FolderTree/ButtonCreate/ButtonCreate.js

@@ -1,21 +1,24 @@
-import React from "react";
+import react from "react";
 import { Button } from "@webiny/admin-ui";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as Plus } from "@webiny/icons/add.svg";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { useCreateDialog } from "../../../dialogs/index.js";
 const t = i18n.ns("app-aco/components/folder-tree/button-create");
-export const ButtonCreate = props => {
-  const {
-    showDialog
-  } = useCreateDialog();
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: () => showDialog(),
-    disabled: props.disabled,
-    icon: /*#__PURE__*/React.createElement(Plus, null),
-    text: t`New folder`,
-    variant: "secondary",
-    size: "sm"
-  });
+const ButtonCreate = (props)=>{
+    const { showDialog } = useCreateDialog();
+    const handleClick = ()=>{
+        if (props.onCreateFolder) props.onCreateFolder();
+        else showDialog();
+    };
+    return /*#__PURE__*/ react.createElement(Button, {
+        onClick: handleClick,
+        disabled: props.disabled,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        text: t`New folder`,
+        variant: "secondary",
+        size: "sm"
+    });
 };
+export { ButtonCreate };
 
 //# sourceMappingURL=ButtonCreate.js.map

package/components/FolderTree/ButtonCreate/ButtonCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","i18n","ReactComponent","Plus","useCreateDialog","t","ns","ButtonCreate","props","showDialog","createElement","onClick","disabled","icon","text","variant","size"],"sources":["ButtonCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { useCreateDialog } from \"~/dialogs/index.js\";\n\ntype ButtonCreateProps = {\n    disabled?: boolean;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const ButtonCreate = (props: ButtonCreateProps) => {\n    const { showDialog } = useCreateDialog();\n\n    return (\n        <Button\n            onClick={() => showDialog()}\n            disabled={props.disabled}\n            icon={<Plus />}\n            text={t`New folder`}\n            variant={\"secondary\"}\n            size={\"sm\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,IAAI,QAAQ,uBAAuB;AAC9D,SAASC,eAAe;AAMxB,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,8CAA8C,CAAC;AAEjE,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAM;IAAEC;EAAW,CAAC,GAAGL,eAAe,CAAC,CAAC;EAExC,oBACIL,KAAA,CAAAW,aAAA,CAACV,MAAM;IACHW,OAAO,EAAEA,CAAA,KAAMF,UAAU,CAAC,CAAE;IAC5BG,QAAQ,EAAEJ,KAAK,CAACI,QAAS;IACzBC,IAAI,eAAEd,KAAA,CAAAW,aAAA,CAACP,IAAI,MAAE,CAAE;IACfW,IAAI,EAAET,CAAC,YAAa;IACpBU,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/ButtonCreate/ButtonCreate.js","sources":["../../../../src/components/FolderTree/ButtonCreate/ButtonCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { useCreateDialog } from \"~/dialogs/index.js\";\n\ntype ButtonCreateProps = {\n    disabled?: boolean;\n    onCreateFolder?: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const ButtonCreate = (props: ButtonCreateProps) => {\n    const { showDialog } = useCreateDialog();\n\n    const handleClick = () => {\n        if (props.onCreateFolder) {\n            props.onCreateFolder();\n        } else {\n            showDialog();\n        }\n    };\n\n    return (\n        <Button\n            onClick={handleClick}\n            disabled={props.disabled}\n            icon={<Plus />}\n            text={t`New folder`}\n            variant={\"secondary\"}\n            size={\"sm\"}\n        />\n    );\n};\n"],"names":["t","i18n","ButtonCreate","props","showDialog","useCreateDialog","handleClick","Button","Plus"],"mappings":";;;;;AAWA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,eAAe,CAACC;IACzB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,cAAc;QAChB,IAAIH,MAAM,cAAc,EACpBA,MAAM,cAAc;aAEpBC;IAER;IAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;QACH,SAASD;QACT,UAAUH,MAAM,QAAQ;QACxB,oBAAM,oBAACK,gBAAIA;QACX,MAAMR,CAAC,CAAC,UAAU,CAAC;QACnB,SAAS;QACT,MAAM;;AAGlB"}

package/components/FolderTree/ButtonCreate/index.js

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

package/components/FolderTree/Empty/Empty.js

@@ -1,11 +1,10 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Text } from "@webiny/admin-ui";
 const t = i18n.ns("app-aco/components/folder-tree/empty");
-export const Empty = () => {
-  return /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, t`No folders found...`);
-};
+const Empty = ()=>/*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, t`No folders found...`);
+export { Empty };
 
 //# sourceMappingURL=Empty.js.map

package/components/FolderTree/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Text","t","ns","Empty","createElement","size"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty = () => {\n    return <Text size={\"sm\"}>{t`No folders found...`}</Text>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,sCAAsC,CAAC;AAEzD,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE;EAAK,GAAEJ,CAAC,qBAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/Empty/Empty.js","sources":["../../../../src/components/FolderTree/Empty/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty = () => {\n    return <Text size={\"sm\"}>{t`No folders found...`}</Text>;\n};\n"],"names":["t","i18n","Empty","Text"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,QAAQ,IACV,WAAP,GAAO,oBAACC,MAAIA;QAAC,MAAM;OAAOH,CAAC,CAAC,mBAAmB,CAAC"}

package/components/FolderTree/Empty/index.js

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