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

package/components/Grid/Grid.js

@@ -1,78 +1,69 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Grid = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAco = require("@webiny/app-aco");
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _File = require("./File");
-var _styled = require("./styled");
-var _Thumbnail = require("./Thumbnail");
-var _FileProvider = require("../../contexts/FileProvider");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/components/grid");
-var Grid = exports.Grid = function Grid(_ref) {
-  var folders = _ref.folders,
-    records = _ref.records,
-    loading = _ref.loading,
-    onFolderClick = _ref.onFolderClick,
-    selected = _ref.selected,
-    onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    toggleSelected = _ref.toggleSelected,
-    deselectAll = _ref.deselectAll,
-    multiple = _ref.multiple,
-    hasOnSelectCallback = _ref.hasOnSelectCallback;
+import React, { useMemo } from "react";
+import { cn, OverlayLoader } from "@webiny/admin-ui";
+import { FolderGridItem, FolderProvider } from "@webiny/app-aco";
+import { i18n } from "@webiny/app/i18n";
+import { FileProvider } from "../../contexts/FileProvider";
+import { Thumbnail } from "../Thumbnail";
+import { File } from "./File";
+const t = i18n.ns("app-admin/file-manager/components/grid");
+export const Grid = ({
+  folders,
+  records,
+  loading,
+  onFolderClick,
+  selected,
+  onChange,
+  onClose,
+  toggleSelected,
+  deselectAll,
+  multiple,
+  hasOnSelectCallback,
+  displaySubFolders = true
+}) => {
   if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading Files..."]))),
-      style: {
-        opacity: 1
-      }
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-relative wby-size-full"
+    }, /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: t`Loading files...`,
+      size: "lg"
+    }));
   }
-  var onSelect = (0, _react.useMemo)(function () {
+  const onSelect = useMemo(() => {
     if (!onChange) {
       return undefined;
     }
-    return function (record) {
-      return function (event) {
-        if (event) {
-          event.stopPropagation();
-        }
-        if (!hasOnSelectCallback || multiple) {
-          toggleSelected(record);
-          return;
-        }
-        onChange(record);
-        onClose && onClose();
-      };
+    return record => event => {
+      if (event) {
+        event.stopPropagation();
+      }
+      if (!hasOnSelectCallback || multiple) {
+        toggleSelected(record);
+        return;
+      }
+      onChange(record);
+      onClose && onClose();
     };
   }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.FolderList, null, /*#__PURE__*/_react.default.createElement(_appAco.FolderGrid, {
-    folders: folders,
-    onFolderClick: onFolderClick
-  })), /*#__PURE__*/_react.default.createElement(_styled.FileList, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-p-lg", "wby-grid wby-gap-md wby-grid"]),
+    style: {
+      gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))"
+    },
     onClick: deselectAll
-  }, records.map(function (record) {
-    return /*#__PURE__*/_react.default.createElement(_FileProvider.FileProvider, {
-      file: record,
-      key: record.id
-    }, /*#__PURE__*/_react.default.createElement(_File.File, {
-      file: record,
-      multiple: Boolean(multiple),
-      selected: selected.some(function (current) {
-        return current.id === record.id;
-      }),
-      onSelect: onSelect ? onSelect(record) : undefined
-    }, /*#__PURE__*/_react.default.createElement(_Thumbnail.Thumbnail, null)));
-  })));
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, displaySubFolders && folders.map(folder => /*#__PURE__*/React.createElement(FolderProvider, {
+    folder: folder,
+    key: folder.id
+  }, /*#__PURE__*/React.createElement(FolderGridItem, {
+    onClick: onFolderClick
+  }))), records.map(record => /*#__PURE__*/React.createElement(FileProvider, {
+    file: record,
+    key: record.id
+  }, /*#__PURE__*/React.createElement(File, {
+    file: record,
+    multiple: Boolean(multiple),
+    selected: selected.some(current => current.id === record.id),
+    onSelect: onSelect ? onSelect(record) : undefined
+  }, /*#__PURE__*/React.createElement(Thumbnail, null))))));
 };
 
 //# sourceMappingURL=Grid.js.map

