@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

package/components/ImageEditor/toolbar/flip.js

@@ -0,0 +1,94 @@
+import React from "react";
+import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as FlipIcon } from "@webiny/icons/flip.svg";
+import Cropper from "cropperjs";
+import "cropperjs/dist/cropper.css";
+let cropper;
+const flipped = {
+  x: 1,
+  y: 1
+};
+const renderForm = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "FlipX",
+    variant: "secondary",
+    onClick: () => {
+      if (!cropper) {
+        return;
+      }
+      flipped.x = flipped.x === 1 ? -1 : 1;
+      cropper.scaleX(flipped.x);
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "FlipY",
+    variant: "secondary",
+    onClick: () => {
+      if (!cropper) {
+        return;
+      }
+      flipped.y = flipped.y === 1 ? -1 : 1;
+      cropper.scaleY(flipped.y);
+    }
+  }));
+};
+const tool = {
+  name: "flip",
+  icon({
+    activateTool
+  }) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      side: "bottom",
+      content: "Flip",
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/React.createElement(FlipIcon, null),
+        onClick: () => activateTool("flip"),
+        "data-testid": "flip-item"
+      })
+    });
+  },
+  renderForm,
+  cancel: () => cropper && cropper.destroy(),
+  onActivate: ({
+    canvas
+  }) => {
+    cropper = new Cropper(canvas.current, {
+      background: false,
+      modal: false,
+      guides: false,
+      dragMode: "none",
+      highlight: false,
+      autoCrop: false
+    });
+  },
+  apply: ({
+    canvas
+  }) => {
+    return new Promise(resolve => {
+      if (!cropper) {
+        resolve();
+        return;
+      }
+      const current = canvas.current;
+      const src = cropper.getCroppedCanvas().toDataURL();
+      if (current) {
+        const image = new window.Image();
+        const ctx = current.getContext("2d");
+        image.onload = () => {
+          ctx.drawImage(image, 0, 0);
+          current.width = image.width;
+          current.height = image.height;
+          ctx.drawImage(image, 0, 0);
+          resolve();
+        };
+        image.src = src;
+      }
+      cropper.destroy();
+    });
+  }
+};
+export default tool;
+
+//# sourceMappingURL=flip.js.map

package/components/ImageEditor/toolbar/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","IconButton","Tooltip","ReactComponent","FlipIcon","Cropper","cropper","flipped","x","y","renderForm","createElement","className","text","variant","onClick","scaleX","scaleY","tool","name","icon","activateTool","side","content","trigger","cancel","destroy","onActivate","canvas","current","background","modal","guides","dragMode","highlight","autoCrop","apply","Promise","resolve","src","getCroppedCanvas","toDataURL","image","window","Image","ctx","getContext","onload","drawImage","width","height"],"sources":["flip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as FlipIcon } from \"@webiny/icons/flip.svg\";\nimport Cropper from \"cropperjs\";\nimport \"cropperjs/dist/cropper.css\";\nimport type { ImageEditorTool } from \"./types\";\n\nlet cropper: Cropper;\n\nconst flipped = { x: 1, y: 1 };\n\nconst renderForm = () => {\n    return (\n        <div className={\"wby-flex wby-justify-center wby-gap-sm\"}>\n            <Button\n                text={\"FlipX\"}\n                variant={\"secondary\"}\n                onClick={() => {\n                    if (!cropper) {\n                        return;\n                    }\n\n                    flipped.x = flipped.x === 1 ? -1 : 1;\n                    cropper.scaleX(flipped.x);\n                }}\n            />\n            <Button\n                text={\"FlipY\"}\n                variant={\"secondary\"}\n                onClick={() => {\n                    if (!cropper) {\n                        return;\n                    }\n\n                    flipped.y = flipped.y === 1 ? -1 : 1;\n                    cropper.scaleY(flipped.y);\n                }}\n            />\n        </div>\n    );\n};\n\nconst tool: ImageEditorTool = {\n    name: \"flip\",\n    icon({ activateTool }) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={\"Flip\"}\n                trigger={\n                    <IconButton\n                        variant={\"ghost\"}\n                        icon={<FlipIcon />}\n                        onClick={() => activateTool(\"flip\")}\n                        data-testid={\"flip-item\"}\n                    />\n                }\n            />\n        );\n    },\n    renderForm,\n    cancel: () => cropper && cropper.destroy(),\n    onActivate: ({ canvas }) => {\n        cropper = new Cropper(canvas.current as HTMLCanvasElement, {\n            background: false,\n            modal: false,\n            guides: false,\n            dragMode: \"none\",\n            highlight: false,\n            autoCrop: false\n        });\n    },\n    apply: ({ canvas }) => {\n        return new Promise((resolve: any) => {\n            if (!cropper) {\n                resolve();\n                return;\n            }\n\n            const current = canvas.current;\n            const src = cropper.getCroppedCanvas().toDataURL();\n            if (current) {\n                const image = new window.Image();\n                const ctx = current.getContext(\"2d\") as CanvasRenderingContext2D;\n                image.onload = () => {\n                    ctx.drawImage(image, 0, 0);\n                    current.width = image.width;\n                    current.height = image.height;\n\n                    ctx.drawImage(image, 0, 0);\n                    resolve();\n                };\n                image.src = src;\n            }\n\n            cropper.destroy();\n        });\n    }\n};\n\nexport default tool;\n"],"mappings":"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","ignoreList":[]}

