@webiny/app-file-manager 6.3.0 → 6.4.0-beta.0

package/presentation/config/FileManagerViewConfig.js

@@ -0,0 +1,74 @@
+import react, { useMemo } from "react";
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { Browser } from "./configComponents/Browser/index.js";
+import { FileDetails } from "./configComponents/FileDetails/index.js";
+import { getThumbnailRenderer } from "./getThumbnailRenderer.js";
+import { CompositionScope } from "@webiny/react-composition";
+import { useAcoConfig } from "@webiny/app-aco";
+const base = createConfigurableComponent("FileManagerView");
+const ScopedFileManagerViewConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "fm"
+    }, /*#__PURE__*/ react.createElement(base.Config, null, children));
+ScopedFileManagerViewConfig.displayName = "FileManagerViewConfig";
+const FileManagerViewConfig = Object.assign(base.Config, {
+    Browser: Browser,
+    FileDetails: FileDetails
+});
+const FileManagerViewWithConfig = base.WithConfig;
+function useFileManagerConfig() {
+    const config = base.useConfig();
+    const acoConfig = useAcoConfig(config);
+    const browser = config.browser || {};
+    const fileDetailsActions = [
+        ...config.fileDetails?.actions || []
+    ];
+    const fileDetailsThumbnails = [
+        ...config.fileDetails?.thumbnails || []
+    ];
+    const finalConfig = useMemo(()=>({
+            getThumbnailRenderer: getThumbnailRenderer,
+            browser: {
+                ...browser,
+                table: {
+                    ...browser.table,
+                    cellThumbnails: [
+                        ...browser.table?.cellThumbnails || []
+                    ]
+                },
+                grid: {
+                    itemActions: [
+                        ...browser.grid?.itemActions || []
+                    ],
+                    itemThumbnails: [
+                        ...browser.grid?.itemThumbnails || []
+                    ]
+                },
+                bulkActions: [
+                    ...browser.bulkActions || []
+                ],
+                bulkEditFields: [
+                    ...browser.bulkEditFields || []
+                ],
+                filterByTags: browser.filterByTags ?? false,
+                filters: [
+                    ...browser.filters || []
+                ],
+                filtersToWhere: [
+                    ...browser.filtersToWhere || []
+                ],
+                folder: acoConfig.folder,
+                file: acoConfig.record
+            },
+            fileDetails: {
+                actions: fileDetailsActions,
+                thumbnails: fileDetailsThumbnails,
+                width: config.fileDetails?.width ?? "1000px"
+            }
+        }), [
+        config
+    ]);
+    return finalConfig;
+}
+export { FileManagerViewConfig, FileManagerViewWithConfig, useFileManagerConfig };
+
+//# sourceMappingURL=FileManagerViewConfig.js.map