package/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAco","_i18n","_Progress","_File","_styled","_Thumbnail","_FileProvider","_templateObject","t","i18n","ns","Grid","exports","_ref","folders","records","loading","onFolderClick","selected","onChange","onClose","toggleSelected","deselectAll","multiple","hasOnSelectCallback","default","createElement","CircularProgress","label","_taggedTemplateLiteral2","style","opacity","onSelect","useMemo","undefined","record","event","stopPropagation","Fragment","FolderList","FolderGrid","FileList","onClick","map","FileProvider","file","key","id","File","Boolean","some","current","Thumbnail"],"sources":["Grid.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { FolderGrid } from \"@webiny/app-aco\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { File } from \"./File\";\nimport { FileList, FolderList } from \"./styled\";\nimport { FolderItem } from \"@webiny/app-aco/types\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { Thumbnail } from \"./Thumbnail\";\nimport { FileProvider } from \"~/contexts/FileProvider\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/grid\");\n\ninterface GridProps {\n    records: FileItem[];\n    folders: FolderItem[];\n    loading?: boolean;\n    onFolderClick: (id: string) => void;\n    selected: FileItem[];\n    multiple?: boolean;\n    toggleSelected: (file: FileItem) => void;\n    deselectAll: () => void;\n    onChange?: (file: FileItem) => void;\n    onClose?: () => void;\n    hasOnSelectCallback: boolean;\n}\n\nexport const Grid = ({\n    folders,\n    records,\n    loading,\n    onFolderClick,\n    selected,\n    onChange,\n    onClose,\n    toggleSelected,\n    deselectAll,\n    multiple,\n    hasOnSelectCallback\n}: GridProps) => {\n    if (loading) {\n        return <CircularProgress label={t`Loading Files...`} style={{ opacity: 1 }} />;\n    }\n\n    const onSelect = useMemo(() => {\n        if (!onChange) {\n            return undefined;\n        }\n\n        return (record: FileItem) => (event?: React.MouseEvent) => {\n            if (event) {\n                event.stopPropagation();\n            }\n\n            if (!hasOnSelectCallback || multiple) {\n                toggleSelected(record);\n                return;\n            }\n\n            onChange(record);\n            onClose && onClose();\n        };\n    }, [onChange]);\n\n    return (\n        <>\n            <FolderList>\n                <FolderGrid folders={folders} onFolderClick={onFolderClick} />\n            </FolderList>\n            <FileList onClick={deselectAll}>\n                {records.map(record => (\n                    <FileProvider file={record} key={record.id}>\n                        <File\n                            file={record}\n                            multiple={Boolean(multiple)}\n                            selected={selected.some(current => current.id === record.id)}\n                            onSelect={onSelect ? onSelect(record) : undefined}\n                        >\n                            <Thumbnail />\n                        </File>\n                    </FileProvider>\n                ))}\n            </FileList>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","cn","OverlayLoader","FolderGridItem","FolderProvider","i18n","FileProvider","Thumbnail","File","t","ns","Grid","folders","records","loading","onFolderClick","selected","onChange","onClose","toggleSelected","deselectAll","multiple","hasOnSelectCallback","displaySubFolders","createElement","className","text","size","onSelect","undefined","record","event","stopPropagation","style","gridTemplateColumns","onClick","Fragment","map","folder","key","id","file","Boolean","some","current"],"sources":["Grid.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { cn, OverlayLoader } from \"@webiny/admin-ui\";\nimport { FolderGridItem, FolderProvider } from \"@webiny/app-aco\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { FolderItem } from \"@webiny/app-aco/types\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport { FileProvider } from \"~/contexts/FileProvider\";\nimport { Thumbnail } from \"../Thumbnail\";\nimport { File } from \"./File\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/grid\");\n\ninterface GridProps {\n    records: FileItem[];\n    folders: FolderItem[];\n    loading?: boolean;\n    onFolderClick: (id: string) => void;\n    selected: FileItem[];\n    multiple?: boolean;\n    toggleSelected: (file: FileItem) => void;\n    deselectAll: () => void;\n    onChange?: (file: FileItem) => void;\n    onClose?: () => void;\n    hasOnSelectCallback: boolean;\n    displaySubFolders?: boolean;\n}\n\nexport const Grid = ({\n    folders,\n    records,\n    loading,\n    onFolderClick,\n    selected,\n    onChange,\n    onClose,\n    toggleSelected,\n    deselectAll,\n    multiple,\n    hasOnSelectCallback,\n    displaySubFolders = true\n}: GridProps) => {\n    if (loading) {\n        return (\n            <div className={\"wby-relative wby-size-full\"}>\n                <OverlayLoader text={t`Loading files...`} size={\"lg\"} />\n            </div>\n        );\n    }\n\n    const onSelect = useMemo(() => {\n        if (!onChange) {\n            return undefined;\n        }\n\n        return (record: FileItem) => (event?: React.MouseEvent) => {\n            if (event) {\n                event.stopPropagation();\n            }\n\n            if (!hasOnSelectCallback || multiple) {\n                toggleSelected(record);\n                return;\n            }\n\n            onChange(record);\n            onClose && onClose();\n        };\n    }, [onChange]);\n\n    return (\n        <div\n            className={cn([\"wby-p-lg\", \"wby-grid wby-gap-md wby-grid\"])}\n            style={{\n                gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\"\n            }}\n            onClick={deselectAll}\n        >\n            <>\n                {displaySubFolders &&\n                    folders.map(folder => (\n                        <FolderProvider folder={folder} key={folder.id}>\n                            <FolderGridItem onClick={onFolderClick} />\n                        </FolderProvider>\n                    ))}\n                {records.map(record => (\n                    <FileProvider file={record} key={record.id}>\n                        <File\n                            file={record}\n                            multiple={Boolean(multiple)}\n                            selected={selected.some(current => current.id === record.id)}\n                            onSelect={onSelect ? onSelect(record) : undefined}\n                        >\n                            <Thumbnail />\n                        </File>\n                    </FileProvider>\n                ))}\n            </>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,EAAE,EAAEC,aAAa,QAAQ,kBAAkB;AACpD,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAiB;AAChE,SAASC,IAAI,QAAQ,kBAAkB;AAGvC,SAASC,YAAY;AACrB,SAASC,SAAS;AAClB,SAASC,IAAI;AAEb,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,wCAAwC,CAAC;AAiB3D,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACjBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC,mBAAmB;EACnBC,iBAAiB,GAAG;AACb,CAAC,KAAK;EACb,IAAIT,OAAO,EAAE;IACT,oBACIf,KAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAE;IAA6B,gBACzC1B,KAAA,CAAAyB,aAAA,CAACtB,aAAa;MAACwB,IAAI,EAAEjB,CAAC,kBAAmB;MAACkB,IAAI,EAAE;IAAK,CAAE,CACtD,CAAC;EAEd;EAEA,MAAMC,QAAQ,GAAG5B,OAAO,CAAC,MAAM;IAC3B,IAAI,CAACiB,QAAQ,EAAE;MACX,OAAOY,SAAS;IACpB;IAEA,OAAQC,MAAgB,IAAMC,KAAwB,IAAK;MACvD,IAAIA,KAAK,EAAE;QACPA,KAAK,CAACC,eAAe,CAAC,CAAC;MAC3B;MAEA,IAAI,CAACV,mBAAmB,IAAID,QAAQ,EAAE;QAClCF,cAAc,CAACW,MAAM,CAAC;QACtB;MACJ;MAEAb,QAAQ,CAACa,MAAM,CAAC;MAChBZ,OAAO,IAAIA,OAAO,CAAC,CAAC;IACxB,CAAC;EACL,CAAC,EAAE,CAACD,QAAQ,CAAC,CAAC;EAEd,oBACIlB,KAAA,CAAAyB,aAAA;IACIC,SAAS,EAAExB,EAAE,CAAC,CAAC,UAAU,EAAE,8BAA8B,CAAC,CAAE;IAC5DgC,KAAK,EAAE;MACHC,mBAAmB,EAAE;IACzB,CAAE;IACFC,OAAO,EAAEf;EAAY,gBAErBrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAqC,QAAA,QACKb,iBAAiB,IACdX,OAAO,CAACyB,GAAG,CAACC,MAAM,iBACdvC,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IAACkC,MAAM,EAAEA,MAAO;IAACC,GAAG,EAAED,MAAM,CAACE;EAAG,gBAC3CzC,KAAA,CAAAyB,aAAA,CAACrB,cAAc;IAACgC,OAAO,EAAEpB;EAAc,CAAE,CAC7B,CACnB,CAAC,EACLF,OAAO,CAACwB,GAAG,CAACP,MAAM,iBACf/B,KAAA,CAAAyB,aAAA,CAAClB,YAAY;IAACmC,IAAI,EAAEX,MAAO;IAACS,GAAG,EAAET,MAAM,CAACU;EAAG,gBACvCzC,KAAA,CAAAyB,aAAA,CAAChB,IAAI;IACDiC,IAAI,EAAEX,MAAO;IACbT,QAAQ,EAAEqB,OAAO,CAACrB,QAAQ,CAAE;IAC5BL,QAAQ,EAAEA,QAAQ,CAAC2B,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACJ,EAAE,KAAKV,MAAM,CAACU,EAAE,CAAE;IAC7DZ,QAAQ,EAAEA,QAAQ,GAAGA,QAAQ,CAACE,MAAM,CAAC,GAAGD;EAAU,gBAElD9B,KAAA,CAAAyB,aAAA,CAACjB,SAAS,MAAE,CACV,CACI,CACjB,CACH,CACD,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Grid/Thumbnail.js

@@ -1,21 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Thumbnail = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _useFile2 = require("../../hooks/useFile");
-var _ = require("../..");
-var Thumbnail = exports.Thumbnail = function Thumbnail() {
-  var _useFile = (0, _useFile2.useFile)(),
-    file = _useFile.file;
-  var _useFileManagerViewCo = (0, _.useFileManagerViewConfig)(),
-    browser = _useFileManagerViewCo.browser,
-    getThumbnailRenderer = _useFileManagerViewCo.getThumbnailRenderer;
-  var renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderer?.element || null);
+import React from "react";
+import { useFile } from "../../hooks/useFile";
+import { useFileManagerViewConfig } from "../..";
+export const Thumbnail = () => {
+  const {
+    file
+  } = useFile();
+  const {
+    browser,
+    getThumbnailRenderer
+  } = useFileManagerViewConfig();
+  const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderer?.element || null);
 };
 
 //# sourceMappingURL=Thumbnail.js.map

