@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/FolderTree/MenuActions/MenuActions.js

@@ -1,34 +1,24 @@
-import React from "react";
+import react from "react";
 import { OptionsMenu } from "@webiny/app-admin";
-import { cn, IconButton } from "@webiny/admin-ui";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { useAcoConfig } from "../../../config";
-import { useFolder } from "../../../hooks";
-export const MenuActions = () => {
-  const {
-    folder
-  } = useFolder();
-  const {
-    folder: folderConfig
-  } = useAcoConfig();
-
-  // If the user cannot manage folder structure, no need to show the menu.
-  if (!folder.canManageStructure) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item
-    onClick: e => e.stopPropagation(),
-    className: cn("wby-invisible group-hover:wby-visible", "wby-size-md wby-cursor-pointer", "wby-absolute wby-top-1/2  wby-right-sm wby--translate-y-1/2")
-  }, /*#__PURE__*/React.createElement(OptionsMenu, {
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
-      size: "xs",
-      variant: "ghost"
-    }),
-    actions: folderConfig.actions,
-    "data-testid": "folder.tree.menu-action"
-  }));
+import { IconButton, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { useFolder } from "../../../hooks/index.js";
+const MenuActions = ({ folderActions })=>{
+    const { folder } = useFolder();
+    if (!folder.canManageStructure) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        onClick: (e)=>e.stopPropagation(),
+        className: cn("invisible group-hover:visible", "size-md cursor-pointer", "absolute top-1/2  right-sm -translate-y-1/2")
+    }, /*#__PURE__*/ react.createElement(OptionsMenu, {
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "xs",
+            variant: "ghost"
+        }),
+        actions: folderActions,
+        "data-testid": "folder.tree.menu-action"
+    }));
 };
+export { MenuActions };
 
 //# sourceMappingURL=MenuActions.js.map

package/components/FolderTree/MenuActions/MenuActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","OptionsMenu","cn","IconButton","ReactComponent","MoreVerticalIcon","useAcoConfig","useFolder","MenuActions","folder","folderConfig","canManageStructure","createElement","onClick","e","stopPropagation","className","trigger","icon","size","variant","actions"],"sources":["MenuActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { cn, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { useAcoConfig } from \"~/config\";\nimport { useFolder } from \"~/hooks\";\n\nexport const MenuActions = () => {\n    const { folder } = useFolder();\n    const { folder: folderConfig } = useAcoConfig();\n\n    // If the user cannot manage folder structure, no need to show the menu.\n    if (!folder.canManageStructure) {\n        return null;\n    }\n\n    return (\n        <div\n            // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item\n            onClick={e => e.stopPropagation()}\n            className={cn(\n                \"wby-invisible group-hover:wby-visible\",\n                \"wby-size-md wby-cursor-pointer\",\n                \"wby-absolute wby-top-1/2  wby-right-sm wby--translate-y-1/2\"\n            )}\n        >\n            <OptionsMenu\n                trigger={<IconButton icon={<MoreVerticalIcon />} size={\"xs\"} variant={\"ghost\"} />}\n                actions={folderConfig.actions}\n                data-testid={\"folder.tree.menu-action\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AACjD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,YAAY;AACrB,SAASC,SAAS;AAElB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEE,MAAM,EAAEC;EAAa,CAAC,GAAGJ,YAAY,CAAC,CAAC;;EAE/C;EACA,IAAI,CAACG,MAAM,CAACE,kBAAkB,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIX,KAAA,CAAAY,aAAA;IACI;IACAC,OAAO,EAAEC,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC,CAAE;IAClCC,SAAS,EAAEd,EAAE,CACT,uCAAuC,EACvC,gCAAgC,EAChC,6DACJ;EAAE,gBAEFF,KAAA,CAAAY,aAAA,CAACX,WAAW;IACRgB,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACT,UAAU;MAACe,IAAI,eAAElB,KAAA,CAAAY,aAAA,CAACP,gBAAgB,MAAE,CAAE;MAACc,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IAClFC,OAAO,EAAEX,YAAY,CAACW,OAAQ;IAC9B,eAAa;EAA0B,CAC1C,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/MenuActions/MenuActions.js","sources":["../../../../src/components/FolderTree/MenuActions/MenuActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { cn, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport type { FolderActionConfig } from \"~/config/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\ninterface MenuActionsProps {\n    folderActions: FolderActionConfig[];\n}\n\nexport const MenuActions = ({ folderActions }: MenuActionsProps) => {\n    const { folder } = useFolder();\n\n    // If the user cannot manage folder structure, no need to show the menu.\n    if (!folder.canManageStructure) {\n        return null;\n    }\n\n    return (\n        <div\n            // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item\n            onClick={e => e.stopPropagation()}\n            className={cn(\n                \"invisible group-hover:visible\",\n                \"size-md cursor-pointer\",\n                \"absolute top-1/2  right-sm -translate-y-1/2\"\n            )}\n        >\n            <OptionsMenu\n                trigger={<IconButton icon={<MoreVerticalIcon />} size={\"xs\"} variant={\"ghost\"} />}\n                actions={folderActions}\n                data-testid={\"folder.tree.menu-action\"}\n            />\n        </div>\n    );\n};\n"],"names":["MenuActions","folderActions","folder","useFolder","e","cn","OptionsMenu","IconButton","MoreVerticalIcon"],"mappings":";;;;;AAWO,MAAMA,cAAc,CAAC,EAAEC,aAAa,EAAoB;IAC3D,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAGnB,IAAI,CAACD,OAAO,kBAAkB,EAC1B,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAEG,SAASE,CAAAA,IAAKA,EAAE,eAAe;QAC/B,WAAWC,GACP,iCACA,0BACA;qBAGJ,oBAACC,aAAWA;QACR,uBAAS,oBAACC,YAAUA;YAAC,oBAAM,oBAACC,gBAAgBA;YAAK,MAAM;YAAM,SAAS;;QACtE,SAASP;QACT,eAAa;;AAI7B"}