package/presentation/config/FileManagerViewConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/FileManagerViewConfig.js","sources":["../../../src/presentation/config/FileManagerViewConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { BrowserConfig } from \"./configComponents/Browser/index.js\";\nimport { Browser } from \"./configComponents/Browser/index.js\";\nimport type { FileDetailsConfig } from \"./configComponents/FileDetails/index.js\";\nimport { FileDetails } from \"./configComponents/FileDetails/index.js\";\nimport { getThumbnailRenderer } from \"./getThumbnailRenderer.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { useAcoConfig } from \"@webiny/app-aco\";\n\nconst base = createConfigurableComponent<FileManagerViewConfigData>(\"FileManagerView\");\n\nconst ScopedFileManagerViewConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"fm\"}>\n            <base.Config>{children}</base.Config>\n        </CompositionScope>\n    );\n};\n\nScopedFileManagerViewConfig.displayName = \"FileManagerViewConfig\";\n\nexport const FileManagerViewConfig = Object.assign(base.Config, { Browser, FileDetails });\nexport const FileManagerViewWithConfig = base.WithConfig;\n\ninterface FileManagerViewConfigData {\n    browser: BrowserConfig;\n    fileDetails: FileDetailsConfig;\n}\n\nexport function useFileManagerConfig() {\n    const config = base.useConfig();\n    const acoConfig = useAcoConfig(config);\n\n    const browser = config.browser || {};\n\n    const fileDetailsActions = [...(config.fileDetails?.actions || [])];\n    const fileDetailsThumbnails = [...(config.fileDetails?.thumbnails || [])];\n\n    const finalConfig = useMemo(\n        () => ({\n            getThumbnailRenderer,\n            browser: {\n                ...browser,\n                table: {\n                    ...browser.table,\n                    cellThumbnails: [...(browser.table?.cellThumbnails || [])]\n                },\n                grid: {\n                    itemActions: [...(browser.grid?.itemActions || [])],\n                    itemThumbnails: [...(browser.grid?.itemThumbnails || [])]\n                },\n                bulkActions: [...(browser.bulkActions || [])],\n                bulkEditFields: [...(browser.bulkEditFields || [])],\n                filterByTags: browser.filterByTags ?? false,\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])],\n                folder: acoConfig.folder,\n                file: acoConfig.record\n            },\n            fileDetails: {\n                actions: fileDetailsActions,\n                thumbnails: fileDetailsThumbnails,\n                width: config.fileDetails?.width ?? \"1000px\"\n            }\n        }),\n        [config]\n    );\n\n    return finalConfig;\n}\n"],"names":["base","createConfigurableComponent","ScopedFileManagerViewConfig","children","CompositionScope","FileManagerViewConfig","Object","Browser","FileDetails","FileManagerViewWithConfig","useFileManagerConfig","config","acoConfig","useAcoConfig","browser","fileDetailsActions","fileDetailsThumbnails","finalConfig","useMemo","getThumbnailRenderer"],"mappings":";;;;;;;AAUA,MAAMA,OAAOC,4BAAuD;AAEpE,MAAMC,8BAA8B,CAAC,EAAEC,QAAQ,EAAiC,GACrE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,MAAM,QAAEG;AAK1BD,4BAA4B,WAAW,GAAG;AAEnC,MAAMG,wBAAwBC,OAAO,MAAM,CAACN,KAAK,MAAM,EAAE;IAAEO,SAAOA;IAAEC,aAAWA;AAAC;AAChF,MAAMC,4BAA4BT,KAAK,UAAU;AAOjD,SAASU;IACZ,MAAMC,SAASX,KAAK,SAAS;IAC7B,MAAMY,YAAYC,aAAaF;IAE/B,MAAMG,UAAUH,OAAO,OAAO,IAAI,CAAC;IAEnC,MAAMI,qBAAqB;WAAKJ,OAAO,WAAW,EAAE,WAAW,EAAE;KAAE;IACnE,MAAMK,wBAAwB;WAAKL,OAAO,WAAW,EAAE,cAAc,EAAE;KAAE;IAEzE,MAAMM,cAAcC,QAChB,IAAO;YACHC,sBAAoBA;YACpB,SAAS;gBACL,GAAGL,OAAO;gBACV,OAAO;oBACH,GAAGA,QAAQ,KAAK;oBAChB,gBAAgB;2BAAKA,QAAQ,KAAK,EAAE,kBAAkB,EAAE;qBAAE;gBAC9D;gBACA,MAAM;oBACF,aAAa;2BAAKA,QAAQ,IAAI,EAAE,eAAe,EAAE;qBAAE;oBACnD,gBAAgB;2BAAKA,QAAQ,IAAI,EAAE,kBAAkB,EAAE;qBAAE;gBAC7D;gBACA,aAAa;uBAAKA,QAAQ,WAAW,IAAI,EAAE;iBAAE;gBAC7C,gBAAgB;uBAAKA,QAAQ,cAAc,IAAI,EAAE;iBAAE;gBACnD,cAAcA,QAAQ,YAAY,IAAI;gBACtC,SAAS;uBAAKA,QAAQ,OAAO,IAAI,EAAE;iBAAE;gBACrC,gBAAgB;uBAAKA,QAAQ,cAAc,IAAI,EAAE;iBAAE;gBACnD,QAAQF,UAAU,MAAM;gBACxB,MAAMA,UAAU,MAAM;YAC1B;YACA,aAAa;gBACT,SAASG;gBACT,YAAYC;gBACZ,OAAOL,OAAO,WAAW,EAAE,SAAS;YACxC;QACJ,IACA;QAACA;KAAO;IAGZ,OAAOM;AACX"}

