@webiny/app-aco 6.0.0-beta.0 → 6.0.0-rc.1

package/components/AdvancedSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AdvancedSearch","_AdvancedSearchConfigs","_config","_GraphQLInputMapper","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_gateways","_useFilterRepository","_useInputField","AdvancedSearch","props","default","createElement","Fragment","AcoWithConfig","AdvancedSearchConfigs"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { AdvancedSearch as AdvancedSearchComponent, AdvancedSearchProps } from \"./AdvancedSearch\";\nimport { AdvancedSearchConfigs } from \"./AdvancedSearchConfigs\";\nimport { AcoWithConfig } from \"~/config\";\n\nexport * from \"./GraphQLInputMapper\";\nexport * from \"./gateways\";\nexport * from \"./useFilterRepository\";\nexport * from \"./useInputField\";\n\nexport const AdvancedSearch = (props: AdvancedSearchProps) => {\n    return (\n        <>\n            <AcoWithConfig>\n                <AdvancedSearchComponent {...props} />\n            </AcoWithConfig>\n            <AdvancedSearchConfigs />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","AdvancedSearch","AdvancedSearchComponent","AdvancedSearchConfigs","Field","FieldMapper","AdvancedSearchWithFieldRenderers","fieldRenderers","fields","props","fieldsWithRenderer","fieldDTOs","toDTO","map","field","createFromRaw","config","find","type","element","createElement","Object","assign","Fragment"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,cAAc,IAAIC,uBAAuB;AAClD,SAASC,qBAAqB;AAE9B;AACA;AAEA,SAASC,KAAK,EAAEC,WAAW;AAE3B;AACA;AAOA,MAAMC,gCAAgC,GAAGA,CAAC;EACtCC,cAAc;EACdC,MAAM;EACN,GAAGC;AACgC,CAAC,KAAK;EACzC,MAAMC,kBAAkB,GAAGV,OAAO,CAAC,MAAM;IACrC,MAAMW,SAAS,GAAGN,WAAW,CAACO,KAAK,CAACJ,MAAM,CAACK,GAAG,CAACC,KAAK,IAAIV,KAAK,CAACW,aAAa,CAACD,KAAK,CAAC,CAAC,CAAC;IAEpF,OAAOH,SAAS,CAACE,GAAG,CAACC,KAAK,IAAI;MAC1B,MAAME,MAAM,GAAGT,cAAc,CAACU,IAAI,CAACD,MAAM,IAAIA,MAAM,CAACE,IAAI,KAAKJ,KAAK,CAACI,IAAI,CAAC;MACxE,MAAMC,OAAO,GAAGH,MAAM,EAAEG,OAAO,IAAI,IAAI;MACvC,OAAO;QAAE,GAAGL,KAAK;QAAEK;MAAQ,CAAC;IAChC,CAAC,CAAC;EACN,CAAC,EAAE,CAACX,MAAM,CAAC,CAAC;EAEZ,oBAAOT,KAAA,CAAAqB,aAAA,CAAClB,uBAAuB,EAAAmB,MAAA,CAAAC,MAAA,KAAKb,KAAK;IAAED,MAAM,EAAEE;EAAmB,EAAE,CAAC;AAC7E,CAAC;AAED,OAAO,MAAMT,cAAc,GAAIQ,KAA4C,IAAK;EAC5E,oBACIV,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,qBACIxB,KAAA,CAAAqB,aAAA,CAACd,gCAAgC,EAAKG,KAAQ,CAAC,eAC/CV,KAAA,CAAAqB,aAAA,CAACjB,qBAAqB,MAAE,CAC1B,CAAC;AAEX,CAAC","ignoreList":[]}

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,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFilterRepository = void 0;
-var _reactHooks = require("@apollo/react-hooks");
-var _domain = require("./domain");
-var useFilterRepository = exports.useFilterRepository = function useFilterRepository(namespace) {
-  var client = (0, _reactHooks.useApolloClient)();
-  return _domain.filterRepositoryFactory.getRepository(client, namespace);
+import { useApolloClient } from "@apollo/react-hooks";
+import { filterRepositoryFactory } from "./domain/index.js";
+export const useFilterRepository = namespace => {
+  const client = useApolloClient();
+  return filterRepositoryFactory.getRepository(client, namespace);
 };
 
 //# sourceMappingURL=useFilterRepository.js.map

package/components/AdvancedSearch/useFilterRepository.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactHooks","require","_domain","useFilterRepository","exports","namespace","client","useApolloClient","filterRepositoryFactory","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,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,SAAiB,EAAK;EACtD,IAAMC,MAAM,GAAG,IAAAC,2BAAe,EAAC,CAAC;EAEhC,OAAOC,+BAAuB,CAACC,aAAa,CAACH,MAAM,EAAED,SAAS,CAAC;AACnE,CAAC","ignoreList":[]}
+{"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/index.js\";\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":[]}

package/components/AdvancedSearch/useInputField.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { 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,14 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInputField = exports.InputFieldProvider = void 0;
-var _appAdmin = require("@webiny/app-admin");
-var _createGenericContext = (0, _appAdmin.createGenericContext)("InputFieldContext"),
-  Provider = _createGenericContext.Provider,
-  useHook = _createGenericContext.useHook;
-var useInputField = exports.useInputField = useHook;
-var InputFieldProvider = exports.InputFieldProvider = Provider;
+import { createGenericContext } from "@webiny/app-admin";
+const {
+  Provider,
+  useHook
+} = createGenericContext("InputFieldContext");
+export const useInputField = useHook;
+export const InputFieldProvider = Provider;
 
 //# sourceMappingURL=useInputField.js.map

package/components/AdvancedSearch/useInputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_appAdmin","require","_createGenericContext","createGenericContext","Provider","useHook","useInputField","exports","InputFieldProvider"],"sources":["useInputField.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app-admin\";\nimport { 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,IAAAA,SAAA,GAAAC,OAAA;AAQA,IAAAC,qBAAA,GAA8B,IAAAC,8BAAoB,EAAoB,mBAAmB,CAAC;EAAlFC,QAAQ,GAAAF,qBAAA,CAARE,QAAQ;EAAEC,OAAO,GAAAH,qBAAA,CAAPG,OAAO;AAElB,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGD,OAAO;AAC7B,IAAMG,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGJ,QAAQ","ignoreList":[]}
+{"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/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"],"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":[]}