package/components/ImageEditor/toolbar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as crop } from "./crop";
+export { default as flip } from "./flip";
+export { default as filter } from "./filter";
+export { default as rotate } from "./rotate";

package/components/ImageEditor/toolbar/index.js

@@ -0,0 +1,6 @@
+export { default as crop } from "./crop";
+export { default as flip } from "./flip";
+export { default as filter } from "./filter";
+export { default as rotate } from "./rotate";
+
+//# sourceMappingURL=index.js.map

package/components/ImageEditor/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","crop","flip","filter","rotate"],"sources":["index.ts"],"sourcesContent":["export { default as crop } from \"./crop\";\nexport { default as flip } from \"./flip\";\nexport { default as filter } from \"./filter\";\nexport { default as rotate } from \"./rotate\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI;AACxB,SAASD,OAAO,IAAIE,IAAI;AACxB,SAASF,OAAO,IAAIG,MAAM;AAC1B,SAASH,OAAO,IAAII,MAAM","ignoreList":[]}

package/components/ImageEditor/toolbar/rotate.d.ts

@@ -0,0 +1,4 @@
+import type { ImageEditorTool } from "./types";
+import "cropperjs/dist/cropper.css";
+declare const tool: ImageEditorTool;
+export default tool;

package/components/ImageEditor/toolbar/rotate.js

@@ -0,0 +1,93 @@
+import React from "react";
+import { IconButton, Slider, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as RotateRight } from "@webiny/icons/rotate_right.svg";
+import Cropper from "cropperjs";
+import "cropperjs/dist/cropper.css";
+let cropper;
+class RenderForm extends React.Component {
+  state = {
+    rangeInput: 0
+  };
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Slider, {
+      label: "Range Input",
+      value: Number(this.state.rangeInput),
+      min: 0,
+      max: 360,
+      step: 10,
+      onValueChange: value => {
+        this.setState({
+          rangeInput: value
+        }, async () => {
+          if (cropper) {
+            cropper.rotateTo(parseInt(String(value), 10));
+          }
+        });
+      }
+    }));
+  }
+}
+const tool = {
+  name: "rotate",
+  icon({
+    activateTool
+  }) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      side: "bottom",
+      content: "Rotate",
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/React.createElement(RotateRight, null),
+        onClick: () => activateTool("rotate"),
+        "data-testid": "rotate-item"
+      })
+    });
+  },
+  renderForm(props) {
+    return /*#__PURE__*/React.createElement(RenderForm, props);
+  },
+  onActivate: ({
+    canvas
+  }) => {
+    /**
+     * We can safely cast canvas.current as HTMLCanvasElement
+     */
+    cropper = new Cropper(canvas.current, {
+      background: false,
+      modal: false,
+      guides: false,
+      dragMode: "none",
+      highlight: false,
+      autoCrop: false
+    });
+  },
+  cancel: () => cropper && cropper.destroy(),
+  apply: ({
+    canvas
+  }) => {
+    return new Promise(resolve => {
+      if (!cropper) {
+        resolve();
+        return;
+      }
+      const current = canvas.current;
+      const src = cropper.getCroppedCanvas().toDataURL();
+      if (current) {
+        const image = new window.Image();
+        const ctx = current.getContext("2d");
+        image.onload = () => {
+          ctx.drawImage(image, 0, 0);
+          current.width = image.width;
+          current.height = image.height;
+          ctx.drawImage(image, 0, 0);
+        };
+        image.src = src;
+        resolve();
+      }
+      cropper.destroy();
+    });
+  }
+};
+export default tool;
+
+//# sourceMappingURL=rotate.js.map

