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

package/presentation/FileList/components/BulkActions/useBulkActionWorker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/useBulkActionWorker.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/useBulkActionWorker.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport { getFilesLabel } from \"./BulkActionBar.js\";\n\n// Hook that bridges the new presenter-based selection with the Worker pattern.\nconst useWorker = () => {\n    const { vm, actions } = useFileManagerPresenter();\n    const { current: worker } = useRef(new Worker<FmFile>());\n\n    // Derive selected file objects from the presenter's selection IDs and rows.\n    const selectedFiles = useMemo(() => {\n        const { selectedIds } = vm.list.selection;\n        return vm.list.rows.filter(row => selectedIds.has(row.id));\n    }, [vm.list.selection.selectedIds, vm.list.rows]);\n\n    useEffect(() => {\n        worker.items = selectedFiles;\n    }, [selectedFiles.length]);\n\n    // Reset selected items in both the presenter and the Worker.\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        actions.selection.deselectAll();\n    }, []);\n\n    // Reset results in Worker.\n    const resetResults = useCallback(async () => {\n        worker.resetResults();\n    }, []);\n\n    return {\n        items: selectedFiles,\n        process: (callback: (items: FmFile[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<FmFile>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems,\n        results: worker.results,\n        resetResults\n    };\n};\n\n// Compose the BulkAction utilities for the new v2 architecture.\nexport const BulkAction = {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n};\n\nexport { getFilesLabel };\n"],"names":["useWorker","vm","actions","useFileManagerPresenter","worker","useRef","Worker","selectedFiles","useMemo","selectedIds","row","useEffect","resetItems","useCallback","resetResults","callback","chunkSize","BulkAction","useButtons","useDialogWithReport"],"mappings":";;;AAQA,MAAMA,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAGvC,MAAMC,gBAAgBC,QAAQ;QAC1B,MAAM,EAAEC,WAAW,EAAE,GAAGR,GAAG,IAAI,CAAC,SAAS;QACzC,OAAOA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACS,CAAAA,MAAOD,YAAY,GAAG,CAACC,IAAI,EAAE;IAC5D,GAAG;QAACT,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW;QAAEA,GAAG,IAAI,CAAC,IAAI;KAAC;IAEhDU,UAAU;QACNP,OAAO,KAAK,GAAGG;IACnB,GAAG;QAACA,cAAc,MAAM;KAAC;IAGzB,MAAMK,aAAaC,YAAY;QAC3BT,OAAO,KAAK,GAAG,EAAE;QACjBF,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG,EAAE;IAGL,MAAMY,eAAeD,YAAY;QAC7BT,OAAO,YAAY;IACvB,GAAG,EAAE;IAEL,OAAO;QACH,OAAOG;QACP,SAAS,CAACQ,WAAwCX,OAAO,OAAO,CAACW;QACjE,iBAAiB,OACbA,UACAC,YACCZ,OAAO,eAAe,CAACW,UAAUC;QACtCJ;QACA,SAASR,OAAO,OAAO;QACvBU;IACJ;AACJ;AAGO,MAAMG,aAAa;IACtBC,YAAUA;IACVlB,WAAAA;IACA,WAAWmB;AACf"}

package/presentation/FileList/components/Empty/Empty.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { BrowserFilePickerRenderProps } from "@webiny/app-admin/presentation/browserFilePicker/index.js";
+interface EmptyViewProps {
+    browseFiles: BrowserFilePickerRenderProps["browseFiles"];
+    isSearchResult?: boolean;
+}
+export declare const Empty: ({ browseFiles, isSearchResult }: EmptyViewProps) => React.JSX.Element;
+export {};

package/presentation/FileList/components/Empty/Empty.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { NoPermissions } from "../NoPermissions/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { NoResults } from "../NoResults/index.js";
+import { FileDropArea } from "../FileDropArea/index.js";
+const Empty = ({ browseFiles, isSearchResult })=>{
+    const { vm } = useFileManagerPresenter();
+    const { canRead } = vm.permissions;
+    if (!canRead) return /*#__PURE__*/ react.createElement(NoPermissions, null);
+    if (isSearchResult) return /*#__PURE__*/ react.createElement(NoResults, null);
+    return /*#__PURE__*/ react.createElement(FileDropArea, {
+        empty: true,
+        onClick: ()=>browseFiles(),
+        title: "Drag & Drop files here",
+        description: "You can also upload files from your computer by clicking the button below"
+    });
+};
+export { Empty };
+
+//# sourceMappingURL=Empty.js.map

package/presentation/FileList/components/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Empty/Empty.js","sources":["../../../../../src/presentation/FileList/components/Empty/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BrowserFilePickerRenderProps } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\n\nimport { NoPermissions } from \"~/presentation/FileList/components/NoPermissions/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { NoResults } from \"~/presentation/FileList/components/NoResults/index.js\";\nimport { FileDropArea } from \"~/presentation/FileList/components/FileDropArea/index.js\";\n\ninterface EmptyViewProps {\n    browseFiles: BrowserFilePickerRenderProps[\"browseFiles\"];\n    isSearchResult?: boolean;\n}\n\nexport const Empty = ({ browseFiles, isSearchResult }: EmptyViewProps) => {\n    const { vm } = useFileManagerPresenter();\n    const { canRead } = vm.permissions;\n\n    if (!canRead) {\n        return <NoPermissions />;\n    }\n\n    if (isSearchResult) {\n        return <NoResults />;\n    }\n\n    return (\n        <FileDropArea\n            empty\n            onClick={() => browseFiles()}\n            title={\"Drag & Drop files here\"}\n            description={\n                \"You can also upload files from your computer by clicking the button below\"\n            }\n        />\n    );\n};\n"],"names":["Empty","browseFiles","isSearchResult","vm","useFileManagerPresenter","canRead","NoPermissions","NoResults","FileDropArea"],"mappings":";;;;;AAaO,MAAMA,QAAQ,CAAC,EAAEC,WAAW,EAAEC,cAAc,EAAkB;IACjE,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,OAAO,EAAE,GAAGF,GAAG,WAAW;IAElC,IAAI,CAACE,SACD,OAAO,WAAP,GAAO,oBAACC,eAAaA;IAGzB,IAAIJ,gBACA,OAAO,WAAP,GAAO,oBAACK,WAASA;IAGrB,OAAO,WAAP,GACI,oBAACC,cAAYA;QACT;QACA,SAAS,IAAMP;QACf,OAAO;QACP,aACI;;AAIhB"}

