@webiny/app-file-manager 5.40.0-beta.2 → 5.40.0-beta.4

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

@@ -6,6 +6,7 @@ import { FolderActionConfig } from "./FolderAction";
 import { FileActionConfig } from "./FileAction";
 import { TableConfig } from "./Table";
 import { BulkEditFieldConfig } from "./BulkEditField";
+import { GridConfig } from "./Grid";
 export interface BrowserConfig {
     bulkActions: BulkActionConfig[];
     bulkEditFields: BulkEditFieldConfig[];
@@ -15,9 +16,30 @@ export interface BrowserConfig {
     folderActions: FolderActionConfig[];
     fileActions: FileActionConfig[];
     table: TableConfig;
+    grid: GridConfig;
 }
 export declare const Browser: {
-    BulkAction: (({ name, after, before, remove, element }: import("./BulkAction").BulkActionProps) => JSX.Element) & {
+    Grid: {
+        Item: {
+            Thumbnail: import("@webiny/react-composition").GenericComponent<import("./Grid/Thumbnail").RendererProps> & {
+                original: import("@webiny/react-composition").GenericComponent<import("./Grid/Thumbnail").RendererProps>;
+                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;
+            };
+            Action: import("@webiny/react-composition").GenericComponent<import("./Grid/Action").ActionProps> & {
+                original: import("@webiny/react-composition").GenericComponent<import("./Grid/Action").ActionProps>;
+                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;
+            } & {
+                IconButton: ({ icon, onAction, disabled, ...props }: import("../../../../../components/Grid/ActionButton").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;
         useWorker: () => {
             items: import("@webiny/app-admin/types").FileItem[];
@@ -28,33 +50,32 @@ export declare const Browser: {
         };
         useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
     };
-    BulkEditField: ({ name, element }: import("./BulkEditField").BulkEditFieldProps) => JSX.Element;
+    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>;
         originalName: string;
+        displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Filter").FilterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        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").Decorator<(props: import("react").PropsWithChildren<import("./Filter").FilterProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Filter").FilterProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
             name: string;
-        }) => JSX.Element;
+        }) => import("react").JSX.Element;
     };
     FiltersToWhere: ({ converter }: {
         converter: FiltersToWhereConverter;
-    }) => JSX.Element;
-    FilterByTags: ({ remove }: import("./FilterByTags").FilterByTagProps) => JSX.Element;
-    FolderAction: ((props: import("@webiny/app-aco/config/folder/Action").ActionProps) => JSX.Element) & {
-        OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => JSX.Element;
+    }) => 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;
     };
-    FileAction: ((props: import("@webiny/app-aco/config/record/Action").ActionProps) => JSX.Element) & {
-        OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => JSX.Element;
-        OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => 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;
     };
     Table: {
-        Column: ((props: import("@webiny/app-aco/config/table/Column").ColumnProps & {
-            children?: import("react").ReactNode;
-        }) => JSX.Element) & {
-            useTableRow: () => import("@webiny/app-aco").TableRowContextData<import("../../../../../types").TableItem>;
+        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;
         };
     };

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

@@ -12,7 +12,18 @@ var _FolderAction = require("./FolderAction");
 var _FileAction = require("./FileAction");
 var _Table = require("./Table");
 var _BulkEditField = require("./BulkEditField");