package/components/ImageEditor/toolbar/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","Slider","Tooltip","ReactComponent","RotateRight","Cropper","cropper","RenderForm","Component","state","rangeInput","render","createElement","label","value","Number","min","max","step","onValueChange","setState","rotateTo","parseInt","String","tool","name","icon","activateTool","side","content","trigger","variant","onClick","renderForm","props","onActivate","canvas","current","background","modal","guides","dragMode","highlight","autoCrop","cancel","destroy","apply","Promise","resolve","src","getCroppedCanvas","toDataURL","image","window","Image","ctx","getContext","onload","drawImage","width","height"],"sources":["rotate.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Slider, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as RotateRight } from \"@webiny/icons/rotate_right.svg\";\nimport type { ImageEditorTool } from \"./types\";\n\nimport Cropper from \"cropperjs\";\nimport \"cropperjs/dist/cropper.css\";\n\nlet cropper: Cropper;\n\nclass RenderForm extends React.Component<any, any> {\n    public override state = {\n        rangeInput: 0\n    };\n\n    public override render() {\n        return (\n            <div>\n                <Slider\n                    label={\"Range Input\"}\n                    value={Number(this.state.rangeInput)}\n                    min={0}\n                    max={360}\n                    step={10}\n                    onValueChange={(value: number) => {\n                        this.setState({ rangeInput: value }, async () => {\n                            if (cropper) {\n                                cropper.rotateTo(parseInt(String(value), 10));\n                            }\n                        });\n                    }}\n                />\n            </div>\n        );\n    }\n}\n\nconst tool: ImageEditorTool = {\n    name: \"rotate\",\n    icon({ activateTool }) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={\"Rotate\"}\n                trigger={\n                    <IconButton\n                        variant={\"ghost\"}\n                        icon={<RotateRight />}\n                        onClick={() => activateTool(\"rotate\")}\n                        data-testid={\"rotate-item\"}\n                    />\n                }\n            />\n        );\n    },\n    renderForm(props) {\n        return <RenderForm {...props} />;\n    },\n    onActivate: ({ canvas }) => {\n        /**\n         * We can safely cast canvas.current as HTMLCanvasElement\n         */\n        cropper = new Cropper(canvas.current as HTMLCanvasElement, {\n            background: false,\n            modal: false,\n            guides: false,\n            dragMode: \"none\",\n            highlight: false,\n            autoCrop: false\n        });\n    },\n    cancel: () => cropper && cropper.destroy(),\n    apply: ({ canvas }) => {\n        return new Promise((resolve: any) => {\n            if (!cropper) {\n                resolve();\n                return;\n            }\n\n            const current = canvas.current;\n            const src = cropper.getCroppedCanvas().toDataURL();\n            if (current) {\n                const image = new window.Image();\n                const ctx = current.getContext(\"2d\") as CanvasRenderingContext2D;\n                image.onload = () => {\n                    ctx.drawImage(image, 0, 0);\n                    current.width = image.width;\n                    current.height = image.height;\n\n                    ctx.drawImage(image, 0, 0);\n                };\n                image.src = src;\n                resolve();\n            }\n\n            cropper.destroy();\n        });\n    }\n};\n\nexport default tool;\n"],"mappings":"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","ignoreList":[]}