package/presentation/FileList/components/Empty/index.d.ts

@@ -0,0 +1 @@
+export * from "./Empty.js";

package/presentation/FileList/components/Empty/index.js

@@ -0,0 +1 @@
+export * from "./Empty.js";

package/presentation/FileList/components/FileDropArea/FileDropArea.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FileDropAreaProps {
+    empty?: boolean;
+    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
+    title?: string;
+    description?: string;
+    icon?: React.ReactElement;
+}
+export declare const FileDropArea: ({ title, description, empty, onClick }: FileDropAreaProps) => React.JSX.Element;

package/presentation/FileList/components/FileDropArea/FileDropArea.js

@@ -0,0 +1,62 @@
+import react from "react";
+import { Button, Heading, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as cloud_upload_svg_ReactComponent } from "@webiny/icons/cloud_upload.svg";
+const DropAreaContainer = ({ empty, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "w-full h-full p-lg flex items-center justify-center",
+            empty ? "bg-neutral-base" : "pt-xxl bg-neutral-xstrong/20"
+        ])
+    }, children);
+const DropAreaBox = ({ children, empty })=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: "650px",
+            height: "400px",
+            ...empty ? {
+                backgroundImage: "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e\")"
+            } : {}
+        },
+        className: cn([
+            "flex flex-col items-center justify-center gap-lg",
+            "p-lg rounded-3xl",
+            "bg-neutral-base",
+            !empty && "shadow-md"
+        ])
+    }, children);
+const DropAreaContent = ({ title, description })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ react.createElement(cloud_upload_svg_ReactComponent, {
+        width: 75,
+        height: 75
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "text-center"
+    }, title && /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "text-neutral-strong"
+    }, title), description && /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        style: {
+            width: "300px"
+        },
+        className: "text-neutral-strong"
+    }, description)));
+const DropAreaButton = ({ onClick })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Upload files",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }));
+const FileDropArea = ({ title, description, empty, onClick })=>/*#__PURE__*/ react.createElement(DropAreaContainer, {
+        empty: empty
+    }, /*#__PURE__*/ react.createElement(DropAreaBox, {
+        empty: empty
+    }, /*#__PURE__*/ react.createElement(DropAreaContent, {
+        title: title,
+        description: description
+    }), empty && /*#__PURE__*/ react.createElement(DropAreaButton, {
+        onClick: onClick
+    })));
+export { FileDropArea };
+
+//# sourceMappingURL=FileDropArea.js.map