package/presentation/config/configComponents/Browser/BulkAction.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { CallbackParams } from "@webiny/app-admin";
+import type { FileItem } from "../../../../domain/types.js";
+export interface BulkActionConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface BulkActionProps {
+    name: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+    element?: React.ReactElement;
+}
+export declare const BaseBulkAction: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+export declare const BulkAction: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    useWorker: () => {
+        items: import("@webiny/sdk/index").FmFile[];
+        process: (callback: (items: FileItem[]) => void) => void;
+        processInSeries: (callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+        resetItems: () => void;
+        results: import("@webiny/app-admin").Result[];
+    };
+    useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+};

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

@@ -0,0 +1,57 @@
+import react, { useCallback, useEffect, useRef } from "react";
+import { Worker, useButtons, useDialogWithReport } from "@webiny/app-admin";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { useFileManagerPresenter } from "../../../FileList/FileManagerPresenterProvider.js";
+const BaseBulkAction = ({ name, after, before, remove = false, element })=>{
+    const getId = useIdGenerator("bulkAction");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "bulkActions",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__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));
+};
+const useWorker = ()=>{
+    const { vm, actions } = useFileManagerPresenter();
+    const { current: worker } = useRef(new Worker());
+    const selected = vm.list.rows.filter((f)=>vm.list.selection.selectedIds.has(f.id));
+    useEffect(()=>{
+        worker.items = selected;
+    }, [
+        selected.length
+    ]);
+    const resetItems = useCallback(()=>{
+        worker.items = [];
+        actions.selection.deselectAll();
+    }, []);
+    return {
+        items: selected,
+        process: (callback)=>worker.process(callback),
+        processInSeries: async (callback, chunkSize)=>worker.processInSeries(callback, chunkSize),
+        resetItems: resetItems,
+        results: worker.results
+    };
+};
+const BulkAction = Object.assign(BaseBulkAction, {
+    useButtons: useButtons,
+    useWorker: useWorker,
+    useDialog: useDialogWithReport
+});
+export { BaseBulkAction, BulkAction };
+
+//# sourceMappingURL=BulkAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/BulkAction.js","sources":["../../../../../src/presentation/config/configComponents/Browser/BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nexport interface BulkActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: BulkActionProps) => {\n    const getId = useIdGenerator(\"bulkAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property\n                id={getId(name)}\n                name={\"bulkActions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\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\nconst useWorker = () => {\n    const { vm, actions } = useFileManagerPresenter();\n    const { current: worker } = useRef(new Worker<FileItem>());\n\n    const selected = vm.list.rows.filter(f => vm.list.selection.selectedIds.has(f.id));\n\n    useEffect(() => {\n        worker.items = selected;\n    }, [selected.length]);\n\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        actions.selection.deselectAll();\n    }, []);\n\n    return {\n        items: selected,\n        process: (callback: (items: FileItem[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems: resetItems,\n        results: worker.results\n    };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n});\n"],"names":["BaseBulkAction","name","after","before","remove","element","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","useWorker","vm","actions","useFileManagerPresenter","worker","useRef","Worker","selected","f","useEffect","resetItems","useCallback","callback","chunkSize","BulkAction","Object","useButtons","useDialogWithReport"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,CAAC,EAC3BC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,OAAO,EACO;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaN,AAAUO,WAAVP,QAAsBI,MAAMJ,SAASO;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQM;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDI,UAAU,WAAVA,GACG,oBAACM,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOI;SAC9D;AAIpB;AAEA,MAAMO,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAEvC,MAAMC,WAAWN,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACO,CAAAA,IAAKP,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACO,EAAE,EAAE;IAEhFC,UAAU;QACNL,OAAO,KAAK,GAAGG;IACnB,GAAG;QAACA,SAAS,MAAM;KAAC;IAEpB,MAAMG,aAAaC,YAAY;QAC3BP,OAAO,KAAK,GAAG,EAAE;QACjBF,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG,EAAE;IAEL,OAAO;QACH,OAAOK;QACP,SAAS,CAACK,WAA0CR,OAAO,OAAO,CAACQ;QACnE,iBAAiB,OACbA,UACAC,YACCT,OAAO,eAAe,CAACQ,UAAUC;QACtC,YAAYH;QACZ,SAASN,OAAO,OAAO;IAC3B;AACJ;AAEO,MAAMU,aAAaC,OAAO,MAAM,CAAC3B,gBAAgB;IACpD4B,YAAUA;IACVhB,WAAAA;IACA,WAAWiB;AACf"}

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

