@webiny/app-file-manager 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/presentation/config/configComponents/Browser/index.js

@@ -0,0 +1,47 @@
+import { createFolderFieldDecoratorFactory } from "@webiny/app-aco";
+import { BulkAction } from "./BulkAction.js";
+import { Filter } from "./Filter.js";
+import { FiltersToWhere } from "./FiltersToWhere.js";
+import { FilterByTags } from "./FilterByTags.js";
+import { FolderAction } from "./FolderAction.js";
+import { FileAction } from "./FileAction.js";
+import { Table } from "./Table/index.js";
+import { BulkEditField } from "./BulkEditField.js";
+import { Action } from "./Grid/Action.js";
+import { Thumbnail } from "./Grid/Thumbnail.js";
+import { ActionButton } from "../../../FileList/components/Grid/ActionButton.js";
+import { File } from "../../../FileList/components/Grid/File.js";
+import { shouldDecorateFolderField } from "./FolderFieldDecorator.js";
+import { FolderDropConfirmation } from "./FolderDropConfirmation.js";
+const Browser = {
+    Grid: {
+        Item: Object.assign(File, {
+            Thumbnail: Thumbnail,
+            Action: Object.assign(Action, {
+                IconButton: ActionButton
+            })
+        })
+    },
+    BulkAction: BulkAction,
+    BulkEditField: BulkEditField,
+    Filter: Filter,
+    FiltersToWhere: FiltersToWhere,
+    FilterByTags: FilterByTags,
+    Folder: {
+        ExtensionField: {
+            createDecorator: createFolderFieldDecoratorFactory({
+                scope: "fm",
+                shouldDecorate: shouldDecorateFolderField
+            })
+        },
+        Action: FolderAction,
+        DropConfirmation: FolderDropConfirmation
+    },
+    File: {
+        Action: FileAction
+    },
+    Table: Table
+};
+export { Browser };
+
+//# sourceMappingURL=index.js.map

package/presentation/config/configComponents/Browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/index.js","sources":["../../../../../src/presentation/config/configComponents/Browser/index.ts"],"sourcesContent":["import { createFolderFieldDecoratorFactory } from \"@webiny/app-aco\";\nimport type { BulkActionConfig } from \"./BulkAction.js\";\nimport { BulkAction } from \"./BulkAction.js\";\nimport type { FilterConfig } from \"./Filter.js\";\nimport { Filter } from \"./Filter.js\";\nimport type { FiltersToWhereConverter } from \"./FiltersToWhere.js\";\nimport { FiltersToWhere } from \"./FiltersToWhere.js\";\nimport { FilterByTags } from \"./FilterByTags.js\";\nimport { FolderAction } from \"./FolderAction.js\";\nimport { FileAction } from \"./FileAction.js\";\nimport type { TableConfig } from \"./Table/index.js\";\nimport { Table } from \"./Table/index.js\";\nimport type { BulkEditFieldConfig } from \"./BulkEditField.js\";\nimport { BulkEditField } from \"./BulkEditField.js\";\nimport { Action } from \"./Grid/Action.js\";\nimport { Thumbnail } from \"./Grid/Thumbnail.js\";\nimport type { GridConfig } from \"./Grid/index.js\";\nimport { ActionButton } from \"~/presentation/FileList/components/Grid/ActionButton.js\";\nimport { File } from \"~/presentation/FileList/components/Grid/File.js\";\nimport { shouldDecorateFolderField } from \"./FolderFieldDecorator.js\";\nimport { FolderDropConfirmation } from \"./FolderDropConfirmation.js\";\nimport { RecordConfig } from \"@webiny/app-aco/config/record\";\n\nexport interface BrowserConfig {\n    bulkActions: BulkActionConfig[];\n    bulkEditFields: BulkEditFieldConfig[];\n    filters: FilterConfig[];\n    filtersToWhere: FiltersToWhereConverter[];\n    filterByTags: boolean;\n    table: TableConfig;\n    grid: GridConfig;\n    file: RecordConfig;\n}\n\nexport const Browser = {\n    Grid: {\n        Item: Object.assign(File, {\n            Thumbnail,\n            Action: Object.assign(Action, { IconButton: ActionButton })\n        })\n    },\n    BulkAction,\n    BulkEditField,\n    Filter,\n    FiltersToWhere,\n    FilterByTags,\n    Folder: {\n        ExtensionField: {\n            createDecorator: createFolderFieldDecoratorFactory({\n                scope: \"fm\",\n                shouldDecorate: shouldDecorateFolderField\n            })\n        },\n        Action: FolderAction,\n        DropConfirmation: FolderDropConfirmation\n    },\n    File: {\n        Action: FileAction\n    },\n    Table\n};\n"],"names":["Browser","Object","File","Thumbnail","Action","ActionButton","BulkAction","BulkEditField","Filter","FiltersToWhere","FilterByTags","createFolderFieldDecoratorFactory","shouldDecorateFolderField","FolderAction","FolderDropConfirmation","FileAction","Table"],"mappings":";;;;;;;;;;;;;;;AAkCO,MAAMA,UAAU;IACnB,MAAM;QACF,MAAMC,OAAO,MAAM,CAACC,MAAM;YACtBC,WAASA;YACT,QAAQF,OAAO,MAAM,CAACG,QAAQ;gBAAE,YAAYC;YAAa;QAC7D;IACJ;IACAC,YAAUA;IACVC,eAAaA;IACbC,QAAMA;IACNC,gBAAcA;IACdC,cAAYA;IACZ,QAAQ;QACJ,gBAAgB;YACZ,iBAAiBC,kCAAkC;gBAC/C,OAAO;gBACP,gBAAgBC;YACpB;QACJ;QACA,QAAQC;QACR,kBAAkBC;IACtB;IACA,MAAM;QACF,QAAQC;IACZ;IACAC,OAAKA;AACT"}