package/components/FolderTree/MenuActions/index.d.ts

@@ -1 +1 @@
-export * from "./MenuActions";
+export * from "./MenuActions.js";

package/components/FolderTree/MenuActions/index.js

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

package/components/FolderTree/Node/Node.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { FolderActionConfig } from "../../../config/AcoConfig.js";
 interface FolderProps {
     text: string;
     isRoot: boolean;
@@ -7,7 +8,8 @@ interface FolderProps {
 }
 export declare const FolderNode: ({ isRoot, hasNonInheritedPermissions, canManagePermissions, text }: FolderProps) => React.JSX.Element;
 type NodeProps = {
+    folderActions: FolderActionConfig[];
     enableActions?: boolean;
 };
-export declare const Node: ({ enableActions }: NodeProps) => React.JSX.Element;
+export declare const Node: ({ folderActions, enableActions }: NodeProps) => React.JSX.Element;
 export {};

package/components/FolderTree/Node/Node.js

@@ -1,52 +1,35 @@
-import React from "react";
+import react from "react";
 import { Text, Tree } from "@webiny/admin-ui";
-import { ReactComponent as Folder } from "@webiny/icons/folder.svg";
-import { ReactComponent as FolderShared } from "@webiny/icons/folder_shared.svg";
-import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
-import { MenuActions } from "../MenuActions";
-import { ROOT_FOLDER } from "../../../constants";
-import { useFolder } from "../../../hooks";
-export const FolderNode = ({
-  isRoot,
-  hasNonInheritedPermissions,
-  canManagePermissions,
-  text
-}) => {
-  let icon = /*#__PURE__*/React.createElement(HomeIcon, null);
-  if (!isRoot) {
-    if (hasNonInheritedPermissions && canManagePermissions) {
-      icon = /*#__PURE__*/React.createElement(FolderShared, null);
-    } else {
-      icon = /*#__PURE__*/React.createElement(Folder, null);
-    }
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree.Item.Icon, {
-    label: "Folder",
-    element: icon
-  }), /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-truncate"
-  }, text));
+import { ReactComponent } from "@webiny/icons/folder.svg";
+import { ReactComponent as folder_shared_svg_ReactComponent } from "@webiny/icons/folder_shared.svg";
+import { ReactComponent as home_svg_ReactComponent } from "@webiny/icons/home.svg";
+import { MenuActions } from "../MenuActions/index.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { useFolder } from "../../../hooks/index.js";
+const FolderNode = ({ isRoot, hasNonInheritedPermissions, canManagePermissions, text })=>{
+    let icon = /*#__PURE__*/ react.createElement(home_svg_ReactComponent, null);
+    if (!isRoot) icon = hasNonInheritedPermissions && canManagePermissions ? /*#__PURE__*/ react.createElement(folder_shared_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tree.Item.Icon, {
+        label: "Folder",
+        element: icon
+    }), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "truncate"
+    }, text));
 };
-export const Node = ({
-  enableActions
-}) => {
-  const {
-    folder
-  } = useFolder();
-  const {
-    hasNonInheritedPermissions,
-    canManagePermissions,
-    title,
-    id
-  } = folder || {};
-  const isRoot = id === ROOT_FOLDER;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FolderNode, {
-    isRoot: isRoot,
-    text: title,
-    hasNonInheritedPermissions: hasNonInheritedPermissions,
-    canManagePermissions: canManagePermissions
-  }), enableActions && !isRoot && /*#__PURE__*/React.createElement(MenuActions, null));
+const Node = ({ folderActions, enableActions })=>{
+    const { folder } = useFolder();
+    const { hasNonInheritedPermissions, canManagePermissions, title, id } = folder || {};
+    const isRoot = id === ROOT_FOLDER;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FolderNode, {
+        isRoot: isRoot,
+        text: title,
+        hasNonInheritedPermissions: hasNonInheritedPermissions,
+        canManagePermissions: canManagePermissions
+    }), enableActions && !isRoot && /*#__PURE__*/ react.createElement(MenuActions, {
+        folderActions: folderActions
+    }));
 };
+export { FolderNode, Node };
 
 //# sourceMappingURL=Node.js.map