package/presentation/FileList/components/FileDropArea/FileDropArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FileDropArea/FileDropArea.js","sources":["../../../../../src/presentation/FileList/components/FileDropArea/FileDropArea.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, cn, Heading, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as UploadIcon } from \"@webiny/icons/cloud_upload.svg\";\n\ninterface DropAreaContainerProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaContainer = ({ empty, children }: DropAreaContainerProps) => (\n    <div\n        className={cn([\n            \"w-full h-full p-lg flex items-center justify-center\",\n            empty ? \"bg-neutral-base\" : \"pt-xxl bg-neutral-xstrong/20\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaBoxProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaBox = ({ children, empty }: DropAreaBoxProps) => (\n    <div\n        style={{\n            width: \"650px\",\n            height: \"400px\",\n            ...(empty\n                ? {\n                      backgroundImage: `url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e\")`\n                  }\n                : {})\n        }}\n        className={cn([\n            \"flex flex-col items-center justify-center gap-lg\",\n            \"p-lg rounded-3xl\",\n            \"bg-neutral-base\",\n            !empty && \"shadow-md\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaContentProps {\n    empty?: boolean;\n    title?: string;\n    description?: string;\n}\n\nconst DropAreaContent = ({ title, description }: DropAreaContentProps) => (\n    <div className={\"flex flex-col items-center justify-center gap-sm\"}>\n        <div className={\"fill-neutral-strong\"}>\n            <UploadIcon width={75} height={75} />\n        </div>\n        <div className={\"text-center\"}>\n            {title && (\n                <Heading level={4} className={\"text-neutral-strong\"}>\n                    {title}\n                </Heading>\n            )}\n            {description && (\n                <Text as={\"div\"} style={{ width: \"300px\" }} className={\"text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    </div>\n);\n\ninterface DropAreaButtonProps {\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst DropAreaButton = ({ onClick }: DropAreaButtonProps) => (\n    <div>\n        <Button onClick={onClick} text={\"Upload files\"} icon={<UploadFileIcon />} />\n    </div>\n);\n\nexport interface FileDropAreaProps {\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n    title?: string;\n    description?: string;\n    icon?: React.ReactElement;\n}\n\nexport const FileDropArea = ({ title, description, empty, onClick }: FileDropAreaProps) => (\n    <DropAreaContainer empty={empty}>\n        <DropAreaBox empty={empty}>\n            <DropAreaContent title={title} description={description} />\n            {empty && <DropAreaButton onClick={onClick} />}\n        </DropAreaBox>\n    </DropAreaContainer>\n);\n"],"names":["DropAreaContainer","empty","children","cn","DropAreaBox","DropAreaContent","title","description","UploadIcon","Heading","Text","DropAreaButton","onClick","Button","UploadFileIcon","FileDropArea"],"mappings":";;;;AAUA,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA0B,iBAClE,oBAAC;QACG,WAAWC,GAAG;YACV;YACAF,QAAQ,oBAAoB;SAC/B;OAEAC;AAST,MAAME,cAAc,CAAC,EAAEF,QAAQ,EAAED,KAAK,EAAoB,iBACtD,oBAAC;QACG,OAAO;YACH,OAAO;YACP,QAAQ;YACR,GAAIA,QACE;gBACI,iBAAiB;YACrB,IACA,CAAC,CAAC;QACZ;QACA,WAAWE,GAAG;YACV;YACA;YACA;YACA,CAACF,SAAS;SACb;OAEAC;AAUT,MAAMG,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAAwB,iBACjE,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,iCAAUA;QAAC,OAAO;QAAI,QAAQ;uBAEnC,oBAAC;QAAI,WAAW;OACXF,SAAS,WAATA,GACG,oBAACG,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBH,QAGRC,eAAe,WAAfA,GACG,oBAACG,MAAIA;QAAC,IAAI;QAAO,OAAO;YAAE,OAAO;QAAQ;QAAG,WAAW;OAClDH;AAWrB,MAAMI,iBAAiB,CAAC,EAAEC,OAAO,EAAuB,iBACpD,oBAAC,2BACG,oBAACC,QAAMA;QAAC,SAASD;QAAS,MAAM;QAAgB,oBAAM,oBAACE,gBAAcA;;AAYtE,MAAMC,eAAe,CAAC,EAAET,KAAK,EAAEC,WAAW,EAAEN,KAAK,EAAEW,OAAO,EAAqB,iBAClF,oBAACZ,mBAAiBA;QAAC,OAAOC;qBACtB,oBAACG,aAAWA;QAAC,OAAOH;qBAChB,oBAACI,iBAAeA;QAAC,OAAOC;QAAO,aAAaC;QAC3CN,SAAS,WAATA,GAAS,oBAACU,gBAAcA;QAAC,SAASC"}

package/presentation/FileList/components/FileDropArea/index.d.ts

@@ -0,0 +1 @@
+export * from "./FileDropArea.js";

package/presentation/FileList/components/FileDropArea/index.js

@@ -0,0 +1 @@
+export * from "./FileDropArea.js";

package/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.d.ts

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

package/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { FileDropArea } from "../FileDropArea/index.js";
+const FileDropPlaceholder = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "absolute inset-0 z-50 animate-in fade-in duration-300"
+    }, /*#__PURE__*/ react.createElement(FileDropArea, {
+        title: "Drop files here",
+        description: "Upload files from your computer by dropping them here"
+    }));
+export { FileDropPlaceholder };
+
+//# sourceMappingURL=FileDropPlaceholder.js.map

package/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js","sources":["../../../../../src/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileDropArea } from \"../FileDropArea/index.js\";\n\nexport const FileDropPlaceholder = () => {\n    return (\n        <div className={\"absolute inset-0 z-50 animate-in fade-in duration-300\"}>\n            <FileDropArea\n                title={\"Drop files here\"}\n                description={\"Upload files from your computer by dropping them here\"}\n            />\n        </div>\n    );\n};\n"],"names":["FileDropPlaceholder","FileDropArea"],"mappings":";;AAGO,MAAMA,sBAAsB,IACxB,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,cAAYA;QACT,OAAO;QACP,aAAa"}

package/presentation/FileList/components/FileDropPlaceholder/index.d.ts

@@ -0,0 +1 @@
+export * from "./FileDropPlaceholder.js";

package/presentation/FileList/components/FileDropPlaceholder/index.js

@@ -0,0 +1 @@
+export * from "./FileDropPlaceholder.js";

package/presentation/FileList/components/FilePicker/FilePicker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FmFile } from "../../../../features/shared/types.js";
+export interface FilePickerProps {
+    onChange: (files: FmFile[]) => void;
+    onClose: () => void;
+    multiple?: boolean;
+    accept?: string[];
+    scope?: string;
+    children: React.ReactNode;
+}
+export declare const FilePicker: ({ onChange, onClose, multiple, accept, scope, children }: FilePickerProps) => React.JSX.Element;

package/presentation/FileList/components/FilePicker/FilePicker.js

@@ -0,0 +1,28 @@
+import react, { useCallback } from "react";
+import { OverlayLayout, useHotkeys } from "@webiny/app-admin";
+import { FileManagerView } from "../../../FileManager/FileManagerView.js";
+const FilePicker = ({ onChange, onClose, multiple, accept, scope, children })=>{
+    const handleClose = useCallback(()=>{
+        onClose();
+    }, [
+        onClose
+    ]);
+    useHotkeys({
+        zIndex: 20,
+        keys: {
+            esc: handleClose
+        }
+    });
+    return /*#__PURE__*/ react.createElement(OverlayLayout, {
+        onExited: handleClose
+    }, /*#__PURE__*/ react.createElement(FileManagerView, {
+        onChange: onChange,
+        onClose: handleClose,
+        multiple: multiple,
+        accept: accept,
+        scope: scope
+    }, children));
+};
+export { FilePicker };
+
+//# sourceMappingURL=FilePicker.js.map

