@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/Column.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_appAco","Table","AcoConfig","BaseColumn","props","default","createElement","CompositionScope","name","Column","exports","Object","assign","useTableRow","createUseTableRow","isFolderRow"],"sources":["Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { AcoConfig, TableColumnConfig as ColumnConfig } from \"@webiny/app-aco\";\nimport { TableItem } from \"~/types\";\n\nconst { Table } = AcoConfig;\n\nexport { ColumnConfig };\n\ntype ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;\n\nconst BaseColumn = (props: ColumnProps) => {\n    return (\n        <CompositionScope name={\"fm\"}>\n            <AcoConfig>\n                <Table.Column {...props} />\n            </AcoConfig>\n        </CompositionScope>\n    );\n};\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: Table.Column.createUseTableRow<TableItem>(),\n    isFolderRow: Table.Column.isFolderRow\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAQG,KAAK,GAAKC,iBAAS,CAAnBD,KAAK;AAMb,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAK;EACvC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAQ,gBAAgB;IAACC,IAAI,EAAE;EAAK,gBACzBZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAE,SAAS,qBACNN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,KAAK,CAACQ,MAAM,EAAKL,KAAQ,CACnB,CACG,CAAC;AAE3B,CAAC;AAEM,IAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,MAAM,CAACC,MAAM,CAACT,UAAU,EAAE;EAC5CU,WAAW,EAAEZ,KAAK,CAACQ,MAAM,CAACK,iBAAiB,CAAY,CAAC;EACxDC,WAAW,EAAEd,KAAK,CAACQ,MAAM,CAACM;AAC9B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AcoConfig","makeDecoratable","Table","BaseColumnComponent","props","createElement","Column","BaseColumn","Object","assign","useTableRow","createUseTableRow","isFolderRow"],"sources":["Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableColumnConfig as ColumnConfig } from \"@webiny/app-aco\";\nimport type { TableItem } from \"~/types.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst { Table } = AcoConfig;\n\nexport type { ColumnConfig };\n\ntype ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;\n\nconst BaseColumnComponent = (props: ColumnProps) => {\n    return <Table.Column {...props} />;\n};\n\nconst BaseColumn = makeDecoratable(\"Column\", BaseColumnComponent);\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: Table.Column.createUseTableRow<TableItem>(),\n    isFolderRow: Table.Column.isFolderRow\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAgD,iBAAiB;AAEnF,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,MAAM;EAAEC;AAAM,CAAC,GAAGF,SAAS;AAM3B,MAAMG,mBAAmB,GAAIC,KAAkB,IAAK;EAChD,oBAAOL,KAAA,CAAAM,aAAA,CAACH,KAAK,CAACI,MAAM,EAAKF,KAAQ,CAAC;AACtC,CAAC;AAED,MAAMG,UAAU,GAAGN,eAAe,CAAC,QAAQ,EAAEE,mBAAmB,CAAC;AAEjE,OAAO,MAAMG,MAAM,GAAGE,MAAM,CAACC,MAAM,CAACF,UAAU,EAAE;EAC5CG,WAAW,EAAER,KAAK,CAACI,MAAM,CAACK,iBAAiB,CAAY,CAAC;EACxDC,WAAW,EAAEV,KAAK,CAACI,MAAM,CAACM;AAC9B,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/Thumbnail.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export interface ThumbnailConfig {
+    type: string;
+    element: JSX.Element;
+}
+export interface RendererProps {
+    type: string;
+    element: JSX.Element;
+}
+export declare const Thumbnail: (({ type, element }: RendererProps) => React.JSX.Element) & {
+    original: ({ type, element }: RendererProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ type, element }: RendererProps) => React.JSX.Element) & {
+        original: ({ type, element }: RendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: RendererProps) => React.JSX.Element) & {
+        original: ({ type, element }: RendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/Thumbnail.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+export const Thumbnail = makeDecoratable("Thumbnail", ({
+  type,
+  element
+}) => {
+  const getId = useIdGenerator("browser:table:thumbnail");
+  return /*#__PURE__*/React.createElement(Property, {
+    id: "browser",
+    name: "browser"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: "table",
+    name: "table"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(type),
+    name: "cellThumbnails",
+    array: true
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(type, "type"),
+    name: "type",
+    value: type
+  }), /*#__PURE__*/React.createElement(Property, {
+    id: getId(type, "element"),
+    name: "element",
+    value: element
+  }))));
+});
+
+//# sourceMappingURL=Thumbnail.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Thumbnail","type","element","getId","createElement","id","name","array","value"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ThumbnailConfig {\n    type: string;\n    element: JSX.Element;\n}\n\nexport interface RendererProps {\n    type: string;\n    element: JSX.Element;\n}\n\nexport const Thumbnail = makeDecoratable(\"Thumbnail\", ({ type, element }: RendererProps) => {\n    const getId = useIdGenerator(\"browser:table:thumbnail\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id=\"table\" name={\"table\"}>\n                <Property id={getId(type)} name={\"cellThumbnails\"} array={true}>\n                    <Property id={getId(type, \"type\")} name={\"type\"} value={type} />\n                    <Property id={getId(type, \"element\")} name={\"element\"} value={element} />\n                </Property>\n            </Property>\n        </Property>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYnE,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC,WAAW,EAAE,CAAC;EAAEI,IAAI;EAAEC;AAAuB,CAAC,KAAK;EACxF,MAAMC,KAAK,GAAGJ,cAAc,CAAC,yBAAyB,CAAC;EAEvD,oBACIH,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAC,SAAS;IAACC,IAAI,EAAE;EAAU,gBACnCV,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAC,OAAO;IAACC,IAAI,EAAE;EAAQ,gBAC/BV,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAACK,IAAI,EAAE,gBAAiB;IAACC,KAAK,EAAE;EAAK,gBAC3DX,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACK,IAAI,EAAE,MAAO;IAACE,KAAK,EAAEP;EAAK,CAAE,CAAC,eAChEL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACK,IAAI,EAAE,SAAU;IAACE,KAAK,EAAEN;EAAQ,CAAE,CAClE,CACJ,CACJ,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/index.d.ts