package/components/Grid/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useFile2","_","Thumbnail","exports","_useFile","useFile","file","_useFileManagerViewCo","useFileManagerViewConfig","browser","getThumbnailRenderer","renderer","grid","itemThumbnails","default","createElement","Fragment","element"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFile } from \"~/hooks/useFile\";\nimport { useFileManagerViewConfig } from \"~/index\";\n\nexport const Thumbnail = () => {\n    const { file } = useFile();\n    const { browser, getThumbnailRenderer } = useFileManagerViewConfig();\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    return <>{renderer?.element || null}</>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,IAAAE,QAAA,GAAiB,IAAAC,iBAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAAC,qBAAA,GAA0C,IAAAC,0BAAwB,EAAC,CAAC;IAA5DC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,oBAAoB,GAAAH,qBAAA,CAApBG,oBAAoB;EAErC,IAAMC,QAAQ,GAAGD,oBAAoB,CAACD,OAAO,CAACG,IAAI,CAACC,cAAc,EAAEP,IAAI,CAAC;EAExE,oBAAOT,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,QAAGL,QAAQ,EAAEM,OAAO,IAAI,IAAO,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useFile","useFileManagerViewConfig","Thumbnail","file","browser","getThumbnailRenderer","renderer","grid","itemThumbnails","createElement","Fragment","element"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFile } from \"~/hooks/useFile\";\nimport { useFileManagerViewConfig } from \"~/index\";\n\nexport const Thumbnail = () => {\n    const { file } = useFile();\n    const { browser, getThumbnailRenderer } = useFileManagerViewConfig();\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    return <>{renderer?.element || null}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEI,OAAO;IAAEC;EAAqB,CAAC,GAAGJ,wBAAwB,CAAC,CAAC;EAEpE,MAAMK,QAAQ,GAAGD,oBAAoB,CAACD,OAAO,CAACG,IAAI,CAACC,cAAc,EAAEL,IAAI,CAAC;EAExE,oBAAOJ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGJ,QAAQ,EAAEK,OAAO,IAAI,IAAO,CAAC;AAC3C,CAAC","ignoreList":[]}