package/presentation/config/configComponents/FileDetails/Action.d.ts

@@ -0,0 +1,31 @@
+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: (({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: ActionProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: ActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/presentation/config/configComponents/FileDetails/Action.js

@@ -0,0 +1,30 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { makeDecoratable } from "@webiny/app-admin";
+const Action = makeDecoratable("Action", ({ name, element, after, before, remove = false })=>{
+    const getId = useIdGenerator("action");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "fileDetails",
+        name: "fileDetails"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "actions",
+        array: true,
+        before: placeBefore,
+        after: placeAfter,
+        remove: remove
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), element ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }) : null));
+});
+export { Action };
+
+//# sourceMappingURL=Action.js.map

package/presentation/config/configComponents/FileDetails/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/FileDetails/Action.js","sources":["../../../../../src/presentation/config/configComponents/FileDetails/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"],"names":["Action","makeDecoratable","name","element","after","before","remove","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property"],"mappings":";;;AAiBO,MAAMA,SAASC,gBAClB,UACA,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAiB,EAAEC,MAAkB,EAAEC,SAAS,KAAK,EAAe;IAClF,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,aAAaL,AAAUM,WAAVN,QAAsBG,MAAMH,SAASM;IACxD,MAAMC,cAAcN,AAAWK,WAAXL,SAAuBE,MAAMF,UAAUK;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAc,MAAM;qBAC7B,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,OAAO;QACP,QAAQS;QACR,OAAOF;QACP,QAAQH;qBAER,oBAACM,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDC,UAAU,WAAVA,GACG,oBAACS,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOC;SAC9D;AAIpB"}

package/presentation/config/configComponents/FileDetails/Thumbnail.d.ts

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

package/presentation/config/configComponents/FileDetails/Thumbnail.js

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

