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

package/modules/FileManagerRenderer/index.js

@@ -1,132 +1,135 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerRendererModule = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _appAco = require("@webiny/app-aco");
-var _ = require("../..");
-var _FileManagerView = require("./FileManagerView");
-var _FilterByType = require("./filters/FilterByType");
-var _BulkActions = require("../../components/BulkActions");
-var _fields = require("../../components/fields");
-var _Table = require("../../components/Table");
-var _DefaultRenderer = require("../ThumbnailRenderers/DefaultRenderer");
-var _ImageRenderer = require("../ThumbnailRenderers/ImageRenderer");
-var _FileActions = require("./FileActions");
-var Browser = _.FileManagerViewConfig.Browser,
-  FileDetails = _.FileManagerViewConfig.FileDetails;
-var FileManagerRendererModule = exports.FileManagerRendererModule = function FileManagerRendererModule() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FileManagerView.FileManagerRenderer, null), /*#__PURE__*/_react.default.createElement(_.FileManagerViewConfig, null, /*#__PURE__*/_react.default.createElement(Browser.FilterByTags, null), /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+import React from "react";
+import { Wcp } from "@webiny/app-admin";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { FileManagerViewConfig as FileManagerConfig } from "../../index.js";
+import { FileManagerRenderer } from "./FileManagerView/index.js";
+import { FilterByType } from "./filters/FilterByType.js";
+import { ActionDelete, ActionEdit, ActionMove } from "../../components/BulkActions/index.js";
+import { Name, Tags, AccessControl } from "../../components/fields/index.js";
+import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellSize, CellType, CopyFile, DeleteFile, EditFile, MoveFile } from "../../components/Table/index.js";
+import { GridItemDefaultRenderer } from "../ThumbnailRenderers/GridItemDefaultRenderer.js";
+import { GridItemImageRenderer } from "../ThumbnailRenderers/GridItemImageRenderer.js";
+import { FileActions } from "./FileActions/index.js";
+import { FilePreviewImageRenderer } from "../ThumbnailRenderers/FilePreviewImageRenderer.js";
+import { TableItemDefaultRenderer } from "../ThumbnailRenderers/TableItemDefaultRenderer.js";
+import { TableItemImageRenderer } from "../ThumbnailRenderers/TableItemImageRenderer.js";
+import { FilePreviewDefaultRenderer } from "../ThumbnailRenderers/FilePreviewDefaultRenderer.js";
+const {
+  Browser,
+  FileDetails
+} = FileManagerConfig;
+export const FileManagerRendererModule = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileManagerRenderer, null), /*#__PURE__*/React.createElement(FileManagerConfig, null, /*#__PURE__*/React.createElement(Browser.FilterByTags, null), /*#__PURE__*/React.createElement(Browser.Filter, {
     name: "type",
-    element: /*#__PURE__*/_react.default.createElement(_FilterByType.FilterByType, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.BulkAction, {
+    element: /*#__PURE__*/React.createElement(FilterByType, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
     name: "edit",
-    element: /*#__PURE__*/_react.default.createElement(_BulkActions.ActionEdit, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.BulkAction, {
+    element: /*#__PURE__*/React.createElement(ActionEdit, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
     name: "move",
-    element: /*#__PURE__*/_react.default.createElement(_BulkActions.ActionMove, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.BulkAction, {
+    element: /*#__PURE__*/React.createElement(ActionMove, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
     name: "delete",
-    element: /*#__PURE__*/_react.default.createElement(_BulkActions.ActionDelete, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FolderAction, {
+    element: /*#__PURE__*/React.createElement(ActionDelete, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
     name: "edit",
-    element: /*#__PURE__*/_react.default.createElement(_appAco.EditFolder, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FolderAction, {
+    element: /*#__PURE__*/React.createElement(EditFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
     name: "permissions",
-    element: /*#__PURE__*/_react.default.createElement(_appAco.SetFolderPermissions, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FolderAction, {
+    element: /*#__PURE__*/React.createElement(SetFolderPermissions, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
     name: "delete",
-    element: /*#__PURE__*/_react.default.createElement(_appAco.DeleteFolder, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FileAction, {
+    element: /*#__PURE__*/React.createElement(DeleteFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.File.Action, {
     name: "copy",
-    element: /*#__PURE__*/_react.default.createElement(_Table.CopyFile, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FileAction, {
+    element: /*#__PURE__*/React.createElement(CopyFile, null)
+  }), /*#__PURE__*/React.createElement(Browser.File.Action, {
     name: "edit",
-    element: /*#__PURE__*/_react.default.createElement(_Table.EditFile, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FileAction, {
+    element: /*#__PURE__*/React.createElement(EditFile, null)
+  }), /*#__PURE__*/React.createElement(Browser.File.Action, {
     name: "move",
-    element: /*#__PURE__*/_react.default.createElement(_Table.MoveFile, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.FileAction, {
+    element: /*#__PURE__*/React.createElement(MoveFile, null)
+  }), /*#__PURE__*/React.createElement(Browser.File.Action, {
     name: "delete",
-    element: /*#__PURE__*/_react.default.createElement(_Table.DeleteFile, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+    element: /*#__PURE__*/React.createElement(DeleteFile, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "name",
     header: "Name",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellName, null),
+    cell: /*#__PURE__*/React.createElement(CellName, null),
     sortable: true,
     hideable: false,
     size: 200
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "type",
     header: "Type",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellType, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+    cell: /*#__PURE__*/React.createElement(CellType, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "size",
     header: "Size",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellSize, null),
+    cell: /*#__PURE__*/React.createElement(CellSize, null),
     sortable: true
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "createdBy",
     header: "Author",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellAuthor, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+    cell: /*#__PURE__*/React.createElement(CellAuthor, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "createdOn",
     header: "Created",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellCreated, null),
+    cell: /*#__PURE__*/React.createElement(CellCreated, null),
     sortable: true
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "savedOn",
     header: "Modified",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellModified, null),
+    cell: /*#__PURE__*/React.createElement(CellModified, null),
     sortable: true
-  }), /*#__PURE__*/_react.default.createElement(Browser.Table.Column, {
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
     name: "actions",
     header: " ",
-    cell: /*#__PURE__*/_react.default.createElement(_Table.CellActions, null),
-    size: 80,
-    className: "rmwc-data-table__cell--align-end",
+    cell: /*#__PURE__*/React.createElement(CellActions, null),
+    size: 56,
+    className: "text-right",
     hideable: false,
     resizable: false
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Field, {
+  }), /*#__PURE__*/React.createElement(FileDetails.Field, {
     name: "name",
-    element: /*#__PURE__*/_react.default.createElement(_fields.Name, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Field, {
+    element: /*#__PURE__*/React.createElement(Name, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Field, {
     name: "tags",
-    element: /*#__PURE__*/_react.default.createElement(_fields.Tags, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.BulkEditField, {
+    element: /*#__PURE__*/React.createElement(Tags, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkEditField, {
     name: "tags",
-    element: /*#__PURE__*/_react.default.createElement(_fields.Tags, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Field, {
-    name: "aliases",
-    element: /*#__PURE__*/_react.default.createElement(_fields.Aliases, null)
-  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Wcp.CanUsePrivateFiles, null, /*#__PURE__*/_react.default.createElement(FileDetails.Field, {
+    element: /*#__PURE__*/React.createElement(Tags, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.GroupFields, {
+    value: false
+  }), /*#__PURE__*/React.createElement(FileActions, null), /*#__PURE__*/React.createElement(Wcp.CanUsePrivateFiles, null, /*#__PURE__*/React.createElement(FileDetails.Field, {
     name: "accessControl",
-    element: /*#__PURE__*/_react.default.createElement(_fields.AccessControl, {
+    element: /*#__PURE__*/React.createElement(AccessControl, {
       defaultValue: "public"
-    })
-  }), /*#__PURE__*/_react.default.createElement(Browser.BulkEditField, {
+    }),
+    after: "tags"
+  }), /*#__PURE__*/React.createElement(Browser.BulkEditField, {
     name: "accessControl",
-    element: /*#__PURE__*/_react.default.createElement(_fields.AccessControl, {
+    element: /*#__PURE__*/React.createElement(AccessControl, {
       placeholder: "Select privacy settings"
     })
-  })), /*#__PURE__*/_react.default.createElement(FileDetails.GroupFields, {
-    value: false
-  }), /*#__PURE__*/_react.default.createElement(_FileActions.FileActions, null), /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Thumbnail, {
+  })), /*#__PURE__*/React.createElement(Browser.Grid.Item.Thumbnail, {
     type: "*/*",
-    element: /*#__PURE__*/_react.default.createElement(_DefaultRenderer.DefaultRenderer, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Thumbnail, {
+    element: /*#__PURE__*/React.createElement(GridItemDefaultRenderer, null)
+  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Thumbnail, {
+    type: "image/*",
+    element: /*#__PURE__*/React.createElement(GridItemImageRenderer, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Cell.Thumbnail, {
     type: "image/*",
-    element: /*#__PURE__*/_react.default.createElement(_ImageRenderer.ImageRenderer, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Preview.Thumbnail, {
+    element: /*#__PURE__*/React.createElement(TableItemImageRenderer, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Cell.Thumbnail, {
+    type: "*/*",
+    element: /*#__PURE__*/React.createElement(TableItemDefaultRenderer, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Preview.Thumbnail, {
     type: "*/*",
-    element: /*#__PURE__*/_react.default.createElement(_DefaultRenderer.DefaultRenderer, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Preview.Thumbnail, {
+    element: /*#__PURE__*/React.createElement(FilePreviewDefaultRenderer, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Preview.Thumbnail, {
     type: "image/*",
-    element: /*#__PURE__*/_react.default.createElement(_ImageRenderer.ImageRenderer, null)
+    element: /*#__PURE__*/React.createElement(FilePreviewImageRenderer, null)
   })));
 };
 

package/modules/FileManagerRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_appAco","_","_FileManagerView","_FilterByType","_BulkActions","_fields","_Table","_DefaultRenderer","_ImageRenderer","_FileActions","Browser","FileManagerConfig","FileDetails","FileManagerRendererModule","exports","default","createElement","Fragment","FileManagerRenderer","FileManagerViewConfig","FilterByTags","Filter","name","element","FilterByType","BulkAction","ActionEdit","ActionMove","ActionDelete","FolderAction","EditFolder","SetFolderPermissions","DeleteFolder","FileAction","CopyFile","EditFile","MoveFile","DeleteFile","Table","Column","header","cell","CellName","sortable","hideable","size","CellType","CellSize","CellAuthor","CellCreated","CellModified","CellActions","className","resizable","Field","Name","Tags","BulkEditField","Aliases","Wcp","CanUsePrivateFiles","AccessControl","defaultValue","placeholder","GroupFields","value","FileActions","Grid","Item","Thumbnail","type","DefaultRenderer","ImageRenderer","Preview"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Wcp } from \"@webiny/app-admin\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport { FileManagerViewConfig as FileManagerConfig } from \"~/index\";\nimport { FileManagerRenderer } from \"./FileManagerView\";\nimport { FilterByType } from \"./filters/FilterByType\";\nimport { ActionDelete, ActionEdit, ActionMove } from \"~/components/BulkActions\";\nimport { Name, Tags, Aliases, AccessControl } from \"~/components/fields\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellSize,\n    CellType,\n    CopyFile,\n    DeleteFile,\n    EditFile,\n    MoveFile\n} from \"~/components/Table\";\nimport { DefaultRenderer } from \"~/modules/ThumbnailRenderers/DefaultRenderer\";\nimport { ImageRenderer } from \"~/modules/ThumbnailRenderers/ImageRenderer\";\nimport { FileActions } from \"~/modules/FileManagerRenderer/FileActions\";\n\nconst { Browser, FileDetails } = FileManagerConfig;\n\nexport const FileManagerRendererModule = () => {\n    return (\n        <>\n            <FileManagerRenderer />\n            <FileManagerConfig>\n                <Browser.FilterByTags />\n                <Browser.Filter name={\"type\"} element={<FilterByType />} />\n                <Browser.BulkAction name={\"edit\"} element={<ActionEdit />} />\n                <Browser.BulkAction name={\"move\"} element={<ActionMove />} />\n                <Browser.BulkAction name={\"delete\"} element={<ActionDelete />} />\n                <Browser.FolderAction name={\"edit\"} element={<EditFolder />} />\n                <Browser.FolderAction name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.FolderAction name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.FileAction name={\"copy\"} element={<CopyFile />} />\n                <Browser.FileAction name={\"edit\"} element={<EditFile />} />\n                <Browser.FileAction name={\"move\"} element={<MoveFile />} />\n                <Browser.FileAction name={\"delete\"} element={<DeleteFile />} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"type\"} header={\"Type\"} cell={<CellType />} />\n                <Browser.Table.Column\n                    name={\"size\"}\n                    header={\"Size\"}\n                    cell={<CellSize />}\n                    sortable={true}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\" \"}\n                    cell={<CellActions />}\n                    size={80}\n                    className={\"rmwc-data-table__cell--align-end\"}\n                    hideable={false}\n                    resizable={false}\n                />\n                <FileDetails.Field name={\"name\"} element={<Name />} />\n                <FileDetails.Field name={\"tags\"} element={<Tags />} />\n                <Browser.BulkEditField name={\"tags\"} element={<Tags />} />\n                <FileDetails.Field name={\"aliases\"} element={<Aliases />} />\n                <Wcp.CanUsePrivateFiles>\n                    <FileDetails.Field\n                        name={\"accessControl\"}\n                        element={<AccessControl defaultValue={\"public\"} />}\n                    />\n                    <Browser.BulkEditField\n                        name={\"accessControl\"}\n                        element={<AccessControl placeholder={\"Select privacy settings\"} />}\n                    />\n                </Wcp.CanUsePrivateFiles>\n                <FileDetails.GroupFields value={false} />\n                <FileActions />\n                <Browser.Grid.Item.Thumbnail type={\"*/*\"} element={<DefaultRenderer />} />\n                <Browser.Grid.Item.Thumbnail type={\"image/*\"} element={<ImageRenderer />} />\n                <FileDetails.Preview.Thumbnail type={\"*/*\"} element={<DefaultRenderer />} />\n                <FileDetails.Preview.Thumbnail type={\"image/*\"} element={<ImageRenderer />} />\n            </FileManagerConfig>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Wcp","DeleteFolder","EditFolder","SetFolderPermissions","FileManagerViewConfig","FileManagerConfig","FileManagerRenderer","FilterByType","ActionDelete","ActionEdit","ActionMove","Name","Tags","AccessControl","CellActions","CellAuthor","CellCreated","CellModified","CellName","CellSize","CellType","CopyFile","DeleteFile","EditFile","MoveFile","GridItemDefaultRenderer","GridItemImageRenderer","FileActions","FilePreviewImageRenderer","TableItemDefaultRenderer","TableItemImageRenderer","FilePreviewDefaultRenderer","Browser","FileDetails","FileManagerRendererModule","createElement","Fragment","FilterByTags","Filter","name","element","BulkAction","Folder","Action","File","Table","Column","header","cell","sortable","hideable","size","className","resizable","Field","BulkEditField","GroupFields","value","CanUsePrivateFiles","defaultValue","after","placeholder","Grid","Item","Thumbnail","type","Cell","Preview"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Wcp } from \"@webiny/app-admin\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport { FileManagerViewConfig as FileManagerConfig } from \"~/index.js\";\nimport { FileManagerRenderer } from \"./FileManagerView/index.js\";\nimport { FilterByType } from \"./filters/FilterByType.js\";\nimport { ActionDelete, ActionEdit, ActionMove } from \"~/components/BulkActions/index.js\";\nimport { Name, Tags, AccessControl } from \"~/components/fields/index.js\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellSize,\n    CellType,\n    CopyFile,\n    DeleteFile,\n    EditFile,\n    MoveFile\n} from \"~/components/Table/index.js\";\nimport { GridItemDefaultRenderer } from \"~/modules/ThumbnailRenderers/GridItemDefaultRenderer.js\";\nimport { GridItemImageRenderer } from \"~/modules/ThumbnailRenderers/GridItemImageRenderer.js\";\nimport { FileActions } from \"~/modules/FileManagerRenderer/FileActions/index.js\";\nimport { FilePreviewImageRenderer } from \"~/modules/ThumbnailRenderers/FilePreviewImageRenderer.js\";\nimport { TableItemDefaultRenderer } from \"~/modules/ThumbnailRenderers/TableItemDefaultRenderer.js\";\nimport { TableItemImageRenderer } from \"~/modules/ThumbnailRenderers/TableItemImageRenderer.js\";\nimport { FilePreviewDefaultRenderer } from \"~/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.js\";\n\nconst { Browser, FileDetails } = FileManagerConfig;\n\nexport const FileManagerRendererModule = () => {\n    return (\n        <>\n            <FileManagerRenderer />\n            <FileManagerConfig>\n                {/* Filters */}\n                <Browser.FilterByTags />\n                <Browser.Filter name={\"type\"} element={<FilterByType />} />\n                {/* Bulk Actions */}\n                <Browser.BulkAction name={\"edit\"} element={<ActionEdit />} />\n                <Browser.BulkAction name={\"move\"} element={<ActionMove />} />\n                <Browser.BulkAction name={\"delete\"} element={<ActionDelete />} />\n                {/* Folder Actions */}\n                <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n                <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n                {/* File Actions */}\n                <Browser.File.Action name={\"copy\"} element={<CopyFile />} />\n                <Browser.File.Action name={\"edit\"} element={<EditFile />} />\n                <Browser.File.Action name={\"move\"} element={<MoveFile />} />\n                <Browser.File.Action name={\"delete\"} element={<DeleteFile />} />\n                {/* Table Columns */}\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"type\"} header={\"Type\"} cell={<CellType />} />\n                <Browser.Table.Column\n                    name={\"size\"}\n                    header={\"Size\"}\n                    cell={<CellSize />}\n                    sortable={true}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\" \"}\n                    cell={<CellActions />}\n                    size={56}\n                    className={\"text-right\"}\n                    hideable={false}\n                    resizable={false}\n                />\n                {/* File Details Fields */}\n                <FileDetails.Field name={\"name\"} element={<Name />} />\n                <FileDetails.Field name={\"tags\"} element={<Tags />} />\n                <Browser.BulkEditField name={\"tags\"} element={<Tags />} />\n                <FileDetails.GroupFields value={false} />\n                {/* File Details Actions */}\n                <FileActions />\n                {/* Access Control */}\n                <Wcp.CanUsePrivateFiles>\n                    <FileDetails.Field\n                        name={\"accessControl\"}\n                        element={<AccessControl defaultValue={\"public\"} />}\n                        after={\"tags\"}\n                    />\n                    <Browser.BulkEditField\n                        name={\"accessControl\"}\n                        element={<AccessControl placeholder={\"Select privacy settings\"} />}\n                    />\n                </Wcp.CanUsePrivateFiles>\n                {/* Grid Thumbnail */}\n                <Browser.Grid.Item.Thumbnail type={\"*/*\"} element={<GridItemDefaultRenderer />} />\n                <Browser.Grid.Item.Thumbnail type={\"image/*\"} element={<GridItemImageRenderer />} />\n                {/* Table Thumbnail */}\n                <Browser.Table.Cell.Thumbnail\n                    type={\"image/*\"}\n                    element={<TableItemImageRenderer />}\n                />\n                <Browser.Table.Cell.Thumbnail type={\"*/*\"} element={<TableItemDefaultRenderer />} />\n                {/* File Details Thumbnail */}\n                <FileDetails.Preview.Thumbnail\n                    type={\"*/*\"}\n                    element={<FilePreviewDefaultRenderer />}\n                />\n                <FileDetails.Preview.Thumbnail\n                    type={\"image/*\"}\n                    element={<FilePreviewImageRenderer />}\n                />\n            </FileManagerConfig>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/HeadlessCms/fileField.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldTypePlugin } from "@webiny/app-headless-cms/types";
+import type { CmsModelFieldTypePlugin } from "@webiny/app-headless-cms/types.js";
 export declare const fileField: CmsModelFieldTypePlugin;

package/modules/HeadlessCms/fileField.js

@@ -1,29 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fileField = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _file_present = require("@material-design-icons/svg/outlined/file_present.svg");
-var _Grid = require("@webiny/ui/Grid");
-var _Switch = require("@webiny/ui/Switch");
-var _form = require("@webiny/form");
-var fileField = exports.fileField = {
+import React from "react";
+import { ReactComponent as FileIcon } from "@webiny/icons/file_present.svg";
+import { Grid, Switch } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const fileField = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-file",
   field: {
     type: "file",
     label: "Files",
     description: "Images, videos and other files.",
-    icon: /*#__PURE__*/_react.default.createElement(_file_present.ReactComponent, null),
+    icon: /*#__PURE__*/React.createElement(FileIcon, null),
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: "Use as a list of files or an image gallery",
-    createField: function createField() {
+    listLabel: "Use as a list of files or an image gallery",
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -32,12 +24,12 @@ var fileField = exports.fileField = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings: () => {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "settings.imagesOnly"
-      }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+      }, /*#__PURE__*/React.createElement(Switch, {
         label: "Images only",
         description: "Allow only images to be selected"
       }))));

package/modules/HeadlessCms/fileField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_file_present","_Grid","_Switch","_form","fileField","exports","type","name","field","label","description","icon","default","createElement","ReactComponent","validators","listValidators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Switch"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/file_present.svg\";\nimport { CmsModelFieldTypePlugin } from \"@webiny/app-headless-cms/types\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Bind } from \"@webiny/form\";\n\nexport const fileField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: \"Files\",\n        description: \"Images, videos and other files.\",\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: \"Use as a list of files or an image gallery\",\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: () => {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={\"Images only\"}\n                                description={\"Allow only images to be selected\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEO,IAAMK,SAAkC,GAAAC,OAAA,CAAAD,SAAA,GAAG;EAC9CE,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,iCAAiC;IAC9CC,IAAI,eAAEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,cAAQ,MAAE,CAAC;IAClBC,UAAU,EAAE,CAAC,UAAU,CAAC;IACxBC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1CC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAE,4CAA4C;IACjEC,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,EAAE,SAAAA,eAAA,EAAM;MAClB,oBACI1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAuB,IAAI,qBACD3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAwB,IAAI;QAACC,IAAI,EAAE;MAAG,gBACX7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAwB,IAAI;QAACpB,IAAI,EAAE;MAAsB,gBAC9BV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAA0B,MAAM;QACHnB,KAAK,EAAE,aAAc;QACrBC,WAAW,EAAE;MAAmC,CACnD,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","FileIcon","Grid","Switch","Bind","fileField","type","name","field","label","description","icon","createElement","validators","listValidators","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","renderSettings","Column","span"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/file_present.svg\";\nimport type { CmsModelFieldTypePlugin } from \"@webiny/app-headless-cms/types.js\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const fileField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: \"Files\",\n        description: \"Images, videos and other files.\",\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowList: true,\n        allowPredefinedValues: false,\n        listLabel: \"Use as a list of files or an image gallery\",\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: () => {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={\"Images only\"}\n                                description={\"Allow only images to be selected\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAE3E,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,SAAkC,GAAG;EAC9CC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,iCAAiC;IAC9CC,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,UAAU,EAAE,CAAC,UAAU,CAAC;IACxBC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1CC,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,KAAK;IAC5BC,SAAS,EAAE,4CAA4C;IACvDC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHZ,IAAI,EAAE,IAAI,CAACA,IAAI;QACfa,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNb,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDc,cAAc,EAAEA,CAAA,KAAM;MAClB,oBACItB,KAAA,CAAAa,aAAA,CAACV,IAAI,qBACDH,KAAA,CAAAa,aAAA,CAACV,IAAI,CAACoB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClBxB,KAAA,CAAAa,aAAA,CAACR,IAAI;QAACG,IAAI,EAAE;MAAsB,gBAC9BR,KAAA,CAAAa,aAAA,CAACT,MAAM;QACHM,KAAK,EAAE,aAAc;QACrBC,WAAW,EAAE;MAAmC,CACnD,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}

package/modules/HeadlessCms/fileRenderer/fileField.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types";
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types.js";
 export declare const singleFile: CmsModelFieldRendererPlugin;

package/modules/HeadlessCms/fileRenderer/fileField.js

@@ -1,105 +1,63 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.singleFile = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _components = require("@webiny/app-admin/components");
-var _Typography = require("@webiny/ui/Typography");
-var _File = require("./File");
-var _EditFileUsingUrl = require("../../../components/EditFileUsingUrl");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var ImageFieldWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e6yayn1"
-} : {
-  target: "e6yayn1",
-  label: "ImageFieldWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "6bdn0i",
-  styles: "background:var(--mdc-theme-on-background);border-bottom:1px solid rgba(0, 0, 0, 0.42);height:100%;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;span{color:var(--mdc-theme-text-primary-on-background);}"
-} : {
-  name: "6bdn0i",
-  styles: "background:var(--mdc-theme-on-background);border-bottom:1px solid rgba(0, 0, 0, 0.42);height:100%;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;span{color:var(--mdc-theme-text-primary-on-background);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGVGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6ImZpbGVGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gICAgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzXG59IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMvdHlwZXNcIjtcbmltcG9ydCB7IEZpbGVNYW5hZ2VyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBGaWxlIH0gZnJvbSBcIi4vRmlsZVwiO1xuaW1wb3J0IHsgRWRpdEZpbGVVc2luZ1VybCB9IGZyb20gXCJ+L2NvbXBvbmVudHMvRWRpdEZpbGVVc2luZ1VybFwiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5cbmNvbnN0IEltYWdlRmllbGRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBiYWNrZ3JvdW5kOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjQyKVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogXCIxNnB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHNwYW46IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfVxufSk7XG5cbmNvbnN0IElubmVySW1hZ2VGaWVsZFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJhY2tncm91bmQ6IFwicmVwZWF0aW5nLWNvbmljLWdyYWRpZW50KCNlZmVmZWYgMCUgMjUlLCB0cmFuc3BhcmVudCAwJSA1MCUpIDUwJS8yNXB4IDI1cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjZmZmXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsZXhCYXNpczogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0OiBcIjE4MHB4XCIsXG4gICAgbWFyZ2luOiBcIjE2cHggMCAwXCIsXG4gICAgXCI+IGRpdlwiOiB7XG4gICAgICAgIG1pbldpZHRoOiBcIjIwMHB4XCIsXG4gICAgICAgIG1heEhlaWdodDogXCIxODBweFwiLFxuICAgICAgICBwYWRkaW5nOiBcIjMwcHhcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBGaWVsZFJlbmRlcmVyID0gKHsgZmllbGQsIGdldEJpbmQgfTogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMpID0+IHtcbiAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgY29uc3QgaW1hZ2VzT25seSA9IGZpZWxkLnNldHRpbmdzICYmIGZpZWxkLnNldHRpbmdzLmltYWdlc09ubHk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UsIHZhbGlkYXRpb24gfSA9IGJpbmQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEVkaXRGaWxlVXNpbmdVcmwgb25TZXRGaWxlPXtmaWxlID0+IGJpbmQub25DaGFuZ2UoZmlsZS5zcmMpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHsoeyBlZGl0RmlsZSB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPVwiYm9keTJcIiB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmllbGQubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5uZXJJbWFnZUZpZWxkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZU1hbmFnZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW1hZ2VzPXtpbWFnZXNPbmx5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZW5kZXI9eyh7IHNob3dGaWxlTWFuYWdlciB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzZWxlY3RGaWxlID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcihmaWxlID0+IG9uQ2hhbmdlKGZpbGUuc3JjKSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4uYmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FZGl0PXsoKSA9PiBlZGl0RmlsZSh2YWx1ZSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXsoKSA9PiBvbkNoYW5nZShudWxsKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXtzZWxlY3RGaWxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17ZmllbGQucGxhY2Vob2xkZXJUZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17YGZyLmlucHV0LmZpbGVmaWVsZC4ke2ZpZWxkLmxhYmVsfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSW5uZXJJbWFnZUZpZWxkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9JbWFnZUZpZWxkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5tZXNzYWdlIHx8IFwiSW52YWxpZCB2YWx1ZS5cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkICE9PSBmYWxzZSAmJiBmaWVsZC5oZWxwVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlPntmaWVsZC5oZWxwVGV4dH08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRWRpdEZpbGVVc2luZ1VybD5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPC9CaW5kPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3Qgc2luZ2xlRmlsZTogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1maWxlXCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcImZpbGUtaW5wdXRcIixcbiAgICAgICAgbmFtZTogXCJGaWxlIElucHV0XCIsXG4gICAgICAgIGRlc2NyaXB0aW9uOiBcIkVuYWJsZXMgc2VsZWN0aW5nIGEgc2luZ2xlIGZpbGUgdmlhIEZpbGUgTWFuYWdlci5cIixcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZmlsZVwiICYmICFmaWVsZC5tdWx0aXBsZVZhbHVlcztcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHBhcmFtcykge1xuICAgICAgICAgICAgcmV0dXJuIDxGaWVsZFJlbmRlcmVyIHsuLi5wYXJhbXN9IC8+O1xuICAgICAgICB9XG4gICAgfVxufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var InnerImageFieldWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e6yayn0"
-} : {
-  target: "e6yayn0",
-  label: "InnerImageFieldWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1aeat10",
-  styles: "background:repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px;height:100%;width:100%;box-sizing:border-box;background-color:#fff;border:1px solid var(--mdc-theme-background);display:flex;justify-content:center;align-items:center;flex-basis:100%;max-height:180px;margin:16px 0 0;> div{min-width:200px;max-height:180px;padding:30px;}"
-} : {
-  name: "1aeat10",
-  styles: "background:repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px;height:100%;width:100%;box-sizing:border-box;background-color:#fff;border:1px solid var(--mdc-theme-background);display:flex;justify-content:center;align-items:center;flex-basis:100%;max-height:180px;margin:16px 0 0;> div{min-width:200px;max-height:180px;padding:30px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGVGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIrQiIsImZpbGUiOiJmaWxlRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zL3R5cGVzXCI7XG5pbXBvcnQgeyBGaWxlTWFuYWdlciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgRmlsZSB9IGZyb20gXCIuL0ZpbGVcIjtcbmltcG9ydCB7IEVkaXRGaWxlVXNpbmdVcmwgfSBmcm9tIFwifi9jb21wb25lbnRzL0VkaXRGaWxlVXNpbmdVcmxcIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuXG5jb25zdCBJbWFnZUZpZWxkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgYmFja2dyb3VuZDogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC40MilcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IFwiMTZweFwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBzcGFuOiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBJbm5lckltYWdlRmllbGRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBiYWNrZ3JvdW5kOiBcInJlcGVhdGluZy1jb25pYy1ncmFkaWVudCgjZWZlZmVmIDAlIDI1JSwgdHJhbnNwYXJlbnQgMCUgNTAlKSA1MCUvMjVweCAyNXB4XCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmbGV4QmFzaXM6IFwiMTAwJVwiLFxuICAgIG1heEhlaWdodDogXCIxODBweFwiLFxuICAgIG1hcmdpbjogXCIxNnB4IDAgMFwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgICBtaW5XaWR0aDogXCIyMDBweFwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiMTgwcHhcIixcbiAgICAgICAgcGFkZGluZzogXCIzMHB4XCJcbiAgICB9XG59KTtcblxuY29uc3QgRmllbGRSZW5kZXJlciA9ICh7IGZpZWxkLCBnZXRCaW5kIH06IENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IGltYWdlc09ubHkgPSBmaWVsZC5zZXR0aW5ncyAmJiBmaWVsZC5zZXR0aW5ncy5pbWFnZXNPbmx5O1xuICAgIHJldHVybiAoXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHsgdmFsdWUsIG9uQ2hhbmdlLCB2YWxpZGF0aW9uIH0gPSBiaW5kO1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxFZGl0RmlsZVVzaW5nVXJsIG9uU2V0RmlsZT17ZmlsZSA9PiBiaW5kLm9uQ2hhbmdlKGZpbGUuc3JjKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7KHsgZWRpdEZpbGUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZUZpZWxkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT1cImJvZHkyXCIgdGFnPXtcInNwYW5cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElubmVySW1hZ2VGaWVsZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpbGVNYW5hZ2VyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlcz17aW1hZ2VzT25seX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVuZGVyPXsoeyBzaG93RmlsZU1hbmFnZXIgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2VsZWN0RmlsZSA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93RmlsZU1hbmFnZXIoZmlsZSA9PiBvbkNoYW5nZShmaWxlLnNyYykpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVybD17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRWRpdD17KCkgPT4gZWRpdEZpbGUodmFsdWUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblJlbW92ZT17KCkgPT4gb25DaGFuZ2UobnVsbCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcj17c2VsZWN0RmlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2Bmci5pbnB1dC5maWxlZmllbGQuJHtmaWVsZC5sYWJlbH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0lubmVySW1hZ2VGaWVsZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSW1hZ2VGaWVsZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0aW9uLmlzVmFsaWQgPT09IGZhbHNlICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2UgZXJyb3I+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24ubWVzc2FnZSB8fCBcIkludmFsaWQgdmFsdWUuXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZmllbGQuaGVscFRleHR9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0VkaXRGaWxlVXNpbmdVcmw+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHNpbmdsZUZpbGU6IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItZmlsZVwiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJmaWxlLWlucHV0XCIsXG4gICAgICAgIG5hbWU6IFwiRmlsZSBJbnB1dFwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJFbmFibGVzIHNlbGVjdGluZyBhIHNpbmdsZSBmaWxlIHZpYSBGaWxlIE1hbmFnZXIuXCIsXG4gICAgICAgIGNhblVzZSh7IGZpZWxkIH0pIHtcbiAgICAgICAgICAgIHJldHVybiBmaWVsZC50eXBlID09PSBcImZpbGVcIiAmJiAhZmllbGQubXVsdGlwbGVWYWx1ZXM7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlcihwYXJhbXMpIHtcbiAgICAgICAgICAgIHJldHVybiA8RmllbGRSZW5kZXJlciB7Li4ucGFyYW1zfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldRenderer = function FieldRenderer(_ref) {
-  var field = _ref.field,
-    getBind = _ref.getBind;
-  var Bind = getBind();
-  var imagesOnly = field.settings && field.settings.imagesOnly;
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    var value = bind.value,
-      onChange = bind.onChange,
-      validation = bind.validation;
-    return /*#__PURE__*/_react.default.createElement(_EditFileUsingUrl.EditFileUsingUrl, {
-      onSetFile: function onSetFile(file) {
-        return bind.onChange(file.src);
+import React from "react";
+import { FileManager } from "@webiny/app-admin";
+import { EditFileUsingUrl } from "../../../components/EditFileUsingUrl/index.js";
+import { FilePicker } from "@webiny/admin-ui";
+import { getSupportedExtensionsLabelHint } from "./utils.js";
+const FieldRenderer = ({
+  field,
+  getBind
+}) => {
+  const Bind = getBind();
+  const imagesOnly = field.settings && field.settings.imagesOnly;
+  return /*#__PURE__*/React.createElement(Bind, null, bind => {
+    const {
+      value,
+      onChange,
+      validation
+    } = bind;
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(EditFileUsingUrl, {
+      onSetFile: file => bind.onChange(file.src)
+    }, ({
+      editFile
+    }) => /*#__PURE__*/React.createElement(FileManager, {
+      images: imagesOnly,
+      render: ({
+        showFileManager
+      }) => {
+        return /*#__PURE__*/React.createElement(FilePicker, Object.assign({}, bind, {
+          label: field.label,
+          validation: validation,
+          description: field.description,
+          hint: field.help,
+          note: getSupportedExtensionsLabelHint(imagesOnly),
+          value: value,
+          onSelectItem: () => {
+            showFileManager(file => onChange(file.src));
+          },
+          onEditItem: () => editFile(value),
+          onRemoveItem: () => onChange(null),
+          placeholder: field.placeholder,
+          type: "compact",
+          "data-testid": `fr.input.filefield.${field.label}`
+        }));
       }
-    }, function (_ref2) {
-      var editFile = _ref2.editFile;
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ImageFieldWrapper, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "body2",
-        tag: "span"
-      }, field.label), /*#__PURE__*/_react.default.createElement(InnerImageFieldWrapper, null, /*#__PURE__*/_react.default.createElement(_components.FileManager, {
-        images: imagesOnly,
-        render: function render(_ref3) {
-          var showFileManager = _ref3.showFileManager;
-          var selectFile = function selectFile() {
-            showFileManager(function (file) {
-              return onChange(file.src);
-            });
-          };
-          return /*#__PURE__*/_react.default.createElement(_File.File, Object.assign({}, bind, {
-            url: value,
-            onEdit: function onEdit() {
-              return editFile(value);
-            },
-            onRemove: function onRemove() {
-              return onChange(null);
-            },
-            showFileManager: selectFile,
-            placeholder: field.placeholderText,
-            "data-testid": "fr.input.filefield.".concat(field.label)
-          }));
-        }
-      }))), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validation.message || "Invalid value."), validation.isValid !== false && field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
-    });
+    })));
   });
 };
-var singleFile = exports.singleFile = {
+export const singleFile = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-file",
   renderer: {
     rendererName: "file-input",
     name: "File Input",
     description: "Enables selecting a single file via File Manager.",
-    canUse: function canUse(_ref4) {
-      var field = _ref4.field;
-      return field.type === "file" && !field.multipleValues;
+    canUse({
+      field
+    }) {
+      return field.type === "file" && !field.list;
     },
-    render: function render(params) {
-      return /*#__PURE__*/_react.default.createElement(FieldRenderer, params);
+    render(params) {
+      return /*#__PURE__*/React.createElement(FieldRenderer, params);
     }
   }
 };