package/presentation/FileList/components/FilePicker/FilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FilePicker/FilePicker.js","sources":["../../../../../src/presentation/FileList/components/FilePicker/FilePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { FileManagerView } from \"~/presentation/FileManager/FileManagerView.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\n\nexport interface FilePickerProps {\n    onChange: (files: FmFile[]) => void;\n    onClose: () => void;\n    multiple?: boolean;\n    accept?: string[];\n    scope?: string;\n    children: React.ReactNode;\n}\n\n// Thin overlay wrapper that renders the FileManagerView with overlay config.\nexport const FilePicker = ({\n    onChange,\n    onClose,\n    multiple,\n    accept,\n    scope,\n    children\n}: FilePickerProps) => {\n    const handleClose = useCallback(() => {\n        onClose();\n    }, [onClose]);\n\n    useHotkeys({\n        zIndex: 20,\n        keys: {\n            esc: handleClose\n        }\n    });\n\n    return (\n        <OverlayLayout onExited={handleClose}>\n            <FileManagerView\n                onChange={onChange}\n                onClose={handleClose}\n                multiple={multiple}\n                accept={accept}\n                scope={scope}\n            >\n                {children}\n            </FileManagerView>\n        </OverlayLayout>\n    );\n};\n"],"names":["FilePicker","onChange","onClose","multiple","accept","scope","children","handleClose","useCallback","useHotkeys","OverlayLayout","FileManagerView"],"mappings":";;;AAiBO,MAAMA,aAAa,CAAC,EACvBC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACM;IACd,MAAMC,cAAcC,YAAY;QAC5BN;IACJ,GAAG;QAACA;KAAQ;IAEZO,WAAW;QACP,QAAQ;QACR,MAAM;YACF,KAAKF;QACT;IACJ;IAEA,OAAO,WAAP,GACI,oBAACG,eAAaA;QAAC,UAAUH;qBACrB,oBAACI,iBAAeA;QACZ,UAAUV;QACV,SAASM;QACT,UAAUJ;QACV,QAAQC;QACR,OAAOC;OAENC;AAIjB"}

package/presentation/FileList/components/Filters/FilterByType.d.ts

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

package/presentation/FileList/components/Filters/FilterByType.js

@@ -0,0 +1,39 @@
+import react from "react";
+import { Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+const FilterByType = ()=>{
+    const bind = useBind({
+        name: "type_startsWith",
+        defaultValue: "",
+        beforeChange (value, cb) {
+            cb("all" === value ? void 0 : value);
+        }
+    });
+    const options = [
+        {
+            label: "All",
+            value: "all"
+        },
+        {
+            label: "Images",
+            value: "image/"
+        },
+        {
+            label: "Videos",
+            value: "video/"
+        },
+        {
+            label: "Documents",
+            value: "application/"
+        }
+    ];
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        placeholder: "Filter by type",
+        options: options,
+        size: "md"
+    });
+};
+export { FilterByType };
+
+//# sourceMappingURL=FilterByType.js.map

