@webiny/app-file-manager 5.34.8 → 5.35.0-beta.1

package/modules/FileManagerRenderer/DefaultRenderer/NoPermissionView.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _Icon = require("@webiny/ui/Icon");
+var _i18n = require("@webiny/app/i18n");
+var _privacy_tip = require("@material-design-icons/svg/outlined/privacy_tip.svg");
+var _Typography = require("@webiny/ui/Typography");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-admin/file-manager/file-manager-view/no-permission");
+var styles = /*#__PURE__*/(0, _emotion.css)({
+  margin: "0 auto",
+  paddingTop: 0,
+  height: "100%",
+  zIndex: 2,
+  width: "100%",
+  position: "absolute",
+  backgroundColor: "transparent",
+  "& .outer-container": {
+    textAlign: "center",
+    width: 300,
+    height: 300,
+    backgroundColor: "var(--mdc-theme-surface)",
+    borderRadius: "50%",
+    position: "absolute",
+    left: "50%",
+    top: "50%",
+    transform: "translateX(-50%) translateY(-100%)",
+    "& .inner-container": {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      paddingTop: 35,
+      width: 300,
+      color: "var(--mdc-theme-on-surface)",
+      "svg.mdc-button__icon": {
+        width: 100,
+        display: "inline-block",
+        color: "var(--mdc-theme-on-surface)"
+      },
+      "& .title": {
+        marginTop: 8
+      },
+      "& .body": {
+        color: "var(--mdc-theme-text-secondary-on-background)"
+      }
+    }
+  }
+}, "label:styles;");
+var NoPermissionView = function NoPermissionView() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "outer-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "inner-container"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_privacy_tip.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    className: "title",
+    use: "subtitle1"
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Permission needed"])))), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    className: "body",
+    use: "body2"
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You're missing required permission to access files. Please contact the administrator."])))))));
+};
+var _default = NoPermissionView;
+exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/NoPermissionView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","styles","css","margin","paddingTop","height","zIndex","width","position","backgroundColor","textAlign","borderRadius","left","top","transform","display","flexDirection","alignItems","color","marginTop","NoPermissionView"],"sources":["NoPermissionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as PermissionIcon } from \"@material-design-icons/svg/outlined/privacy_tip.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view/no-permission\");\n\nconst styles = css({\n    margin: \"0 auto\",\n    paddingTop: 0,\n    height: \"100%\",\n    zIndex: 2,\n    width: \"100%\",\n    position: \"absolute\",\n    backgroundColor: \"transparent\",\n    \"& .outer-container\": {\n        textAlign: \"center\",\n        width: 300,\n        height: 300,\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        borderRadius: \"50%\",\n        position: \"absolute\",\n        left: \"50%\",\n        top: \"50%\",\n        transform: \"translateX(-50%) translateY(-100%)\",\n        \"& .inner-container\": {\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            paddingTop: 35,\n            width: 300,\n            color: \"var(--mdc-theme-on-surface)\",\n            \"svg.mdc-button__icon\": {\n                width: 100,\n                display: \"inline-block\",\n                color: \"var(--mdc-theme-on-surface)\"\n            },\n            \"& .title\": {\n                marginTop: 8\n            },\n            \"& .body\": {\n                color: \"var(--mdc-theme-text-secondary-on-background)\"\n            }\n        }\n    }\n});\n\nconst NoPermissionView: React.FC = () => {\n    return (\n        <div className={styles}>\n            <div className={\"outer-container\"}>\n                <div className={\"inner-container\"}>\n                    <Icon icon={<PermissionIcon />} />\n                    <Typography\n                        className={\"title\"}\n                        use={\"subtitle1\"}\n                    >{t`Permission needed`}</Typography>\n                    <Typography className={\"body\"} use={\"body2\"}>\n                        {t`You're missing required permission to access files. Please contact the administrator.`}\n                    </Typography>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default NoPermissionView;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAmD;AAEnD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,wDAAwD,CAAC;AAE3E,IAAMC,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,CAAC;EACbC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,aAAa;EAC9B,oBAAoB,EAAE;IAClBC,SAAS,EAAE,QAAQ;IACnBH,KAAK,EAAE,GAAG;IACVF,MAAM,EAAE,GAAG;IACXI,eAAe,EAAE,0BAA0B;IAC3CE,YAAY,EAAE,KAAK;IACnBH,QAAQ,EAAE,UAAU;IACpBI,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE,oCAAoC;IAC/C,oBAAoB,EAAE;MAClBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBb,UAAU,EAAE,EAAE;MACdG,KAAK,EAAE,GAAG;MACVW,KAAK,EAAE,6BAA6B;MACpC,sBAAsB,EAAE;QACpBX,KAAK,EAAE,GAAG;QACVQ,OAAO,EAAE,cAAc;QACvBG,KAAK,EAAE;MACX,CAAC;MACD,UAAU,EAAE;QACRC,SAAS,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACPD,KAAK,EAAE;MACX;IACJ;EACJ;AACJ,CAAC,kBAAC;AAEF,IAAME,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EACrC,oBACI;IAAK,SAAS,EAAEnB;EAAO,gBACnB;IAAK,SAAS,EAAE;EAAkB,gBAC9B;IAAK,SAAS,EAAE;EAAkB,gBAC9B,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,2BAAc;EAAI,EAAG,eAClC,6BAAC,sBAAU;IACP,SAAS,EAAE,OAAQ;IACnB,GAAG,EAAE;EAAY,GACnBH,CAAC,qGAAiC,eACpC,6BAAC,sBAAU;IAAC,SAAS,EAAE,MAAO;IAAC,GAAG,EAAE;EAAQ,GACvCA,CAAC,2KACO,CACX,CACJ,CACJ;AAEd,CAAC;AAAC,eAEasB,gBAAgB;AAAA"}