package/components/ImageEditor/toolbar/types.d.ts

@@ -0,0 +1,32 @@
+import type React from "react";
+export type ToolbarTool = "crop" | "flip" | "rotate" | "filter";
+interface RenderFormParams {
+    canvas: React.RefObject<HTMLCanvasElement>;
+    image: HTMLImageElement;
+    renderApplyCancel?: () => void;
+    options?: {
+        [key: string]: any;
+    };
+}
+interface OnActivateParams {
+    options: any;
+    canvas: React.RefObject<HTMLCanvasElement>;
+}
+interface IconParams {
+    activateTool: (tool: ToolbarTool) => void;
+}
+interface ApplyParams {
+    canvas: React.RefObject<HTMLCanvasElement>;
+}
+interface CancelParams {
+    canvas: React.RefObject<HTMLCanvasElement>;
+}
+export interface ImageEditorTool {
+    name: string;
+    apply?: (params: ApplyParams) => void;
+    cancel?: (params: CancelParams) => void;
+    onActivate?: (params: OnActivateParams) => void;
+    icon: (params: IconParams) => React.ReactElement<any>;
+    renderForm?: (params: RenderFormParams) => React.ReactNode;
+}
+export {};

package/components/ImageEditor/toolbar/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/components/ImageEditor/toolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from \"react\";\n\nexport type ToolbarTool = \"crop\" | \"flip\" | \"rotate\" | \"filter\";\n\ninterface RenderFormParams {\n    canvas: React.RefObject<HTMLCanvasElement>;\n    image: HTMLImageElement;\n    renderApplyCancel?: () => void;\n    options?: { [key: string]: any };\n}\n\ninterface OnActivateParams {\n    options: any;\n    canvas: React.RefObject<HTMLCanvasElement>;\n}\n\ninterface IconParams {\n    activateTool: (tool: ToolbarTool) => void;\n}\n\ninterface ApplyParams {\n    canvas: React.RefObject<HTMLCanvasElement>;\n}\n\ninterface CancelParams {\n    canvas: React.RefObject<HTMLCanvasElement>;\n}\n\nexport interface ImageEditorTool {\n    name: string;\n    apply?: (params: ApplyParams) => void;\n    cancel?: (params: CancelParams) => void;\n    onActivate?: (params: OnActivateParams) => void;\n    icon: (params: IconParams) => React.ReactElement<any>;\n    renderForm?: (params: RenderFormParams) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/components/LayoutSwitch/LayoutSwitch.js

@@ -1,33 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LayoutSwitch = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _view_module = require("@material-design-icons/svg/outlined/view_module.svg");
-var _view_list = require("@material-design-icons/svg/outlined/view_list.svg");
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-file-manager/components/layout-switch");
-var LayoutSwitch = exports.LayoutSwitch = function LayoutSwitch() {
-  var view = (0, _FileManagerViewProvider.useFileManagerView)();
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{mode} layout"])))({
-      mode: view.listTable ? "Grid" : "Table"
+import React from "react";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as GridIcon } from "@webiny/icons/view_module.svg";
+import { ReactComponent as TableIcon } from "@webiny/icons/view_list.svg";
+import { i18n } from "@webiny/app/i18n";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+const t = i18n.ns("app-file-manager/components/layout-switch");
+export const LayoutSwitch = () => {
+  const view = useFileManagerView();
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      icon: view.listTable ? /*#__PURE__*/React.createElement(GridIcon, null) : /*#__PURE__*/React.createElement(TableIcon, null),
+      onClick: () => view.setListTable(!view.listTable)
     }),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: view.listTable ? /*#__PURE__*/_react.default.createElement(_view_module.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_view_list.ReactComponent, null),
-    onClick: function onClick() {
-      return view.setListTable(!view.listTable);
-    }
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Switch"])))));
+    content: t`{mode} layout`({
+      mode: view.listTable ? "Grid" : "Table"
+    })
+  });
 };
 
 //# sourceMappingURL=LayoutSwitch.js.map