package/presentation/FileList/components/Filters/FilterByType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/FilterByType.js","sources":["../../../../../src/presentation/FileList/components/Filters/FilterByType.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nexport const FilterByType = () => {\n    const bind = useBind({\n        name: \"type_startsWith\",\n        defaultValue: \"\",\n        beforeChange(value, cb) {\n            cb(value === \"all\" ? undefined : value);\n        }\n    });\n\n    const options = [\n        { label: \"All\", value: \"all\" },\n        { label: \"Images\", value: \"image/\" },\n        { label: \"Videos\", value: \"video/\" },\n        { label: \"Documents\", value: \"application/\" }\n    ];\n\n    return <Select {...bind} placeholder={\"Filter by type\"} options={options} size={\"md\"} />;\n};\n"],"names":["FilterByType","bind","useBind","value","cb","undefined","options","Select"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAc;QACd,cAAaC,KAAK,EAAEC,EAAE;YAClBA,GAAGD,AAAU,UAAVA,QAAkBE,SAAYF;QACrC;IACJ;IAEA,MAAMG,UAAU;QACZ;YAAE,OAAO;YAAO,OAAO;QAAM;QAC7B;YAAE,OAAO;YAAU,OAAO;QAAS;QACnC;YAAE,OAAO;YAAU,OAAO;QAAS;QACnC;YAAE,OAAO;YAAa,OAAO;QAAe;KAC/C;IAED,OAAO,WAAP,GAAO,oBAACC,QAAMA;QAAE,GAAGN,IAAI;QAAE,aAAa;QAAkB,SAASK;QAAS,MAAM;;AACpF"}

package/presentation/FileList/components/Filters/SubFoldersToggle.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Toggle component for including files from descendant folders in the list.
+ * Sets the "includeSubFolders" filter which the FileListDataSource uses
+ * to expand the folder scope via GetDescendantFoldersUseCase.
+ */
+export declare const SubFoldersToggle: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/FileList/components/Filters/SubFoldersToggle.js

@@ -0,0 +1,25 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { Switch } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const t = i18n.ns("app-file-manager/presentation/sub-folders-toggle");
+const SubFoldersToggle_SubFoldersToggle = observer(function() {
+    const { vm, actions } = useFileManagerPresenter();
+    const checked = true === vm.list.filters["includeSubFolders"];
+    const handleChange = useCallback((value)=>{
+        if (value) actions.filter.set("includeSubFolders", true);
+        else actions.filter.clear("includeSubFolders");
+    }, [
+        actions.filter
+    ]);
+    return /*#__PURE__*/ react.createElement(Switch, {
+        label: t`Display sub-folders`,
+        checked: checked,
+        onChange: handleChange,
+        "data-testid": "fm-sub-folders-toggle"
+    });
+});
+export { SubFoldersToggle_SubFoldersToggle as SubFoldersToggle };
+
+//# sourceMappingURL=SubFoldersToggle.js.map

package/presentation/FileList/components/Filters/SubFoldersToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/SubFoldersToggle.js","sources":["../../../../../src/presentation/FileList/components/Filters/SubFoldersToggle.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/sub-folders-toggle\");\n\n/**\n * Toggle component for including files from descendant folders in the list.\n * Sets the \"includeSubFolders\" filter which the FileListDataSource uses\n * to expand the folder scope via GetDescendantFoldersUseCase.\n */\nexport const SubFoldersToggle = observer(function SubFoldersToggle() {\n    const { vm, actions } = useFileManagerPresenter();\n\n    const checked = vm.list.filters[\"includeSubFolders\"] === true;\n\n    const handleChange = useCallback(\n        (value: boolean) => {\n            if (value) {\n                actions.filter.set(\"includeSubFolders\", true);\n            } else {\n                actions.filter.clear(\"includeSubFolders\");\n            }\n        },\n        [actions.filter]\n    );\n\n    return (\n        <Switch\n            label={t`Display sub-folders`}\n            checked={checked}\n            onChange={handleChange}\n            data-testid={\"fm-sub-folders-toggle\"}\n        />\n    );\n});\n"],"names":["t","i18n","SubFoldersToggle","observer","vm","actions","useFileManagerPresenter","checked","handleChange","useCallback","value","Switch"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,oCAAmBC,SAAS;IACrC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAExB,MAAMC,UAAUH,AAAyC,SAAzCA,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB;IAEpD,MAAMI,eAAeC,YACjB,CAACC;QACG,IAAIA,OACAL,QAAQ,MAAM,CAAC,GAAG,CAAC,qBAAqB;aAExCA,QAAQ,MAAM,CAAC,KAAK,CAAC;IAE7B,GACA;QAACA,QAAQ,MAAM;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACM,QAAMA;QACH,OAAOX,CAAC,CAAC,mBAAmB,CAAC;QAC7B,SAASO;QACT,UAAUC;QACV,eAAa;;AAGzB"}

package/presentation/FileList/components/Filters/TagsFilter.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Tags filter component wired to the FileListPresenter.
+ * Reads available tags from vm.tags, supports AND/OR filter modes,
+ * and dispatches changes via presenter.actions.filter.set("tags", ...).
+ */
+export declare const TagsFilter: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/FileList/components/Filters/TagsFilter.js

@@ -0,0 +1,86 @@
+import react, { useCallback, useState } from "react";
+import { observer } from "mobx-react-lite";
+import { Select, Tag, Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const TagsFilter_t = i18n.ns("app-file-manager/presentation/tags-filter");
+const FILTER_MODE_OPTIONS = [
+    {
+        value: "OR",
+        label: "match any"
+    },
+    {
+        value: "AND",
+        label: "match all"
+    }
+];
+const TagsFilter_TagsFilter = observer(function() {
+    const { vm, actions } = useFileManagerPresenter();
+    const [filterMode, setFilterMode] = useState("OR");
+    const activeTags = vm.list.filters["tags"] ?? [];
+    const toggleTag = useCallback((tag)=>{
+        const updated = activeTags.includes(tag) ? activeTags.filter((t)=>t !== tag) : [
+            ...activeTags,
+            tag
+        ];
+        if (updated.length > 0) {
+            actions.filter.set("tags", updated);
+            actions.filter.set("tags_rule", filterMode);
+        } else {
+            actions.filter.clear("tags");
+            actions.filter.clear("tags_rule");
+        }
+    }, [
+        activeTags,
+        actions.filter,
+        filterMode
+    ]);
+    const handleModeChange = useCallback((mode)=>{
+        const typedMode = mode;
+        setFilterMode(typedMode);
+        if (activeTags.length > 0) actions.filter.set("tags_rule", typedMode);
+    }, [
+        activeTags,
+        actions.filter
+    ]);
+    if (0 === vm.tags.length) return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-dimmed"
+    }, TagsFilter_t`No tags found.`));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "font-semibold"
+    }, TagsFilter_t`Filter by tag`), vm.tags.length > 1 && /*#__PURE__*/ react.createElement(Select, {
+        disabled: activeTags.length < 2,
+        size: "md",
+        variant: "secondary",
+        value: filterMode,
+        onChange: handleModeChange,
+        options: FILTER_MODE_OPTIONS,
+        displayResetAction: false,
+        "data-testid": "fm-tags-filter-mode"
+    }), activeTags.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-xs",
+        "data-testid": "fm-tags-filter-active"
+    }, activeTags.map((tag)=>/*#__PURE__*/ react.createElement(Tag, {
+            key: tag,
+            variant: "accent",
+            content: tag,
+            onDismiss: ()=>toggleTag(tag)
+        }))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm",
+        "data-testid": "fm-tags-filter-list"
+    }, vm.tags.map((tagItem)=>/*#__PURE__*/ react.createElement(Tag, {
+            key: tagItem.tag,
+            variant: activeTags.includes(tagItem.tag) ? "accent" : "neutral-muted",
+            content: tagItem.tag,
+            onClick: ()=>toggleTag(tagItem.tag),
+            onDismiss: activeTags.includes(tagItem.tag) ? ()=>toggleTag(tagItem.tag) : void 0
+        }))));
+});
+export { TagsFilter_TagsFilter as TagsFilter };
+
+//# sourceMappingURL=TagsFilter.js.map