package/components/FolderTree/Node/Node.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Tree","ReactComponent","Folder","FolderShared","HomeIcon","MenuActions","ROOT_FOLDER","useFolder","FolderNode","isRoot","hasNonInheritedPermissions","canManagePermissions","text","icon","createElement","Fragment","Item","Icon","label","element","as","className","Node","enableActions","folder","title","id"],"sources":["Node.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, Tree } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { MenuActions } from \"../MenuActions\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useFolder } from \"~/hooks\";\n\ninterface FolderProps {\n    text: string;\n    isRoot: boolean;\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n}\n\nexport const FolderNode = ({\n    isRoot,\n    hasNonInheritedPermissions,\n    canManagePermissions,\n    text\n}: FolderProps) => {\n    let icon = <HomeIcon />;\n\n    if (!isRoot) {\n        if (hasNonInheritedPermissions && canManagePermissions) {\n            icon = <FolderShared />;\n        } else {\n            icon = <Folder />;\n        }\n    }\n\n    return (\n        <>\n            <Tree.Item.Icon label={\"Folder\"} element={icon} />\n            <Text as={\"div\"} className={\"wby-truncate\"}>\n                {text}\n            </Text>\n        </>\n    );\n};\n\ntype NodeProps = {\n    enableActions?: boolean;\n};\n\nexport const Node = ({ enableActions }: NodeProps) => {\n    const { folder } = useFolder();\n\n    const { hasNonInheritedPermissions, canManagePermissions, title, id } = folder || {};\n    const isRoot = id === ROOT_FOLDER;\n\n    return (\n        <>\n            <FolderNode\n                isRoot={isRoot}\n                text={title}\n                hasNonInheritedPermissions={hasNonInheritedPermissions}\n                canManagePermissions={canManagePermissions}\n            />\n            {enableActions && !isRoot && <MenuActions />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAChF,SAASF,cAAc,IAAIG,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,SAAS;AASlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACvBC,MAAM;EACNC,0BAA0B;EAC1BC,oBAAoB;EACpBC;AACS,CAAC,KAAK;EACf,IAAIC,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACV,QAAQ,MAAE,CAAC;EAEvB,IAAI,CAACK,MAAM,EAAE;IACT,IAAIC,0BAA0B,IAAIC,oBAAoB,EAAE;MACpDE,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACX,YAAY,MAAE,CAAC;IAC3B,CAAC,MAAM;MACHU,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACZ,MAAM,MAAE,CAAC;IACrB;EACJ;EAEA,oBACIJ,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,IAAI,CAACC,IAAI;IAACC,KAAK,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAK,CAAE,CAAC,eAClDf,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACqB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAe,GACtCT,IACC,CACR,CAAC;AAEX,CAAC;AAMD,OAAO,MAAMU,IAAI,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGjB,SAAS,CAAC,CAAC;EAE9B,MAAM;IAAEG,0BAA0B;IAAEC,oBAAoB;IAAEc,KAAK;IAAEC;EAAG,CAAC,GAAGF,MAAM,IAAI,CAAC,CAAC;EACpF,MAAMf,MAAM,GAAGiB,EAAE,KAAKpB,WAAW;EAEjC,oBACIR,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACN,UAAU;IACPC,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEa,KAAM;IACZf,0BAA0B,EAAEA,0BAA2B;IACvDC,oBAAoB,EAAEA;EAAqB,CAC9C,CAAC,EACDY,aAAa,IAAI,CAACd,MAAM,iBAAIX,KAAA,CAAAgB,aAAA,CAACT,WAAW,MAAE,CAC7C,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/Node/Node.js","sources":["../../../../src/components/FolderTree/Node/Node.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, Tree } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { MenuActions } from \"../MenuActions/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { useFolder } from \"~/hooks/index.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\ninterface FolderProps {\n    text: string;\n    isRoot: boolean;\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n}\n\nexport const FolderNode = ({\n    isRoot,\n    hasNonInheritedPermissions,\n    canManagePermissions,\n    text\n}: FolderProps) => {\n    let icon = <HomeIcon />;\n\n    if (!isRoot) {\n        if (hasNonInheritedPermissions && canManagePermissions) {\n            icon = <FolderShared />;\n        } else {\n            icon = <Folder />;\n        }\n    }\n\n    return (\n        <>\n            <Tree.Item.Icon label={\"Folder\"} element={icon} />\n            <Text as={\"div\"} className={\"truncate\"}>\n                {text}\n            </Text>\n        </>\n    );\n};\n\ntype NodeProps = {\n    folderActions: FolderActionConfig[];\n    enableActions?: boolean;\n};\n\nexport const Node = ({ folderActions, enableActions }: NodeProps) => {\n    const { folder } = useFolder();\n\n    const { hasNonInheritedPermissions, canManagePermissions, title, id } = folder || {};\n    const isRoot = id === ROOT_FOLDER;\n\n    return (\n        <>\n            <FolderNode\n                isRoot={isRoot}\n                text={title}\n                hasNonInheritedPermissions={hasNonInheritedPermissions}\n                canManagePermissions={canManagePermissions}\n            />\n            {enableActions && !isRoot && <MenuActions folderActions={folderActions} />}\n        </>\n    );\n};\n"],"names":["FolderNode","isRoot","hasNonInheritedPermissions","canManagePermissions","text","icon","HomeIcon","FolderShared","Folder","Tree","Text","Node","folderActions","enableActions","folder","useFolder","title","id","ROOT_FOLDER","MenuActions"],"mappings":";;;;;;;;AAiBO,MAAMA,aAAa,CAAC,EACvBC,MAAM,EACNC,0BAA0B,EAC1BC,oBAAoB,EACpBC,IAAI,EACM;IACV,IAAIC,OAAO,WAAPA,GAAO,oBAACC,yBAAQA;IAEpB,IAAI,CAACL,QAEGI,OADAH,8BAA8BC,uBACvB,WAAPE,GAAO,oBAACE,kCAAYA,QAEb,WAAPF,GAAO,oBAACG,gBAAMA;IAItB,OAAO,WAAP,GACI,wDACI,oBAACC,KAAK,IAAI,CAAC,IAAI;QAAC,OAAO;QAAU,SAASJ;sBAC1C,oBAACK,MAAIA;QAAC,IAAI;QAAO,WAAW;OACvBN;AAIjB;AAOO,MAAMO,OAAO,CAAC,EAAEC,aAAa,EAAEC,aAAa,EAAa;IAC5D,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnB,MAAM,EAAEb,0BAA0B,EAAEC,oBAAoB,EAAEa,KAAK,EAAEC,EAAE,EAAE,GAAGH,UAAU,CAAC;IACnF,MAAMb,SAASgB,OAAOC;IAEtB,OAAO,WAAP,GACI,wDACI,oBAAClB,YAAUA;QACP,QAAQC;QACR,MAAMe;QACN,4BAA4Bd;QAC5B,sBAAsBC;QAEzBU,iBAAiB,CAACZ,UAAU,WAAVA,GAAU,oBAACkB,aAAWA;QAAC,eAAeP;;AAGrE"}