package/components/Grid/index.js

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

package/components/Grid/index.js.map

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

package/components/Header/Actions.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { HeaderProps } from "./Header";
+type ActionsProps = Pick<HeaderProps, "browseFiles">;
+export declare const Actions: (props: ActionsProps) => React.JSX.Element;
+export {};

package/components/Header/Actions.js

@@ -0,0 +1,99 @@
+import React, { useCallback } from "react";
+import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
+import { useCreateDialog } from "@webiny/app-aco";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as FileUploadIcon } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as GridIcon } from "@webiny/icons/grid_on.svg";
+import { ReactComponent as TableIcon } from "@webiny/icons/format_list_bulleted.svg";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
+import { FiltersToggle } from "@webiny/app-admin";
+const FileAction = ({
+  browseFiles
+}) => {
+  const view = useFileManagerView();
+  const fileManager = useFileManagerApi();
+  const renderUploadFileAction = useCallback(({
+    browseFiles
+  }) => {
+    if (!fileManager.canCreate) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: browseFiles,
+      size: "md",
+      text: "Upload",
+      icon: /*#__PURE__*/React.createElement(FileUploadIcon, null)
+    });
+  }, [fileManager.canCreate]);
+  if (view.hasOnSelectCallback && view.selected.length > 0) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: () => view.onChange(view.selected),
+      size: "md",
+      text: `Select ${view.multiple && `(${view.selected.length})`}`
+    });
+  }
+  return renderUploadFileAction({
+    browseFiles
+  });
+};
+const FolderAction = () => {
+  const view = useFileManagerView();
+  const {
+    showDialog: showCreateFolderDialog
+  } = useCreateDialog();
+  const onCreateFolder = useCallback(() => {
+    showCreateFolderDialog({
+      currentParentId: view.folderId
+    });
+  }, [view.folderId]);
+  return /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    size: "md",
+    onClick: onCreateFolder,
+    text: "New Folder",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    "data-testid": "file-manager.create-folder-button"
+  });
+};
+const LayoutSwitchAction = () => {
+  const view = useFileManagerView();
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: view.listTable ? "Switch to Grid" : "Switch to Table",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "md",
+      icon: view.listTable ? /*#__PURE__*/React.createElement(GridIcon, null) : /*#__PURE__*/React.createElement(TableIcon, null),
+      onClick: () => view.setListTable(!view.listTable)
+    })
+  });
+};
+const ToggleFiltersAction = () => {
+  const view = useFileManagerView();
+  const toggleFilters = () => {
+    if (view.showingFilters) {
+      view.hideFilters();
+    } else {
+      view.showFilters();
+    }
+  };
+  return /*#__PURE__*/React.createElement(FiltersToggle, {
+    onFiltersToggle: toggleFilters,
+    showingFilters: view.showingFilters,
+    "data-testid": "fm.list-entries.toggle-filters"
+  });
+};
+export const Actions = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-flex wby-gap-sm wby-items-center wby-justify-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-xs"
+  }, /*#__PURE__*/React.createElement(ToggleFiltersAction, null), /*#__PURE__*/React.createElement(LayoutSwitchAction, null)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-xs"
+  }, /*#__PURE__*/React.createElement(FileAction, {
+    browseFiles: props.browseFiles
+  }), /*#__PURE__*/React.createElement(FolderAction, null)));
+};
+
+//# sourceMappingURL=Actions.js.map