@@ -1,11 +1,56 @@
-/// <reference types="react" />
-import { ColumnConfig } from "./Column";
+import type { ColumnConfig } from "./Column.js";
+import type { ThumbnailConfig } from "./Thumbnail.js";
 export interface TableConfig {
     columns: ColumnConfig[];
+    cellThumbnails: ThumbnailConfig[];
 }
 export declare const Table: {
-    Column: ((props: import("@webiny/app-aco/config/table/Column").ColumnProps) => import("react").JSX.Element) & {
-        useTableRow: <TUserRow = Record<string, any>>() => import("@webiny/app-aco").TableRowContextData<import("../../../../../../types").TableItem & import("@webiny/ui/DataTable").DefaultData & TUserRow>;
-        isFolderRow: (row: import("@webiny/app-aco/table.types").BaseTableItem) => row is import("@webiny/app-aco/table.types").FolderTableItem;
+    Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+        original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+            original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+            original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        useTableRow: {
+            (): import("@webiny/app-aco/index.js").TableRowContextData<import("../../../../../../types.js").TableItem>;
+            <TUserRow>(): import("@webiny/app-aco/index.js").TableRowContextData<import("../../../../../../types.js").TableItem & {
+                data: TUserRow;
+            }>;
+        };
+        isFolderRow: (row: import("@webiny/app-aco/table.types.js").TableRow) => row is import("@webiny/app-aco/table.types.js").FolderTableRow;
+    };
+    Cell: {
+        Thumbnail: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+            original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
     };
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/index.js

@@ -1,12 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _Column = require("./Column");
-var Table = exports.Table = {
-  Column: _Column.Column
+import { Column } from "./Column.js";
+import { Thumbnail } from "./Thumbnail.js";
+export const Table = {
+  Column,
+  Cell: {
+    Thumbnail
+  }
 };
 
 //# sourceMappingURL=index.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Column","require","Table","exports","Column"],"sources":["index.ts"],"sourcesContent":["import { Column, ColumnConfig } from \"./Column\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n}\n\nexport const Table = {\n    Column\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAMO,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACjBE,MAAM,EAANA;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["Column","Thumbnail","Table","Cell"],"sources":["index.ts"],"sourcesContent":["import type { ColumnConfig } from \"./Column.js\";\nimport { Column } from \"./Column.js\";\nimport type { ThumbnailConfig } from \"./Thumbnail.js\";\nimport { Thumbnail } from \"./Thumbnail.js\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n    cellThumbnails: ThumbnailConfig[];\n}\n\nexport const Table = {\n    Column,\n    Cell: {\n        Thumbnail\n    }\n};\n"],"mappings":"AACA,SAASA,MAAM;AAEf,SAASC,SAAS;AAOlB,OAAO,MAAMC,KAAK,GAAG;EACjBF,MAAM;EACNG,IAAI,EAAE;IACFF;EACJ;AACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.d.ts

@@ -1,82 +1,189 @@
-/// <reference types="react" />
-import { BulkActionConfig } from "./BulkAction";
-import { FilterConfig } from "./Filter";
-import { FiltersToWhereConverter } from "./FiltersToWhere";
-import { FolderActionConfig } from "./FolderAction";
-import { FileActionConfig } from "./FileAction";
-import { TableConfig } from "./Table";
-import { BulkEditFieldConfig } from "./BulkEditField";
-import { GridConfig } from "./Grid";
+import type { BulkActionConfig } from "./BulkAction.js";
+import type { FilterConfig } from "./Filter.js";
+import type { FiltersToWhereConverter } from "./FiltersToWhere.js";
+import type { TableConfig } from "./Table/index.js";
+import type { BulkEditFieldConfig } from "./BulkEditField.js";
+import type { GridConfig } from "./Grid/index.js";
+import { RecordConfig } from "@webiny/app-aco/config/record";
 export interface BrowserConfig {
     bulkActions: BulkActionConfig[];
     bulkEditFields: BulkEditFieldConfig[];
     filters: FilterConfig[];
     filtersToWhere: FiltersToWhereConverter[];
     filterByTags: boolean;
-    folderActions: FolderActionConfig[];
-    fileActions: FileActionConfig[];
     table: TableConfig;
     grid: GridConfig;
+    file: RecordConfig;
 }
 export declare const Browser: {
     Grid: {
-        Item: {
-            Thumbnail: import("@webiny/react-composition").GenericComponent<import("./Grid/Thumbnail").RendererProps> & {
-                original: import("@webiny/react-composition").GenericComponent<import("./Grid/Thumbnail").RendererProps>;
+        Item: (({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element) & {
+            original: ({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element) & {
+                original: ({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element) & {
+                original: ({ file, fileBody, selected, onSelect, children }: import("~/components/Grid/File.js").FileProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Thumbnail: (({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                    original: ({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Grid/Thumbnail").RendererProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                    original: ({ type, element }: import("./Grid/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Action: import("@webiny/react-composition").GenericComponent<import("./Grid/Action").ActionProps> & {
-                original: import("@webiny/react-composition").GenericComponent<import("./Grid/Action").ActionProps>;
+            Action: (({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element;
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Grid/Action").ActionProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+                original: (({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element) & {
+                    original: ({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
             } & {
-                IconButton: ({ icon, onAction, disabled, ...props }: import("../../../../../components/Grid/ActionButton").ActionButtonProps) => import("react").JSX.Element;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element) & {
+                    original: ({ name, element, after, before, remove }: import("./Grid/Action.js").ActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                IconButton: ({ icon, label, onAction, disabled, ...props }: import("~/components/Grid/ActionButton.js").ActionButtonProps) => import("react").JSX.Element;
             };
         };
     };
-    BulkAction: (({ name, after, before, remove, element }: import("./BulkAction").BulkActionProps) => import("react").JSX.Element) & {
-        useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    BulkAction: (({ name, after, before, remove, element }: import("./BulkAction.js").BulkActionProps) => import("react").JSX.Element) & {
+        useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
         useWorker: () => {
-            items: import("@webiny/app-admin/types").FileItem[];
-            process: (callback: (items: import("@webiny/app-admin/types").FileItem[]) => void) => void;
-            processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin").CallbackParams<import("@webiny/app-admin/types").FileItem>) => Promise<void>, chunkSize?: number | undefined) => Promise<void>;
+            items: import("../../../../../types.js").FileItem[];
+            process: (callback: (items: import("../../../../../types.js").FileItem[]) => void) => void;
+            processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin/index.js").CallbackParams<import("../../../../../types.js").FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
             resetItems: () => void;
-            results: import("@webiny/app-admin").Result[];
+            results: import("@webiny/app-admin/index.js").Result[];
         };
-        useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+        useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
     };
-    BulkEditField: ({ name, element }: import("./BulkEditField").BulkEditFieldProps) => import("react").JSX.Element;
-    Filter: import("@webiny/react-composition").GenericComponent<import("./Filter").FilterProps> & {
-        original: import("@webiny/react-composition").GenericComponent<import("./Filter").FilterProps>;
+    BulkEditField: ({ name, element }: import("./BulkEditField.js").BulkEditFieldProps) => import("react").JSX.Element;
+    Filter: (({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element) & {
+        original: ({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Filter").FilterProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Filter").FilterProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: {
             name: string;
-        }) => import("react").JSX.Element;
+        }) => React.JSX.Element;
     };
     FiltersToWhere: ({ converter }: {
         converter: FiltersToWhereConverter;
     }) => import("react").JSX.Element;
-    FilterByTags: ({ remove }: import("./FilterByTags").FilterByTagProps) => import("react").JSX.Element;
-    FolderAction: ((props: import("@webiny/app-aco/config/folder/Action").ActionProps) => import("react").JSX.Element) & {
-        OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => import("react").JSX.Element;
+    FilterByTags: ({ remove }: import("./FilterByTags.js").FilterByTagProps) => import("react").JSX.Element;
+    Folder: {
+        ExtensionField: {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").Decorator<import("@webiny/react-composition/types.js").GenericComponent<import("@webiny/app-aco").FieldProps>>) => (props: import("@webiny/app-aco").FieldDecoratorProps) => React.JSX.Element;
+        };
+        Action: ((props: import("@webiny/app-aco/config/folder/Action.js").ActionProps) => import("react").JSX.Element) & {
+            OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+        };
+        DropConfirmation: (props: import("@webiny/app-aco/config/folder/DropConfirmation.js").DropConfirmationProps) => import("react").JSX.Element;
     };
-    FileAction: ((props: import("@webiny/app-aco/config/record/Action").ActionProps) => import("react").JSX.Element) & {
-        OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => import("react").JSX.Element;
-        OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => import("react").JSX.Element;
+    File: {
+        Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => import("react").JSX.Element) & {
+            OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+            OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+        };
     };
     Table: {
-        Column: ((props: import("@webiny/app-aco/config/table/Column").ColumnProps) => import("react").JSX.Element) & {
-            useTableRow: <TUserRow = Record<string, any>>() => import("@webiny/app-aco").TableRowContextData<import("../../../../../types").TableItem & import("@webiny/ui/DataTable").DefaultData & TUserRow>;
-            isFolderRow: (row: import("@webiny/app-aco/table.types").BaseTableItem) => row is import("@webiny/app-aco/table.types").FolderTableItem;
+        Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+            original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+                original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+                original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            useTableRow: {
+                (): import("@webiny/app-aco").TableRowContextData<import("../../../../../types.js").TableItem>;
+                <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../../../../types.js").TableItem & {
+                    data: TUserRow;
+                }>;
+            };
+            isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
+        };
+        Cell: {
+            Thumbnail: (({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                    original: ({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                    original: ({ type, element }: import("./Table/Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
         };
     };
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js

@@ -1,37 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Browser = void 0;
-var _BulkAction = require("./BulkAction");
-var _Filter = require("./Filter");
-var _FiltersToWhere = require("./FiltersToWhere");
-var _FilterByTags = require("./FilterByTags");
-var _FolderAction = require("./FolderAction");
-var _FileAction = require("./FileAction");
-var _Table = require("./Table");
-var _BulkEditField = require("./BulkEditField");
-var _Action = require("./Grid/Action");
-var _Thumbnail = require("./Grid/Thumbnail");
-var _ActionButton = require("../../../../../components/Grid/ActionButton");
-var Browser = exports.Browser = {
+import { createFolderFieldDecoratorFactory } from "@webiny/app-aco";
+import { BulkAction } from "./BulkAction.js";
+import { Filter } from "./Filter.js";
+import { FiltersToWhere } from "./FiltersToWhere.js";
+import { FilterByTags } from "./FilterByTags.js";
+import { FolderAction } from "./FolderAction.js";
+import { FileAction } from "./FileAction.js";
+import { Table } from "./Table/index.js";
+import { BulkEditField } from "./BulkEditField.js";
+import { Action } from "./Grid/Action.js";
+import { Thumbnail } from "./Grid/Thumbnail.js";
+import { ActionButton } from "../../../../../components/Grid/ActionButton.js";
+import { File } from "../../../../../components/Grid/File.js";
+import { shouldDecorateFolderField } from "./FolderFieldDecorator.js";
+import { FolderDropConfirmation } from "./FolderDropConfirmation.js";
+export const Browser = {
   Grid: {
-    Item: {
-      Thumbnail: _Thumbnail.Thumbnail,
-      Action: Object.assign(_Action.Action, {
-        IconButton: _ActionButton.ActionButton
+    Item: Object.assign(File, {
+      Thumbnail,
+      Action: Object.assign(Action, {
+        IconButton: ActionButton
+      })
+    })
+  },
+  BulkAction,
+  BulkEditField,
+  Filter,
+  FiltersToWhere,
+  FilterByTags,
+  Folder: {
+    ExtensionField: {
+      createDecorator: createFolderFieldDecoratorFactory({
+        scope: "fm",
+        shouldDecorate: shouldDecorateFolderField
       })
-    }
+    },
+    Action: FolderAction,
+    DropConfirmation: FolderDropConfirmation
+  },
+  File: {
+    Action: FileAction
   },
-  BulkAction: _BulkAction.BulkAction,
-  BulkEditField: _BulkEditField.BulkEditField,
-  Filter: _Filter.Filter,
-  FiltersToWhere: _FiltersToWhere.FiltersToWhere,
-  FilterByTags: _FilterByTags.FilterByTags,
-  FolderAction: _FolderAction.FolderAction,
-  FileAction: _FileAction.FileAction,
-  Table: _Table.Table
+  Table
 };
 
 //# sourceMappingURL=index.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BulkAction","require","_Filter","_FiltersToWhere","_FilterByTags","_FolderAction","_FileAction","_Table","_BulkEditField","_Action","_Thumbnail","_ActionButton","Browser","exports","Grid","Item","Thumbnail","Action","Object","assign","IconButton","ActionButton","BulkAction","BulkEditField","Filter","FiltersToWhere","FilterByTags","FolderAction","FileAction","Table"],"sources":["index.ts"],"sourcesContent":["import { BulkAction, BulkActionConfig } from \"./BulkAction\";\nimport { Filter, FilterConfig } from \"./Filter\";\nimport { FiltersToWhere, FiltersToWhereConverter } from \"./FiltersToWhere\";\nimport { FilterByTags } from \"./FilterByTags\";\nimport { FolderAction, FolderActionConfig } from \"./FolderAction\";\nimport { FileAction, FileActionConfig } from \"./FileAction\";\nimport { Table, TableConfig } from \"./Table\";\nimport { BulkEditField, BulkEditFieldConfig } from \"./BulkEditField\";\nimport { Action } from \"./Grid/Action\";\nimport { Thumbnail } from \"./Grid/Thumbnail\";\nimport { GridConfig } from \"./Grid\";\nimport { ActionButton } from \"~/components/Grid/ActionButton\";\n\nexport interface BrowserConfig {\n    bulkActions: BulkActionConfig[];\n    bulkEditFields: BulkEditFieldConfig[];\n    filters: FilterConfig[];\n    filtersToWhere: FiltersToWhereConverter[];\n    filterByTags: boolean;\n    folderActions: FolderActionConfig[];\n    fileActions: FileActionConfig[];\n    table: TableConfig;\n    grid: GridConfig;\n}\n\nexport const Browser = {\n    Grid: {\n        Item: {\n            Thumbnail,\n            Action: Object.assign(Action, { IconButton: ActionButton })\n        }\n    },\n    BulkAction,\n    BulkEditField,\n    Filter,\n    FiltersToWhere,\n    FilterByTags,\n    FolderAction,\n    FileAction,\n    Table\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAEA,IAAAU,aAAA,GAAAV,OAAA;AAcO,IAAMW,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACnBE,IAAI,EAAE;IACFC,IAAI,EAAE;MACFC,SAAS,EAATA,oBAAS;MACTC,MAAM,EAAEC,MAAM,CAACC,MAAM,CAACF,cAAM,EAAE;QAAEG,UAAU,EAAEC;MAAa,CAAC;IAC9D;EACJ,CAAC;EACDC,UAAU,EAAVA,sBAAU;EACVC,aAAa,EAAbA,4BAAa;EACbC,MAAM,EAANA,cAAM;EACNC,cAAc,EAAdA,8BAAc;EACdC,YAAY,EAAZA,0BAAY;EACZC,YAAY,EAAZA,0BAAY;EACZC,UAAU,EAAVA,sBAAU;EACVC,KAAK,EAALA;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["createFolderFieldDecoratorFactory","BulkAction","Filter","FiltersToWhere","FilterByTags","FolderAction","FileAction","Table","BulkEditField","Action","Thumbnail","ActionButton","File","shouldDecorateFolderField","FolderDropConfirmation","Browser","Grid","Item","Object","assign","IconButton","Folder","ExtensionField","createDecorator","scope","shouldDecorate","DropConfirmation"],"sources":["index.ts"],"sourcesContent":["import { createFolderFieldDecoratorFactory } from \"@webiny/app-aco\";\nimport type { BulkActionConfig } from \"./BulkAction.js\";\nimport { BulkAction } from \"./BulkAction.js\";\nimport type { FilterConfig } from \"./Filter.js\";\nimport { Filter } from \"./Filter.js\";\nimport type { FiltersToWhereConverter } from \"./FiltersToWhere.js\";\nimport { FiltersToWhere } from \"./FiltersToWhere.js\";\nimport { FilterByTags } from \"./FilterByTags.js\";\nimport { FolderAction } from \"./FolderAction.js\";\nimport { FileAction } from \"./FileAction.js\";\nimport type { TableConfig } from \"./Table/index.js\";\nimport { Table } from \"./Table/index.js\";\nimport type { BulkEditFieldConfig } from \"./BulkEditField.js\";\nimport { BulkEditField } from \"./BulkEditField.js\";\nimport { Action } from \"./Grid/Action.js\";\nimport { Thumbnail } from \"./Grid/Thumbnail.js\";\nimport type { GridConfig } from \"./Grid/index.js\";\nimport { ActionButton } from \"~/components/Grid/ActionButton.js\";\nimport { File } from \"~/components/Grid/File.js\";\nimport { shouldDecorateFolderField } from \"./FolderFieldDecorator.js\";\nimport { FolderDropConfirmation } from \"./FolderDropConfirmation.js\";\nimport { RecordConfig } from \"@webiny/app-aco/config/record\";\n\nexport interface BrowserConfig {\n    bulkActions: BulkActionConfig[];\n    bulkEditFields: BulkEditFieldConfig[];\n    filters: FilterConfig[];\n    filtersToWhere: FiltersToWhereConverter[];\n    filterByTags: boolean;\n    table: TableConfig;\n    grid: GridConfig;\n    file: RecordConfig;\n}\n\nexport const Browser = {\n    Grid: {\n        Item: Object.assign(File, {\n            Thumbnail,\n            Action: Object.assign(Action, { IconButton: ActionButton })\n        })\n    },\n    BulkAction,\n    BulkEditField,\n    Filter,\n    FiltersToWhere,\n    FilterByTags,\n    Folder: {\n        ExtensionField: {\n            createDecorator: createFolderFieldDecoratorFactory({\n                scope: \"fm\",\n                shouldDecorate: shouldDecorateFolderField\n            })\n        },\n        Action: FolderAction,\n        DropConfirmation: FolderDropConfirmation\n    },\n    File: {\n        Action: FileAction\n    },\n    Table\n};\n"],"mappings":"AAAA,SAASA,iCAAiC,QAAQ,iBAAiB;AAEnE,SAASC,UAAU;AAEnB,SAASC,MAAM;AAEf,SAASC,cAAc;AACvB,SAASC,YAAY;AACrB,SAASC,YAAY;AACrB,SAASC,UAAU;AAEnB,SAASC,KAAK;AAEd,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,SAAS;AAElB,SAASC,YAAY;AACrB,SAASC,IAAI;AACb,SAASC,yBAAyB;AAClC,SAASC,sBAAsB;AAc/B,OAAO,MAAMC,OAAO,GAAG;EACnBC,IAAI,EAAE;IACFC,IAAI,EAAEC,MAAM,CAACC,MAAM,CAACP,IAAI,EAAE;MACtBF,SAAS;MACTD,MAAM,EAAES,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;QAAEW,UAAU,EAAET;MAAa,CAAC;IAC9D,CAAC;EACL,CAAC;EACDV,UAAU;EACVO,aAAa;EACbN,MAAM;EACNC,cAAc;EACdC,YAAY;EACZiB,MAAM,EAAE;IACJC,cAAc,EAAE;MACZC,eAAe,EAAEvB,iCAAiC,CAAC;QAC/CwB,KAAK,EAAE,IAAI;QACXC,cAAc,EAAEZ;MACpB,CAAC;IACL,CAAC;IACDJ,MAAM,EAAEJ,YAAY;IACpBqB,gBAAgB,EAAEZ;EACtB,CAAC;EACDF,IAAI,EAAE;IACFH,MAAM,EAAEH;EACZ,CAAC;EACDC;AACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Action.d.ts

@@ -10,10 +10,22 @@ export interface ActionProps {
     before?: string;
     after?: string;
 }
-export declare const Action: import("@webiny/app-admin").GenericComponent<ActionProps> & {
-    original: import("@webiny/app-admin").GenericComponent<ActionProps>;
+export declare const Action: (({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ActionProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Action.js

@@ -1,40 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Action = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var _appAdmin = require("@webiny/app-admin");
-var Action = exports.Action = (0, _appAdmin.makeDecoratable)("Action", function (_ref) {
-  var name = _ref.name,
-    element = _ref.element,
-    _ref$after = _ref.after,
-    after = _ref$after === void 0 ? undefined : _ref$after,
-    _ref$before = _ref.before,
-    before = _ref$before === void 0 ? undefined : _ref$before,
-    _ref$remove = _ref.remove,
-    remove = _ref$remove === void 0 ? false : _ref$remove;
-  var getId = (0, _reactProperties.useIdGenerator)("action");
-  var placeAfter = after !== undefined ? getId(after) : undefined;
-  var placeBefore = before !== undefined ? getId(before) : undefined;
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { makeDecoratable } from "@webiny/app-admin";
+export const Action = makeDecoratable("Action", ({
+  name,
+  element,
+  after = undefined,
+  before = undefined,
+  remove = false
+}) => {
+  const getId = useIdGenerator("action");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
     id: "fileDetails",
     name: "fileDetails"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name),
     name: "actions",
     array: true,
     before: placeBefore,
     after: placeAfter,
     remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), element ? /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), element ? /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "element"),
     name: "element",
     value: element