package/presentation/config/configComponents/FileDetails/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/FileDetails/Thumbnail.js","sources":["../../../../../src/presentation/config/configComponents/FileDetails/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: React.JSX.Element;\n}\n\nexport interface RendererProps {\n    type: string;\n    element: React.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"],"names":["Thumbnail","makeDecoratable","type","element","getId","useIdGenerator","Property"],"mappings":";;;AAcO,MAAMA,YAAYC,gBAAgB,aAAa,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAiB;IACnF,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAc,MAAM;qBAC7B,oBAACA,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAc,OAAO;qBAClD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAY,MAAM;QAAW,OAAOC;;AAI9E"}

package/presentation/config/configComponents/FileDetails/Width.d.ts

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

package/presentation/config/configComponents/FileDetails/Width.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { Property } from "@webiny/react-properties";
+const Width = ({ value })=>/*#__PURE__*/ react.createElement(Property, {
+        id: "fileDetails",
+        name: "fileDetails"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "drawer:width",
+        name: "width",
+        value: value
+    }));
+export { Width };
+
+//# sourceMappingURL=Width.js.map

package/presentation/config/configComponents/FileDetails/Width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/FileDetails/Width.js","sources":["../../../../../src/presentation/config/configComponents/FileDetails/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"],"names":["Width","value","Property"],"mappings":";;AAOO,MAAMA,QAAQ,CAAC,EAAEC,KAAK,EAAc,GAChC,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAc,MAAM;qBAC7B,oBAACA,UAAQA;QAAC,IAAI;QAAgB,MAAM;QAAS,OAAOD"}

package/presentation/config/configComponents/FileDetails/index.d.ts