@@ -0,0 +1,24 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+const BulkEditField = ({ name, element })=>{
+    const getId = useIdGenerator("bulkEditField");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "bulkEditFields",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    })));
+};
+export { BulkEditField };
+
+//# sourceMappingURL=BulkEditField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/BulkEditField.js","sources":["../../../../../src/presentation/config/configComponents/Browser/BulkEditField.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface BulkEditFieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkEditFieldProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const BulkEditField = ({ name, element }: BulkEditFieldProps) => {\n    const getId = useIdGenerator(\"bulkEditField\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id={getId(name)} name={\"bulkEditFields\"} array={true}>\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </Property>\n    );\n};\n"],"names":["BulkEditField","name","element","getId","useIdGenerator","Property"],"mappings":";;AAaO,MAAMA,gBAAgB,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAsB;IAC/D,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAkB,OAAO;qBACtD,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/Browser/FileAction.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { AcoConfig } from "@webiny/app-aco";
+const { Record: Record } = AcoConfig;
+const BaseFileAction = (props)=>/*#__PURE__*/ react.createElement(Record.Action, props);
+const FileAction = Object.assign(BaseFileAction, {
+    OptionsMenuItem: Record.Action.OptionsMenuItem,
+    OptionsMenuLink: Record.Action.OptionsMenuLink
+});
+export { FileAction };
+
+//# sourceMappingURL=FileAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FileAction.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FileAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig as FileActionConfig };\n\ntype FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseFileAction = (props: FileActionProps) => {\n    return <Record.Action {...props} />;\n};\n\nexport const FileAction = Object.assign(BaseFileAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem,\n    OptionsMenuLink: Record.Action.OptionsMenuLink\n});\n"],"names":["Record","AcoConfig","BaseFileAction","props","FileAction","Object"],"mappings":";;AAGA,MAAM,EAAEA,QAAAA,MAAM,EAAE,GAAGC;AAMnB,MAAMC,iBAAiB,CAACC,QACb,WAAP,GAAO,oBAACH,OAAO,MAAM,EAAKG;AAGvB,MAAMC,aAAaC,OAAO,MAAM,CAACH,gBAAgB;IACpD,iBAAiBF,OAAO,MAAM,CAAC,eAAe;IAC9C,iBAAiBA,OAAO,MAAM,CAAC,eAAe;AAClD"}

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