package/components/Extensions/Extensions.d.ts

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

package/components/Extensions/Extensions.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { CompositionScope } from "@webiny/app-admin";
+import { ModelProvider, Fields } from "@webiny/app-headless-cms-common";
+import { Bind, BindPrefix } from "@webiny/form";
+import { useFolderExtensionsFields } from "../../features/folders/getFolderExtensionsFields/index.js";
+import { useFolderModel } from "../../hooks/useFolderModel.js";
+export const Extensions = () => {
+  const {
+    fields
+  } = useFolderExtensionsFields();
+  const folderModel = useFolderModel();
+  if (fields.length === 0 || !folderModel) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "aco.folderDetails.extensionFields"
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
+    model: folderModel
+  }, /*#__PURE__*/React.createElement(BindPrefix, {
+    name: "extensions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mt-lg"
+  }, /*#__PURE__*/React.createElement(Fields, {
+    contentModel: folderModel
+    // @ts-expect-error
+    ,
+    Bind: Bind,
+    fields: fields,
+    layout: fields.map(field => [field.fieldId])
+  })))));
+};
+
+//# sourceMappingURL=Extensions.js.map

package/components/Extensions/Extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CompositionScope","ModelProvider","Fields","Bind","BindPrefix","useFolderExtensionsFields","useFolderModel","Extensions","fields","folderModel","length","createElement","name","model","className","contentModel","layout","map","field","fieldId"],"sources":["Extensions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { ModelProvider, Fields } from \"@webiny/app-headless-cms-common\";\nimport { Bind, BindPrefix } from \"@webiny/form\";\nimport { useFolderExtensionsFields } from \"~/features/folders/getFolderExtensionsFields/index.js\";\nimport { useFolderModel } from \"~/hooks/useFolderModel.js\";\n\nexport const Extensions = () => {\n    const { fields } = useFolderExtensionsFields();\n    const folderModel = useFolderModel();\n\n    if (fields.length === 0 || !folderModel) {\n        return null;\n    }\n\n    return (\n        <CompositionScope name={\"aco.folderDetails.extensionFields\"}>\n            <ModelProvider model={folderModel}>\n                <BindPrefix name={\"extensions\"}>\n                    <div className={\"mt-lg\"}>\n                        <Fields\n                            contentModel={folderModel}\n                            // @ts-expect-error\n                            Bind={Bind}\n                            fields={fields}\n                            layout={fields.map(field => [field.fieldId])}\n                        />\n                    </div>\n                </BindPrefix>\n            </ModelProvider>\n        </CompositionScope>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,EAAEC,MAAM,QAAQ,iCAAiC;AACvE,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,yBAAyB;AAClC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAGH,yBAAyB,CAAC,CAAC;EAC9C,MAAMI,WAAW,GAAGH,cAAc,CAAC,CAAC;EAEpC,IAAIE,MAAM,CAACE,MAAM,KAAK,CAAC,IAAI,CAACD,WAAW,EAAE;IACrC,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAY,aAAA,CAACX,gBAAgB;IAACY,IAAI,EAAE;EAAoC,gBACxDb,KAAA,CAAAY,aAAA,CAACV,aAAa;IAACY,KAAK,EAAEJ;EAAY,gBAC9BV,KAAA,CAAAY,aAAA,CAACP,UAAU;IAACQ,IAAI,EAAE;EAAa,gBAC3Bb,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAE;EAAQ,gBACpBf,KAAA,CAAAY,aAAA,CAACT,MAAM;IACHa,YAAY,EAAEN;IACd;IAAA;IACAN,IAAI,EAAEA,IAAK;IACXK,MAAM,EAAEA,MAAO;IACfQ,MAAM,EAAER,MAAM,CAACS,GAAG,CAACC,KAAK,IAAI,CAACA,KAAK,CAACC,OAAO,CAAC;EAAE,CAChD,CACA,CACG,CACD,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}