@@ -0,0 +1,52 @@
+import type { ActionConfig } from "./Action.js";
+import type { ThumbnailConfig } from "./Thumbnail.js";
+export interface FileDetailsConfig {
+    actions: ActionConfig[];
+    thumbnails: ThumbnailConfig[];
+    width: string;
+}
+export declare const FileDetails: {
+    Action: (({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+        original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./Action.js").ActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Button: ({ label, icon, onAction, disabled, className, ...props }: import("~/presentation/FileDetails/components/ActionButton.js").ActionButtonProps) => import("react").JSX.Element;
+    };
+    Preview: {
+        Thumbnail: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+            original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element) & {
+                original: ({ type, element }: import("./Thumbnail.js").RendererProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+    Width: ({ value }: import("./Width.js").WidthProps) => import("react").JSX.Element;
+};

package/presentation/config/configComponents/FileDetails/index.js

@@ -0,0 +1,16 @@
+import { Width } from "./Width.js";
+import { Action } from "./Action.js";
+import { ActionButton } from "../../../FileDetails/components/ActionButton.js";
+import { Thumbnail } from "./Thumbnail.js";
+const FileDetails = {
+    Action: Object.assign(Action, {
+        Button: ActionButton
+    }),
+    Preview: {
+        Thumbnail: Thumbnail
+    },
+    Width: Width
+};
+export { FileDetails };
+
+//# sourceMappingURL=index.js.map

package/presentation/config/configComponents/FileDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/FileDetails/index.js","sources":["../../../../../src/presentation/config/configComponents/FileDetails/index.ts"],"sourcesContent":["import { Width } from \"./Width.js\";\nimport type { ActionConfig } from \"./Action.js\";\nimport { Action } from \"./Action.js\";\nimport { ActionButton } from \"~/presentation/FileDetails/components/ActionButton.js\";\nimport type { ThumbnailConfig } from \"./Thumbnail.js\";\nimport { Thumbnail } from \"./Thumbnail.js\";\n\nexport interface FileDetailsConfig {\n    actions: ActionConfig[];\n    thumbnails: ThumbnailConfig[];\n    width: string;\n}\n\nexport const FileDetails = {\n    Action: Object.assign(Action, { Button: ActionButton }),\n    Preview: {\n        Thumbnail\n    },\n    Width\n};\n"],"names":["FileDetails","Object","Action","ActionButton","Thumbnail","Width"],"mappings":";;;;AAaO,MAAMA,cAAc;IACvB,QAAQC,OAAO,MAAM,CAACC,QAAQ;QAAE,QAAQC;IAAa;IACrD,SAAS;QACLC,WAASA;IACb;IACAC,OAAKA;AACT"}

package/presentation/config/fields/AccessControl.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface AccessControlProps {
+    defaultValue?: string;
+    placeholder?: string;
+}
+export declare const AccessControl: ({ defaultValue, placeholder }: AccessControlProps) => React.JSX.Element | null;
+export {};

package/presentation/config/fields/AccessControl.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { validation } from "@webiny/validation";
+import { useBind } from "@webiny/form";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+import { useAccessControlField } from "./useAccessControlField.js";
+import { useFileOrUndefined } from "./useFileOrUndefined.js";
+import { Label, Select } from "@webiny/admin-ui";
+const AccessControl = ({ defaultValue, placeholder })=>{
+    const { file } = useFileOrUndefined();
+    const { vm } = useFileManagerPresenter();
+    const accessControlField = useAccessControlField();
+    if (!accessControlField) return null;
+    const { options } = accessControlField;
+    const bind = useBind({
+        name: "accessControl.type",
+        validators: [
+            validation.create("required")
+        ],
+        defaultValue,
+        beforeChange (value, cb) {
+            cb("" === value ? void 0 : value);
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        value: bind.value || defaultValue,
+        label: /*#__PURE__*/ react.createElement(Label, {
+            text: "Access Control",
+            hint: "Control who can access this file."
+        }),
+        options: options || [],
+        disabled: file ? !vm.permissions.canEditFile(file) : false,
+        placeholder: placeholder
+    });
+};
+export { AccessControl };
+
+//# sourceMappingURL=AccessControl.js.map

package/presentation/config/fields/AccessControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/fields/AccessControl.js","sources":["../../../../src/presentation/config/fields/AccessControl.tsx"],"sourcesContent":["import React from \"react\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { useAccessControlField } from \"./useAccessControlField.js\";\nimport { useFileOrUndefined } from \"~/presentation/config/fields/useFileOrUndefined.js\";\nimport { Label, Select } from \"@webiny/admin-ui\";\n\ninterface AccessControlProps {\n    defaultValue?: string;\n    placeholder?: string;\n}\n\nexport const AccessControl = ({ defaultValue, placeholder }: AccessControlProps) => {\n    const { file } = useFileOrUndefined();\n    const { vm } = useFileManagerPresenter();\n    const accessControlField = useAccessControlField();\n\n    /**\n     * In reality, this condition will never happen, so we don't need to worry about hooks used further below.\n     */\n    if (!accessControlField) {\n        return null;\n    }\n\n    const { options } = accessControlField;\n\n    const bind = useBind({\n        name: \"accessControl.type\",\n        validators: [validation.create(\"required\")],\n        defaultValue,\n        beforeChange(value, cb) {\n            cb(value === \"\" ? undefined : value);\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            value={bind.value || defaultValue}\n            label={<Label text={\"Access Control\"} hint={\"Control who can access this file.\"} />}\n            options={options || []}\n            disabled={file ? !vm.permissions.canEditFile(file) : false}\n            placeholder={placeholder}\n        />\n    );\n};\n"],"names":["AccessControl","defaultValue","placeholder","file","useFileOrUndefined","vm","useFileManagerPresenter","accessControlField","useAccessControlField","options","bind","useBind","validation","value","cb","undefined","Select","Label"],"mappings":";;;;;;;AAaO,MAAMA,gBAAgB,CAAC,EAAEC,YAAY,EAAEC,WAAW,EAAsB;IAC3E,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,qBAAqBC;IAK3B,IAAI,CAACD,oBACD,OAAO;IAGX,MAAM,EAAEE,OAAO,EAAE,GAAGF;IAEpB,MAAMG,OAAOC,QAAQ;QACjB,MAAM;QACN,YAAY;YAACC,WAAW,MAAM,CAAC;SAAY;QAC3CX;QACA,cAAaY,KAAK,EAAEC,EAAE;YAClBA,GAAGD,AAAU,OAAVA,QAAeE,SAAYF;QAClC;IACJ;IAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;QACF,GAAGN,IAAI;QACR,OAAOA,KAAK,KAAK,IAAIT;QACrB,qBAAO,oBAACgB,OAAKA;YAAC,MAAM;YAAkB,MAAM;;QAC5C,SAASR,WAAW,EAAE;QACtB,UAAUN,OAAO,CAACE,GAAG,WAAW,CAAC,WAAW,CAACF,QAAQ;QACrD,aAAaD;;AAGzB"}

package/presentation/config/fields/Tags.d.ts

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

package/presentation/config/fields/Tags.js

@@ -0,0 +1,32 @@
+import react, { useMemo } from "react";
+import { Label, MultiAutoComplete } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+import { THREAT_SCAN } from "../../../modules/Enterprise/constants.js";
+import { useFileOrUndefined } from "./useFileOrUndefined.js";
+const Tags = ()=>{
+    const { file } = useFileOrUndefined();
+    const { vm } = useFileManagerPresenter();
+    const bind = useBind({
+        name: "tags"
+    });
+    const values = useMemo(()=>(bind.value || []).filter((tag)=>!tag.startsWith("mime:") || tag !== THREAT_SCAN.IN_PROGRESS), [
+        bind.value
+    ]);
+    return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+        ...bind,
+        values: values,
+        onValuesChange: bind.onChange,
+        options: vm.tags.map((tagItem)=>tagItem.tag),
+        label: /*#__PURE__*/ react.createElement(Label, {
+            text: "Tags",
+            hint: "Type to add a new tag or select from suggestions."
+        }),
+        uniqueValues: true,
+        allowFreeInput: true,
+        disabled: file ? !vm.permissions.canEditFile(file) : false
+    });
+};
+export { Tags };
+
+//# sourceMappingURL=Tags.js.map