@@ -0,0 +1,37 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { createDecoratorFactory, makeDecoratable } from "@webiny/app-admin";
+const BaseFilter = makeDecoratable("Filter", ({ name, element, after, before, remove = false })=>{
+    const getId = useIdGenerator("filter");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "filters",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__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));
+});
+const createDecorator = createDecoratorFactory()(BaseFilter, (decoratorProps, componentProps)=>{
+    if ("*" === decoratorProps.name) return true;
+    return decoratorProps.name === componentProps.name;
+});
+const Filter = Object.assign(BaseFilter, {
+    createDecorator: createDecorator
+});
+export { Filter };
+
+//# sourceMappingURL=Filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Filter.js","sources":["../../../../../src/presentation/config/configComponents/Browser/Filter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { createDecoratorFactory, makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface FilterConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface FilterProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseFilter = makeDecoratable(\n    \"Filter\",\n    ({ name, element, after = undefined, before = undefined, remove = false }: FilterProps) => {\n        const getId = useIdGenerator(\"filter\");\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"browser\" name={\"browser\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"filters\"}\n                    remove={remove}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        );\n    }\n);\n\nconst createDecorator = createDecoratorFactory<{ name: string }>()(\n    BaseFilter,\n    (decoratorProps, componentProps) => {\n        if (decoratorProps.name === \"*\") {\n            return true;\n        }\n\n        return decoratorProps.name === componentProps.name;\n    }\n);\n\nexport const Filter = Object.assign(BaseFilter, { createDecorator });\n"],"names":["BaseFilter","makeDecoratable","name","element","after","before","remove","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","createDecorator","createDecoratorFactory","decoratorProps","componentProps","Filter","Object"],"mappings":";;;AAiBA,MAAMA,aAAaC,gBACf,UACA,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAiB,EAAEC,MAAkB,EAAEC,SAAS,KAAK,EAAe;IAClF,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaL,AAAUM,WAAVN,QAAsBG,MAAMH,SAASM;IACxD,MAAMC,cAAcN,AAAWK,WAAXL,SAAuBE,MAAMF,UAAUK;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,QAAQI;QACR,OAAO;QACP,QAAQK;QACR,OAAOF;qBAEP,oBAACG,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;AAGJ,MAAMU,kBAAkBC,yBACpBd,YACA,CAACe,gBAAgBC;IACb,IAAID,AAAwB,QAAxBA,eAAe,IAAI,EACnB,OAAO;IAGX,OAAOA,eAAe,IAAI,KAAKC,eAAe,IAAI;AACtD;AAGG,MAAMC,SAASC,OAAO,MAAM,CAAClB,YAAY;IAAEa,iBAAAA;AAAgB"}

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