-var Browser = {
+var _Action = require("./Grid/Action");
+var _Thumbnail = require("./Grid/Thumbnail");
+var _ActionButton = require("../../../../../components/Grid/ActionButton");
+var Browser = exports.Browser = {
+  Grid: {
+    Item: {
+      Thumbnail: _Thumbnail.Thumbnail,
+      Action: Object.assign(_Action.Action, {
+        IconButton: _ActionButton.ActionButton
+      })
+    }
+  },
   BulkAction: _BulkAction.BulkAction,
   BulkEditField: _BulkEditField.BulkEditField,
   Filter: _Filter.Filter,
@@ -22,6 +33,5 @@ var Browser = {
   FileAction: _FileAction.FileAction,
   Table: _Table.Table
 };
-exports.Browser = Browser;
 
 //# 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","Browser","BulkAction","BulkEditField","Filter","FiltersToWhere","FilterByTags","FolderAction","FileAction","Table","exports"],"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\";\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}\n\nexport const Browser = {\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;AAaO,IAAMQ,OAAO,GAAG;EACnBC,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;AAACC,OAAA,CAAAT,OAAA,GAAAA,OAAA"}
+{"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":[]}

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

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

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

@@ -0,0 +1,44 @@
+"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, {
+    id: "fileDetails",
+    name: "fileDetails"
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name),
+    name: "actions",
+    array: true,
+    before: placeBefore,
+    after: placeAfter,
+    remove: remove
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "name"),
+    name: "name",
+    value: name
+  }), element ? /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "element"),
+    name: "element",
+    value: element
+  }) : null));
+});
+
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_appAdmin","Action","exports","makeDecoratable","_ref","name","element","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value"],"sources":["Action.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface ActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface ActionProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Action = makeDecoratable(\n    \"Action\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: ActionProps) => {\n        const getId = useIdGenerator(\"action\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"actions\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAeO,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,yBAAe,EACjC,QAAQ,EACR,UAAAC,IAAA,EAA2F;EAAA,IAAxFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAN,IAAA,CAAEO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EACnE,IAAME,KAAK,GAAG,IAAAC,+BAAc,EAAC,QAAQ,CAAC;EACtC,IAAMC,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGK,KAAK,CAACN,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMQ,WAAW,GAAGN,MAAM,KAAKF,SAAS,GAAGK,KAAK,CAACH,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIb,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAC,aAAa;IAAChB,IAAI,EAAE;EAAc,gBAC3CT,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBiB,KAAK,EAAE,IAAK;IACZX,MAAM,EAAEM,WAAY;IACpBT,KAAK,EAAEQ,UAAW;IAClBH,MAAM,EAAEA;EAAO,gBAEfjB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJV,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,gBAAA,CAAAqB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}

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

@@ -13,10 +13,11 @@ export interface FieldProps {
 export declare const Field: import("@webiny/app-admin").GenericComponent<FieldProps> & {
     original: import("@webiny/app-admin").GenericComponent<FieldProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: React.PropsWithChildren<FieldProps>, context?: any) => React.ReactElement<any, any> | null>) => (props: {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldProps, context?: any) => React.ReactElement<any, any> | null>) => (props: {
         name: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

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

@@ -46,9 +46,8 @@ var createDecorator = (0, _appAdmin.createDecoratorFactory)()(BaseField, functio
   }
   return decoratorProps.name === componentProps.name;
 });