package/components/Extensions/index.d.ts

@@ -0,0 +1 @@
+export * from "./Extensions.js";

package/components/Extensions/index.js

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

package/components/Extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Extensions.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderGrid/FolderGridItem.d.ts

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

package/components/FolderGrid/FolderGridItem.js

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

package/components/FolderGrid/FolderGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","IconButton","Text","TimeAgo","Icon","FolderIcon","FolderSharedIcon","ReactComponent","MoreVerticalIcon","OptionsMenu","useFolder","FolderGridItem","folderActions","onClick","folder","id","title","hasNonInheritedPermissions","canManagePermissions","canManageStructure","icon","createElement","label","className","style","height","actions","trigger","size","variant","as","datetime","createdOn"],"sources":["FolderGridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, Text, TimeAgo, Icon } from \"@webiny/admin-ui\";\nimport { FolderIcon, FolderSharedIcon } from \"../FolderIcons/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport type { FolderActionConfig } from \"~/config/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\nexport interface FolderGridItemProps {\n    folderActions: FolderActionConfig[];\n    onClick: (id: string) => void;\n}\n\nexport const FolderGridItem = ({ folderActions, onClick }: FolderGridItemProps) => {\n    const { folder } = useFolder();\n    const { id, title, hasNonInheritedPermissions, canManagePermissions, canManageStructure } =\n        folder;\n\n    let icon = <Icon icon={<FolderIcon />} label={folder.title} className={\"w-[90px] h-[90px]\"} />;\n    if (hasNonInheritedPermissions && canManagePermissions) {\n        icon = (\n            <Icon\n                icon={<FolderSharedIcon />}\n                label={folder.title}\n                className={\"w-[90px] h-[90px]\"}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={cn([\n                \"group\",\n                \"bg-neutral-base rounded-lg\",\n                \"shadow-sm hover:shadow-lg\",\n                \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                \"transition-shadow duration-250 ease-in-out\",\n                \"overflow-hidden\",\n                \"cursor-pointer\"\n            ])}\n            onClick={() => onClick(id)}\n        >\n            <div style={{ height: 150 }} className={\"relative\"}>\n                <div\n                    className={cn([\n                        \"absolute top-0 left-0\",\n                        \"w-full h-full\",\n                        \"flex items-center justify-center\"\n                    ])}\n                >\n                    {icon}\n                </div>\n                {canManageStructure && (\n                    <div\n                        className={cn([\n                            \"invisible group-hover:visible\",\n                            \"flex items-center gap-xxs\",\n                            \"p-xs\",\n                            \"absolute top-xs-plus right-xs-plus\"\n                        ])}\n                    >\n                        <OptionsMenu\n                            actions={folderActions}\n                            data-testid={\"folder.grid.menu-action\"}\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    size={\"sm\"}\n                                    variant={\"ghost\"}\n                                />\n                            }\n                        />\n                    </div>\n                )}\n            </div>\n            <div className={\"px-md py-sm-extra\"} data-testid={\"fm-file-wrapper-file-label\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                    {title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                    {\"Folder\"} / <TimeAgo datetime={folder.createdOn} />\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/FolderGrid/index.d.ts

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

package/components/FolderGrid/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _FolderGrid = require("./FolderGrid");
-Object.keys(_FolderGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FolderGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FolderGrid[key];
-    }
-  });
-});
+export * from "./FolderGridItem.js";
 
 //# sourceMappingURL=index.js.map