package/modules/FileManagerRenderer/DefaultRenderer/NoResults.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DropFilesHere: React.FC;
+export default DropFilesHere;

package/modules/FileManagerRenderer/DefaultRenderer/NoResults.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var styles = /*#__PURE__*/(0, _emotion.css)({
+  padding: "100px 0px",
+  textAlign: "center",
+  position: "absolute",
+  width: "100%"
+}, "label:styles;");
+var DropFilesHere = function DropFilesHere() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles
+  }, /*#__PURE__*/_react.default.createElement("div", null, "No results found."));
+};
+var _default = DropFilesHere;
+exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/NoResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","css","padding","textAlign","position","width","DropFilesHere"],"sources":["NoResults.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n\nconst styles = css({\n    padding: \"100px 0px\",\n    textAlign: \"center\",\n    position: \"absolute\",\n    width: \"100%\"\n});\n\nconst DropFilesHere: React.FC = () => {\n    return (\n        <div className={styles}>\n            <div>No results found.</div>\n        </div>\n    );\n};\nexport default DropFilesHere;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,OAAO,EAAE,WAAW;EACpBC,SAAS,EAAE,QAAQ;EACnBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;AACX,CAAC,kBAAC;AAEF,IAAMC,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClC,oBACI;IAAK,SAAS,EAAEN;EAAO,gBACnB,0CAAK,mBAAiB,CAAM,CAC1B;AAEd,CAAC;AAAC,eACaM,aAAa;AAAA"}

package/modules/FileManagerRenderer/DefaultRenderer/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultRenderer: React.FC<{}>;

package/modules/FileManagerRenderer/DefaultRenderer/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultRenderer = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _FileManagerView = _interopRequireDefault(require("./FileManagerView"));
+var _FileManagerViewProvider = require("../FileManagerViewProvider");
+var _excluded = ["id", "src"],
+  _excluded2 = ["onChange", "images", "accept"];
+/**
+ * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
+ */
+var formatFileItem = function formatFileItem(_ref) {
+  var id = _ref.id,
+    src = _ref.src,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var props = rest;
+  return {
+    id: id,
+    src: src,
+    meta: Object.keys(rest).map(function (key) {
+      return {
+        key: key,
+        value: props[key]
+      };
+    })
+  };
+};
+
+/**
+ * If `accept` prop is not passed, and `images` prop is set, use these default mime types.
+ * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.
+ */
+var imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
+var DefaultRenderer = (0, _appAdmin.createComponentPlugin)(_appAdmin.FileManagerRenderer, function () {
+  return function FileManagerRenderer(props) {
+    var onChange = props.onChange,
+      images = props.images,
+      accept = props.accept,
+      forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    var handleFileOnChange = function handleFileOnChange(value) {
+      if (!onChange || !value || Array.isArray(value) && !value.length) {
+        return;
+      }
+      if (Array.isArray(value)) {
+        var finalValue = value.map(formatFileItem);
+        onChange(finalValue);
+        return;
+      }
+      onChange(formatFileItem(value));
+    };
+    var viewProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, forwardProps), {}, {
+      onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
+      accept: images ? accept || imagesAccept : accept || []
+    });
+    return /*#__PURE__*/_react.default.createElement(_FileManagerViewProvider.FileManagerViewProvider, {
+      accept: viewProps.accept || [],
+      tags: viewProps.tags || [],
+      scope: viewProps.scope,
+      own: viewProps.own
+    }, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, viewProps));
+  };
+});
+exports.DefaultRenderer = DefaultRenderer;