-var Field = Object.assign(BaseField, {
+var Field = exports.Field = Object.assign(BaseField, {
   createDecorator: createDecorator
 });
-exports.Field = Field;
 
 //# sourceMappingURL=Field.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_appAdmin","BaseField","makeDecoratable","_ref","name","element","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value","createDecorator","createDecoratorFactory","decoratorProps","componentProps","Field","Object","assign","exports"],"sources":["Field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable, createDecoratorFactory } from \"@webiny/app-admin\";\n\nexport interface FieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface FieldProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseField = makeDecoratable(\n    \"Field\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: FieldProps) => {\n        const getId = useIdGenerator(\"field\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"fields\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n\nconst createDecorator = createDecoratorFactory<{ name: string }>()(\n    BaseField,\n    (decoratorProps, componentProps) => {\n        if (decoratorProps.name === \"*\") {\n            return true;\n        }\n\n        return decoratorProps.name === componentProps.name;\n    }\n);\n\nexport const Field = Object.assign(BaseField, { createDecorator });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAeA,IAAMG,SAAS,GAAG,IAAAC,yBAAe,EAC7B,OAAO,EACP,UAAAC,IAAA,EAA0F;EAAA,IAAvFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAN,IAAA,CAAEO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EACnE,IAAME,KAAK,GAAG,IAAAC,+BAAc,EAAC,OAAO,CAAC;EACrC,IAAMC,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGK,KAAK,CAACN,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMQ,WAAW,GAAGN,MAAM,KAAKF,SAAS,GAAGK,KAAK,CAACH,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAC,aAAa;IAAChB,IAAI,EAAE;EAAc,gBAC3CR,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfiB,KAAK,EAAE,IAAK;IACZX,MAAM,EAAEM,WAAY;IACpBT,KAAK,EAAEQ,UAAW;IAClBH,MAAM,EAAEA;EAAO,gBAEfhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJT,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC;AAED,IAAMkB,eAAe,GAAG,IAAAC,gCAAsB,EAAmB,CAAC,CAC9DvB,SAAS,EACT,UAACwB,cAAc,EAAEC,cAAc,EAAK;EAChC,IAAID,cAAc,CAACrB,IAAI,KAAK,GAAG,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,OAAOqB,cAAc,CAACrB,IAAI,KAAKsB,cAAc,CAACtB,IAAI;AACtD,CACJ,CAAC;AAEM,IAAMuB,KAAK,GAAGC,MAAM,CAACC,MAAM,CAAC5B,SAAS,EAAE;EAAEsB,eAAe,EAAfA;AAAgB,CAAC,CAAC;AAACO,OAAA,CAAAH,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_appAdmin","BaseField","makeDecoratable","_ref","name","element","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value","createDecorator","createDecoratorFactory","decoratorProps","componentProps","Field","exports","Object","assign"],"sources":["Field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable, createDecoratorFactory } from \"@webiny/app-admin\";\n\nexport interface FieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface FieldProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseField = makeDecoratable(\n    \"Field\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: FieldProps) => {\n        const getId = useIdGenerator(\"field\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"fileDetails\" name={\"fileDetails\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"fields\"}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                    remove={remove}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n\nconst createDecorator = createDecoratorFactory<{ name: string }>()(\n    BaseField,\n    (decoratorProps, componentProps) => {\n        if (decoratorProps.name === \"*\") {\n            return true;\n        }\n\n        return decoratorProps.name === componentProps.name;\n    }\n);\n\nexport const Field = Object.assign(BaseField, { createDecorator });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAeA,IAAMG,SAAS,GAAG,IAAAC,yBAAe,EAC7B,OAAO,EACP,UAAAC,IAAA,EAA0F;EAAA,IAAvFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAN,IAAA,CAAEO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EACnE,IAAME,KAAK,GAAG,IAAAC,+BAAc,EAAC,OAAO,CAAC;EACrC,IAAMC,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGK,KAAK,CAACN,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMQ,WAAW,GAAGN,MAAM,KAAKF,SAAS,GAAGK,KAAK,CAACH,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAC,aAAa;IAAChB,IAAI,EAAE;EAAc,gBAC3CR,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfiB,KAAK,EAAE,IAAK;IACZX,MAAM,EAAEM,WAAY;IACpBT,KAAK,EAAEQ,UAAW;IAClBH,MAAM,EAAEA;EAAO,gBAEfhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DC,OAAO,gBACJT,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CACJ,CAAC;AAED,IAAMkB,eAAe,GAAG,IAAAC,gCAAsB,EAAmB,CAAC,CAC9DvB,SAAS,EACT,UAACwB,cAAc,EAAEC,cAAc,EAAK;EAChC,IAAID,cAAc,CAACrB,IAAI,KAAK,GAAG,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,OAAOqB,cAAc,CAACrB,IAAI,KAAKsB,cAAc,CAACtB,IAAI;AACtD,CACJ,CAAC;AAEM,IAAMuB,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,MAAM,CAACC,MAAM,CAAC7B,SAAS,EAAE;EAAEsB,eAAe,EAAfA;AAAgB,CAAC,CAAC","ignoreList":[]}

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

@@ -5,4 +5,4 @@ export declare type FieldProps = React.ComponentProps<typeof FieldElement>;
 export declare type FieldDecoratorProps = {
     id?: string;
 };
-export declare const createScopedFieldDecorator: (scope?: string) => (decorator: Decorator<GenericComponent<FieldProps>>) => (props: FieldDecoratorProps) => JSX.Element;
+export declare const createScopedFieldDecorator: (scope?: string) => (decorator: Decorator<GenericComponent<FieldProps>>) => (props: FieldDecoratorProps) => React.JSX.Element;

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

@@ -15,7 +15,7 @@ var shouldDecorate = function shouldDecorate(decoratorProps, componentProps) {
   }
   return true;
 };
-var createScopedFieldDecorator = function createScopedFieldDecorator() {
+var createScopedFieldDecorator = exports.createScopedFieldDecorator = function createScopedFieldDecorator() {
   var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "*";
   return function (decorator) {
     return function FieldDecorator(props) {
@@ -29,6 +29,5 @@ var createScopedFieldDecorator = function createScopedFieldDecorator() {
     };
   };
 };
-exports.createScopedFieldDecorator = createScopedFieldDecorator;
 
 //# sourceMappingURL=FieldDecorator.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_appHeadlessCms","shouldDecorate","decoratorProps","componentProps","id","field","createScopedFieldDecorator","scope","arguments","length","undefined","decorator","FieldDecorator","props","conditionalDecorator","createConditionalDecorator","default","createElement","CompositionScope","name","Compose","component","FieldElement","with","exports"],"sources":["FieldDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Compose,\n    createConditionalDecorator,\n    CompositionScope,\n    GenericComponent,\n    Decorator\n} from \"@webiny/app-admin\";\nimport { FieldElement } from \"@webiny/app-headless-cms\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nconst shouldDecorate = (decoratorProps: FieldDecoratorProps, componentProps: FieldProps) => {\n    const { id } = decoratorProps;\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n\nexport type FieldDecoratorProps = {\n    id?: string;\n};\n\nexport const createScopedFieldDecorator =\n    (scope = \"*\") =>\n    (decorator: Decorator<GenericComponent<FieldProps>>) => {\n        return function FieldDecorator(props: FieldDecoratorProps) {\n            const conditionalDecorator = createConditionalDecorator(\n                shouldDecorate,\n                decorator,\n                props\n            );\n\n            return (\n                <CompositionScope name={scope}>\n                    <Compose component={FieldElement} with={conditionalDecorator} />\n                </CompositionScope>\n            );\n        };\n    };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAOA,IAAAE,eAAA,GAAAF,OAAA;AAIA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,cAAmC,EAAEC,cAA0B,EAAK;EACxF,IAAQC,EAAE,GAAKF,cAAc,CAArBE,EAAE;EAEV,IAAIA,EAAE,EAAE;IACJ,OAAOA,EAAE,KAAK,GAAG,GAAG,IAAI,GAAGA,EAAE,KAAKD,cAAc,CAACE,KAAK,CAACD,EAAE;EAC7D;EAEA,OAAO,IAAI;AACf,CAAC;AAMM,IAAME,0BAA0B,GACnC,SADSA,0BAA0BA,CAAA;EAAA,IAClCC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAAA,OACZ,UAACG,SAAkD,EAAK;IACpD,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;MACvD,IAAMC,oBAAoB,GAAG,IAAAC,oCAA0B,EACnDd,cAAc,EACdU,SAAS,EACTE,KACJ,CAAC;MAED,oBACIjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,gBAAgB;QAACC,IAAI,EAAEZ;MAAM,gBAC1BX,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAqB,OAAO;QAACC,SAAS,EAAEC,4BAAa;QAACC,IAAI,EAAET;MAAqB,CAAE,CACjD,CAAC;IAE3B,CAAC;EACL,CAAC;AAAA;AAACU,OAAA,CAAAlB,0BAAA,GAAAA,0BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_appHeadlessCms","shouldDecorate","decoratorProps","componentProps","id","field","createScopedFieldDecorator","exports","scope","arguments","length","undefined","decorator","FieldDecorator","props","conditionalDecorator","createConditionalDecorator","default","createElement","CompositionScope","name","Compose","component","FieldElement","with"],"sources":["FieldDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Compose,\n    createConditionalDecorator,\n    CompositionScope,\n    GenericComponent,\n    Decorator\n} from \"@webiny/app-admin\";\nimport { FieldElement } from \"@webiny/app-headless-cms\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nconst shouldDecorate = (decoratorProps: FieldDecoratorProps, componentProps: FieldProps) => {\n    const { id } = decoratorProps;\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n\nexport type FieldDecoratorProps = {\n    id?: string;\n};\n\nexport const createScopedFieldDecorator =\n    (scope = \"*\") =>\n    (decorator: Decorator<GenericComponent<FieldProps>>) => {\n        return function FieldDecorator(props: FieldDecoratorProps) {\n            const conditionalDecorator = createConditionalDecorator(\n                shouldDecorate,\n                decorator,\n                props\n            );\n\n            return (\n                <CompositionScope name={scope}>\n                    <Compose component={FieldElement} with={conditionalDecorator} />\n                </CompositionScope>\n            );\n        };\n    };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAOA,IAAAE,eAAA,GAAAF,OAAA;AAIA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,cAAmC,EAAEC,cAA0B,EAAK;EACxF,IAAQC,EAAE,GAAKF,cAAc,CAArBE,EAAE;EAEV,IAAIA,EAAE,EAAE;IACJ,OAAOA,EAAE,KAAK,GAAG,GAAG,IAAI,GAAGA,EAAE,KAAKD,cAAc,CAACE,KAAK,CAACD,EAAE;EAC7D;EAEA,OAAO,IAAI;AACf,CAAC;AAMM,IAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GACnC,SADSA,0BAA0BA,CAAA;EAAA,IAClCE,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAAA,OACZ,UAACG,SAAkD,EAAK;IACpD,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;MACvD,IAAMC,oBAAoB,GAAG,IAAAC,oCAA0B,EACnDf,cAAc,EACdW,SAAS,EACTE,KACJ,CAAC;MAED,oBACIlB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAoB,gBAAgB;QAACC,IAAI,EAAEZ;MAAM,gBAC1BZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAsB,OAAO;QAACC,SAAS,EAAEC,4BAAa;QAACC,IAAI,EAAET;MAAqB,CAAE,CACjD,CAAC;IAE3B,CAAC;EACL,CAAC;AAAA","ignoreList":[]}

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GroupFields = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactProperties = require("@webiny/react-properties");
-var GroupFields = function GroupFields(_ref) {
+var GroupFields = exports.GroupFields = function GroupFields(_ref) {
   var value = _ref.value;
   return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
     id: "fileDetails",
@@ -18,6 +18,5 @@ var GroupFields = function GroupFields(_ref) {
     value: value
   }));
 };
-exports.GroupFields = GroupFields;
 
 //# sourceMappingURL=GroupFields.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/GroupFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","GroupFields","_ref","value","default","createElement","Property","id","name","exports"],"sources":["GroupFields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface GroupFieldsProps {\n    value: boolean;\n}\n\nexport const GroupFields: React.FC<GroupFieldsProps> = ({ value }) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:groupFields`} name={\"groupFields\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC3D,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAM,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CX,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAM,QAAQ;IAACC,EAAE,sBAAuB;IAACC,IAAI,EAAE,aAAc;IAACL,KAAK,EAAEA;EAAM,CAAE,CAClE,CAAC;AAEnB,CAAC;AAACM,OAAA,CAAAR,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","GroupFields","exports","_ref","value","default","createElement","Property","id","name"],"sources":["GroupFields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface GroupFieldsProps {\n    value: boolean;\n}\n\nexport const GroupFields: React.FC<GroupFieldsProps> = ({ value }) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:groupFields`} name={\"groupFields\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC3D,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,sBAAuB;IAACC,IAAI,EAAE,aAAc;IAACL,KAAK,EAAEA;EAAM,CAAE,CAClE,CAAC;AAEnB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Thumbnail = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactComposition = require("@webiny/react-composition");
+var _reactProperties = require("@webiny/react-properties");
+var Thumbnail = exports.Thumbnail = (0, _reactComposition.makeDecoratable)("Thumbnail", function (_ref) {
+  var type = _ref.type,
+    element = _ref.element;
+  var getId = (0, _reactProperties.useIdGenerator)("thumbnail");
+  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "fileDetails",
+    name: "fileDetails"
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(type),
+    name: "thumbnails",
+    array: true
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(type, "type"),
+    name: "type",
+    value: type
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(type, "element"),
+    name: "element",
+    value: element
+  })));
+});
+
+//# sourceMappingURL=Thumbnail.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_reactProperties","Thumbnail","exports","makeDecoratable","_ref","type","element","getId","useIdGenerator","default","createElement","Property","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(\"thumbnail\");\n\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={getId(type)} name={\"thumbnails\"} 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    );\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAYO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,iCAAe,EAAC,WAAW,EAAE,UAAAC,IAAA,EAAsC;EAAA,IAAnCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClE,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,WAAW,CAAC;EAEzC,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,CAAE;IAACQ,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE;EAAK,gBACvDlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACQ,IAAI,EAAE,MAAO;IAACE,KAAK,EAAEV;EAAK,CAAE,CAAC,eAChET,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAW,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACQ,IAAI,EAAE,SAAU;IAACE,KAAK,EAAET;EAAQ,CAAE,CAClE,CACJ,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export interface WidthProps {
     value: string;
 }