package/components/FolderGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FolderGrid","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./FolderGrid\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./FolderGridItem.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+<svg width="110" height="92" viewBox="0 0 110 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.19165 25.9327V9.91733C0.19165 4.45928 4.60834 0.0356445 10.0557 0.0356445H31.2465C33.335 0.0356445 35.3685 0.699096 37.0559 1.93162L46.2829 8.66799H99.9445C105.392 8.66799 109.809 13.0916 109.809 18.5497V25.9327H0.19165Z" fill="#5EACDE"/>
+<path d="M99.9443 16.0796H10.0565C4.60869 16.0796 0.192383 20.5038 0.192383 25.9613V82.0827C0.192383 87.5402 4.60869 91.9644 10.0565 91.9644H99.9443C105.392 91.9644 109.808 87.5402 109.808 82.0827V25.9613C109.808 20.5038 105.392 16.0796 99.9443 16.0796Z" fill="#64C5FA"/>
+<path d="M64 48.75H62.5V45.75C62.5 41.61 59.14 38.25 55 38.25C50.86 38.25 47.5 41.61 47.5 45.75V48.75H46C44.35 48.75 43 50.1 43 51.75V66.75C43 68.4 44.35 69.75 46 69.75H64C65.65 69.75 67 68.4 67 66.75V51.75C67 50.1 65.65 48.75 64 48.75ZM50.5 45.75C50.5 43.26 52.51 41.25 55 41.25C57.49 41.25 59.5 43.26 59.5 45.75V48.75H50.5V45.75ZM64 66.75H46V51.75H64V66.75ZM55 62.25C56.65 62.25 58 60.9 58 59.25C58 57.6 56.65 56.25 55 56.25C53.35 56.25 52 57.6 52 59.25C52 60.9 53.35 62.25 55 62.25Z" fill="#191C20" fill-opacity="0.3"/>
+</svg>

package/components/FolderIcons/assets/folder.svg

@@ -0,0 +1,4 @@
+<svg width="90" height="76" viewBox="0 0 90 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 21.524V8.37475C0 3.89346 3.62628 0.261475 8.09883 0.261475H25.4973C27.2121 0.261475 28.8816 0.806196 30.267 1.81815L37.8428 7.34898H81.9012C86.3737 7.34898 90 10.981 90 15.4623V21.524H0Z" fill="#5EACDE"/>
+<path d="M81.9009 13.4341H8.09932C3.62646 13.4341 0.000488281 17.0665 0.000488281 21.5474V67.6254C0.000488281 72.1062 3.62646 75.7386 8.09932 75.7386H81.9009C86.3738 75.7386 89.9997 72.1062 89.9997 67.6254V21.5474C89.9997 17.0665 86.3738 13.4341 81.9009 13.4341Z" fill="#64C5FA"/>
+</svg>

package/components/FolderIcons/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactComponent as FolderIcon } from "./assets/folder.svg";
+import { ReactComponent as FolderSharedIcon } from "./assets/folder-shared-icon.svg";
+export { FolderIcon, FolderSharedIcon };

package/components/FolderIcons/index.js

@@ -0,0 +1,5 @@
+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

package/components/FolderIcons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactComponent","FolderIcon","FolderSharedIcon"],"sources":["index.ts"],"sourcesContent":["import { ReactComponent as FolderIcon } from \"./assets/folder.svg\";\nimport { ReactComponent as FolderSharedIcon } from \"./assets/folder-shared-icon.svg\";\n\nexport { FolderIcon, FolderSharedIcon };\n"],"mappings":"AAAA,SAASA,cAAc,IAAIC,UAAU;AACrC,SAASD,cAAc,IAAIE,gBAAgB;AAE3C,SAASD,UAAU,EAAEC,gBAAgB","ignoreList":[]}

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

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

package/components/FolderTree/ButtonCreate/ButtonCreate.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Button } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent as Plus } from "@webiny/icons/add.svg";
+import { 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"
+  });
+};
+
+//# sourceMappingURL=ButtonCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","i18n","ReactComponent","Plus","useCreateDialog","t","ns","ButtonCreate","props","showDialog","createElement","onClick","disabled","icon","text","variant","size"],"sources":["ButtonCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { useCreateDialog } from \"~/dialogs/index.js\";\n\ntype ButtonCreateProps = {\n    disabled?: boolean;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const ButtonCreate = (props: ButtonCreateProps) => {\n    const { showDialog } = useCreateDialog();\n\n    return (\n        <Button\n            onClick={() => showDialog()}\n            disabled={props.disabled}\n            icon={<Plus />}\n            text={t`New folder`}\n            variant={\"secondary\"}\n            size={\"sm\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,IAAI,QAAQ,uBAAuB;AAC9D,SAASC,eAAe;AAMxB,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,8CAA8C,CAAC;AAEjE,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAM;IAAEC;EAAW,CAAC,GAAGL,eAAe,CAAC,CAAC;EAExC,oBACIL,KAAA,CAAAW,aAAA,CAACV,MAAM;IACHW,OAAO,EAAEA,CAAA,KAAMF,UAAU,CAAC,CAAE;IAC5BG,QAAQ,EAAEJ,KAAK,CAACI,QAAS;IACzBC,IAAI,eAAEd,KAAA,CAAAW,aAAA,CAACP,IAAI,MAAE,CAAE;IACfW,IAAI,EAAET,CAAC,YAAa;IACpBU,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,6 +1 @@
-import React from "react";
-declare type CreateButtonProps = {
-    disabled?: boolean;
-};
-export declare const CreateButton: (props: CreateButtonProps) => React.JSX.Element;
-export {};
+export * from "./ButtonCreate.js";