package/components/FolderTree/Node/index.d.ts

@@ -1 +1 @@
-export * from "./Node";
+export * from "./Node.js";

package/components/FolderTree/Node/index.js

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

package/components/FolderTree/NodePreview/NodePreview.js

@@ -1,18 +1,15 @@
-import React from "react";
+import react from "react";
 import { Tree } from "@webiny/admin-ui";
-import { FolderNode } from "../Node";
-export const NodePreview = ({
-  text
-}) => {
-  return /*#__PURE__*/React.createElement(Tree.Item, {
-    className: "wby-bg-neutral-dark/10 wby-absolute wby-z-[100]",
-    style: {
-      maxWidth: 256
-    }
-  }, /*#__PURE__*/React.createElement(FolderNode, {
-    text: text,
-    isRoot: false
-  }));
-};
+import { FolderNode } from "../Node/index.js";
+const NodePreview = ({ text })=>/*#__PURE__*/ react.createElement(Tree.Item, {
+        className: "bg-neutral-dark/10 absolute z-150",
+        style: {
+            maxWidth: 256
+        }
+    }, /*#__PURE__*/ react.createElement(FolderNode, {
+        text: text,
+        isRoot: false
+    }));
+export { NodePreview };
 
 //# sourceMappingURL=NodePreview.js.map

package/components/FolderTree/NodePreview/NodePreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tree","FolderNode","NodePreview","text","createElement","Item","className","style","maxWidth","isRoot"],"sources":["NodePreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tree } from \"@webiny/admin-ui\";\nimport { FolderNode } from \"../Node\";\n\ntype NodePreviewProps = {\n    text: string;\n};\n\nexport const NodePreview = ({ text }: NodePreviewProps) => {\n    return (\n        <Tree.Item\n            className={\"wby-bg-neutral-dark/10 wby-absolute wby-z-[100]\"}\n            style={{ maxWidth: 256 }}\n        >\n            <FolderNode text={text} isRoot={false} />\n        </Tree.Item>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU;AAMnB,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACvD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,IAAI;IACNC,SAAS,EAAE,iDAAkD;IAC7DC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAEzBT,KAAA,CAAAK,aAAA,CAACH,UAAU;IAACE,IAAI,EAAEA,IAAK;IAACM,MAAM,EAAE;EAAM,CAAE,CACjC,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/NodePreview/NodePreview.js","sources":["../../../../src/components/FolderTree/NodePreview/NodePreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tree } from \"@webiny/admin-ui\";\nimport { FolderNode } from \"../Node/index.js\";\n\ntype NodePreviewProps = {\n    text: string;\n};\n\nexport const NodePreview = ({ text }: NodePreviewProps) => {\n    return (\n        <Tree.Item className={\"bg-neutral-dark/10 absolute z-150\"} style={{ maxWidth: 256 }}>\n            <FolderNode text={text} isRoot={false} />\n        </Tree.Item>\n    );\n};\n"],"names":["NodePreview","text","Tree","FolderNode"],"mappings":";;;AAQO,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAoB,GAC3C,WAAP,GACI,oBAACC,KAAK,IAAI;QAAC,WAAW;QAAqC,OAAO;YAAE,UAAU;QAAI;qBAC9E,oBAACC,YAAUA;QAAC,MAAMF;QAAM,QAAQ"}

package/components/FolderTree/NodePreview/index.d.ts

@@ -1 +1 @@
-export * from "./NodePreview";
+export * from "./NodePreview.js";

package/components/FolderTree/NodePreview/index.js

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

package/components/FolderTree/index.d.ts

@@ -1,13 +1,17 @@
 import React from "react";