package/presentation/config/fields/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/fields/Tags.js","sources":["../../../../src/presentation/config/fields/Tags.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Label, MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { useFileOrUndefined } from \"./useFileOrUndefined.js\";\n\nexport const Tags = () => {\n    const { file } = useFileOrUndefined();\n    const { vm } = useFileManagerPresenter();\n\n    const bind = useBind({\n        name: \"tags\"\n    });\n\n    const values = useMemo(() => {\n        return (bind.value || []).filter((tag: string) => {\n            return !tag.startsWith(\"mime:\") || tag !== THREAT_SCAN.IN_PROGRESS;\n        });\n    }, [bind.value]);\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            values={values}\n            onValuesChange={bind.onChange}\n            options={vm.tags.map(tagItem => tagItem.tag)}\n            label={\n                <Label text={\"Tags\"} hint={\"Type to add a new tag or select from suggestions.\"} />\n            }\n            uniqueValues={true}\n            allowFreeInput={true}\n            disabled={file ? !vm.permissions.canEditFile(file) : false}\n        />\n    );\n};\n"],"names":["Tags","file","useFileOrUndefined","vm","useFileManagerPresenter","bind","useBind","values","useMemo","tag","THREAT_SCAN","MultiAutoComplete","tagItem","Label"],"mappings":";;;;;;AAOO,MAAMA,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IAEf,MAAMC,OAAOC,QAAQ;QACjB,MAAM;IACV;IAEA,MAAMC,SAASC,QAAQ,IACXH,AAAAA,CAAAA,KAAK,KAAK,IAAI,EAAC,EAAG,MAAM,CAAC,CAACI,MACvB,CAACA,IAAI,UAAU,CAAC,YAAYA,QAAQC,YAAY,WAAW,GAEvE;QAACL,KAAK,KAAK;KAAC;IAEf,OAAO,WAAP,GACI,oBAACM,mBAAiBA;QACb,GAAGN,IAAI;QACR,QAAQE;QACR,gBAAgBF,KAAK,QAAQ;QAC7B,SAASF,GAAG,IAAI,CAAC,GAAG,CAACS,CAAAA,UAAWA,QAAQ,GAAG;QAC3C,qBACI,oBAACC,OAAKA;YAAC,MAAM;YAAQ,MAAM;;QAE/B,cAAc;QACd,gBAAgB;QAChB,UAAUZ,OAAO,CAACE,GAAG,WAAW,CAAC,WAAW,CAACF,QAAQ;;AAGjE"}