@@ -0,0 +1,14 @@
+import react from "react";
+import { Property } from "@webiny/react-properties";
+const FilterByTags = ({ remove })=>/*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "filterByTags",
+        name: "filterByTags",
+        value: true,
+        remove: remove
+    }));
+export { FilterByTags };
+
+//# sourceMappingURL=FilterByTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FilterByTags.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FilterByTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface FilterByTagProps {\n    remove?: boolean;\n}\n\nexport const FilterByTags = ({ remove }: FilterByTagProps) => {\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id=\"filterByTags\" name={\"filterByTags\"} value={true} remove={remove} />\n        </Property>\n    );\n};\n"],"names":["FilterByTags","remove","Property"],"mappings":";;AAOO,MAAMA,eAAe,CAAC,EAAEC,MAAM,EAAoB,GAC9C,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAG;QAAe,MAAM;QAAgB,OAAO;QAAM,QAAQD"}

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

@@ -0,0 +1,13 @@
+import react from "react";
+import { Property } from "@webiny/react-properties";
+const FiltersToWhere = ({ converter })=>/*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        name: "filtersToWhere",
+        array: true,
+        value: converter
+    }));
+export { FiltersToWhere };
+
+//# sourceMappingURL=FiltersToWhere.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FiltersToWhere.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FiltersToWhere.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\n\nexport interface FiltersToWhereConverter {\n    (filters: Record<string, any>): Record<string, any>;\n}\n\nexport const FiltersToWhere = ({ converter }: { converter: FiltersToWhereConverter }) => {\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property name={\"filtersToWhere\"} array={true} value={converter} />\n        </Property>\n    );\n};\n"],"names":["FiltersToWhere","converter","Property"],"mappings":";;AAOO,MAAMA,iBAAiB,CAAC,EAAEC,SAAS,EAA0C,GACzE,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,MAAM;QAAkB,OAAO;QAAM,OAAOD"}

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

@@ -0,0 +1,10 @@
+import react from "react";
+import { AcoConfig } from "@webiny/app-aco";
+const { Folder: Folder } = AcoConfig;
+const BaseFolderAction = (props)=>/*#__PURE__*/ react.createElement(Folder.Action, props);
+const FolderAction = Object.assign(BaseFolderAction, {
+    OptionsMenuItem: Folder.Action.OptionsMenuItem
+});
+export { FolderAction };
+
+//# sourceMappingURL=FolderAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FolderAction.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FolderAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type FolderActionConfig } from \"@webiny/app-aco\";\n\nconst { Folder } = AcoConfig;\n\nexport type { FolderActionConfig };\n\ntype FolderActionProps = React.ComponentProps<typeof AcoConfig.Folder.Action>;\n\nconst BaseFolderAction = (props: FolderActionProps) => {\n    return <Folder.Action {...props} />;\n};\n\nexport const FolderAction = Object.assign(BaseFolderAction, {\n    OptionsMenuItem: Folder.Action.OptionsMenuItem\n});\n"],"names":["Folder","AcoConfig","BaseFolderAction","props","FolderAction","Object"],"mappings":";;AAGA,MAAM,EAAEA,QAAAA,MAAM,EAAE,GAAGC;AAMnB,MAAMC,mBAAmB,CAACC,QACf,WAAP,GAAO,oBAACH,OAAO,MAAM,EAAKG;AAGvB,MAAMC,eAAeC,OAAO,MAAM,CAACH,kBAAkB;IACxD,iBAAiBF,OAAO,MAAM,CAAC,eAAe;AAClD"}

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

@@ -0,0 +1,7 @@
+import react from "react";
+import { AcoConfig } from "@webiny/app-aco";
+const { Folder: Folder } = AcoConfig;
+const FolderDropConfirmation = (props)=>/*#__PURE__*/ react.createElement(Folder.DropConfirmation, props);
+export { FolderDropConfirmation };
+
+//# sourceMappingURL=FolderDropConfirmation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FolderDropConfirmation.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FolderDropConfirmation.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig } from \"@webiny/app-aco\";\n\nconst { Folder } = AcoConfig;\n\ntype FolderDropConfirmationProps = React.ComponentProps<typeof AcoConfig.Folder.DropConfirmation>;\n\nexport const FolderDropConfirmation = (props: FolderDropConfirmationProps) => {\n    return <Folder.DropConfirmation {...props} />;\n};\n"],"names":["Folder","AcoConfig","FolderDropConfirmation","props"],"mappings":";;AAGA,MAAM,EAAEA,QAAAA,MAAM,EAAE,GAAGC;AAIZ,MAAMC,yBAAyB,CAACC,QAC5B,WAAP,GAAO,oBAACH,OAAO,gBAAgB,EAAKG"}

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

@@ -0,0 +1,11 @@
+import { useFoldersType } from "@webiny/app-aco";
+const shouldDecorateFolderField = (decoratorProps, componentProps)=>{
+    const { id } = decoratorProps;
+    const type = useFoldersType();
+    if ("FmFile" !== type) return false;
+    if (id) return "*" === id ? true : id === componentProps.field.id;
+    return true;
+};
+export { shouldDecorateFolderField };
+
+//# sourceMappingURL=FolderFieldDecorator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/FolderFieldDecorator.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FolderFieldDecorator.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { FieldElement } from \"@webiny/app-headless-cms-common\";\nimport { useFoldersType } from \"@webiny/app-aco\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nexport type FolderFieldDecoratorProps = {\n    id?: string;\n};\n\nexport const shouldDecorateFolderField = (\n    decoratorProps: FolderFieldDecoratorProps,\n    componentProps: FieldProps\n) => {\n    const { id } = decoratorProps;\n    const type = useFoldersType();\n\n    if (type !== \"FmFile\") {\n        return false;\n    }\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n"],"names":["shouldDecorateFolderField","decoratorProps","componentProps","id","type","useFoldersType"],"mappings":";AAUO,MAAMA,4BAA4B,CACrCC,gBACAC;IAEA,MAAM,EAAEC,EAAE,EAAE,GAAGF;IACf,MAAMG,OAAOC;IAEb,IAAID,AAAS,aAATA,MACA,OAAO;IAGX,IAAID,IACA,OAAOA,AAAO,QAAPA,KAAa,OAAOA,OAAOD,eAAe,KAAK,CAAC,EAAE;IAG7D,OAAO;AACX"}