package/components/Header/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Button","IconButton","Tooltip","useCreateDialog","ReactComponent","AddIcon","FileUploadIcon","GridIcon","TableIcon","useFileManagerView","useFileManagerApi","FiltersToggle","FileAction","browseFiles","view","fileManager","renderUploadFileAction","canCreate","createElement","onClick","size","text","icon","hasOnSelectCallback","selected","length","onChange","multiple","FolderAction","showDialog","showCreateFolderDialog","onCreateFolder","currentParentId","folderId","variant","LayoutSwitchAction","side","content","listTable","trigger","setListTable","ToggleFiltersAction","toggleFilters","showingFilters","hideFilters","showFilters","onFiltersToggle","Actions","props","className"],"sources":["Actions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Button, type ButtonProps, IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { useCreateDialog } from \"@webiny/app-aco\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as FileUploadIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as GridIcon } from \"@webiny/icons/grid_on.svg\";\nimport { ReactComponent as TableIcon } from \"@webiny/icons/format_list_bulleted.svg\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport type { BrowseFilesHandler, HeaderProps } from \"~/components/Header/Header\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\n\ntype ActionsProps = Pick<HeaderProps, \"browseFiles\">;\n\nconst FileAction = ({ browseFiles }: ActionsProps) => {\n    const view = useFileManagerView();\n    const fileManager = useFileManagerApi();\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }: BrowseFilesHandler) => {\n            if (!fileManager.canCreate) {\n                return null;\n            }\n            return (\n                <Button\n                    onClick={browseFiles as ButtonProps[\"onClick\"]}\n                    size={\"md\"}\n                    text={\"Upload\"}\n                    icon={<FileUploadIcon />}\n                />\n            );\n        },\n        [fileManager.canCreate]\n    );\n\n    if (view.hasOnSelectCallback && view.selected.length > 0) {\n        return (\n            <Button\n                onClick={() => view.onChange(view.selected)}\n                size={\"md\"}\n                text={`Select ${view.multiple && `(${view.selected.length})`}`}\n            />\n        );\n    }\n\n    return renderUploadFileAction({\n        browseFiles\n    } as BrowseFilesHandler);\n};\n\nconst FolderAction = () => {\n    const view = useFileManagerView();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: view.folderId });\n    }, [view.folderId]);\n\n    return (\n        <Button\n            variant={\"secondary\"}\n            size={\"md\"}\n            onClick={onCreateFolder}\n            text={\"New Folder\"}\n            icon={<AddIcon />}\n            data-testid={\"file-manager.create-folder-button\"}\n        />\n    );\n};\n\nconst LayoutSwitchAction = () => {\n    const view = useFileManagerView();\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={view.listTable ? \"Switch to Grid\" : \"Switch to Table\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"md\"}\n                    icon={view.listTable ? <GridIcon /> : <TableIcon />}\n                    onClick={() => view.setListTable(!view.listTable)}\n                />\n            }\n        />\n    );\n};\n\nconst ToggleFiltersAction = () => {\n    const view = useFileManagerView();\n\n    const toggleFilters = () => {\n        if (view.showingFilters) {\n            view.hideFilters();\n        } else {\n            view.showFilters();\n        }\n    };\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={toggleFilters}\n            showingFilters={view.showingFilters}\n            data-testid=\"fm.list-entries.toggle-filters\"\n        />\n    );\n};\n\nexport const Actions = (props: ActionsProps) => {\n    return (\n        <div className={\"wby-h-full wby-flex wby-gap-sm wby-items-center wby-justify-end\"}>\n            <div className={\"wby-flex wby-gap-xs\"}>\n                <ToggleFiltersAction />\n                <LayoutSwitchAction />\n            </div>\n            <div className={\"wby-flex wby-gap-xs\"}>\n                <FileAction browseFiles={props.browseFiles} />\n                <FolderAction />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Header/Header.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { FilesRenderChildren } from "react-butterfiles";
+export interface BrowseFilesHandler {
+    browseFiles: FilesRenderChildren["browseFiles"];
+}
+export interface HeaderProps {
+    browseFiles: BrowseFilesHandler["browseFiles"];
+}
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/components/Header/Header.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Grid, Separator } from "@webiny/admin-ui";
+import { Actions } from "./Actions";
+import { Title } from "./Title";
+export const Header = props => {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-pl-lg wby-pr-md wby-py-sm-extra"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Title, null)), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Actions, {
+    browseFiles: props.browseFiles
+  })))), /*#__PURE__*/React.createElement(Separator, null));
+};
+
+//# sourceMappingURL=Header.js.map