package/presentation/config/fields/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AccessControl.js";
+export * from "./Tags.js";

package/presentation/config/fields/index.js

@@ -0,0 +1,2 @@
+export * from "./AccessControl.js";
+export * from "./Tags.js";

package/presentation/config/fields/useAccessControlField.d.ts

@@ -0,0 +1,6 @@
+import type { Select } from "@webiny/admin-ui";
+interface AccessControlField {
+    options: React.ComponentProps<typeof Select>["options"];
+}
+export declare const useAccessControlField: () => AccessControlField | null;
+export {};

package/presentation/config/fields/useAccessControlField.js

@@ -0,0 +1,21 @@
+import { useMemo } from "react";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+const useAccessControlField = ()=>{
+    const { vm } = useFileManagerPresenter();
+    const model = vm.fileModel;
+    if (!model) return null;
+    const accessControlField = useMemo(()=>model.fields.find((field)=>"accessControl" === field.fieldId), []);
+    if (!accessControlField || !accessControlField.settings) return null;
+    const typeField = accessControlField.settings.fields?.find((field)=>"type" === field.fieldId);
+    if (!typeField) return null;
+    const options = useMemo(()=>(typeField.predefinedValues?.values || []).map((pv)=>({
+                value: pv.value,
+                label: pv.label
+            })), []);
+    return {
+        options
+    };
+};
+export { useAccessControlField };
+
+//# sourceMappingURL=useAccessControlField.js.map

package/presentation/config/fields/useAccessControlField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/fields/useAccessControlField.js","sources":["../../../../src/presentation/config/fields/useAccessControlField.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { Select } from \"@webiny/admin-ui\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\n\ninterface AccessControlField {\n    options: React.ComponentProps<typeof Select>[\"options\"];\n}\n\nexport const useAccessControlField = (): AccessControlField | null => {\n    const { vm } = useFileManagerPresenter();\n    const model = vm.fileModel;\n\n    if (!model) {\n        return null;\n    }\n\n    const accessControlField = useMemo(\n        () => model.fields.find(field => field.fieldId === \"accessControl\"),\n        []\n    );\n\n    if (!accessControlField || !accessControlField.settings) {\n        return null;\n    }\n\n    const typeField = accessControlField.settings.fields?.find(field => field.fieldId === \"type\");\n\n    if (!typeField) {\n        return null;\n    }\n\n    const options = useMemo(() => {\n        return (typeField.predefinedValues?.values || []).map(pv => {\n            return {\n                value: pv.value,\n                label: pv.label\n            };\n        });\n    }, []);\n\n    return { options };\n};\n"],"names":["useAccessControlField","vm","useFileManagerPresenter","model","accessControlField","useMemo","field","typeField","options","pv"],"mappings":";;AAQO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,QAAQF,GAAG,SAAS;IAE1B,IAAI,CAACE,OACD,OAAO;IAGX,MAAMC,qBAAqBC,QACvB,IAAMF,MAAM,MAAM,CAAC,IAAI,CAACG,CAAAA,QAASA,AAAkB,oBAAlBA,MAAM,OAAO,GAC9C,EAAE;IAGN,IAAI,CAACF,sBAAsB,CAACA,mBAAmB,QAAQ,EACnD,OAAO;IAGX,MAAMG,YAAYH,mBAAmB,QAAQ,CAAC,MAAM,EAAE,KAAKE,CAAAA,QAASA,AAAkB,WAAlBA,MAAM,OAAO;IAEjF,IAAI,CAACC,WACD,OAAO;IAGX,MAAMC,UAAUH,QAAQ,IACZE,AAAAA,CAAAA,UAAU,gBAAgB,EAAE,UAAU,EAAC,EAAG,GAAG,CAACE,CAAAA,KAC3C;gBACH,OAAOA,GAAG,KAAK;gBACf,OAAOA,GAAG,KAAK;YACnB,KAEL,EAAE;IAEL,OAAO;QAAED;IAAQ;AACrB"}