package/components/LayoutSwitch/LayoutSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_view_module","_view_list","_i18n","_Button","_Tooltip","_FileManagerViewProvider","_templateObject","_templateObject2","t","i18n","ns","LayoutSwitch","exports","view","useFileManagerView","default","createElement","Tooltip","content","_taggedTemplateLiteral2","mode","listTable","placement","IconButton","icon","ReactComponent","onClick","setListTable"],"sources":["LayoutSwitch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as GridIcon } from \"@material-design-icons/svg/outlined/view_module.svg\";\nimport { ReactComponent as TableIcon } from \"@material-design-icons/svg/outlined/view_list.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nconst t = i18n.ns(\"app-file-manager/components/layout-switch\");\n\nexport const LayoutSwitch = () => {\n    const view = useFileManagerView();\n\n    return (\n        <Tooltip\n            content={t`{mode} layout`({\n                mode: view.listTable ? \"Grid\" : \"Table\"\n            })}\n            placement={\"bottom\"}\n        >\n            <IconButton\n                icon={view.listTable ? <GridIcon /> : <TableIcon />}\n                onClick={() => view.setListTable(!view.listTable)}\n            >\n                {t`Switch`}\n            </IconButton>\n        </Tooltip>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,wBAAA,GAAAN,OAAA;AAA2F,IAAAO,eAAA,EAAAC,gBAAA;AAE3F,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,2CAA2C,CAAC;AAEvD,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,IAAME,IAAI,GAAG,IAAAC,2CAAkB,EAAC,CAAC;EAEjC,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,QAAA,CAAAa,OAAO;IACJC,OAAO,EAAEV,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAa,uBAAA,CAAAJ,OAAA,uBAAgB;MACtBK,IAAI,EAAEP,IAAI,CAACQ,SAAS,GAAG,MAAM,GAAG;IACpC,CAAC,CAAE;IACHC,SAAS,EAAE;EAAS,gBAEpBzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAoB,UAAU;IACPC,IAAI,EAAEX,IAAI,CAACQ,SAAS,gBAAGxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAyB,cAAQ,MAAE,CAAC,gBAAG5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAwB,cAAS,MAAE,CAAE;IACpDC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQb,IAAI,CAACc,YAAY,CAAC,CAACd,IAAI,CAACQ,SAAS,CAAC;IAAA;EAAC,GAEjDb,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAJ,OAAA,eACM,CACP,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","IconButton","Tooltip","ReactComponent","GridIcon","TableIcon","i18n","useFileManagerView","t","ns","LayoutSwitch","view","createElement","side","trigger","icon","listTable","onClick","setListTable","content","mode"],"sources":["LayoutSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as GridIcon } from \"@webiny/icons/view_module.svg\";\nimport { ReactComponent as TableIcon } from \"@webiny/icons/view_list.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nconst t = i18n.ns(\"app-file-manager/components/layout-switch\");\n\nexport const LayoutSwitch = () => {\n    const view = useFileManagerView();\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={view.listTable ? <GridIcon /> : <TableIcon />}\n                    onClick={() => view.setListTable(!view.listTable)}\n                />\n            }\n            content={t`{mode} layout`({\n                mode: view.listTable ? \"Grid\" : \"Table\"\n            })}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASD,cAAc,IAAIE,SAAS,QAAQ,6BAA6B;AACzE,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,kBAAkB;AAE3B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,2CAA2C,CAAC;AAE9D,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,IAAI,GAAGJ,kBAAkB,CAAC,CAAC;EAEjC,oBACIP,KAAA,CAAAY,aAAA,CAACV,OAAO;IACJW,IAAI,EAAE,QAAS;IACfC,OAAO,eACHd,KAAA,CAAAY,aAAA,CAACX,UAAU;MACPc,IAAI,EAAEJ,IAAI,CAACK,SAAS,gBAAGhB,KAAA,CAAAY,aAAA,CAACR,QAAQ,MAAE,CAAC,gBAAGJ,KAAA,CAAAY,aAAA,CAACP,SAAS,MAAE,CAAE;MACpDY,OAAO,EAAEA,CAAA,KAAMN,IAAI,CAACO,YAAY,CAAC,CAACP,IAAI,CAACK,SAAS;IAAE,CACrD,CACJ;IACDG,OAAO,EAAEX,CAAC,eAAe,CAAC;MACtBY,IAAI,EAAET,IAAI,CAACK,SAAS,GAAG,MAAM,GAAG;IACpC,CAAC;EAAE,CACN,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/LayoutSwitch/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _LayoutSwitch = require("./LayoutSwitch");
-Object.keys(_LayoutSwitch).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LayoutSwitch[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LayoutSwitch[key];
-    }
-  });
-});
+export * from "./LayoutSwitch";
 
 //# sourceMappingURL=index.js.map