package/presentation/config/configComponents/Browser/Grid/Action.js

@@ -0,0 +1,33 @@
+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("browser:grid: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: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "grid",
+        name: "grid"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "itemActions",
+        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/Browser/Grid/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Grid/Action.js","sources":["../../../../../../src/presentation/config/configComponents/Browser/Grid/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(\"browser:grid:action\");\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property id=\"browser\" name={\"browser\"}>\n                <Property id=\"grid\" name={\"grid\"}>\n                    <Property\n                        id={getId(name)}\n                        name={\"itemActions\"}\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\n                                id={getId(name, \"element\")}\n                                name={\"element\"}\n                                value={element}\n                            />\n                        ) : null}\n                    </Property>\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;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAG;QAAO,MAAM;qBACtB,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;QACL,IAAIL,MAAML,MAAM;QAChB,MAAM;QACN,OAAOC;SAEX;AAKxB"}

package/presentation/config/configComponents/Browser/Grid/Thumbnail.js

@@ -0,0 +1,28 @@
+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("browser:grid:thumbnail");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "grid",
+        name: "grid"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(type),
+        name: "itemThumbnails",
+        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/Browser/Grid/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Grid/Thumbnail.js","sources":["../../../../../../src/presentation/config/configComponents/Browser/Grid/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(\"browser:grid:thumbnail\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id=\"grid\" name={\"grid\"}>\n                <Property id={getId(type)} name={\"itemThumbnails\"} array={true}>\n                    <Property id={getId(type, \"type\")} name={\"type\"} value={type} />\n                    <Property id={getId(type, \"element\")} name={\"element\"} value={element} />\n                </Property>\n            </Property>\n        </Property>\n    );\n});\n"],"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;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAG;QAAO,MAAM;qBACtB,oBAACA,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAkB,OAAO;qBACtD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAY,MAAM;QAAW,OAAOC;;AAKlF"}