package/presentation/config/fields/useFileOrUndefined.d.ts

@@ -0,0 +1,3 @@
+export declare function useFileOrUndefined(): import("../../contexts/FileProvider").FileContext | {
+    file: undefined;
+};

package/presentation/config/fields/useFileOrUndefined.js

@@ -0,0 +1,13 @@
+import { useFile } from "../../hooks/useFile.js";
+function useFileOrUndefined() {
+    try {
+        return useFile();
+    } catch  {
+        return {
+            file: void 0
+        };
+    }
+}
+export { useFileOrUndefined };
+
+//# sourceMappingURL=useFileOrUndefined.js.map

package/presentation/config/fields/useFileOrUndefined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/fields/useFileOrUndefined.js","sources":["../../../../src/presentation/config/fields/useFileOrUndefined.ts"],"sourcesContent":["import { useFile } from \"~/presentation/hooks/useFile.js\";\n\nexport function useFileOrUndefined() {\n    try {\n        return useFile();\n    } catch {\n        return { file: undefined };\n    }\n}\n"],"names":["useFileOrUndefined","useFile","undefined"],"mappings":";AAEO,SAASA;IACZ,IAAI;QACA,OAAOC;IACX,EAAE,OAAM;QACJ,OAAO;YAAE,MAAMC;QAAU;IAC7B;AACJ"}

package/presentation/config/getThumbnailRenderer.d.ts

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

package/presentation/config/getThumbnailRenderer.js

@@ -0,0 +1,16 @@
+import { minimatch } from "minimatch";
+const getThumbnailRenderer = (renderers, file)=>{
+    const regExMatch = /\*/g;
+    const types = renderers.sort((a, b)=>{
+        const countA = (a.type.match(regExMatch) || []).length;
+        const countB = (b.type.match(regExMatch) || []).length;
+        if (countB > countA) return -1;
+        if (countB < countA) return 1;
+        return 0;
+    });
+    const renderer = types.find((type)=>minimatch(file.type, type.type));
+    return renderer;
+};
+export { getThumbnailRenderer };
+
+//# sourceMappingURL=getThumbnailRenderer.js.map

package/presentation/config/getThumbnailRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/getThumbnailRenderer.js","sources":["../../../src/presentation/config/getThumbnailRenderer.ts"],"sourcesContent":["import { minimatch } from \"minimatch\";\nimport type { FileItem } from \"~/domain/types.js\";\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"],"names":["getThumbnailRenderer","renderers","file","regExMatch","types","a","b","countA","countB","renderer","type","minimatch"],"mappings":";AAGO,MAAMA,uBAAuB,CAChCC,WACAC;IAGA,MAAMC,aAAa;IAEnB,MAAMC,QAAQH,UAAU,IAAI,CAAC,CAACI,GAAGC;QAC7B,MAAMC,SAAUF,AAAAA,CAAAA,EAAE,IAAI,CAAC,KAAK,CAACF,eAAe,EAAC,EAAG,MAAM;QACtD,MAAMK,SAAUF,AAAAA,CAAAA,EAAE,IAAI,CAAC,KAAK,CAACH,eAAe,EAAC,EAAG,MAAM;QACtD,IAAIK,SAASD,QACT,OAAO;QACJ,IAAIC,SAASD,QAChB,OAAO;QAEX,OAAO;IACX;IAGA,MAAME,WAAWL,MAAM,IAAI,CAACM,CAAAA,OAAQC,UAAUT,KAAK,IAAI,EAAEQ,KAAK,IAAI;IAElE,OAAOD;AACX"}

package/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.d.ts

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

package/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js

@@ -0,0 +1,11 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import * as __rspack_external_react from "react";
+const FilePreviewDefaultRenderer = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        width: 48,
+        height: 48
+    }));
+export { FilePreviewDefaultRenderer };
+
+//# sourceMappingURL=FilePreviewDefaultRenderer.js.map

