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

package/presentation/config/FileManagerViewConfig.d.ts

@@ -0,0 +1,248 @@
+import React from "react";
+export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+    Browser: {
+        Grid: {
+            Item: (({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                    original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                    original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Thumbnail: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+                Action: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                    original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                } & {
+                    IconButton: ({ icon, label, onAction, disabled, ...props }: import("../FileList/components/Grid/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+                };
+            };
+        };
+        BulkAction: (({ name, after, before, remove, element }: import("./configComponents/Browser/BulkAction.js").BulkActionProps) => React.JSX.Element) & {
+            useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
+            useWorker: () => {
+                items: import("@webiny/sdk/index.js").FmFile[];
+                process: (callback: (items: import("../../domain/types.js").FileItem[]) => void) => void;
+                processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin/index.js").CallbackParams<import("../../domain/types.js").FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+                resetItems: () => void;
+                results: import("@webiny/app-admin/index.js").Result[];
+            };
+            useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
+        };
+        BulkEditField: ({ name, element }: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldProps) => React.JSX.Element;
+        Filter: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: {
+                name: string;
+            }) => React.JSX.Element;
+        };
+        FiltersToWhere: ({ converter }: {
+            converter: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter;
+        }) => React.JSX.Element;
+        FilterByTags: ({ remove }: import("./configComponents/Browser/FilterByTags.js").FilterByTagProps) => React.JSX.Element;
+        Folder: {
+            ExtensionField: {
+                createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-aco").FieldProps>>) => (props: import("@webiny/app-aco").FieldDecoratorProps) => React.JSX.Element;
+            };
+            Action: ((props: import("@webiny/app-aco/config/folder/Action.js").ActionProps) => React.JSX.Element) & {
+                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+            };
+            DropConfirmation: (props: import("@webiny/app-aco/config/folder/DropConfirmation.js").DropConfirmationProps) => React.JSX.Element;
+        };
+        File: {
+            Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => React.JSX.Element) & {
+                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+                OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+            };
+        };
+        Table: {
+            Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                useTableRow: {
+                    (): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem>;
+                    <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem & {
+                        data: TUserRow;
+                    }>;
+                };
+                isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
+            };
+            Cell: {
+                Thumbnail: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+        };
+    };
+    FileDetails: {
+        Action: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Button: ({ label, icon, onAction, disabled, className, ...props }: import("../FileDetails/components/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+        };
+        Preview: {
+            Thumbnail: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Width: ({ value }: import("./configComponents/FileDetails/Width.js").WidthProps) => React.JSX.Element;
+    };
+};
+export declare const FileManagerViewWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
+export declare function useFileManagerConfig(): {
+    getThumbnailRenderer: <T extends {
+        type: string;
+    }>(renderers: T[], file: import("../../domain/types.js").FileItem) => T;
+    browser: {
+        table: {
+            cellThumbnails: import("./configComponents/Browser/Table/Thumbnail.js").ThumbnailConfig[];
+            columns: import("@webiny/app-aco").TableColumnConfig[];
+        };
+        grid: {
+            itemActions: import("./configComponents/Browser/Grid/Action.js").ActionConfig[];
+            itemThumbnails: import("./configComponents/Browser/Grid/Thumbnail.js").ThumbnailConfig[];
+        };
+        bulkActions: import("./configComponents/Browser/BulkAction.js").BulkActionConfig[];
+        bulkEditFields: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldConfig[];
+        filterByTags: boolean;
+        filters: import("./configComponents/Browser/Filter.js").FilterConfig[];
+        filtersToWhere: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter[];
+        folder: import("@webiny/app-aco/config/folder/index.js").FolderConfig;
+        file: import("@webiny/app-aco/config/record/index.js").RecordConfig;
+    };
+    fileDetails: {
+        actions: import("./configComponents/FileDetails/Action.js").ActionConfig[];
+        thumbnails: import("./configComponents/FileDetails/Thumbnail.js").ThumbnailConfig[];
+        width: string;
+    };
+};

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.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface BulkEditFieldConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface BulkEditFieldProps {
+    name: string;
+    element: React.ReactElement;
+}
+export declare const BulkEditField: ({ name, element }: BulkEditFieldProps) => React.JSX.Element;

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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { AcoConfig, type RecordActionConfig } from "@webiny/app-aco";
+export type { RecordActionConfig as FileActionConfig };
+type FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
+export declare const FileAction: ((props: FileActionProps) => React.JSX.Element) & {
+    OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
+    OptionsMenuLink: (props: import("@webiny/app-admin/components").OptionsMenuLinkProps) => React.JSX.Element;
+};

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.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export interface FilterConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface FilterProps {
+    name: string;
+    element?: React.ReactElement<unknown>;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+}
+export declare const Filter: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: {
+        name: string;
+    }) => React.JSX.Element;
+};

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.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface FilterByTagProps {
+    remove?: boolean;
+}
+export declare const FilterByTags: ({ remove }: FilterByTagProps) => React.JSX.Element;

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.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface FiltersToWhereConverter {
+    (filters: Record<string, any>): Record<string, any>;
+}
+export declare const FiltersToWhere: ({ converter }: {
+    converter: FiltersToWhereConverter;
+}) => React.JSX.Element;