package/presentation/config/configComponents/Browser/Table/Column.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { AcoConfig, type TableColumnConfig as ColumnConfig } from "@webiny/app-aco";
+import type { TableItem } from "../../../../../domain/types.js";
+export type { ColumnConfig };
+type ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;
+export declare const Column: ((props: ColumnProps) => React.JSX.Element) & {
+    original: (props: ColumnProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ColumnProps) => React.JSX.Element) & {
+        original: (props: ColumnProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ColumnProps) => React.JSX.Element) & {
+        original: (props: ColumnProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    useTableRow: {
+        (): import("@webiny/app-aco").TableRowContextData<TableItem>;
+        <TUserRow>(): import("@webiny/app-aco").TableRowContextData<TableItem & {
+            data: TUserRow;
+        }>;
+    };
+    isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
+};

package/presentation/config/configComponents/Browser/Table/Column.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { AcoConfig } from "@webiny/app-aco";
+import { makeDecoratable } from "@webiny/react-composition";
+const { Table: Table } = AcoConfig;
+const BaseColumnComponent = (props)=>/*#__PURE__*/ react.createElement(Table.Column, props);
+const BaseColumn = makeDecoratable("Column", BaseColumnComponent);
+const Column = Object.assign(BaseColumn, {
+    useTableRow: Table.Column.createUseTableRow(),
+    isFolderRow: Table.Column.isFolderRow
+});
+export { Column };
+
+//# sourceMappingURL=Column.js.map

package/presentation/config/configComponents/Browser/Table/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Table/Column.js","sources":["../../../../../../src/presentation/config/configComponents/Browser/Table/Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableColumnConfig as ColumnConfig } from \"@webiny/app-aco\";\nimport type { TableItem } from \"~/domain/types.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst { Table } = AcoConfig;\n\nexport type { ColumnConfig };\n\ntype ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;\n\nconst BaseColumnComponent = (props: ColumnProps) => {\n    return <Table.Column {...props} />;\n};\n\nconst BaseColumn = makeDecoratable(\"Column\", BaseColumnComponent);\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: Table.Column.createUseTableRow<TableItem>(),\n    isFolderRow: Table.Column.isFolderRow\n});\n"],"names":["Table","AcoConfig","BaseColumnComponent","props","BaseColumn","makeDecoratable","Column","Object"],"mappings":";;;AAKA,MAAM,EAAEA,OAAAA,KAAK,EAAE,GAAGC;AAMlB,MAAMC,sBAAsB,CAACC,QAClB,WAAP,GAAO,oBAACH,MAAM,MAAM,EAAKG;AAG7B,MAAMC,aAAaC,gBAAgB,UAAUH;AAEtC,MAAMI,SAASC,OAAO,MAAM,CAACH,YAAY;IAC5C,aAAaJ,MAAM,MAAM,CAAC,iBAAiB;IAC3C,aAAaA,MAAM,MAAM,CAAC,WAAW;AACzC"}

package/presentation/config/configComponents/Browser/Table/Thumbnail.js

@@ -0,0 +1,28 @@
+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("browser:table:thumbnail");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "table",
+        name: "table"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(type),
+        name: "cellThumbnails",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(type, "type"),
+        name: "type",
+        value: type
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(type, "element"),
+        name: "element",
+        value: element
+    }))));
+});
+export { Thumbnail };
+
+//# sourceMappingURL=Thumbnail.js.map

package/presentation/config/configComponents/Browser/Table/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Table/Thumbnail.js","sources":["../../../../../../src/presentation/config/configComponents/Browser/Table/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(\"browser:table:thumbnail\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id=\"table\" name={\"table\"}>\n                <Property id={getId(type)} name={\"cellThumbnails\"} array={true}>\n                    <Property id={getId(type, \"type\")} name={\"type\"} value={type} />\n                    <Property id={getId(type, \"element\")} name={\"element\"} value={element} />\n                </Property>\n            </Property>\n        </Property>\n    );\n});\n"],"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;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAG;QAAQ,MAAM;qBACvB,oBAACA,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAkB,OAAO;qBACtD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAY,MAAM;QAAW,OAAOC;;AAKlF"}

package/presentation/config/configComponents/Browser/Table/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Column } from "./Column.js";
+import { Thumbnail } from "./Thumbnail.js";
+const Table = {
+    Column: Column,
+    Cell: {
+        Thumbnail: Thumbnail
+    }
+};
+export { Table };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/configComponents/Browser/Table/index.js","sources":["../../../../../../src/presentation/config/configComponents/Browser/Table/index.ts"],"sourcesContent":["import type { ColumnConfig } from \"./Column.js\";\nimport { Column } from \"./Column.js\";\nimport type { ThumbnailConfig } from \"./Thumbnail.js\";\nimport { Thumbnail } from \"./Thumbnail.js\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n    cellThumbnails: ThumbnailConfig[];\n}\n\nexport const Table = {\n    Column,\n    Cell: {\n        Thumbnail\n    }\n};\n"],"names":["Table","Column","Thumbnail"],"mappings":";;AAUO,MAAMA,QAAQ;IACjBC,QAAMA;IACN,MAAM;QACFC,WAASA;IACb;AACJ"}