package/components/LayoutSwitch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LayoutSwitch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./LayoutSwitch\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./LayoutSwitch\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/NoPermissions/NoPermissions.d.ts

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

package/components/NoPermissions/NoPermissions.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Heading, Text } from "@webiny/admin-ui";
+import { ReactComponent as VisibilityOffIcon } from "@webiny/icons/visibility_off.svg";
+export const NoPermissions = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-h-full wby-p-lg wby-flex wby-items-center wby-justify-center wby-bg-neutral-base"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-fill-neutral-strong"
+  }, /*#__PURE__*/React.createElement(VisibilityOffIcon, {
+    width: 75,
+    height: 75
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-center"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "wby-text-neutral-strong"
+  }, "Permission Required"), /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    style: {
+      width: "300px"
+    },
+    className: "wby-text-neutral-strong"
+  }, "You don’t have the necessary permissions to access these files. Please contact your administrator for access."))));
+};
+
+//# sourceMappingURL=NoPermissions.js.map

package/components/NoPermissions/NoPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Heading","Text","ReactComponent","VisibilityOffIcon","NoPermissions","createElement","className","width","height","level","as","style"],"sources":["NoPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as VisibilityOffIcon } from \"@webiny/icons/visibility_off.svg\";\n\nexport const NoPermissions = () => {\n    return (\n        <div\n            className={\n                \"wby-w-full wby-h-full wby-p-lg wby-flex wby-items-center wby-justify-center wby-bg-neutral-base\"\n            }\n        >\n            <div className={\"wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-sm\"}>\n                <div className={\"wby-fill-neutral-strong\"}>\n                    <VisibilityOffIcon width={75} height={75} />\n                </div>\n                <div className={\"wby-text-center\"}>\n                    <Heading level={4} className={\"wby-text-neutral-strong\"}>\n                        {\"Permission Required\"}\n                    </Heading>\n                    <Text\n                        as={\"div\"}\n                        style={{\n                            width: \"300px\"\n                        }}\n                        className={\"wby-text-neutral-strong\"}\n                    >\n                        {\n                            \"You don’t have the necessary permissions to access these files. Please contact your administrator for access.\"\n                        }\n                    </Text>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAChD,SAASC,cAAc,IAAIC,iBAAiB,QAAQ,kCAAkC;AAEtF,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIL,KAAA,CAAAM,aAAA;IACIC,SAAS,EACL;EACH,gBAEDP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAuE,gBACnFP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCP,KAAA,CAAAM,aAAA,CAACF,iBAAiB;IAACI,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAC1C,CAAC,eACNT,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9BP,KAAA,CAAAM,aAAA,CAACL,OAAO;IAACS,KAAK,EAAE,CAAE;IAACH,SAAS,EAAE;EAA0B,GACnD,qBACI,CAAC,eACVP,KAAA,CAAAM,aAAA,CAACJ,IAAI;IACDS,EAAE,EAAE,KAAM;IACVC,KAAK,EAAE;MACHJ,KAAK,EAAE;IACX,CAAE;IACFD,SAAS,EAAE;EAA0B,GAGjC,+GAEF,CACL,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/NoPermissions/index.d.ts

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

package/components/NoPermissions/index.js

@@ -0,0 +1,3 @@
+export * from "./NoPermissions";
+
+//# sourceMappingURL=index.js.map

package/components/NoPermissions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NoPermissions\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/NoResults/NoResults.js