package/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Separator","Actions","Title","Header","props","createElement","className","Column","span","browseFiles"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FilesRenderChildren } from \"react-butterfiles\";\nimport { Grid, Separator } from \"@webiny/admin-ui\";\n\nimport { Actions } from \"./Actions\";\nimport { Title } from \"./Title\";\n\nexport interface BrowseFilesHandler {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n}\n\nexport interface HeaderProps {\n    browseFiles: BrowseFilesHandler[\"browseFiles\"];\n}\n\nexport const Header = (props: HeaderProps) => {\n    return (\n        <div>\n            <div className={\"wby-pl-lg wby-pr-md wby-py-sm-extra\"}>\n                <Grid>\n                    <Grid.Column span={6}>\n                        <Title />\n                    </Grid.Column>\n                    <Grid.Column span={6}>\n                        <Actions browseFiles={props.browseFiles} />\n                    </Grid.Column>\n                </Grid>\n            </div>\n            <Separator />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,kBAAkB;AAElD,SAASC,OAAO;AAChB,SAASC,KAAK;AAUd,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,oBACIN,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAsC,gBAClDR,KAAA,CAAAO,aAAA,CAACN,IAAI,qBACDD,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACQ,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBV,KAAA,CAAAO,aAAA,CAACH,KAAK,MAAE,CACC,CAAC,eACdJ,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACQ,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBV,KAAA,CAAAO,aAAA,CAACJ,OAAO;IAACQ,WAAW,EAAEL,KAAK,CAACK;EAAY,CAAE,CACjC,CACX,CACL,CAAC,eACNX,KAAA,CAAAO,aAAA,CAACL,SAAS,MAAE,CACX,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Header/Title.d.ts

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

package/components/Header/Title.js