-import { Loader } from "./Loader";
-import type { FolderItem } from "../../types";
+import type { FolderDto } from "../../domain/folder/FolderDto.js";
+import { Loader } from "./Loader/index.js";
+import type { FolderActionConfig } from "../../config/AcoConfig.js";
 export { Loader };
 export interface FolderTreeProps {
-    onFolderClick: (data: FolderItem) => void;
+    folderActions?: FolderActionConfig[];
+    onFolderClick: (data: FolderDto) => void;
     enableCreate?: boolean;
+    onCreateFolder?: () => void;
     rootFolderLabel?: string;
     enableActions?: boolean;
+    dropConfirmation?: boolean;
     focusedFolderId?: string;
     hiddenFolderIds?: string[];
 }
-export declare const FolderTree: ({ focusedFolderId, hiddenFolderIds, enableActions, enableCreate, onFolderClick, rootFolderLabel }: FolderTreeProps) => React.JSX.Element;
+export declare const FolderTree: ({ folderActions, focusedFolderId, hiddenFolderIds, enableActions, enableCreate, onCreateFolder, onFolderClick, dropConfirmation, rootFolderLabel }: FolderTreeProps) => React.JSX.Element;

package/components/FolderTree/index.js

@@ -1,63 +1,57 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { Tooltip } from "@webiny/admin-ui";
-import { useGetFolderHierarchy, useGetFolderLevelPermission } from "../../features";
-import { ButtonCreate } from "./ButtonCreate";
-import { Loader } from "./Loader";
-import { List } from "./List";
-import { ROOT_FOLDER } from "../../constants";
-import { AcoWithConfig } from "../../config";
-export { Loader };
-export const FolderTree = ({
-  focusedFolderId,
-  hiddenFolderIds,
-  enableActions,
-  enableCreate,
-  onFolderClick,
-  rootFolderLabel
-}) => {
-  const {
-    folders,
-    getIsFolderLoading
-  } = useGetFolderHierarchy();
-  const {
-    getFolderLevelPermission: canManageStructure
-  } = useGetFolderLevelPermission("canManageStructure");
-  const localFolders = useMemo(() => {
-    if (!folders) {
-      return [];
-    }
-    return folders.map(item => item.id === ROOT_FOLDER && rootFolderLabel ? {
-      ...item,
-      title: rootFolderLabel
-    } : item);
-  }, [folders, rootFolderLabel]);
-  const createButton = useMemo(() => {
-    if (!enableCreate) {
-      return null;
-    }
-    const canCreate = canManageStructure(focusedFolderId);
-    const button = /*#__PURE__*/React.createElement(ButtonCreate, {
-      disabled: !canCreate
-    });
-    return canCreate ? button : /*#__PURE__*/React.createElement(Tooltip, {
-      content: `Cannot create folder because you're not an owner.`,
-      trigger: button
-    });
-  }, [enableCreate, canManageStructure, focusedFolderId, localFolders]);
-  if (getIsFolderLoading()) {
-    return /*#__PURE__*/React.createElement(Loader, null);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-xs"
-  }, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(List, {
-    folders: localFolders,
-    onFolderClick: onFolderClick,
-    focusedFolderId: focusedFolderId,
-    hiddenFolderIds: hiddenFolderIds,
-    enableActions: enableActions
-  }), enableCreate && /*#__PURE__*/React.createElement("div", {
-    className: "wby-m-xs-plus wby-mt-sm-plus wby-mb-lg wby-pl-sm-extra"
-  }, createButton)));
+import { useGetFolderLevelPermission } from "../../features/folders/getFolderLevelPermission/index.js";
+import { useLoadFolderHierarchy } from "../../features/folders/loadFolderHierarchy/index.js";
+import { ButtonCreate } from "./ButtonCreate/index.js";
+import { Loader } from "./Loader/index.js";
+import { List } from "./List/index.js";
+import { ROOT_FOLDER } from "../../constants.js";
+const FolderTree = ({ folderActions = [], focusedFolderId, hiddenFolderIds, enableActions, enableCreate, onCreateFolder, onFolderClick, dropConfirmation, rootFolderLabel })=>{
+    const { folders, getIsFolderLoading } = useLoadFolderHierarchy();
+    const { getFolderLevelPermission: canManageStructure } = useGetFolderLevelPermission("canManageStructure");
+    const localFolders = useMemo(()=>{
+        if (!folders) return [];
+        return folders.map((item)=>item.id === ROOT_FOLDER && rootFolderLabel ? {
+                ...item,
+                title: rootFolderLabel
+            } : item);
+    }, [
+        folders,
+        rootFolderLabel
+    ]);
+    const createButton = useMemo(()=>{
+        if (!enableCreate) return null;
+        const canCreate = canManageStructure(focusedFolderId);
+        const button = /*#__PURE__*/ react.createElement(ButtonCreate, {
+            disabled: !canCreate,
+            onCreateFolder: onCreateFolder
+        });
+        return canCreate ? button : /*#__PURE__*/ react.createElement(Tooltip, {
+            content: "Cannot create folder because you're not an owner.",
+            trigger: button
+        });
+    }, [
+        enableCreate,
+        canManageStructure,
+        focusedFolderId,
+        localFolders,
+        onCreateFolder
+    ]);
+    if (getIsFolderLoading()) return /*#__PURE__*/ react.createElement(Loader, null);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "my-xs"
+    }, /*#__PURE__*/ react.createElement(List, {
+        dropConfirmation: dropConfirmation,
+        folders: localFolders,
+        folderActions: folderActions,
+        onFolderClick: onFolderClick,
+        focusedFolderId: focusedFolderId,
+        hiddenFolderIds: hiddenFolderIds,
+        enableActions: enableActions
+    }), enableCreate && /*#__PURE__*/ react.createElement("div", {
+        className: "m-xs-plus mt-sm-plus mb-lg pl-sm-extra"
+    }, createButton));
 };