@@ -1,18 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NoResults = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/components/no-results");
-var NoResults = exports.NoResults = function NoResults() {
-  return /*#__PURE__*/_react.default.createElement(_styled.NoResultsWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No results found."])))));
+import React from "react";
+import { Heading } from "@webiny/admin-ui";
+import { ReactComponent as SearchOffIcon } from "@webiny/icons/search_off.svg";
+export const NoResults = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-h-full wby-p-lg wby-flex wby-items-center wby-justify-center wby-bg-neutral-base"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-fill-neutral-strong"
+  }, /*#__PURE__*/React.createElement(SearchOffIcon, {
+    width: 75,
+    height: 75
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-center"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "wby-text-neutral-strong"
+  }, "No results found."))));
 };
 
 //# sourceMappingURL=NoResults.js.map

package/components/NoResults/NoResults.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_styled","_templateObject","t","i18n","ns","NoResults","exports","default","createElement","NoResultsWrapper","_taggedTemplateLiteral2"],"sources":["NoResults.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport { NoResultsWrapper } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/no-results\");\n\nexport const NoResults = () => {\n    return (\n        <NoResultsWrapper>\n            <div>{t`No results found.`}</div>\n        </NoResultsWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,IAAAG,eAAA;AAE5C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,oBACIT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAS,gBAAgB,qBACbb,MAAA,CAAAW,OAAA,CAAAC,aAAA,cAAMN,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAH,OAAA,0BAAyB,CAClB,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Heading","ReactComponent","SearchOffIcon","NoResults","createElement","className","width","height","level"],"sources":["NoResults.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchOffIcon } from \"@webiny/icons/search_off.svg\";\n\nexport const NoResults = () => {\n    return (\n        <div\n            className={\n                \"wby-w-full wby-h-full wby-p-lg wby-flex wby-items-center wby-justify-center wby-bg-neutral-base\"\n            }\n        >\n            <div className={\"wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-sm\"}>\n                <div className={\"wby-fill-neutral-strong\"}>\n                    <SearchOffIcon width={75} height={75} />\n                </div>\n                <div className={\"wby-text-center\"}>\n                    <Heading level={4} className={\"wby-text-neutral-strong\"}>\n                        {\"No results found.\"}\n                    </Heading>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAE9E,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBACIJ,KAAA,CAAAK,aAAA;IACIC,SAAS,EACL;EACH,gBAEDN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAuE,gBACnFN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCN,KAAA,CAAAK,aAAA,CAACF,aAAa;IAACI,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACtC,CAAC,eACNR,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9BN,KAAA,CAAAK,aAAA,CAACJ,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACH,SAAS,EAAE;EAA0B,GACnD,mBACI,CACR,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/NoResults/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _NoResults = require("./NoResults");
-Object.keys(_NoResults).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NoResults[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NoResults[key];
-    }
-  });
-});
+export * from "./NoResults";
 
 //# sourceMappingURL=index.js.map

package/components/NoResults/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_NoResults","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./NoResults\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NoResults\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/SearchWidget/SearchWidget.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { useFileManagerApi, useFileManagerView } from "../..";
+export const SearchWidget = () => {
+  const fileManager = useFileManagerApi();
+  const view = useFileManagerView();
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: view.searchQuery,
+    onChange: value => view.setSearchQuery(value)
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Input, {
+    id: "file-manager__search-input",
+    value: value,
+    onChange: value => onChange(value),
+    placeholder: view.searchLabel || "Search library...",
+    disabled: !fileManager.canRead,
+    "data-testid": "file-manager.search-input",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Search",
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
+    }),
+    size: "md",
+    variant: "ghost-negative",
+    className: "wby-max-w-full wby-w-80"
+  }));
+};
+
+//# sourceMappingURL=SearchWidget.js.map