package/presentation/FileList/components/Filters/TagsFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/TagsFilter.js","sources":["../../../../../src/presentation/FileList/components/Filters/TagsFilter.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select, Tag as AdminTag, Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/tags-filter\");\n\nconst FILTER_MODE_OPTIONS = [\n    { value: \"OR\", label: \"match any\" },\n    { value: \"AND\", label: \"match all\" }\n];\n\n/**\n * Tags filter component wired to the FileListPresenter.\n * Reads available tags from vm.tags, supports AND/OR filter modes,\n * and dispatches changes via presenter.actions.filter.set(\"tags\", ...).\n */\nexport const TagsFilter = observer(function TagsFilter() {\n    const { vm, actions } = useFileManagerPresenter();\n    const [filterMode, setFilterMode] = useState<\"AND\" | \"OR\">(\"OR\");\n\n    // Read the current active tags from the filter state.\n    const activeTags = (vm.list.filters[\"tags\"] as string[] | undefined) ?? [];\n\n    // Toggle a tag in the active tags list.\n    const toggleTag = useCallback(\n        (tag: string) => {\n            const updated = activeTags.includes(tag)\n                ? activeTags.filter(t => t !== tag)\n                : [...activeTags, tag];\n\n            if (updated.length > 0) {\n                actions.filter.set(\"tags\", updated);\n                // Store the filter mode alongside the tags.\n                actions.filter.set(\"tags_rule\", filterMode);\n            } else {\n                actions.filter.clear(\"tags\");\n                actions.filter.clear(\"tags_rule\");\n            }\n        },\n        [activeTags, actions.filter, filterMode]\n    );\n\n    // Handle filter mode change.\n    const handleModeChange = useCallback(\n        (mode: string) => {\n            const typedMode = mode as \"AND\" | \"OR\";\n            setFilterMode(typedMode);\n            // Re-apply the filter with the new mode if tags are active.\n            if (activeTags.length > 0) {\n                actions.filter.set(\"tags_rule\", typedMode);\n            }\n        },\n        [activeTags, actions.filter]\n    );\n\n    if (vm.tags.length === 0) {\n        return (\n            <div className={\"flex flex-col gap-sm\"}>\n                <Text size={\"sm\"} className={\"text-neutral-dimmed\"}>\n                    {t`No tags found.`}\n                </Text>\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Text className={\"font-semibold\"}>{t`Filter by tag`}</Text>\n            {vm.tags.length > 1 && (\n                <Select\n                    disabled={activeTags.length < 2}\n                    size={\"md\"}\n                    variant={\"secondary\"}\n                    value={filterMode}\n                    onChange={handleModeChange}\n                    options={FILTER_MODE_OPTIONS}\n                    displayResetAction={false}\n                    data-testid={\"fm-tags-filter-mode\"}\n                />\n            )}\n            {activeTags.length > 0 && (\n                <div className={\"flex flex-wrap gap-xs\"} data-testid={\"fm-tags-filter-active\"}>\n                    {activeTags.map(tag => (\n                        <AdminTag\n                            key={tag}\n                            variant={\"accent\"}\n                            content={tag}\n                            onDismiss={() => toggleTag(tag)}\n                        />\n                    ))}\n                </div>\n            )}\n            <div className={\"flex flex-col gap-sm\"} data-testid={\"fm-tags-filter-list\"}>\n                {vm.tags.map(tagItem => (\n                    <AdminTag\n                        key={tagItem.tag}\n                        variant={activeTags.includes(tagItem.tag) ? \"accent\" : \"neutral-muted\"}\n                        content={tagItem.tag}\n                        onClick={() => toggleTag(tagItem.tag)}\n                        onDismiss={\n                            activeTags.includes(tagItem.tag)\n                                ? () => toggleTag(tagItem.tag)\n                                : undefined\n                        }\n                    />\n                ))}\n            </div>\n        </div>\n    );\n});\n"],"names":["t","i18n","FILTER_MODE_OPTIONS","TagsFilter","observer","vm","actions","useFileManagerPresenter","filterMode","setFilterMode","useState","activeTags","toggleTag","useCallback","tag","updated","handleModeChange","mode","typedMode","Text","Select","AdminTag","tagItem","undefined"],"mappings":";;;;;AAMA,MAAMA,eAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,sBAAsB;IACxB;QAAE,OAAO;QAAM,OAAO;IAAY;IAClC;QAAE,OAAO;QAAO,OAAO;IAAY;CACtC;AAOM,MAAMC,wBAAaC,SAAS;IAC/B,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAAuB;IAG3D,MAAMC,aAAcN,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAA6B,EAAE;IAG1E,MAAMO,YAAYC,YACd,CAACC;QACG,MAAMC,UAAUJ,WAAW,QAAQ,CAACG,OAC9BH,WAAW,MAAM,CAACX,CAAAA,IAAKA,MAAMc,OAC7B;eAAIH;YAAYG;SAAI;QAE1B,IAAIC,QAAQ,MAAM,GAAG,GAAG;YACpBT,QAAQ,MAAM,CAAC,GAAG,CAAC,QAAQS;YAE3BT,QAAQ,MAAM,CAAC,GAAG,CAAC,aAAaE;QACpC,OAAO;YACHF,QAAQ,MAAM,CAAC,KAAK,CAAC;YACrBA,QAAQ,MAAM,CAAC,KAAK,CAAC;QACzB;IACJ,GACA;QAACK;QAAYL,QAAQ,MAAM;QAAEE;KAAW;IAI5C,MAAMQ,mBAAmBH,YACrB,CAACI;QACG,MAAMC,YAAYD;QAClBR,cAAcS;QAEd,IAAIP,WAAW,MAAM,GAAG,GACpBL,QAAQ,MAAM,CAAC,GAAG,CAAC,aAAaY;IAExC,GACA;QAACP;QAAYL,QAAQ,MAAM;KAAC;IAGhC,IAAID,AAAmB,MAAnBA,GAAG,IAAI,CAAC,MAAM,EACd,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACc,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBnB,YAAC,CAAC,cAAc,CAAC;IAMlC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACmB,MAAIA;QAAC,WAAW;OAAkBnB,YAAC,CAAC,aAAa,CAAC,GAClDK,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,WAAL,GACd,oBAACe,QAAMA;QACH,UAAUT,WAAW,MAAM,GAAG;QAC9B,MAAM;QACN,SAAS;QACT,OAAOH;QACP,UAAUQ;QACV,SAASd;QACT,oBAAoB;QACpB,eAAa;QAGpBS,WAAW,MAAM,GAAG,KAAK,WAAL,GACjB,oBAAC;QAAI,WAAW;QAAyB,eAAa;OACjDA,WAAW,GAAG,CAACG,CAAAA,MAAAA,WAAAA,GACZ,oBAACO,KAAQA;YACL,KAAKP;YACL,SAAS;YACT,SAASA;YACT,WAAW,IAAMF,UAAUE;4BAK3C,oBAAC;QAAI,WAAW;QAAwB,eAAa;OAChDT,GAAG,IAAI,CAAC,GAAG,CAACiB,CAAAA,UAAAA,WAAAA,GACT,oBAACD,KAAQA;YACL,KAAKC,QAAQ,GAAG;YAChB,SAASX,WAAW,QAAQ,CAACW,QAAQ,GAAG,IAAI,WAAW;YACvD,SAASA,QAAQ,GAAG;YACpB,SAAS,IAAMV,UAAUU,QAAQ,GAAG;YACpC,WACIX,WAAW,QAAQ,CAACW,QAAQ,GAAG,IACzB,IAAMV,UAAUU,QAAQ,GAAG,IAC3BC;;AAOlC"}