+export { FolderTree, Loader };
 
 //# sourceMappingURL=index.js.map

package/components/FolderTree/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","useGetFolderHierarchy","useGetFolderLevelPermission","ButtonCreate","Loader","List","ROOT_FOLDER","AcoWithConfig","FolderTree","focusedFolderId","hiddenFolderIds","enableActions","enableCreate","onFolderClick","rootFolderLabel","folders","getIsFolderLoading","getFolderLevelPermission","canManageStructure","localFolders","map","item","id","title","createButton","canCreate","button","createElement","disabled","content","trigger","className"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { useGetFolderHierarchy, useGetFolderLevelPermission } from \"~/features\";\nimport { ButtonCreate } from \"./ButtonCreate\";\nimport { Loader } from \"./Loader\";\nimport { List } from \"./List\";\nimport type { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { AcoWithConfig } from \"~/config\";\n\nexport { Loader };\n\nexport interface FolderTreeProps {\n    onFolderClick: (data: FolderItem) => void;\n    enableCreate?: boolean;\n    rootFolderLabel?: string;\n    enableActions?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n}\n\nexport const FolderTree = ({\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    enableCreate,\n    onFolderClick,\n    rootFolderLabel\n}: FolderTreeProps) => {\n    const { folders, getIsFolderLoading } = useGetFolderHierarchy();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const localFolders = useMemo(() => {\n        if (!folders) {\n            return [];\n        }\n\n        return folders.map(item =>\n            item.id === ROOT_FOLDER && rootFolderLabel ? { ...item, title: rootFolderLabel } : item\n        );\n    }, [folders, rootFolderLabel]);\n\n    const createButton = useMemo(() => {\n        if (!enableCreate) {\n            return null;\n        }\n\n        const canCreate = canManageStructure(focusedFolderId!);\n        const button = <ButtonCreate disabled={!canCreate} />;\n\n        return canCreate ? (\n            button\n        ) : (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={button}\n            />\n        );\n    }, [enableCreate, canManageStructure, focusedFolderId, localFolders]);\n\n    if (getIsFolderLoading()) {\n        return <Loader />;\n    }\n\n    return (\n        <div className=\"wby-my-xs\">\n            <AcoWithConfig>\n                <List\n                    folders={localFolders}\n                    onFolderClick={onFolderClick}\n                    focusedFolderId={focusedFolderId}\n                    hiddenFolderIds={hiddenFolderIds}\n                    enableActions={enableActions}\n                />\n                {enableCreate && (\n                    <div className={\"wby-m-xs-plus wby-mt-sm-plus wby-mb-lg wby-pl-sm-extra\"}>\n                        {createButton}\n                    </div>\n                )}\n            </AcoWithConfig>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,qBAAqB,EAAEC,2BAA2B;AAC3D,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,IAAI;AAEb,SAASC,WAAW;AACpB,SAASC,aAAa;AAEtB,SAASH,MAAM;AAWf,OAAO,MAAMI,UAAU,GAAGA,CAAC;EACvBC,eAAe;EACfC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,aAAa;EACbC;AACa,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAGf,qBAAqB,CAAC,CAAC;EAC/D,MAAM;IAAEgB,wBAAwB,EAAEC;EAAmB,CAAC,GAClDhB,2BAA2B,CAAC,oBAAoB,CAAC;EAErD,MAAMiB,YAAY,GAAGpB,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACgB,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACK,GAAG,CAACC,IAAI,IACnBA,IAAI,CAACC,EAAE,KAAKhB,WAAW,IAAIQ,eAAe,GAAG;MAAE,GAAGO,IAAI;MAAEE,KAAK,EAAET;IAAgB,CAAC,GAAGO,IACvF,CAAC;EACL,CAAC,EAAE,CAACN,OAAO,EAAED,eAAe,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGzB,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACa,YAAY,EAAE;MACf,OAAO,IAAI;IACf;IAEA,MAAMa,SAAS,GAAGP,kBAAkB,CAACT,eAAgB,CAAC;IACtD,MAAMiB,MAAM,gBAAG5B,KAAA,CAAA6B,aAAA,CAACxB,YAAY;MAACyB,QAAQ,EAAE,CAACH;IAAU,CAAE,CAAC;IAErD,OAAOA,SAAS,GACZC,MAAM,gBAEN5B,KAAA,CAAA6B,aAAA,CAAC3B,OAAO;MACJ6B,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAEJ;IAAO,CACnB,CACJ;EACL,CAAC,EAAE,CAACd,YAAY,EAAEM,kBAAkB,EAAET,eAAe,EAAEU,YAAY,CAAC,CAAC;EAErE,IAAIH,kBAAkB,CAAC,CAAC,EAAE;IACtB,oBAAOlB,KAAA,CAAA6B,aAAA,CAACvB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIN,KAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAW,gBACtBjC,KAAA,CAAA6B,aAAA,CAACpB,aAAa,qBACVT,KAAA,CAAA6B,aAAA,CAACtB,IAAI;IACDU,OAAO,EAAEI,YAAa;IACtBN,aAAa,EAAEA,aAAc;IAC7BJ,eAAe,EAAEA,eAAgB;IACjCC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA;EAAc,CAChC,CAAC,EACDC,YAAY,iBACTd,KAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAE;EAAyD,GACpEP,YACA,CAEE,CACd,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/index.js","sources":["../../../src/components/FolderTree/index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetFolderLevelPermission } from \"~/features/folders/getFolderLevelPermission/index.js\";\nimport { useLoadFolderHierarchy } from \"~/features/folders/loadFolderHierarchy/index.js\";\nimport { ButtonCreate } from \"./ButtonCreate/index.js\";\nimport { Loader } from \"./Loader/index.js\";\nimport { List } from \"./List/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\nexport { Loader };\n\nexport interface FolderTreeProps {\n    folderActions?: FolderActionConfig[];\n    onFolderClick: (data: FolderDto) => void;\n    enableCreate?: boolean;\n    onCreateFolder?: () => void;\n    rootFolderLabel?: string;\n    enableActions?: boolean;\n    dropConfirmation?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n}\n\nexport const FolderTree = ({\n    folderActions = [],\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    enableCreate,\n    onCreateFolder,\n    onFolderClick,\n    dropConfirmation,\n    rootFolderLabel\n}: FolderTreeProps) => {\n    const { folders, getIsFolderLoading } = useLoadFolderHierarchy();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const localFolders = useMemo(() => {\n        if (!folders) {\n            return [];\n        }\n\n        return folders.map(item =>\n            item.id === ROOT_FOLDER && rootFolderLabel ? { ...item, title: rootFolderLabel } : item\n        );\n    }, [folders, rootFolderLabel]);\n\n    const createButton = useMemo(() => {\n        if (!enableCreate) {\n            return null;\n        }\n\n        const canCreate = canManageStructure(focusedFolderId!);\n        const button = <ButtonCreate disabled={!canCreate} onCreateFolder={onCreateFolder} />;\n\n        return canCreate ? (\n            button\n        ) : (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={button}\n            />\n        );\n    }, [enableCreate, canManageStructure, focusedFolderId, localFolders, onCreateFolder]);\n\n    if (getIsFolderLoading()) {\n        return <Loader />;\n    }\n\n    return (\n        <div className=\"my-xs\">\n            <List\n                dropConfirmation={dropConfirmation}\n                folders={localFolders}\n                folderActions={folderActions}\n                onFolderClick={onFolderClick}\n                focusedFolderId={focusedFolderId}\n                hiddenFolderIds={hiddenFolderIds}\n                enableActions={enableActions}\n            />\n            {enableCreate && (\n                <div className={\"m-xs-plus mt-sm-plus mb-lg pl-sm-extra\"}>{createButton}</div>\n            )}\n        </div>\n    );\n};\n"],"names":["FolderTree","folderActions","focusedFolderId","hiddenFolderIds","enableActions","enableCreate","onCreateFolder","onFolderClick","dropConfirmation","rootFolderLabel","folders","getIsFolderLoading","useLoadFolderHierarchy","canManageStructure","useGetFolderLevelPermission","localFolders","useMemo","item","ROOT_FOLDER","createButton","canCreate","button","ButtonCreate","Tooltip","Loader","List"],"mappings":";;;;;;;;AAyBO,MAAMA,aAAa,CAAC,EACvBC,gBAAgB,EAAE,EAClBC,eAAe,EACfC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,eAAe,EACD;IACd,MAAM,EAAEC,OAAO,EAAEC,kBAAkB,EAAE,GAAGC;IACxC,MAAM,EAAE,0BAA0BC,kBAAkB,EAAE,GAClDC,4BAA4B;IAEhC,MAAMC,eAAeC,QAAQ;QACzB,IAAI,CAACN,SACD,OAAO,EAAE;QAGb,OAAOA,QAAQ,GAAG,CAACO,CAAAA,OACfA,KAAK,EAAE,KAAKC,eAAeT,kBAAkB;gBAAE,GAAGQ,IAAI;gBAAE,OAAOR;YAAgB,IAAIQ;IAE3F,GAAG;QAACP;QAASD;KAAgB;IAE7B,MAAMU,eAAeH,QAAQ;QACzB,IAAI,CAACX,cACD,OAAO;QAGX,MAAMe,YAAYP,mBAAmBX;QACrC,MAAMmB,SAAS,WAATA,GAAS,oBAACC,cAAYA;YAAC,UAAU,CAACF;YAAW,gBAAgBd;;QAEnE,OAAOc,YACHC,SAAAA,WAAAA,GAEA,oBAACE,SAAOA;YACJ,SAAS;YACT,SAASF;;IAGrB,GAAG;QAAChB;QAAcQ;QAAoBX;QAAiBa;QAAcT;KAAe;IAEpF,IAAIK,sBACA,OAAO,WAAP,GAAO,oBAACa,QAAMA;IAGlB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QACD,kBAAkBjB;QAClB,SAASO;QACT,eAAed;QACf,eAAeM;QACf,iBAAiBL;QACjB,iBAAiBC;QACjB,eAAeC;QAElBC,gBAAgB,WAAhBA,GACG,oBAAC;QAAI,WAAW;OAA2Cc;AAI3E"}