package/modules/FileManagerRenderer/DefaultRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","DefaultRenderer","createComponentPlugin","BaseFileManagerRenderer","FileManagerRenderer","onChange","images","accept","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","undefined","tags","scope","own"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    createComponentPlugin,\n    FileManagerFileItem,\n    FileManagerOnChange,\n    FileManagerRenderer as BaseFileManagerRenderer\n} from \"@webiny/app-admin\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManagerView\";\nimport { FileManagerViewProvider } from \"../FileManagerViewProvider\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\nexport const DefaultRenderer = createComponentPlugin(BaseFileManagerRenderer, () => {\n    return function FileManagerRenderer(props) {\n        const { onChange, images, accept, ...forwardProps } = props;\n\n        const handleFileOnChange = (value?: FileItem[] | FileItem) => {\n            if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n                return;\n            }\n\n            if (Array.isArray(value)) {\n                const finalValue: FileManagerFileItem[] = value.map(formatFileItem);\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(finalValue);\n                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n        };\n\n        const viewProps: FileManagerViewProps = {\n            ...forwardProps,\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined,\n            accept: images ? accept || imagesAccept : accept || []\n        };\n\n        return (\n            <FileManagerViewProvider\n                accept={viewProps.accept || []}\n                tags={viewProps.tags || []}\n                scope={viewProps.scope}\n                own={viewProps.own}\n            >\n                <FileManagerView {...viewProps} />\n            </FileManagerViewProvider>\n        );\n    };\n});\n"],"mappings":";;;;;;;;;AAAA;AACA;AAOA;AACA;AAAqE;EAAA;AAErE;AACA;AACA;AACA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAA4D;EAAA,IAAtDC,EAAE,QAAFA,EAAE;IAAEC,GAAG,QAAHA,GAAG;IAAKC,IAAI;EACtC,IAAMC,KAA6B,GAAGD,IAAI;EAE1C,OAAO;IACHF,EAAE,EAAFA,EAAE;IACFC,GAAG,EAAHA,GAAG;IACHG,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACK,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAK;QAAEA,GAAG,EAAHA,GAAG;QAAEC,KAAK,EAAEN,KAAK,CAACK,GAAG;MAAE,CAAC;IAAA,CAAC;EACnE,CAAC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAME,YAAY,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,CAClB;AAEM,IAAMC,eAAe,GAAG,IAAAC,+BAAqB,EAACC,6BAAuB,EAAE,YAAM;EAChF,OAAO,SAASC,mBAAmB,CAACX,KAAK,EAAE;IACvC,IAAQY,QAAQ,GAAsCZ,KAAK,CAAnDY,QAAQ;MAAEC,MAAM,GAA8Bb,KAAK,CAAzCa,MAAM;MAAEC,MAAM,GAAsBd,KAAK,CAAjCc,MAAM;MAAKC,YAAY,0CAAKf,KAAK;IAE3D,IAAMgB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIV,KAA6B,EAAK;MAC1D,IAAI,CAACM,QAAQ,IAAI,CAACN,KAAK,IAAKW,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAI,CAACA,KAAK,CAACa,MAAO,EAAE;QAChE;MACJ;MAEA,IAAIF,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;QACtB,IAAMc,UAAiC,GAAGd,KAAK,CAACF,GAAG,CAACR,cAAc,CAAC;QAClEgB,QAAQ,CAAgDQ,UAAU,CAAC;QACpE;MACJ;MAECR,QAAQ,CAA8ChB,cAAc,CAACU,KAAK,CAAC,CAAC;IACjF,CAAC;IAED,IAAMe,SAA+B,+DAC9BN,YAAY;MACfH,QAAQ,EAAE,OAAOA,QAAQ,KAAK,UAAU,GAAGI,kBAAkB,GAAGM,SAAS;MACzER,MAAM,EAAED,MAAM,GAAGC,MAAM,IAAIP,YAAY,GAAGO,MAAM,IAAI;IAAE,EACzD;IAED,oBACI,6BAAC,gDAAuB;MACpB,MAAM,EAAEO,SAAS,CAACP,MAAM,IAAI,EAAG;MAC/B,IAAI,EAAEO,SAAS,CAACE,IAAI,IAAI,EAAG;MAC3B,KAAK,EAAEF,SAAS,CAACG,KAAM;MACvB,GAAG,EAAEH,SAAS,CAACI;IAAI,gBAEnB,6BAAC,wBAAe,EAAKJ,SAAS,CAAI,CACZ;EAElC,CAAC;AACL,CAAC,CAAC;AAAC"}

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.d.ts