-export declare const Width: ({ value }: WidthProps) => JSX.Element;
+export declare const Width: ({ value }: WidthProps) => React.JSX.Element;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Width = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactProperties = require("@webiny/react-properties");
-var Width = function Width(_ref) {
+var Width = exports.Width = function Width(_ref) {
   var value = _ref.value;
   return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
     id: "fileDetails",
@@ -18,6 +18,5 @@ var Width = function Width(_ref) {
     value: value
   }));
 };
-exports.Width = Width;
 
 //# sourceMappingURL=Width.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Width.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","Width","_ref","value","default","createElement","Property","id","name","exports"],"sources":["Width.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface WidthProps {\n    value: string;\n}\n\nexport const Width = ({ value }: WidthProps) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:width`} name={\"width\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAM,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CX,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAM,QAAQ;IAACC,EAAE,gBAAiB;IAACC,IAAI,EAAE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEnB,CAAC;AAACM,OAAA,CAAAR,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","Width","exports","_ref","value","default","createElement","Property","id","name"],"sources":["Width.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface WidthProps {\n    value: string;\n}\n\nexport const Width = ({ value }: WidthProps) => {\n    return (\n        <Property id=\"fileDetails\" name={\"fileDetails\"}>\n            <Property id={`drawer:width`} name={\"width\"} value={value} />\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMO,IAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,EAAC,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC3CZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,QAAQ;IAACC,EAAE,gBAAiB;IAACC,IAAI,EAAE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEnB,CAAC","ignoreList":[]}

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