package/components/Search/Search.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface SearchProps {
     value: string;
     onChange: (value: string) => void;
-    placeholder?: string;
+    placeholder: string;
 }
 export declare const Search: ({ value, onChange, placeholder }: SearchProps) => React.JSX.Element;
 export {};

package/components/Search/Search.js

@@ -1,23 +1,18 @@
-import React from "react";
+import react from "react";
 import { Icon, Input } from "@webiny/admin-ui";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-export const Search = ({
-  value,
-  onChange,
-  placeholder
-}) => {
-  return /*#__PURE__*/React.createElement(Input, {
-    value: value,
-    onChange: onChange,
-    placeholder: placeholder,
-    size: "md",
-    variant: "ghost",
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      label: "Search",
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
-    }),
-    className: "wby-w-full"
-  });
-};
+import { ReactComponent } from "@webiny/icons/search.svg";
+const Search = ({ value, onChange, placeholder })=>/*#__PURE__*/ react.createElement(Input, {
+        value: value,
+        onChange: onChange,
+        placeholder: placeholder,
+        size: "md",
+        variant: "ghost",
+        startIcon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "Search",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        className: "w-full"
+    });
+export { Search };
 
 //# sourceMappingURL=Search.js.map

package/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Input","ReactComponent","SearchIcon","Search","value","onChange","placeholder","createElement","size","variant","startIcon","label","icon","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\n\ninterface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    placeholder?: string;\n}\n\nexport const Search = ({ value, onChange, placeholder }: SearchProps) => {\n    return (\n        <Input\n            value={value}\n            onChange={onChange}\n            placeholder={placeholder}\n            size={\"md\"}\n            variant={\"ghost\"}\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            className={\"wby-w-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAQvE,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EACrE,oBACIR,KAAA,CAAAS,aAAA,CAACP,KAAK;IACFI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBE,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACR,IAAI;MAACY,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACL,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DW,SAAS,EAAE;EAAa,CAC3B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Search/Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\n\ninterface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    placeholder: string;\n}\n\nexport const Search = ({ value, onChange, placeholder }: SearchProps) => {\n    return (\n        <Input\n            value={value}\n            onChange={onChange}\n            placeholder={placeholder}\n            size={\"md\"}\n            variant={\"ghost\"}\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            className={\"w-full\"}\n        />\n    );\n};\n"],"names":["Search","value","onChange","placeholder","Input","Icon","SearchIcon"],"mappings":";;;AAUO,MAAMA,SAAS,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,WAAW,EAAe,GACzD,WAAP,GACI,oBAACC,OAAKA;QACF,OAAOH;QACP,UAAUC;QACV,aAAaC;QACb,MAAM;QACN,SAAS;QACT,yBAAW,oBAACE,MAAIA;YAAC,OAAO;YAAU,oBAAM,oBAACC,gBAAUA;;QACnD,WAAW"}

package/components/Search/index.d.ts

@@ -1 +1 @@
-export * from "./Search";
+export * from "./Search.js";

package/components/Search/index.js

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

package/components/Table/cells/CellAuthor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellAuthor: () => React.JSX.Element | null;

package/components/Table/cells/CellAuthor.js

@@ -0,0 +1,10 @@
+import react, { useContext } from "react";
+import { TableRowContext } from "../useTableRow.js";
+const CellAuthor = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, context.row.data.createdBy.displayName);
+};
+export { CellAuthor };
+
+//# sourceMappingURL=CellAuthor.js.map