@@ -0,0 +1,62 @@
+import React, { useMemo } from "react";
+import { Heading, Icon, IconButton, Skeleton, Switch } from "@webiny/admin-ui";
+import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
+import { ReactComponent as FolderIcon } from "@webiny/icons/folder.svg";
+import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+import { FolderProvider, useAcoConfig } from "@webiny/app-aco";
+import { OptionsMenu } from "@webiny/app-admin";
+export const Title = () => {
+  const {
+    isRootFolder,
+    listTitle,
+    displaySubFolders,
+    setDisplaySubFolders,
+    currentFolder,
+    folders
+  } = useFileManagerView();
+  const {
+    folder: folderConfig
+  } = useAcoConfig();
+  const icon = useMemo(() => {
+    return isRootFolder ? /*#__PURE__*/React.createElement(HomeIcon, null) : /*#__PURE__*/React.createElement(FolderIcon, null);
+  }, [isRootFolder]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, listTitle && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-xs wby-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-sm wby-items-center wby-truncate"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    label: listTitle,
+    size: "md",
+    color: "neutral-strong"
+  }), /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    as: "h1",
+    className: "wby-truncate"
+  }, listTitle)), currentFolder && /*#__PURE__*/React.createElement(FolderProvider, {
+    folder: currentFolder
+  }, /*#__PURE__*/React.createElement(OptionsMenu, {
+    actions: folderConfig.actions,
+    "data-testid": "folder.title.menu-action",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+      size: "sm",
+      iconSize: "lg",
+      variant: "ghost",
+      disabled: isRootFolder
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-nowrap"
+  }, /*#__PURE__*/React.createElement(Switch, {
+    label: "Display subfolders",
+    labelPosition: "end",
+    onChange: setDisplaySubFolders,
+    checked: displaySubFolders,
+    disabled: folders.length === 0
+  }))) || /*#__PURE__*/React.createElement(Skeleton, {
+    size: "xl"
+  }));
+};
+
+//# sourceMappingURL=Title.js.map

package/components/Header/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Heading","Icon","IconButton","Skeleton","Switch","ReactComponent","HomeIcon","FolderIcon","MoreVerticalIcon","useFileManagerView","FolderProvider","useAcoConfig","OptionsMenu","Title","isRootFolder","listTitle","displaySubFolders","setDisplaySubFolders","currentFolder","folders","folder","folderConfig","icon","createElement","Fragment","className","label","size","color","level","as","actions","trigger","iconSize","variant","disabled","labelPosition","onChange","checked","length"],"sources":["Title.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Heading, Icon, IconButton, Skeleton, Switch } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FolderProvider, useAcoConfig } from \"@webiny/app-aco\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\n\nexport const Title = () => {\n    const {\n        isRootFolder,\n        listTitle,\n        displaySubFolders,\n        setDisplaySubFolders,\n        currentFolder,\n        folders\n    } = useFileManagerView();\n    const { folder: folderConfig } = useAcoConfig();\n\n    const icon = useMemo(() => {\n        return isRootFolder ? <HomeIcon /> : <FolderIcon />;\n    }, [isRootFolder]);\n\n    return (\n        <>\n            {(listTitle && (\n                <div className={\"wby-flex wby-gap-xs wby-items-center\"}>\n                    <div className={\"wby-flex wby-gap-sm wby-items-center wby-truncate\"}>\n                        <Icon icon={icon} label={listTitle} size={\"md\"} color={\"neutral-strong\"} />\n                        <Heading level={4} as={\"h1\"} className={\"wby-truncate\"}>\n                            {listTitle}\n                        </Heading>\n                    </div>\n                    {currentFolder && (\n                        <FolderProvider folder={currentFolder}>\n                            <OptionsMenu\n                                actions={folderConfig.actions}\n                                data-testid={\"folder.title.menu-action\"}\n                                trigger={\n                                    <IconButton\n                                        icon={<MoreVerticalIcon />}\n                                        size={\"sm\"}\n                                        iconSize={\"lg\"}\n                                        variant={\"ghost\"}\n                                        disabled={isRootFolder}\n                                    />\n                                }\n                            />\n                        </FolderProvider>\n                    )}\n                    <div className={\"wby-flex wby-flex-nowrap\"}>\n                        <Switch\n                            label={\"Display subfolders\"}\n                            labelPosition={\"end\"}\n                            onChange={setDisplaySubFolders}\n                            checked={displaySubFolders}\n                            disabled={folders.length === 0}\n                        />\n                    </div>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,kBAAkB;AAC9E,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AACvE,SAASF,cAAc,IAAIG,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,kBAAkB;AAC3B,SAASC,cAAc,EAAEC,YAAY,QAAQ,iBAAiB;AAC9D,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IACFC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,oBAAoB;IACpBC,aAAa;IACbC;EACJ,CAAC,GAAGV,kBAAkB,CAAC,CAAC;EACxB,MAAM;IAAEW,MAAM,EAAEC;EAAa,CAAC,GAAGV,YAAY,CAAC,CAAC;EAE/C,MAAMW,IAAI,GAAGvB,OAAO,CAAC,MAAM;IACvB,OAAOe,YAAY,gBAAGhB,KAAA,CAAAyB,aAAA,CAACjB,QAAQ,MAAE,CAAC,gBAAGR,KAAA,CAAAyB,aAAA,CAAChB,UAAU,MAAE,CAAC;EACvD,CAAC,EAAE,CAACO,YAAY,CAAC,CAAC;EAElB,oBACIhB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACMT,SAAS,iBACPjB,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAE;EAAuC,gBACnD3B,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAE;EAAoD,gBAChE3B,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACqB,IAAI,EAAEA,IAAK;IAACI,KAAK,EAAEX,SAAU;IAACY,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,CAAE,CAAC,eAC3E9B,KAAA,CAAAyB,aAAA,CAACvB,OAAO;IAAC6B,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE,IAAK;IAACL,SAAS,EAAE;EAAe,GAClDV,SACI,CACR,CAAC,EACLG,aAAa,iBACVpB,KAAA,CAAAyB,aAAA,CAACb,cAAc;IAACU,MAAM,EAAEF;EAAc,gBAClCpB,KAAA,CAAAyB,aAAA,CAACX,WAAW;IACRmB,OAAO,EAAEV,YAAY,CAACU,OAAQ;IAC9B,eAAa,0BAA2B;IACxCC,OAAO,eACHlC,KAAA,CAAAyB,aAAA,CAACrB,UAAU;MACPoB,IAAI,eAAExB,KAAA,CAAAyB,aAAA,CAACf,gBAAgB,MAAE,CAAE;MAC3BmB,IAAI,EAAE,IAAK;MACXM,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAE,OAAQ;MACjBC,QAAQ,EAAErB;IAAa,CAC1B;EACJ,CACJ,CACW,CACnB,eACDhB,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAE;EAA2B,gBACvC3B,KAAA,CAAAyB,aAAA,CAACnB,MAAM;IACHsB,KAAK,EAAE,oBAAqB;IAC5BU,aAAa,EAAE,KAAM;IACrBC,QAAQ,EAAEpB,oBAAqB;IAC/BqB,OAAO,EAAEtB,iBAAkB;IAC3BmB,QAAQ,EAAEhB,OAAO,CAACoB,MAAM,KAAK;EAAE,CAClC,CACA,CACJ,CACR,iBAAKzC,KAAA,CAAAyB,aAAA,CAACpB,QAAQ;IAACwB,IAAI,EAAE;EAAK,CAAE,CAC/B,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/Header/index.d.ts

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