package/components/FolderTree/ButtonCreate/index.js

@@ -1,29 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CreateButton = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Typography = require("@webiny/ui/Typography");
-var _dialogs = require("../../../dialogs");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-aco/components/folder-tree/button-create");
-var CreateButton = exports.CreateButton = function CreateButton(props) {
-  var _useCreateDialog = (0, _dialogs.useCreateDialog)(),
-    showDialog = _useCreateDialog.showDialog;
-  return /*#__PURE__*/_react.default.createElement(_styled.Button, {
-    onClick: function onClick() {
-      return showDialog();
-    },
-    disabled: props.disabled
-  }, /*#__PURE__*/_react.default.createElement(_styled.IconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle2"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))));
-};
+export * from "./ButtonCreate.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_dialogs","_styled","_templateObject","t","i18n","ns","CreateButton","exports","props","_useCreateDialog","useCreateDialog","showDialog","default","createElement","Button","onClick","disabled","IconContainer","Icon","Typography","use","_taggedTemplateLiteral2"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { useCreateDialog } from \"~/dialogs\";\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    disabled?: boolean;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton = (props: CreateButtonProps) => {\n    const { showDialog } = useCreateDialog();\n\n    return (\n        <Button onClick={() => showDialog()} disabled={props.disabled}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create a new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAuD,IAAAK,eAAA;AAMvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAIE,KAAwB,EAAK;EACtD,IAAAC,gBAAA,GAAuB,IAAAC,wBAAe,EAAC,CAAC;IAAhCC,UAAU,GAAAF,gBAAA,CAAVE,UAAU;EAElB,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,MAAM;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMJ,UAAU,CAAC,CAAC;IAAA,CAAC;IAACK,QAAQ,EAAER,KAAK,CAACQ;EAAS,gBAC1DrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAgB,aAAa,qBACVtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAiB,IAAI,MAAE,CACI,CAAC,eAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,WAAA,CAAAoB,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEjB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAmB,uBAAA,CAAAT,OAAA,4BAAkC,CAC9D,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonCreate.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderTree/Empty/Empty.d.ts

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

package/components/FolderTree/Empty/Empty.js

@@ -0,0 +1,11 @@
+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...`);
+};
+
+//# sourceMappingURL=Empty.js.map

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

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

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

@@ -1,2 +1 @@
-import React from "react";
-export declare const Empty: () => React.JSX.Element;
+export * from "./Empty.js";

package/components/FolderTree/Empty/index.js

@@ -1,21 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Empty = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Typography = require("@webiny/ui/Typography");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-aco/components/folder-tree/empty");
-var Empty = exports.Empty = function Empty() {
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No folders found..."])))));
-};
+export * from "./Empty.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_styled","_templateObject","t","i18n","ns","Empty","exports","default","createElement","Container","Typography","use","_taggedTemplateLiteral2"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Container } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty = () => {\n    return (\n        <Container>\n            <Typography use={\"body2\"}>{t`No folders found...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,IAAAI,eAAA;AAErC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAElD,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,oBACIV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAS,SAAS,qBACNd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAW,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAET,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAL,OAAA,4BAAkC,CACvD,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Empty.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderTree/List/List.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { FolderDto } from "../../../domain/folder/FolderDto.js";
+import type { FolderActionConfig } from "../../../config/AcoConfig.js";
+interface ListProps {
+    folders: FolderDto[];
+    folderActions: FolderActionConfig[];
+    dropConfirmation?: boolean;
+    focusedFolderId?: string;
+    hiddenFolderIds?: string[];
+    enableActions?: boolean;
+    onFolderClick: (data: FolderDto) => void;
+}
+export declare const List: ({ folders, folderActions, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions, dropConfirmation }: ListProps) => React.JSX.Element;
+export {};