package/components/Table/cells/CellAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellAuthor.js","sources":["../../../../src/components/Table/cells/CellAuthor.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellAuthor = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <>{context.row.data.createdBy.displayName}</>;\n};\n"],"names":["CellAuthor","context","useContext","TableRowContext"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGA,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;AACpD"}

package/components/Table/cells/CellCreated.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellCreated: () => React.JSX.Element | null;

package/components/Table/cells/CellCreated.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellCreated = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.createdOn
+    });
+};
+export { CellCreated };
+
+//# sourceMappingURL=CellCreated.js.map

package/components/Table/cells/CellCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellCreated.js","sources":["../../../../src/components/Table/cells/CellCreated.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellCreated = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.createdOn} />;\n};\n"],"names":["CellCreated","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,cAAc;IACvB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS;;AACxD"}

package/components/Table/cells/CellModified.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellModified: () => React.JSX.Element | null;

package/components/Table/cells/CellModified.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellModified = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.savedOn
+    });
+};
+export { CellModified };
+
+//# sourceMappingURL=CellModified.js.map

package/components/Table/cells/CellModified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellModified.js","sources":["../../../../src/components/Table/cells/CellModified.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellModified = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.savedOn} />;\n};\n"],"names":["CellModified","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;;AACtD"}

package/components/Table/cells/index.d.ts

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/cells/index.js

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";