@@ -1,26 +1,47 @@
 /// <reference types="react" />
 import { FieldConfig } from "./Field";
+import { ActionConfig } from "./Action";
+import { ThumbnailConfig } from "./Thumbnail";
 export interface FileDetailsConfig {
+    actions: ActionConfig[];
+    thumbnails: ThumbnailConfig[];
     width: string;
     groupFields: boolean;
     fields: FieldConfig[];
 }
 export declare const FileDetails: {
-    Width: ({ value }: import("./Width").WidthProps) => JSX.Element;
+    Action: import("@webiny/react-composition").GenericComponent<import("./Action").ActionProps> & {
+        original: import("@webiny/react-composition").GenericComponent<import("./Action").ActionProps>;
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Action").ActionProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+    } & {
+        IconButton: ({ label, icon, onAction, disabled, ...props }: import("../../../../../components/FileDetails/components/ActionButton").ActionButtonProps) => import("react").JSX.Element;
+    };
+    Preview: {
+        Thumbnail: import("@webiny/react-composition").GenericComponent<import("./Thumbnail").RendererProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./Thumbnail").RendererProps>;
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Thumbnail").RendererProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+        };
+    };
+    Width: ({ value }: import("./Width").WidthProps) => import("react").JSX.Element;
     GroupFields: import("react").FC<import("./GroupFields").GroupFieldsProps>;
     Field: import("@webiny/react-composition").GenericComponent<import("./Field").FieldProps> & {
         original: import("@webiny/react-composition").GenericComponent<import("./Field").FieldProps>;
         originalName: string;
+        displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Field").FieldProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Field").FieldProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./Field").FieldProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./Field").FieldProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
             name: string;
