@webiny/app-aco 5.43.3 → 6.0.0-alpha.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","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":[]}

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";
+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\";\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,5 @@
 /// <reference types="react" />
-import { FieldDTO } from "./domain";
+import type { FieldDTO } from "./domain";
 export interface InputFieldContext {
     field: FieldDTO;
     name: 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\";\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.js

@@ -1,55 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Extensions = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _form = require("@webiny/form");
-var _features = require("../../features");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var HideEmptyCells = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1n8q4kd0"
-} : {
-  target: "e1n8q4kd0",
-  label: "HideEmptyCells"
-})(process.env.NODE_ENV === "production" ? {
-  name: "jiqe85",
-  styles: ".mdc-layout-grid{margin:-24px;padding:0 24px 24px;}.mdc-layout-grid__inner{row-gap:normal;}.mdc-layout-grid__cell{padding-top:24px;}.mdc-layout-grid__cell:empty{display:none;padding:0;}"
-} : {
-  name: "jiqe85",
-  styles: ".mdc-layout-grid{margin:-24px;padding:0 24px 24px;}.mdc-layout-grid__inner{row-gap:normal;}.mdc-layout-grid__cell{padding-top:24px;}.mdc-layout-grid__cell:empty{display:none;padding:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4dGVuc2lvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9pQyIsImZpbGUiOiJFeHRlbnNpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENvbXBvc2l0aW9uU2NvcGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IE1vZGVsUHJvdmlkZXIsIEZpZWxkcyB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uXCI7XG5pbXBvcnQgeyBCaW5kLCBCaW5kUHJlZml4IH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB1c2VGb2xkZXJNb2RlbCwgdXNlR2V0Rm9sZGVyRXh0ZW5zaW9uc0ZpZWxkcyB9IGZyb20gXCJ+L2ZlYXR1cmVzXCI7XG5cbmNvbnN0IEhpZGVFbXB0eUNlbGxzID0gc3R5bGVkLmRpdmBcbiAgICAubWRjLWxheW91dC1ncmlkIHtcbiAgICAgICAgbWFyZ2luOiAtMjRweDtcbiAgICAgICAgcGFkZGluZzogMCAyNHB4IDI0cHg7XG4gICAgfVxuXG4gICAgLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICByb3ctZ2FwOiBub3JtYWw7XG4gICAgfVxuXG4gICAgLm1kYy1sYXlvdXQtZ3JpZF9fY2VsbCB7XG4gICAgICAgIHBhZGRpbmctdG9wOiAyNHB4O1xuICAgIH1cblxuICAgIC5tZGMtbGF5b3V0LWdyaWRfX2NlbGw6ZW1wdHkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFeHRlbnNpb25zID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgZ2V0Rm9sZGVyRXh0ZW5zaW9uc0ZpZWxkcyB9ID0gdXNlR2V0Rm9sZGVyRXh0ZW5zaW9uc0ZpZWxkcygpO1xuICAgIGNvbnN0IHsgZmllbGRzIH0gPSBnZXRGb2xkZXJFeHRlbnNpb25zRmllbGRzKCk7XG4gICAgY29uc3QgZm9sZGVyTW9kZWwgPSB1c2VGb2xkZXJNb2RlbCgpO1xuXG4gICAgaWYgKCFmaWVsZHMubGVuZ3RoKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb21wb3NpdGlvblNjb3BlIG5hbWU9e1wiYWNvLmZvbGRlckRldGFpbHMuZXh0ZW5zaW9uRmllbGRzXCJ9PlxuICAgICAgICAgICAgPE1vZGVsUHJvdmlkZXIgbW9kZWw9e2ZvbGRlck1vZGVsfT5cbiAgICAgICAgICAgICAgICA8QmluZFByZWZpeCBuYW1lPXtcImV4dGVuc2lvbnNcIn0+XG4gICAgICAgICAgICAgICAgICAgIDxIaWRlRW1wdHlDZWxscz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZHNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZW50TW9kZWw9e2ZvbGRlck1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kPXtCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17ZmllbGRzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxheW91dD17ZmllbGRzLm1hcChmaWVsZCA9PiBbZmllbGQuZmllbGRJZF0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9IaWRlRW1wdHlDZWxscz5cbiAgICAgICAgICAgICAgICA8L0JpbmRQcmVmaXg+XG4gICAgICAgICAgICA8L01vZGVsUHJvdmlkZXI+XG4gICAgICAgIDwvQ29tcG9zaXRpb25TY29wZT5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Extensions = exports.Extensions = function Extensions() {
-  var _useGetFolderExtensio = (0, _features.useGetFolderExtensionsFields)(),
-    getFolderExtensionsFields = _useGetFolderExtensio.getFolderExtensionsFields;
-  var _getFolderExtensionsF = getFolderExtensionsFields(),
-    fields = _getFolderExtensionsF.fields;
-  var folderModel = (0, _features.useFolderModel)();
+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 { useFolderModel, useGetFolderExtensionsFields } from "../../features";
+export const Extensions = () => {
+  const {
+    getFolderExtensionsFields
+  } = useGetFolderExtensionsFields();
+  const {
+    fields
+  } = getFolderExtensionsFields();
+  const folderModel = useFolderModel();
   if (!fields.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.CompositionScope, {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
     name: "aco.folderDetails.extensionFields"
-  }, /*#__PURE__*/_react.default.createElement(_appHeadlessCmsCommon.ModelProvider, {
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
     model: folderModel
-  }, /*#__PURE__*/_react.default.createElement(_form.BindPrefix, {
+  }, /*#__PURE__*/React.createElement(BindPrefix, {
     name: "extensions"
-  }, /*#__PURE__*/_react.default.createElement(HideEmptyCells, null, /*#__PURE__*/_react.default.createElement(_appHeadlessCmsCommon.Fields, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-lg"
+  }, /*#__PURE__*/React.createElement(Fields, {
     contentModel: folderModel
     // @ts-expect-error
     ,
-    Bind: _form.Bind,
+    Bind: Bind,
     fields: fields,
-    layout: fields.map(function (field) {
-      return [field.fieldId];
-    })
+    layout: fields.map(field => [field.fieldId])
   })))));
 };
 

package/components/Extensions/Extensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_appHeadlessCmsCommon","_form","_features","_EMOTION_STRINGIFIED_CSS_ERROR__","HideEmptyCells","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Extensions","exports","_useGetFolderExtensio","useGetFolderExtensionsFields","getFolderExtensionsFields","_getFolderExtensionsF","fields","folderModel","useFolderModel","length","createElement","CompositionScope","ModelProvider","model","BindPrefix","Fields","contentModel","Bind","layout","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 styled from \"@emotion/styled\";\nimport { useFolderModel, useGetFolderExtensionsFields } from \"~/features\";\n\nconst HideEmptyCells = styled.div`\n    .mdc-layout-grid {\n        margin: -24px;\n        padding: 0 24px 24px;\n    }\n\n    .mdc-layout-grid__inner {\n        row-gap: normal;\n    }\n\n    .mdc-layout-grid__cell {\n        padding-top: 24px;\n    }\n\n    .mdc-layout-grid__cell:empty {\n        display: none;\n        padding: 0;\n    }\n`;\n\nexport const Extensions = () => {\n    const { getFolderExtensionsFields } = useGetFolderExtensionsFields();\n    const { fields } = getFolderExtensionsFields();\n    const folderModel = useFolderModel();\n\n    if (!fields.length) {\n        return null;\n    }\n\n    return (\n        <CompositionScope name={\"aco.folderDetails.extensionFields\"}>\n            <ModelProvider model={folderModel}>\n                <BindPrefix name={\"extensions\"}>\n                    <HideEmptyCells>\n                        <Fields\n                            contentModel={folderModel}\n                            // @ts-expect-error\n                            Bind={Bind}\n                            fields={fields}\n                            layout={fields.map(field => [field.fieldId])}\n                        />\n                    </HideEmptyCells>\n                </BindPrefix>\n            </ModelProvider>\n        </CompositionScope>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAA0E,SAAAK,iCAAA;AAE1E,IAAMC,cAAc,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAkBnB;AAEM,IAAMa,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,IAAAE,qBAAA,GAAsC,IAAAC,sCAA4B,EAAC,CAAC;IAA5DC,yBAAyB,GAAAF,qBAAA,CAAzBE,yBAAyB;EACjC,IAAAC,qBAAA,GAAmBD,yBAAyB,CAAC,CAAC;IAAtCE,MAAM,GAAAD,qBAAA,CAANC,MAAM;EACd,IAAMC,WAAW,GAAG,IAAAC,wBAAc,EAAC,CAAC;EAEpC,IAAI,CAACF,MAAM,CAACG,MAAM,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACI7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC3B,SAAA,CAAA4B,gBAAgB;IAACf,IAAI,EAAE;EAAoC,gBACxDhB,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC1B,qBAAA,CAAA4B,aAAa;IAACC,KAAK,EAAEN;EAAY,gBAC9B3B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACzB,KAAA,CAAA6B,UAAU;IAAClB,IAAI,EAAE;EAAa,gBAC3BhB,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACtB,cAAc,qBACXR,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC1B,qBAAA,CAAA+B,MAAM;IACHC,YAAY,EAAET;IACd;IAAA;IACAU,IAAI,EAAEA,UAAK;IACXX,MAAM,EAAEA,MAAO;IACfY,MAAM,EAAEZ,MAAM,CAACR,GAAG,CAAC,UAAAqB,KAAK;MAAA,OAAI,CAACA,KAAK,CAACC,OAAO,CAAC;IAAA;EAAE,CAChD,CACW,CACR,CACD,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CompositionScope","ModelProvider","Fields","Bind","BindPrefix","useFolderModel","useGetFolderExtensionsFields","Extensions","getFolderExtensionsFields","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 { useFolderModel, useGetFolderExtensionsFields } from \"~/features\";\n\nexport const Extensions = () => {\n    const { getFolderExtensionsFields } = useGetFolderExtensionsFields();\n    const { fields } = getFolderExtensionsFields();\n    const folderModel = useFolderModel();\n\n    if (!fields.length) {\n        return null;\n    }\n\n    return (\n        <CompositionScope name={\"aco.folderDetails.extensionFields\"}>\n            <ModelProvider model={folderModel}>\n                <BindPrefix name={\"extensions\"}>\n                    <div className={\"wby-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,cAAc,EAAEC,4BAA4B;AAErD,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAA0B,CAAC,GAAGF,4BAA4B,CAAC,CAAC;EACpE,MAAM;IAAEG;EAAO,CAAC,GAAGD,yBAAyB,CAAC,CAAC;EAC9C,MAAME,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,IAAI,CAACI,MAAM,CAACE,MAAM,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,gBAAgB;IAACa,IAAI,EAAE;EAAoC,gBACxDd,KAAA,CAAAa,aAAA,CAACX,aAAa;IAACa,KAAK,EAAEJ;EAAY,gBAC9BX,KAAA,CAAAa,aAAA,CAACR,UAAU;IAACS,IAAI,EAAE;EAAa,gBAC3Bd,KAAA,CAAAa,aAAA;IAAKG,SAAS,EAAE;EAAY,gBACxBhB,KAAA,CAAAa,aAAA,CAACV,MAAM;IACHc,YAAY,EAAEN;IACd;IAAA;IACAP,IAAI,EAAEA,IAAK;IACXM,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.js

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

package/components/Extensions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Extensions","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Extensions\";\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.ts"],"sourcesContent":["export * from \"./Extensions\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderGrid/{Folder.d.ts → FolderGridItem.d.ts}

@@ -2,4 +2,4 @@ import React from "react";
 export interface FolderProps {
     onClick: (id: string) => void;
 }
-export declare const Folder: ({ onClick }: FolderProps) => React.JSX.Element;
+export declare const FolderGridItem: ({ onClick }: FolderProps) => React.JSX.Element;

package/components/FolderGrid/FolderGridItem.js

@@ -0,0 +1,64 @@
+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 { 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
+  }))));
+};
+
+//# sourceMappingURL=FolderGridItem.js.map

package/components/FolderGrid/FolderGridItem.js.map

@@ -0,0 +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":[]}

package/components/FolderGrid/index.d.ts

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

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";
 
 //# 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\";\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";
+import { ReactComponent as Plus } from "@webiny/icons/add.svg";
+import { useCreateDialog } from "../../../dialogs";
+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\";\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":[]}

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

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

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";
 
 //# 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,SAATA,OAAOA,CAAA;MAAA,OAAQJ,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\";\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";
+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\";\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,kBAAkB;AACvC,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

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

package/components/FolderTree/Empty/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FolderItem } from "../../../types";
+interface ListProps {
+    folders: FolderItem[];
+    focusedFolderId?: string;
+    hiddenFolderIds?: string[];
+    enableActions?: boolean;
+    onFolderClick: (data: FolderItem) => void;
+}
+export declare const List: ({ folders, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions }: ListProps) => React.JSX.Element;
+export {};