package/presentation/FileList/components/Filters/TypeFilter.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * File type filter component wired to the FileListPresenter.
+ * Sets the "type" filter via presenter.actions.filter.set/clear.
+ */
+export declare const TypeFilter: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/FileList/components/Filters/TypeFilter.js

@@ -0,0 +1,46 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { Select } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const t = i18n.ns("app-file-manager/presentation/type-filter");
+const TYPE_OPTIONS = [
+    {
+        label: t`All`,
+        value: ""
+    },
+    {
+        label: t`Images`,
+        value: "image/"
+    },
+    {
+        label: t`Videos`,
+        value: "video/"
+    },
+    {
+        label: t`Documents`,
+        value: "application/"
+    }
+];
+const TypeFilter_TypeFilter = observer(function() {
+    const { vm, actions } = useFileManagerPresenter();
+    const currentValue = vm.list.filters["type"] ?? "";
+    const handleChange = useCallback((value)=>{
+        if (value) actions.filter.set("type", value);
+        else actions.filter.clear("type");
+    }, [
+        actions.filter
+    ]);
+    return /*#__PURE__*/ react.createElement(Select, {
+        value: currentValue,
+        onChange: handleChange,
+        options: TYPE_OPTIONS,
+        placeholder: t`Filter by type`,
+        size: "md",
+        "data-testid": "fm-type-filter",
+        displayResetAction: false
+    });
+});
+export { TypeFilter_TypeFilter as TypeFilter };
+
+//# sourceMappingURL=TypeFilter.js.map

