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

package/components/AdvancedSearch/index.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
-import type { AdvancedSearchProps } from "./AdvancedSearch";
-export * from "./GraphQLInputMapper";
-export * from "./gateways";
-import type { FieldRaw } from "./domain";
-export * from "./useFilterRepository";
-export * from "./useInputField";
+import type { AdvancedSearchProps } from "./AdvancedSearch.js";
+export * from "./GraphQLInputMapper.js";
+export * from "./gateways/index.js";
+import type { FieldRaw } from "./domain/index.js";
+import type { FieldRendererConfig } from "../../config/advanced-search/FieldRenderer.js";
+export * from "./useFilterRepository.js";
+export * from "./useInputField.js";
 interface AdvancedSearchWithFieldRenderersProps extends Omit<AdvancedSearchProps, "fields"> {
+    fieldRenderers: FieldRendererConfig[];
     fields: FieldRaw[];
 }
 export declare const AdvancedSearch: (props: AdvancedSearchWithFieldRenderersProps) => React.JSX.Element;

package/components/AdvancedSearch/index.js

@@ -1,37 +1,31 @@
-import React, { useMemo } from "react";
-import { AdvancedSearch as AdvancedSearchComponent } from "./AdvancedSearch";
-import { AdvancedSearchConfigs } from "./AdvancedSearchConfigs";
-import { AcoWithConfig, useAcoConfig } from "../../config";
-export * from "./GraphQLInputMapper";
-export * from "./gateways";
-import { Field, FieldMapper } from "./domain";
-import { AdvancedSearchDebounceRenderer } from "./AdvancedSearchDebounceRender";
-export * from "./useFilterRepository";
-export * from "./useInputField";
-const AdvancedSearchWithFieldRenderers = ({
-  fields,
-  ...props
-}) => {
-  const {
-    advancedSearch
-  } = useAcoConfig();
-  const fieldsWithRenderer = useMemo(() => {
-    const fieldDTOs = FieldMapper.toDTO(fields.map(field => Field.createFromRaw(field)));
-    return fieldDTOs.map(field => {
-      const config = advancedSearch.fieldRenderers.find(config => config.type === field.type);
-      const element = config?.element ?? null;
-      return {
-        ...field,
-        element
-      };
+import react, { useMemo } from "react";
+import { AdvancedSearch } from "./AdvancedSearch.js";
+import { AdvancedSearchConfigs } from "./AdvancedSearchConfigs.js";
+import { Field, FieldMapper } from "./domain/index.js";
+export * from "./GraphQLInputMapper.js";
+export * from "./gateways/index.js";
+export * from "./useFilterRepository.js";
+export * from "./useInputField.js";
+const AdvancedSearchWithFieldRenderers = ({ fieldRenderers, fields, ...props })=>{
+    const fieldsWithRenderer = useMemo(()=>{
+        const fieldDTOs = FieldMapper.toDTO(fields.map((field)=>Field.createFromRaw(field)));
+        return fieldDTOs.map((field)=>{
+            const config = fieldRenderers.find((config)=>config.type === field.type);
+            const element = config?.element ?? null;
+            return {
+                ...field,
+                element
+            };
+        });
+    }, [
+        fields
+    ]);
+    return /*#__PURE__*/ react.createElement(AdvancedSearch, {
+        ...props,
+        fields: fieldsWithRenderer
     });
-  }, [fields]);
-  return /*#__PURE__*/React.createElement(AdvancedSearchComponent, Object.assign({}, props, {
-    fields: fieldsWithRenderer
-  }));
-};
-export const AdvancedSearch = props => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(AdvancedSearchDebounceRenderer, null, /*#__PURE__*/React.createElement(AdvancedSearchWithFieldRenderers, props))), /*#__PURE__*/React.createElement(AdvancedSearchConfigs, null));
 };
+const AdvancedSearch_AdvancedSearch = (props)=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AdvancedSearchWithFieldRenderers, props), /*#__PURE__*/ react.createElement(AdvancedSearchConfigs, null));
+export { AdvancedSearch_AdvancedSearch as AdvancedSearch };
 
 //# sourceMappingURL=index.js.map