-        }) => JSX.Element;
+        }) => import("react").JSX.Element;
     };
     ExtensionField: {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-headless-cms").FieldElementProps & {
-            children?: import("react").ReactNode;
-        }>>) => (props: import("./FieldDecorator").FieldDecoratorProps) => JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-headless-cms").FieldElementProps>>) => (props: import("./FieldDecorator").FieldDecoratorProps) => import("react").JSX.Element;
     };
 };

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

@@ -8,7 +8,16 @@ var _Field = require("./Field");
 var _FieldDecorator = require("./FieldDecorator");
 var _Width = require("./Width");
 var _GroupFields = require("./GroupFields");
-var FileDetails = {
+var _Action = require("./Action");
+var _ActionButton = require("../../../../../components/FileDetails/components/ActionButton");
+var _Thumbnail = require("./Thumbnail");
+var FileDetails = exports.FileDetails = {
+  Action: Object.assign(_Action.Action, {
+    IconButton: _ActionButton.ActionButton
+  }),
+  Preview: {
+    Thumbnail: _Thumbnail.Thumbnail
+  },
   Width: _Width.Width,
   GroupFields: _GroupFields.GroupFields,
   Field: _Field.Field,
@@ -16,6 +25,5 @@ var FileDetails = {
     createDecorator: (0, _FieldDecorator.createScopedFieldDecorator)("fm.fileDetails.extensionFields")
   }
 };
-exports.FileDetails = FileDetails;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Field","require","_FieldDecorator","_Width","_GroupFields","FileDetails","Width","GroupFields","Field","ExtensionField","createDecorator","createScopedFieldDecorator","exports"],"sources":["index.ts"],"sourcesContent":["import { Field, FieldConfig } from \"./Field\";\nimport { createScopedFieldDecorator } from \"./FieldDecorator\";\nimport { Width } from \"./Width\";\nimport { GroupFields } from \"./GroupFields\";\n\nexport interface FileDetailsConfig {\n    width: string;\n    groupFields: boolean;\n    fields: FieldConfig[];\n}\n\nexport const FileDetails = {\n    Width,\n    GroupFields,\n    Field,\n    ExtensionField: {\n        createDecorator: createScopedFieldDecorator(\"fm.fileDetails.extensionFields\")\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAQO,IAAMI,WAAW,GAAG;EACvBC,KAAK,EAALA,YAAK;EACLC,WAAW,EAAXA,wBAAW;EACXC,KAAK,EAALA,YAAK;EACLC,cAAc,EAAE;IACZC,eAAe,EAAE,IAAAC,0CAA0B,EAAC,gCAAgC;EAChF;AACJ,CAAC;AAACC,OAAA,CAAAP,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_Field","require","_FieldDecorator","_Width","_GroupFields","_Action","_ActionButton","_Thumbnail","FileDetails","exports","Action","Object","assign","IconButton","ActionButton","Preview","Thumbnail","Width","GroupFields","Field","ExtensionField","createDecorator","createScopedFieldDecorator"],"sources":["index.ts"],"sourcesContent":["import { Field, FieldConfig } from \"./Field\";\nimport { createScopedFieldDecorator } from \"./FieldDecorator\";\nimport { Width } from \"./Width\";\nimport { GroupFields } from \"./GroupFields\";\nimport { Action, ActionConfig } from \"./Action\";\nimport { ActionButton } from \"~/components/FileDetails/components/ActionButton\";\nimport { Thumbnail, ThumbnailConfig } from \"./Thumbnail\";\n\nexport interface FileDetailsConfig {\n    actions: ActionConfig[];\n    thumbnails: ThumbnailConfig[];\n    width: string;\n    groupFields: boolean;\n    fields: FieldConfig[];\n}\n\nexport const FileDetails = {\n    Action: Object.assign(Action, { IconButton: ActionButton }),\n    Preview: {\n        Thumbnail\n    },\n    Width,\n    GroupFields,\n    Field,\n    ExtensionField: {\n        createDecorator: createScopedFieldDecorator(\"fm.fileDetails.extensionFields\")\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAUO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACvBE,MAAM,EAAEC,MAAM,CAACC,MAAM,CAACF,cAAM,EAAE;IAAEG,UAAU,EAAEC;EAAa,CAAC,CAAC;EAC3DC,OAAO,EAAE;IACLC,SAAS,EAATA;EACJ,CAAC;EACDC,KAAK,EAALA,YAAK;EACLC,WAAW,EAAXA,wBAAW;EACXC,KAAK,EAALA,YAAK;EACLC,cAAc,EAAE;IACZC,eAAe,EAAE,IAAAC,0CAA0B,EAAC,gCAAgC;EAChF;AACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FileItem } from "@webiny/app-admin/types";
+export declare const getThumbnailRenderer: <T extends {
+    type: string;
+}>(renderers: T[], file: FileItem) => T;

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getThumbnailRenderer = void 0;
+var _minimatch = _interopRequireDefault(require("minimatch"));
+var getThumbnailRenderer = exports.getThumbnailRenderer = function getThumbnailRenderer(renderers, file) {
+  // Sort by type and by priority. More occurrences of `*` means lower priority.
+  var regExMatch = /\*/g;
+  var types = renderers.sort(function (a, b) {
+    var countA = (a.type.match(regExMatch) || []).length;
+    var countB = (b.type.match(regExMatch) || []).length;
+    if (countB > countA) {
+      return -1;
+    } else if (countB < countA) {
+      return 1;
+    }
+    return 0;
+  });
+
+  // Find first matching type
+  var renderer = types.find(function (type) {
+    return (0, _minimatch.default)(file.type, type.type);
+  });
+  return renderer;
+};
+
+//# sourceMappingURL=getThumbnailRenderer.js.map

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_minimatch","_interopRequireDefault","require","getThumbnailRenderer","exports","renderers","file","regExMatch","types","sort","a","b","countA","type","match","length","countB","renderer","find","minimatch"],"sources":["getThumbnailRenderer.ts"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\nimport minimatch from \"minimatch\";\n\nexport const getThumbnailRenderer = <T extends { type: string }>(\n    renderers: T[],\n    file: FileItem\n): T => {\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n\n    const types = renderers.sort((a, b) => {\n        const countA = (a.type.match(regExMatch) || []).length;\n        const countB = (b.type.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const renderer = types.find(type => minimatch(file.type, type.type));\n\n    return renderer!;\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAC7BE,SAAc,EACdC,IAAc,EACV;EACJ;EACA,IAAMC,UAAU,GAAG,KAAK;EAExB,IAAMC,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACnC,IAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAMC,MAAM,GAAG,CAACL,CAAC,CAACE,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAIC,MAAM,GAAGJ,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAII,MAAM,GAAGJ,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,IAAMK,QAAQ,GAAGT,KAAK,CAACU,IAAI,CAAC,UAAAL,IAAI;IAAA,OAAI,IAAAM,kBAAS,EAACb,IAAI,CAACO,IAAI,EAAEA,IAAI,CAACA,IAAI,CAAC;EAAA,EAAC;EAEpE,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}

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

@@ -5,9 +5,9 @@ interface FileManagerProviderProps extends Omit<FileManagerViewProviderProps, "a
     images?: boolean;
     accept?: string[];
 }
-export declare function FileManagerProvider({ children, images, accept, ...props }: FileManagerProviderProps): JSX.Element;
+export declare function FileManagerProvider({ children, images, accept, ...props }: FileManagerProviderProps): React.JSX.Element;
 export declare const FileManagerRenderer: {
-    (): JSX.Element;
-    displayName: string | undefined;
+    (): React.JSX.Element;
+    displayName: string;
 };
 export {};