package/components/SearchWidget/SearchWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DelayedOnChange","Icon","Input","ReactComponent","SearchIcon","useFileManagerApi","useFileManagerView","SearchWidget","fileManager","view","createElement","value","searchQuery","onChange","setSearchQuery","id","placeholder","searchLabel","disabled","canRead","startIcon","label","icon","size","variant","className"],"sources":["SearchWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { useFileManagerApi, useFileManagerView } from \"~/index\";\n\nexport const SearchWidget = () => {\n    const fileManager = useFileManagerApi();\n    const view = useFileManagerView();\n\n    return (\n        <DelayedOnChange value={view.searchQuery} onChange={value => view.setSearchQuery(value)}>\n            {({ value, onChange }) => (\n                <Input\n                    id={\"file-manager__search-input\"}\n                    value={value}\n                    onChange={value => onChange(value)}\n                    placeholder={view.searchLabel || \"Search library...\"}\n                    disabled={!fileManager.canRead}\n                    data-testid={\"file-manager.search-input\"}\n                    startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n                    size={\"md\"}\n                    variant={\"ghost-negative\"}\n                    className={\"wby-max-w-full wby-w-80\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,iBAAiB,EAAEC,kBAAkB;AAE9C,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,WAAW,GAAGH,iBAAiB,CAAC,CAAC;EACvC,MAAMI,IAAI,GAAGH,kBAAkB,CAAC,CAAC;EAEjC,oBACIP,KAAA,CAAAW,aAAA,CAACV,eAAe;IAACW,KAAK,EAAEF,IAAI,CAACG,WAAY;IAACC,QAAQ,EAAEF,KAAK,IAAIF,IAAI,CAACK,cAAc,CAACH,KAAK;EAAE,GACnF,CAAC;IAAEA,KAAK;IAAEE;EAAS,CAAC,kBACjBd,KAAA,CAAAW,aAAA,CAACR,KAAK;IACFa,EAAE,EAAE,4BAA6B;IACjCJ,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEF,KAAK,IAAIE,QAAQ,CAACF,KAAK,CAAE;IACnCK,WAAW,EAAEP,IAAI,CAACQ,WAAW,IAAI,mBAAoB;IACrDC,QAAQ,EAAE,CAACV,WAAW,CAACW,OAAQ;IAC/B,eAAa,2BAA4B;IACzCC,SAAS,eAAErB,KAAA,CAAAW,aAAA,CAACT,IAAI;MAACoB,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEvB,KAAA,CAAAW,aAAA,CAACN,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DmB,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,gBAAiB;IAC1BC,SAAS,EAAE;EAA0B,CACxC,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

package/components/SearchWidget/index.d.ts

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

package/components/SearchWidget/index.js

@@ -0,0 +1,3 @@
+export * from "./SearchWidget";
+
+//# sourceMappingURL=index.js.map

package/components/SearchWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SearchWidget\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Table/Actions/CopyFile.js

@@ -1,25 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CopyFile = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _content_copy = require("@material-design-icons/svg/outlined/content_copy.svg");
-var _FileManagerViewConfig = require("../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _useCopyFile2 = require("../../../hooks/useCopyFile");
-var _useFile2 = require("../../../hooks/useFile");
-var CopyFile = exports.CopyFile = function CopyFile() {
-  var _useFile = (0, _useFile2.useFile)(),
-    file = _useFile.file;
-  var _useCopyFile = (0, _useCopyFile2.useCopyFile)({
-      file: file
-    }),
-    copyFileUrl = _useCopyFile.copyFileUrl;
-  var OptionsMenuItem = _FileManagerViewConfig.FileManagerViewConfig.Browser.FileAction.OptionsMenuItem;
-  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_content_copy.ReactComponent, null),
+import React from "react";
+import { ReactComponent as Copy } from "@webiny/icons/content_copy.svg";
+import { FileManagerViewConfig } from "../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
+import { useCopyFile } from "../../../hooks/useCopyFile";
+import { useFile } from "../../../hooks/useFile";
+export const CopyFile = () => {
+  const {
+    file
+  } = useFile();
+  const {
+    copyFileUrl
+  } = useCopyFile({
+    file
+  });
+  const {
+    OptionsMenuItem
+  } = FileManagerViewConfig.Browser.FileAction;
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(Copy, null),
     label: "Copy",
     onAction: copyFileUrl,
     "data-testid": "aco.actions.file.copy"