package/components/AdvancedSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","AdvancedSearch","AdvancedSearchComponent","AdvancedSearchConfigs","AcoWithConfig","useAcoConfig","Field","FieldMapper","AdvancedSearchDebounceRenderer","AdvancedSearchWithFieldRenderers","fields","props","advancedSearch","fieldsWithRenderer","fieldDTOs","toDTO","map","field","createFromRaw","config","fieldRenderers","find","type","element","createElement","Object","assign","Fragment"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport type { AdvancedSearchProps } from \"./AdvancedSearch\";\nimport { AdvancedSearch as AdvancedSearchComponent } from \"./AdvancedSearch\";\nimport { AdvancedSearchConfigs } from \"./AdvancedSearchConfigs\";\nimport { AcoWithConfig, useAcoConfig } from \"~/config\";\n\nexport * from \"./GraphQLInputMapper\";\nexport * from \"./gateways\";\nimport type { FieldRaw } from \"./domain\";\nimport { Field, FieldMapper } from \"./domain\";\nimport { AdvancedSearchDebounceRenderer } from \"./AdvancedSearchDebounceRender\";\nexport * from \"./useFilterRepository\";\nexport * from \"./useInputField\";\n\ninterface AdvancedSearchWithFieldRenderersProps extends Omit<AdvancedSearchProps, \"fields\"> {\n    fields: FieldRaw[];\n}\n\nconst AdvancedSearchWithFieldRenderers = ({\n    fields,\n    ...props\n}: AdvancedSearchWithFieldRenderersProps) => {\n    const { advancedSearch } = useAcoConfig();\n\n    const fieldsWithRenderer = useMemo(() => {\n        const fieldDTOs = FieldMapper.toDTO(fields.map(field => Field.createFromRaw(field)));\n\n        return fieldDTOs.map(field => {\n            const config = advancedSearch.fieldRenderers.find(config => config.type === field.type);\n            const element = config?.element ?? null;\n            return { ...field, element };\n        });\n    }, [fields]);\n\n    return <AdvancedSearchComponent {...props} fields={fieldsWithRenderer} />;\n};\n\nexport const AdvancedSearch = (props: AdvancedSearchWithFieldRenderersProps) => {\n    return (\n        <>\n            <AcoWithConfig>\n                <AdvancedSearchDebounceRenderer>\n                    <AdvancedSearchWithFieldRenderers {...props} />\n                </AdvancedSearchDebounceRenderer>\n            </AcoWithConfig>\n            <AdvancedSearchConfigs />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,cAAc,IAAIC,uBAAuB;AAClD,SAASC,qBAAqB;AAC9B,SAASC,aAAa,EAAEC,YAAY;AAEpC;AACA;AAEA,SAASC,KAAK,EAAEC,WAAW;AAC3B,SAASC,8BAA8B;AACvC;AACA;AAMA,MAAMC,gCAAgC,GAAGA,CAAC;EACtCC,MAAM;EACN,GAAGC;AACgC,CAAC,KAAK;EACzC,MAAM;IAAEC;EAAe,CAAC,GAAGP,YAAY,CAAC,CAAC;EAEzC,MAAMQ,kBAAkB,GAAGb,OAAO,CAAC,MAAM;IACrC,MAAMc,SAAS,GAAGP,WAAW,CAACQ,KAAK,CAACL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIX,KAAK,CAACY,aAAa,CAACD,KAAK,CAAC,CAAC,CAAC;IAEpF,OAAOH,SAAS,CAACE,GAAG,CAACC,KAAK,IAAI;MAC1B,MAAME,MAAM,GAAGP,cAAc,CAACQ,cAAc,CAACC,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,IAAI,KAAKL,KAAK,CAACK,IAAI,CAAC;MACvF,MAAMC,OAAO,GAAGJ,MAAM,EAAEI,OAAO,IAAI,IAAI;MACvC,OAAO;QAAE,GAAGN,KAAK;QAAEM;MAAQ,CAAC;IAChC,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,MAAM,CAAC,CAAC;EAEZ,oBAAOX,KAAA,CAAAyB,aAAA,CAACtB,uBAAuB,EAAAuB,MAAA,CAAAC,MAAA,KAAKf,KAAK;IAAED,MAAM,EAAEG;EAAmB,EAAE,CAAC;AAC7E,CAAC;AAED,OAAO,MAAMZ,cAAc,GAAIU,KAA4C,IAAK;EAC5E,oBACIZ,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA4B,QAAA,qBACI5B,KAAA,CAAAyB,aAAA,CAACpB,aAAa,qBACVL,KAAA,CAAAyB,aAAA,CAAChB,8BAA8B,qBAC3BT,KAAA,CAAAyB,aAAA,CAACf,gCAAgC,EAAKE,KAAQ,CAClB,CACrB,CAAC,eAChBZ,KAAA,CAAAyB,aAAA,CAACrB,qBAAqB,MAAE,CAC1B,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/index.js","sources":["../../../src/components/AdvancedSearch/index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport type { AdvancedSearchProps } from \"./AdvancedSearch.js\";\nimport { AdvancedSearch as AdvancedSearchComponent } from \"./AdvancedSearch.js\";\nimport { AdvancedSearchConfigs } from \"./AdvancedSearchConfigs.js\";\n\nexport * from \"./GraphQLInputMapper.js\";\nexport * from \"./gateways/index.js\";\nimport type { FieldRaw } from \"./domain/index.js\";\nimport { Field, FieldMapper } from \"./domain/index.js\";\nimport type { FieldRendererConfig } from \"~/config/advanced-search/FieldRenderer.js\";\nexport * from \"./useFilterRepository.js\";\nexport * from \"./useInputField.js\";\n\ninterface AdvancedSearchWithFieldRenderersProps extends Omit<AdvancedSearchProps, \"fields\"> {\n    fieldRenderers: FieldRendererConfig[];\n    fields: FieldRaw[];\n}\n\nconst AdvancedSearchWithFieldRenderers = ({\n    fieldRenderers,\n    fields,\n    ...props\n}: AdvancedSearchWithFieldRenderersProps) => {\n    const fieldsWithRenderer = useMemo(() => {\n        const fieldDTOs = FieldMapper.toDTO(fields.map(field => Field.createFromRaw(field)));\n\n        return fieldDTOs.map(field => {\n            const config = fieldRenderers.find(config => config.type === field.type);\n            const element = config?.element ?? null;\n            return { ...field, element };\n        });\n    }, [fields]);\n\n    return <AdvancedSearchComponent {...props} fields={fieldsWithRenderer} />;\n};\n\nexport const AdvancedSearch = (props: AdvancedSearchWithFieldRenderersProps) => {\n    return (\n        <>\n            <AdvancedSearchWithFieldRenderers {...props} />\n            <AdvancedSearchConfigs />\n        </>\n    );\n};\n"],"names":["AdvancedSearchWithFieldRenderers","fieldRenderers","fields","props","fieldsWithRenderer","useMemo","fieldDTOs","FieldMapper","field","Field","config","element","AdvancedSearchComponent","AdvancedSearch","AdvancedSearchConfigs"],"mappings":";;;;;;;;AAmBA,MAAMA,mCAAmC,CAAC,EACtCC,cAAc,EACdC,MAAM,EACN,GAAGC,OACiC;IACpC,MAAMC,qBAAqBC,QAAQ;QAC/B,MAAMC,YAAYC,YAAY,KAAK,CAACL,OAAO,GAAG,CAACM,CAAAA,QAASC,MAAM,aAAa,CAACD;QAE5E,OAAOF,UAAU,GAAG,CAACE,CAAAA;YACjB,MAAME,SAAST,eAAe,IAAI,CAACS,CAAAA,SAAUA,OAAO,IAAI,KAAKF,MAAM,IAAI;YACvE,MAAMG,UAAUD,QAAQ,WAAW;YACnC,OAAO;gBAAE,GAAGF,KAAK;gBAAEG;YAAQ;QAC/B;IACJ,GAAG;QAACT;KAAO;IAEX,OAAO,WAAP,GAAO,oBAACU,gBAAuBA;QAAE,GAAGT,KAAK;QAAE,QAAQC;;AACvD;AAEO,MAAMS,gCAAiB,CAACV,QACpB,WAAP,GACI,wDACI,oBAACH,kCAAqCG,QAAAA,WAAAA,GACtC,oBAACW,uBAAqBA"}