package/components/Header/index.js

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

package/components/Header/index.js.map

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

package/components/ImageEditor/ImageEditor.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import type { ImageEditorTool, ToolbarTool } from "./toolbar/types";
+interface RenderPropArgs {
+    render: () => React.ReactNode;
+    getCanvasDataUrl: () => string;
+    activeTool: ImageEditorTool | null;
+    applyActiveTool: () => Promise<void>;
+    cancelActiveTool: () => Promise<void>;
+}
+interface ImageEditorPropsPropsOptions {
+    autoEnable: boolean;
+}
+interface ImageEditorProps {
+    src: string;
+    tools: ToolbarTool[];
+    options?: {
+        flip: ImageEditorPropsPropsOptions;
+        filter: ImageEditorPropsPropsOptions;
+        crop: ImageEditorPropsPropsOptions;
+        rotate: ImageEditorPropsPropsOptions;
+    };
+    onToolActivate?: () => void;
+    onToolDeactivate?: () => void;
+    children?: (props: RenderPropArgs) => React.ReactNode;
+}
+interface ImageEditorState {
+    tool: ImageEditorTool | null;
+    src: string;
+}
+declare class ImageEditor extends React.Component<ImageEditorProps, ImageEditorState> {
+    static defaultProps: Partial<ImageEditorProps>;
+    state: ImageEditorState;
+    canvas: React.RefObject<HTMLCanvasElement>;
+    image?: HTMLImageElement;
+    componentDidMount(): void;
+    private readonly updateCanvas;
+    private readonly activateTool;
+    private readonly deactivateTool;
+    readonly getCanvasDataUrl: () => string;
+    private readonly applyActiveTool;
+    private readonly cancelActiveTool;
+    private readonly getToolOptions;
+    render(): React.ReactNode;
+}
+export { ImageEditor };