package/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const FilePreviewDefaultRenderer = () => {\n    return (\n        <div className={\"fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"names":["FilePreviewDefaultRenderer","HideImageIcon"],"mappings":";;AAGO,MAAMA,6BAA6B,IAC/B,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,gBAAaA;QAAC,OAAO;QAAI,QAAQ"}

package/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.d.ts

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

package/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js

@@ -0,0 +1,18 @@
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+import * as __rspack_external_react from "react";
+const width750 = {
+    width: 750
+};
+const FilePreviewImageRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Image, {
+        src: file.src,
+        alt: file.name,
+        transform: width750,
+        className: "object-contain max-w-full max-h-full"
+    });
+};
+export { FilePreviewImageRenderer };
+
+//# sourceMappingURL=FilePreviewImageRenderer.js.map

package/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\n\nconst width750 = { width: 750 };\n\nexport const FilePreviewImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width750}\n            className={\"object-contain max-w-full max-h-full\"}\n        />\n    );\n};\n"],"names":["width750","FilePreviewImageRenderer","file","useFile","Image"],"mappings":";;;AAIA,MAAMA,WAAW;IAAE,OAAO;AAAI;AAEvB,MAAMC,2BAA2B;IACpC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,OAAO,WAAP,GACI,sCAACC,OAAKA;QACF,KAAKF,KAAK,GAAG;QACb,KAAKA,KAAK,IAAI;QACd,WAAWF;QACX,WAAW;;AAGvB"}

package/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.d.ts

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

package/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js

@@ -0,0 +1,11 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import * as __rspack_external_react from "react";
+const GridItemDefaultRenderer = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        width: 48,
+        height: 48
+    }));
+export { GridItemDefaultRenderer };
+
+//# sourceMappingURL=GridItemDefaultRenderer.js.map

package/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const GridItemDefaultRenderer = () => {\n    return (\n        <div className={\"fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"names":["GridItemDefaultRenderer","HideImageIcon"],"mappings":";;AAGO,MAAMA,0BAA0B,IAC5B,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,gBAAaA;QAAC,OAAO;QAAI,QAAQ"}

package/presentation/config/thumbnailRenderers/GridItemImageRenderer.d.ts

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

package/presentation/config/thumbnailRenderers/GridItemImageRenderer.js

@@ -0,0 +1,18 @@
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+import * as __rspack_external_react from "react";
+const width300 = {
+    width: 300
+};
+const GridItemImageRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Image, {
+        src: file.src,
+        alt: file.name,
+        transform: width300,
+        className: "object-contain max-w-full max-h-full"
+    });
+};
+export { GridItemImageRenderer };
+
+//# sourceMappingURL=GridItemImageRenderer.js.map

package/presentation/config/thumbnailRenderers/GridItemImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/GridItemImageRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/GridItemImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\n\nconst width300 = { width: 300 };\n\nexport const GridItemImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width300}\n            className={\"object-contain max-w-full max-h-full\"}\n        />\n    );\n};\n"],"names":["width300","GridItemImageRenderer","file","useFile","Image"],"mappings":";;;AAIA,MAAMA,WAAW;IAAE,OAAO;AAAI;AAEvB,MAAMC,wBAAwB;IACjC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,OAAO,WAAP,GACI,sCAACC,OAAKA;QACF,KAAKF,KAAK,GAAG;QACb,KAAKA,KAAK,IAAI;QACd,WAAWF;QACX,WAAW;;AAGvB"}

package/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.d.ts

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

package/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js

@@ -0,0 +1,18 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import { useFile } from "../../hooks/useFile.js";
+import { Icon } from "@webiny/admin-ui";
+import * as __rspack_external_react from "react";
+const TableItemDefaultRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full h-full flex items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        color: "neutral-light",
+        size: "md",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+        label: file.name
+    }));
+};
+export { TableItemDefaultRenderer };
+
+//# sourceMappingURL=TableItemDefaultRenderer.js.map