package/components/AdvancedSearch/useFilterRepository.d.ts

@@ -1 +1 @@
-export declare const useFilterRepository: (namespace: string) => import("./domain").FilterRepository;
+export declare const useFilterRepository: (namespace: string) => import("~/components/AdvancedSearch/domain/index.js").FilterRepository;

package/components/AdvancedSearch/useFilterRepository.js

@@ -1,8 +1,14 @@
-import { useApolloClient } from "@apollo/react-hooks";
-import { filterRepositoryFactory } from "./domain";
-export const useFilterRepository = namespace => {
-  const client = useApolloClient();
-  return filterRepositoryFactory.getRepository(client, namespace);
+import { useMemo } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
+import { filterRepositoryFactory } from "./domain/index.js";
+const useFilterRepository = (namespace)=>{
+    const container = useContainer();
+    const client = useMemo(()=>container.resolve(MainGraphQLClient), [
+        container
+    ]);
+    return filterRepositoryFactory.getRepository(client, namespace);
 };
+export { useFilterRepository };
 
 //# sourceMappingURL=useFilterRepository.js.map

package/components/AdvancedSearch/useFilterRepository.js.map

@@ -1 +1 @@
-{"version":3,"names":["useApolloClient","filterRepositoryFactory","useFilterRepository","namespace","client","getRepository"],"sources":["useFilterRepository.tsx"],"sourcesContent":["import { useApolloClient } from \"@apollo/react-hooks\";\nimport { filterRepositoryFactory } from \"~/components/AdvancedSearch/domain\";\n\nexport const useFilterRepository = (namespace: string) => {\n    const client = useApolloClient();\n\n    return filterRepositoryFactory.getRepository(client, namespace);\n};\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,qBAAqB;AACrD,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,mBAAmB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,MAAM,GAAGJ,eAAe,CAAC,CAAC;EAEhC,OAAOC,uBAAuB,CAACI,aAAa,CAACD,MAAM,EAAED,SAAS,CAAC;AACnE,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/useFilterRepository.js","sources":["../../../src/components/AdvancedSearch/useFilterRepository.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport { filterRepositoryFactory } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport const useFilterRepository = (namespace: string) => {\n    const container = useContainer();\n    const client = useMemo(() => container.resolve(MainGraphQLClient), [container]);\n\n    return filterRepositoryFactory.getRepository(client, namespace);\n};\n"],"names":["useFilterRepository","namespace","container","useContainer","client","useMemo","MainGraphQLClient","filterRepositoryFactory"],"mappings":";;;;AAKO,MAAMA,sBAAsB,CAACC;IAChC,MAAMC,YAAYC;IAClB,MAAMC,SAASC,QAAQ,IAAMH,UAAU,OAAO,CAACI,oBAAoB;QAACJ;KAAU;IAE9E,OAAOK,wBAAwB,aAAa,CAACH,QAAQH;AACzD"}

package/components/AdvancedSearch/useInputField.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { FieldDTO } from "./domain";
+import type { FieldDTO } from "../../components/AdvancedSearch/domain/index.js";
 export interface InputFieldContext {
     field: FieldDTO;
     name: string;
@@ -7,7 +6,7 @@ export interface InputFieldContext {
 export declare const useInputField: () => InputFieldContext;
 export declare const InputFieldProvider: {
     ({ children, ...props }: InputFieldContext & {
-        children: import("react").ReactNode;
-    }): import("react").JSX.Element;
+        children: React.ReactNode;
+    }): React.JSX.Element;
     displayName: string;
 };

package/components/AdvancedSearch/useInputField.js

@@ -1,9 +1,7 @@
 import { createGenericContext } from "@webiny/app-admin";
-const {
-  Provider,
-  useHook
-} = createGenericContext("InputFieldContext");
-export const useInputField = useHook;
-export const InputFieldProvider = Provider;
+const { Provider: Provider, useHook: useHook } = createGenericContext("InputFieldContext");
+const useInputField = useHook;
+const InputFieldProvider = Provider;
+export { InputFieldProvider, useInputField };
 
 //# sourceMappingURL=useInputField.js.map

package/components/AdvancedSearch/useInputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGenericContext","Provider","useHook","useInputField","InputFieldProvider"],"sources":["useInputField.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app-admin\";\nimport type { FieldDTO } from \"~/components/AdvancedSearch/domain\";\n\nexport interface InputFieldContext {\n    field: FieldDTO;\n    name: string;\n}\n\nconst { Provider, useHook } = createGenericContext<InputFieldContext>(\"InputFieldContext\");\n\nexport const useInputField = useHook;\nexport const InputFieldProvider = Provider;\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,mBAAmB;AAQxD,MAAM;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,GAAGF,oBAAoB,CAAoB,mBAAmB,CAAC;AAE1F,OAAO,MAAMG,aAAa,GAAGD,OAAO;AACpC,OAAO,MAAME,kBAAkB,GAAGH,QAAQ","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/useInputField.js","sources":["../../../src/components/AdvancedSearch/useInputField.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app-admin\";\nimport type { FieldDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport interface InputFieldContext {\n    field: FieldDTO;\n    name: string;\n}\n\nconst { Provider, useHook } = createGenericContext<InputFieldContext>(\"InputFieldContext\");\n\nexport const useInputField = useHook;\nexport const InputFieldProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","useInputField","InputFieldProvider"],"mappings":";AAQA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAwC;AAE/D,MAAMC,gBAAgBF;AACtB,MAAMG,qBAAqBJ"}

package/components/FolderGrid/FolderGridItem.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-export interface FolderProps {
+import type { FolderActionConfig } from "../../config/index.js";
+export interface FolderGridItemProps {
+    folderActions: FolderActionConfig[];
     onClick: (id: string) => void;
 }
-export declare const FolderGridItem: ({ onClick }: FolderProps) => React.JSX.Element;
+export declare const FolderGridItem: ({ folderActions, onClick }: FolderGridItemProps) => React.JSX.Element;

package/components/FolderGrid/FolderGridItem.js

@@ -1,64 +1,74 @@
-import React from "react";
-import { cn, IconButton, Text, TimeAgo } from "@webiny/admin-ui";
-import { FolderIcon, FolderSharedIcon } from "../FolderIcons";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import react from "react";
+import { Icon, IconButton, Text, TimeAgo, cn } from "@webiny/admin-ui";
+import { FolderIcon, FolderSharedIcon } from "../FolderIcons/index.js";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
 import { OptionsMenu } from "@webiny/app-admin";
-import { useAcoConfig } from "../../config";
-import { useFolder } from "../../hooks";
-export const FolderGridItem = ({
-  onClick
-}) => {
-  const {
-    folder
-  } = useFolder();
-  const {
-    folder: folderConfig
-  } = useAcoConfig();
-  const {
-    id,
-    title,
-    hasNonInheritedPermissions,
-    canManagePermissions,
-    canManageStructure
-  } = folder;
-  let icon = /*#__PURE__*/React.createElement(FolderIcon, null);
-  if (hasNonInheritedPermissions && canManagePermissions) {
-    icon = /*#__PURE__*/React.createElement(FolderSharedIcon, null);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-group", "wby-bg-neutral-base wby-rounded-lg", "wby-shadow-sm hover:wby-shadow-lg", "wby-border-sm wby-border-solid wby-border-neutral-base hover:wby-border-neutral-dimmed-darker", "wby-transition-shadow wby-duration-250 wby-ease-in-out", "wby-overflow-hidden", "wby-cursor-pointer"]),
-    onClick: () => onClick(id)
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 150
-    },
-    className: "wby-relative"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-absolute wby-top-0 wby-left-0", "wby-w-full wby-h-full", "wby-flex wby-items-center wby-justify-center"])
-  }, icon), canManageStructure && /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-invisible group-hover:wby-visible", "wby-flex wby-items-center wby-gap-xxs", "wby-p-xs", "wby-absolute wby-top-xs-plus wby-right-xs-plus"])
-  }, /*#__PURE__*/React.createElement(OptionsMenu, {
-    actions: folderConfig.actions,
-    "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: "wby-px-md wby-py-sm-extra",
-    "data-testid": "fm-file-wrapper-file-label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "wby-truncate wby-text-neutral-primary"
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "wby-truncate wby-text-neutral-dimmed"
-  }, "Folder", " / ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: folder.createdOn
-  }))));
+import { useFolder } from "../../hooks/index.js";
+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]"
+    });
+    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","FolderIcon","FolderSharedIcon","ReactComponent","MoreVerticalIcon","OptionsMenu","useAcoConfig","useFolder","FolderGridItem","onClick","folder","folderConfig","id","title","hasNonInheritedPermissions","canManagePermissions","canManageStructure","icon","createElement","className","style","height","actions","trigger","size","variant","as","datetime","createdOn"],"sources":["FolderGridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { FolderIcon, FolderSharedIcon } from \"../FolderIcons\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { useAcoConfig } from \"~/config\";\nimport { useFolder } from \"~/hooks\";\n\nexport interface FolderProps {\n    onClick: (id: string) => void;\n}\n\nexport const FolderGridItem = ({ onClick }: FolderProps) => {\n    const { folder } = useFolder();\n    const { folder: folderConfig } = useAcoConfig();\n    const { id, title, hasNonInheritedPermissions, canManagePermissions, canManageStructure } =\n        folder;\n\n    let icon = <FolderIcon />;\n    if (hasNonInheritedPermissions && canManagePermissions) {\n        icon = <FolderSharedIcon />;\n    }\n\n    return (\n        <div\n            className={cn([\n                \"wby-group\",\n                \"wby-bg-neutral-base wby-rounded-lg\",\n                \"wby-shadow-sm hover:wby-shadow-lg\",\n                \"wby-border-sm wby-border-solid wby-border-neutral-base hover:wby-border-neutral-dimmed-darker\",\n                \"wby-transition-shadow wby-duration-250 wby-ease-in-out\",\n                \"wby-overflow-hidden\",\n                \"wby-cursor-pointer\"\n            ])}\n            onClick={() => onClick(id)}\n        >\n            <div style={{ height: 150 }} className={\"wby-relative\"}>\n                <div\n                    className={cn([\n                        \"wby-absolute wby-top-0 wby-left-0\",\n                        \"wby-w-full wby-h-full\",\n                        \"wby-flex wby-items-center wby-justify-center\"\n                    ])}\n                >\n                    {icon}\n                </div>\n                {canManageStructure && (\n                    <div\n                        className={cn([\n                            \"wby-invisible group-hover:wby-visible\",\n                            \"wby-flex wby-items-center wby-gap-xxs\",\n                            \"wby-p-xs\",\n                            \"wby-absolute wby-top-xs-plus wby-right-xs-plus\"\n                        ])}\n                    >\n                        <OptionsMenu\n                            actions={folderConfig.actions}\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={\"wby-px-md wby-py-sm-extra\"} data-testid={\"fm-file-wrapper-file-label\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"wby-truncate wby-text-neutral-primary\"}>\n                    {title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"wby-truncate wby-text-neutral-dimmed\"}>\n                    {\"Folder\"} / <TimeAgo datetime={folder.createdOn} />\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChE,SAASC,UAAU,EAAEC,gBAAgB;AACrC,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,YAAY;AACrB,SAASC,SAAS;AAMlB,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG,MAAM,EAAEC;EAAa,CAAC,GAAGL,YAAY,CAAC,CAAC;EAC/C,MAAM;IAAEM,EAAE;IAAEC,KAAK;IAAEC,0BAA0B;IAAEC,oBAAoB;IAAEC;EAAmB,CAAC,GACrFN,MAAM;EAEV,IAAIO,IAAI,gBAAGrB,KAAA,CAAAsB,aAAA,CAACjB,UAAU,MAAE,CAAC;EACzB,IAAIa,0BAA0B,IAAIC,oBAAoB,EAAE;IACpDE,IAAI,gBAAGrB,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAC;EAC/B;EAEA,oBACIN,KAAA,CAAAsB,aAAA;IACIC,SAAS,EAAEtB,EAAE,CAAC,CACV,WAAW,EACX,oCAAoC,EACpC,mCAAmC,EACnC,+FAA+F,EAC/F,wDAAwD,EACxD,qBAAqB,EACrB,oBAAoB,CACvB,CAAE;IACHY,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACG,EAAE;EAAE,gBAE3BhB,KAAA,CAAAsB,aAAA;IAAKE,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAACF,SAAS,EAAE;EAAe,gBACnDvB,KAAA,CAAAsB,aAAA;IACIC,SAAS,EAAEtB,EAAE,CAAC,CACV,mCAAmC,EACnC,uBAAuB,EACvB,8CAA8C,CACjD;EAAE,GAEFoB,IACA,CAAC,EACLD,kBAAkB,iBACfpB,KAAA,CAAAsB,aAAA;IACIC,SAAS,EAAEtB,EAAE,CAAC,CACV,uCAAuC,EACvC,uCAAuC,EACvC,UAAU,EACV,gDAAgD,CACnD;EAAE,gBAEHD,KAAA,CAAAsB,aAAA,CAACb,WAAW;IACRiB,OAAO,EAAEX,YAAY,CAACW,OAAQ;IAC9B,eAAa,yBAA0B;IACvCC,OAAO,eACH3B,KAAA,CAAAsB,aAAA,CAACpB,UAAU;MACPmB,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACd,gBAAgB,MAAE,CAAE;MAC3BoB,IAAI,EAAE,IAAK;MACXC,OAAO,EAAE;IAAQ,CACpB;EACJ,CACJ,CACA,CAER,CAAC,eACN7B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE,2BAA4B;IAAC,eAAa;EAA6B,gBACnFvB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACyB,IAAI,EAAE,IAAK;IAACE,EAAE,EAAE,KAAM;IAACP,SAAS,EAAE;EAAwC,GAC3EN,KACC,CAAC,eACPjB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACyB,IAAI,EAAE,IAAK;IAACE,EAAE,EAAE,KAAM;IAACP,SAAS,EAAE;EAAuC,GAC1E,QAAQ,EAAC,KAAG,eAAAvB,KAAA,CAAAsB,aAAA,CAAClB,OAAO;IAAC2B,QAAQ,EAAEjB,MAAM,CAACkB;EAAU,CAAE,CACjD,CACL,CACJ,CAAC;AAEd,CAAC","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.d.ts

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

package/components/FolderGrid/index.js

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

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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface FolderPickerProps {
+    label: string;
+    value: string;
+    onChange: (id: string) => void;
+    enableCreate?: boolean;
+}
+export declare const FolderPicker: ({ label, value, onChange, enableCreate }: FolderPickerProps) => React.JSX.Element;

package/components/FolderPicker/FolderPicker.js

@@ -0,0 +1,27 @@
+import react, { useCallback } from "react";
+import { FormComponentLabel, cn } from "@webiny/admin-ui";
+import { FolderTree } from "../index.js";
+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

@@ -0,0 +1 @@
+{"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";
-import { ReactComponent as Plus } from "@webiny/icons/add.svg";
-import { useCreateDialog } from "../../../dialogs";
+import { i18n } from "@webiny/app/i18n/index.js";
+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\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { useCreateDialog } from \"~/dialogs\";\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,kBAAkB;AACvC,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.d.ts

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

package/components/FolderTree/ButtonCreate/index.js

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

package/components/FolderTree/Empty/Empty.js

@@ -1,11 +1,10 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
+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