package/presentation/FileList/components/Filters/TypeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/TypeFilter.js","sources":["../../../../../src/presentation/FileList/components/Filters/TypeFilter.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/type-filter\");\n\nconst TYPE_OPTIONS = [\n    { label: t`All`, value: \"\" },\n    { label: t`Images`, value: \"image/\" },\n    { label: t`Videos`, value: \"video/\" },\n    { label: t`Documents`, value: \"application/\" }\n];\n\n/**\n * File type filter component wired to the FileListPresenter.\n * Sets the \"type\" filter via presenter.actions.filter.set/clear.\n */\nexport const TypeFilter = observer(function TypeFilter() {\n    const { vm, actions } = useFileManagerPresenter();\n\n    // Read the current type filter value.\n    const currentValue = (vm.list.filters[\"type\"] as string) ?? \"\";\n\n    const handleChange = useCallback(\n        (value: string) => {\n            if (value) {\n                actions.filter.set(\"type\", value);\n            } else {\n                actions.filter.clear(\"type\");\n            }\n        },\n        [actions.filter]\n    );\n\n    return (\n        <Select\n            value={currentValue}\n            onChange={handleChange}\n            options={TYPE_OPTIONS}\n            placeholder={t`Filter by type`}\n            size={\"md\"}\n            data-testid={\"fm-type-filter\"}\n            displayResetAction={false}\n        />\n    );\n});\n"],"names":["t","i18n","TYPE_OPTIONS","TypeFilter","observer","vm","actions","useFileManagerPresenter","currentValue","handleChange","useCallback","value","Select"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,eAAe;IACjB;QAAE,OAAOF,CAAC,CAAC,GAAG,CAAC;QAAE,OAAO;IAAG;IAC3B;QAAE,OAAOA,CAAC,CAAC,MAAM,CAAC;QAAE,OAAO;IAAS;IACpC;QAAE,OAAOA,CAAC,CAAC,MAAM,CAAC;QAAE,OAAO;IAAS;IACpC;QAAE,OAAOA,CAAC,CAAC,SAAS,CAAC;QAAE,OAAO;IAAe;CAChD;AAMM,MAAMG,wBAAaC,SAAS;IAC/B,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAGxB,MAAMC,eAAgBH,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAe;IAE5D,MAAMI,eAAeC,YACjB,CAACC;QACG,IAAIA,OACAL,QAAQ,MAAM,CAAC,GAAG,CAAC,QAAQK;aAE3BL,QAAQ,MAAM,CAAC,KAAK,CAAC;IAE7B,GACA;QAACA,QAAQ,MAAM;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACM,QAAMA;QACH,OAAOJ;QACP,UAAUC;QACV,SAASP;QACT,aAAaF,CAAC,CAAC,cAAc,CAAC;QAC9B,MAAM;QACN,eAAa;QACb,oBAAoB;;AAGhC"}

package/presentation/FileList/components/Filters/index.d.ts

@@ -0,0 +1,3 @@
+export { TypeFilter } from "./TypeFilter.js";
+export { TagsFilter } from "./TagsFilter.js";
+export { SubFoldersToggle } from "./SubFoldersToggle.js";

package/presentation/FileList/components/Filters/index.js

@@ -0,0 +1,3 @@
+export { TypeFilter } from "./TypeFilter.js";
+export { TagsFilter } from "./TagsFilter.js";
+export { SubFoldersToggle } from "./SubFoldersToggle.js";

package/presentation/FileList/components/Grid/ActionButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ActionButtonProps {
+    icon: JSX.Element;
+    label?: string;
+    onAction: () => void;
+    "data-testid"?: string;
+    disabled?: boolean;
+}
+export declare const ActionButton: ({ icon, label, onAction, disabled, ...props }: ActionButtonProps) => React.JSX.Element;

package/presentation/FileList/components/Grid/ActionButton.js

@@ -0,0 +1,24 @@
+import react, { useCallback } from "react";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+const ActionButton = ({ icon, label, onAction, disabled, ...props })=>{
+    const onClick = useCallback((event)=>{
+        event.stopPropagation();
+        onAction && onAction();
+    }, [
+        onAction
+    ]);
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: label ?? "Custom action",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "tertiary",
+            size: "sm",
+            icon: icon,
+            onClick: onClick,
+            disabled: disabled,
+            "data-testid": props["data-testid"]
+        })
+    });
+};
+export { ActionButton };
+
+//# sourceMappingURL=ActionButton.js.map

package/presentation/FileList/components/Grid/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Grid/ActionButton.js","sources":["../../../../../src/presentation/FileList/components/Grid/ActionButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nexport interface ActionButtonProps {\n    icon: JSX.Element;\n    label?: string;\n    onAction: () => void;\n    \"data-testid\"?: string;\n    disabled?: boolean;\n}\n\nexport const ActionButton = ({ icon, label, onAction, disabled, ...props }: ActionButtonProps) => {\n    const onClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Prevent the click event from propagating to the grid item component.\n            event.stopPropagation();\n            onAction && onAction();\n        },\n        [onAction]\n    );\n\n    return (\n        <Tooltip\n            content={label ?? \"Custom action\"}\n            trigger={\n                <IconButton\n                    variant={\"tertiary\"}\n                    size={\"sm\"}\n                    icon={icon}\n                    onClick={onClick}\n                    disabled={disabled}\n                    data-testid={props[\"data-testid\"]}\n                />\n            }\n        />\n    );\n};\n"],"names":["ActionButton","icon","label","onAction","disabled","props","onClick","useCallback","event","Tooltip","IconButton"],"mappings":";;AAWO,MAAMA,eAAe,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAA0B;IACzF,MAAMC,UAAUC,YACZ,CAACC;QAEGA,MAAM,eAAe;QACrBL,YAAYA;IAChB,GACA;QAACA;KAAS;IAGd,OAAO,WAAP,GACI,oBAACM,SAAOA;QACJ,SAASP,SAAS;QAClB,uBACI,oBAACQ,YAAUA;YACP,SAAS;YACT,MAAM;YACN,MAAMT;YACN,SAASK;YACT,UAAUF;YACV,eAAaC,KAAK,CAAC,cAAc;;;AAKrD"}

package/presentation/FileList/components/Grid/File.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { FileItem } from "../../../../domain/types.js";
+export interface FileProps {
+    file: FileItem;
+    selected: boolean;
+    fileBody?: JSX.Element;
+    onSelect?: (event?: React.MouseEvent) => void;
+    onClick?: (event?: React.MouseEvent) => void;
+    multiple?: boolean;
+    children: React.ReactNode;
+}
+export type DefaultFileControlsProps = Pick<FileProps, "selected" | "onSelect">;
+export type DefaultFileBodyProps = Pick<FileProps, "selected" | "onSelect" | "children">;
+export declare const File: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
+    original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
+        original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
+        original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};