@@ -0,0 +1,2 @@
+import { FileError } from "react-butterfiles";
+export declare const outputFileSelectionError: (errors: FileError[]) => string | null;

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outputFileSelectionError = void 0;
+var _bytes = _interopRequireDefault(require("bytes"));
+var outputFileSelectionError = function outputFileSelectionError(errors) {
+  if (errors.length > 1) {
+    var error = errors.find(function (error) {
+      return error.type === "multipleMaxCountExceeded";
+    });
+    if (error) {
+      return "Cannot upload more than ".concat(error.multipleMaxCount, " files at once.");
+    }
+    error = errors.find(function (error) {
+      return error.type === "multipleMaxSizeExceeded";
+    });
+    if (error) {
+      return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
+    }
+    return "Multiple invalid files selected.";
+  }
+  switch (errors[0].type) {
+    case "unsupportedFileType":
+      return "Unsupported file type.";
+    case "maxSizeExceeded":
+      return "Max size exceeded.";
+    case "multipleMaxCountExceeded":
+      return "Multiple max files exceeded.";
+    case "multipleMaxSizeExceeded":
+      return "Multiple max size exceeded.";
+    case "multipleNotAllowed":
+      return "Only one file allowed.";
+    default:
+      return null;
+  }
+};
+exports.outputFileSelectionError = outputFileSelectionError;

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["outputFileSelectionError","errors","length","error","find","type","multipleMaxCount","bytes","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { FileError } from \"react-butterfiles\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":";;;;;;;AAAA;AAGO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,MAAmB,EAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B;IAAA,EAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,yCAAkCA,KAAK,CAACG,gBAAgB;IAC5D;IAEAH,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB;IAAA,EAAC;IACtE,IAAIF,KAAK,EAAE;MACP,yCAAkCI,cAAK,CAACC,MAAM,CAACL,KAAK,CAACM,eAAe,CAAC;IACzE;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQR,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EAAC;AAExB,CAAC;AAAC"}

package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="web" />
+import React from "react";
+import { FileItem } from "@webiny/app-admin/types";
+import { Settings } from "../../../types";
+import { Action, State, StateQueryParams } from "./stateReducer";
+export declare const getWhere: (scope: string | undefined) => {
+    tag_not_startsWith: string;
+    tag_startsWith?: undefined;
+} | {
+    tag_startsWith: string;
+    tag_not_startsWith?: undefined;
+};
+export interface FileManagerViewContextData<TFileItem extends FileItem = FileItem> {
+    state: State;
+    dispatch: React.Dispatch<Action>;
+    createFile: (data: TFileItem) => Promise<TFileItem | undefined>;
+    updateFile: (id: string, data: Partial<TFileItem>) => Promise<void>;
+    deleteFile: (id: string) => Promise<void>;
+    uploadFile: (file: File) => Promise<TFileItem | undefined>;
+    files: TFileItem[];
+    loadingFiles: boolean;
+    loadMore: () => void;
+    tags: string[];
+    settings: Settings | undefined;
+    selected: TFileItem[];
+    toggleSelected: (file: TFileItem) => void;
+    hasPreviouslyUploadedFiles: boolean | null;
+    setHasPreviouslyUploadedFiles: (flag: boolean) => void;
+    queryParams: StateQueryParams;
+    setQueryParams: (queryParams: StateQueryParams) => void;
+    dragging: boolean;
+    setDragging: (state: boolean) => void;
+    uploading: boolean;
+    setUploading: (state: boolean) => void;
+    showFileDetails: (id: string) => void;
+    showingFileDetails: string | null;
+    hideFileDetails: () => void;
+}
+export declare const FileManagerViewContext: React.Context<FileManagerViewContextData<FileItem> | undefined>;
+export interface FileManagerViewProviderProps {
+    accept: string[];
+    tags: string[];
+    scope?: string;
+    own?: boolean;
+    children: React.ReactNode;
+}
+export declare const FileManagerViewProvider: ({ children, ...props }: FileManagerViewProviderProps) => JSX.Element;