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

package/modules/FileManagerRenderer/FileManagerViewProvider/stateReducer.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stateReducer = exports.initializeState = exports.getWhere = exports.ListFilesSort = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var ListFilesSort;
+exports.ListFilesSort = ListFilesSort;
+(function (ListFilesSort) {
+  ListFilesSort[ListFilesSort["CREATED_ON_ASC"] = 0] = "CREATED_ON_ASC";
+  ListFilesSort[ListFilesSort["CREATED_ON_DESC"] = 1] = "CREATED_ON_DESC";
+  ListFilesSort[ListFilesSort["SIZE_ASC"] = 2] = "SIZE_ASC";
+  ListFilesSort[ListFilesSort["SIZE_DESC"] = 3] = "SIZE_DESC";
+})(ListFilesSort || (exports.ListFilesSort = ListFilesSort = {}));
+var DEFAULT_SCOPE = "scope:";
+var getWhere = function getWhere(scope) {
+  if (!scope) {
+    return {
+      tag_not_startsWith: DEFAULT_SCOPE
+    };
+  }
+  return {
+    tag_startsWith: scope
+  };
+};
+exports.getWhere = getWhere;
+var initializeState = function initializeState(_ref) {
+  var accept = _ref.accept,
+    tags = _ref.tags,
+    scope = _ref.scope,
+    own = _ref.own,
+    identity = _ref.identity;
+  return {
+    showingFileDetails: null,
+    selected: [],
+    hasPreviouslyUploadedFiles: null,
+    queryParams: {
+      scope: scope,
+      limit: 50,
+      sort: ListFilesSort.CREATED_ON_DESC,
+      types: accept !== null && accept !== void 0 && accept.length ? accept : undefined,
+      tags: tags !== null && tags !== void 0 && tags.length ? tags : undefined,
+      createdBy: own ? identity.id : undefined
+    },
+    dragging: false,
+    uploading: false
+  };
+};
+exports.initializeState = initializeState;
+var stateReducer = function stateReducer(state, action) {
+  var next = (0, _objectSpread2.default)({}, state);
+  switch (action.type) {
+    case "toggleSelected":
+      {
+        var existingIndex = state.selected.findIndex(function (item) {
+          return item.src === action.file.src;
+        });
+        if (existingIndex < 0) {
+          next.selected.push(action.file);
+        } else {
+          next.selected.splice(existingIndex, 1);
+        }
+        break;
+      }
+    case "queryParams":
+      {
+        next.selected = [];
+        next.queryParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.queryParams), action.queryParams), {}, {
+          types: state.queryParams.types,
+          limit: 50,
+          sort: ListFilesSort.CREATED_ON_DESC
+        });
+        break;
+      }
+    case "showFileDetails":
+      {
+        next.showingFileDetails = action.id;
+        break;
+      }
+    case "dragging":
+      {
+        next.dragging = action.state;
+        break;
+      }
+    case "hasPreviouslyUploadedFiles":
+      {
+        next.hasPreviouslyUploadedFiles = action.state;
+        break;
+      }
+    case "uploading":
+      {
+        next.uploading = action.state;
+        break;
+      }
+  }
+  return next;
+};
+exports.stateReducer = stateReducer;

package/modules/FileManagerRenderer/FileManagerViewProvider/stateReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ListFilesSort","DEFAULT_SCOPE","getWhere","scope","tag_not_startsWith","tag_startsWith","initializeState","accept","tags","own","identity","showingFileDetails","selected","hasPreviouslyUploadedFiles","queryParams","limit","sort","CREATED_ON_DESC","types","length","undefined","createdBy","id","dragging","uploading","stateReducer","state","action","next","type","existingIndex","findIndex","item","src","file","push","splice"],"sources":["stateReducer.ts"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\n\nexport enum ListFilesSort {\n    CREATED_ON_ASC,\n    CREATED_ON_DESC,\n    SIZE_ASC,\n    SIZE_DESC\n}\n\nexport interface StateQueryParams {\n    createdBy?: string;\n    search?: string;\n    types?: string[];\n    limit?: number;\n    sort?: number;\n    tags?: string[];\n    scope?: string;\n}\n\nexport interface State {\n    showingFileDetails: string | null;\n    selected: FileItem[];\n    hasPreviouslyUploadedFiles: boolean | null;\n    queryParams: StateQueryParams;\n    dragging: boolean;\n    uploading: boolean;\n}\n\nexport type Action =\n    | {\n          type: \"toggleSelected\";\n          file: FileItem;\n      }\n    | {\n          type: \"queryParams\";\n          queryParams: StateQueryParams;\n      }\n    | {\n          type: \"showFileDetails\";\n          id: string | null;\n      }\n    | {\n          type: \"dragging\";\n          state: boolean;\n      }\n    | {\n          type: \"hasPreviouslyUploadedFiles\";\n          state: boolean;\n      }\n    | {\n          type: \"uploading\";\n          state: boolean;\n      };\n\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\n\ninterface InitParams {\n    accept?: string[];\n    tags?: string[];\n    scope?: string;\n    own?: boolean;\n    identity: any;\n}\n\nconst DEFAULT_SCOPE = \"scope:\";\n\nexport const getWhere = (scope: string | undefined) => {\n    if (!scope) {\n        return {\n            tag_not_startsWith: DEFAULT_SCOPE\n        };\n    }\n    return {\n        tag_startsWith: scope\n    };\n};\n\nexport const initializeState = ({ accept, tags, scope, own, identity }: InitParams): State => {\n    return {\n        showingFileDetails: null,\n        selected: [],\n        hasPreviouslyUploadedFiles: null,\n        queryParams: {\n            scope,\n            limit: 50,\n            sort: ListFilesSort.CREATED_ON_DESC,\n            types: accept?.length ? accept : undefined,\n            tags: tags?.length ? tags : undefined,\n            createdBy: own ? identity.id : undefined\n        },\n        dragging: false,\n        uploading: false\n    };\n};\n\nexport const stateReducer: Reducer = (state: State, action) => {\n    const next: State = {\n        ...state\n    };\n    switch (action.type) {\n        case \"toggleSelected\": {\n            const existingIndex = state.selected.findIndex(item => item.src === action.file.src);\n            if (existingIndex < 0) {\n                next.selected.push(action.file);\n            } else {\n                next.selected.splice(existingIndex, 1);\n            }\n            break;\n        }\n        case \"queryParams\": {\n            next.selected = [];\n            next.queryParams = {\n                ...state.queryParams,\n                ...action.queryParams,\n                types: state.queryParams.types,\n                limit: 50,\n                sort: ListFilesSort.CREATED_ON_DESC\n            };\n            break;\n        }\n        case \"showFileDetails\": {\n            next.showingFileDetails = action.id;\n            break;\n        }\n        case \"dragging\": {\n            next.dragging = action.state;\n            break;\n        }\n        case \"hasPreviouslyUploadedFiles\": {\n            next.hasPreviouslyUploadedFiles = action.state;\n            break;\n        }\n        case \"uploading\": {\n            next.uploading = action.state;\n            break;\n        }\n    }\n\n    return next;\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { FileManagerViewContextData } from "./FileManagerViewContext";
+import { FileItem } from "@webiny/app-admin/types";
+export declare function useFileManagerView<TFileItem extends FileItem = FileItem>(): FileManagerViewContextData<TFileItem>;

package/modules/FileManagerRenderer/FileManagerViewProvider/useFileManagerView.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFileManagerView = useFileManagerView;
+var _react = require("react");
+var _FileManagerViewContext = require("./FileManagerViewContext");
+function useFileManagerView() {
+  var context = (0, _react.useContext)(_FileManagerViewContext.FileManagerViewContext);
+  if (!context) {
+    throw new Error("useFileManagerView() must be used within a FileManagerViewProvider");
+  }
+  return context;
+}

package/modules/FileManagerRenderer/FileManagerViewProvider/useFileManagerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useFileManagerView","context","useContext","FileManagerViewContext","Error"],"sources":["useFileManagerView.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FileManagerViewContext, FileManagerViewContextData } from \"./FileManagerViewContext\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport function useFileManagerView<TFileItem extends FileItem = FileItem>() {\n    const context = useContext<FileManagerViewContextData<TFileItem>>(\n        FileManagerViewContext as unknown as React.Context<FileManagerViewContextData<TFileItem>>\n    );\n    if (!context) {\n        throw new Error(\"useFileManagerView() must be used within a FileManagerViewProvider\");\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAGO,SAASA,kBAAkB,GAA0C;EACxE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EACtBC,8CAAsB,CACzB;EACD,IAAI,CAACF,OAAO,EAAE;IACV,MAAM,IAAIG,KAAK,CAAC,oEAAoE,CAAC;EACzF;EAEA,OAAOH,OAAO;AAClB"}

package/modules/FileManagerRenderer/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FileManagerRendererModule: () => JSX.Element;

package/modules/FileManagerRenderer/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileManagerRendererModule = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultRenderer = require("./DefaultRenderer");
+var FileManagerRendererModule = function FileManagerRendererModule() {
+  return /*#__PURE__*/_react.default.createElement(_DefaultRenderer.DefaultRenderer, null);
+};
+exports.FileManagerRendererModule = FileManagerRendererModule;

package/modules/FileManagerRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FileManagerRendererModule"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { DefaultRenderer } from \"./DefaultRenderer\";\n\nexport const FileManagerRendererModule = () => {\n    return <DefaultRenderer />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,GAAS;EAC3C,oBAAO,6BAAC,gCAAe,OAAG;AAC9B,CAAC;AAAC"}

package/modules/FileTypes/fileDefault.d.ts

@@ -0,0 +1,2 @@
+import { FileManagerFileTypePlugin } from "../../FileManagerFileTypePlugin";
+export declare const defaultFileTypePlugin: FileManagerFileTypePlugin;

package/modules/FileTypes/fileDefault.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultFileTypePlugin = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _description = require("@material-design-icons/svg/outlined/description.svg");
+var _emotion = require("emotion");
+var _FileManagerFileTypePlugin = require("../../FileManagerFileTypePlugin");
+var style = {
+  centering: /*#__PURE__*/(0, _emotion.css)({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: 200
+  }, "label:centering;")
+};
+var defaultFileTypePlugin = new _FileManagerFileTypePlugin.FileManagerFileTypePlugin({
+  types: ["*/*"],
+  render: function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.centering
+    }, /*#__PURE__*/React.createElement(_description.ReactComponent, null));
+  }
+});
+exports.defaultFileTypePlugin = defaultFileTypePlugin;

package/modules/FileTypes/fileDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["style","centering","css","display","justifyContent","alignItems","height","defaultFileTypePlugin","FileManagerFileTypePlugin","types","render"],"sources":["fileDefault.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/description.svg\";\nimport { css } from \"emotion\";\nimport { FileManagerFileTypePlugin } from \"~/FileManagerFileTypePlugin\";\n\nconst style = {\n    centering: css({\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        height: 200\n    })\n};\n\nexport const defaultFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"*/*\"],\n    render(): React.ReactNode {\n        return (\n            <div className={style.centering}>\n                <FileIcon />\n            </div>\n        );\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG;EACVC,SAAS,eAAE,IAAAC,YAAG,EAAC;IACXC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AAEM,IAAMC,qBAAqB,GAAG,IAAIC,oDAAyB,CAAC;EAC/DC,KAAK,EAAE,CAAC,KAAK,CAAC;EACdC,MAAM,oBAAoB;IACtB,oBACI;MAAK,SAAS,EAAEV,KAAK,CAACC;IAAU,gBAC5B,oBAAC,2BAAQ,OAAG,CACV;EAEd;AACJ,CAAC,CAAC;AAAC"}

package/modules/FileTypes/fileImage/EditAction.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FileItem } from "@webiny/app-admin/types";
+interface EditActionProps {
+    file: FileItem;
+}
+export declare const EditAction: React.FC<EditActionProps>;
+export {};

package/modules/FileTypes/fileImage/EditAction.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditAction = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _reactHotkeyz = require("react-hotkeyz");
+var _dataurlToBlob = _interopRequireDefault(require("dataurl-to-blob"));
+var _ImageUpload = require("@webiny/ui/ImageUpload");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _Button = require("@webiny/ui/Button");
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
+var _ = require("../../..");
+// @ts-ignore
+
+// @ts-ignore
+
+function toDataUrl(url) {
+  return new Promise(function (resolve) {
+    var xhr = new window.XMLHttpRequest();
+    xhr.onload = function () {
+      var reader = new window.FileReader();
+      reader.onloadend = function () {
+        resolve(reader.result);
+      };
+      reader.readAsDataURL(xhr.response);
+    };
+    xhr.open("GET", url);
+    xhr.responseType = "blob";
+    xhr.send();
+  });
+}
+var initialState = {
+  showImageEditor: false,
+  dataUrl: null
+};
+var reducer = function reducer(state, action) {
+  var next = (0, _objectSpread2.default)({}, state);
+  switch (action.type) {
+    case "setDataUrl":
+      next.dataUrl = action.dataUrl;
+      next.showImageEditor = true;
+      break;
+    case "hideImageEditor":
+      next.dataUrl = null;
+      next.showImageEditor = false;
+      break;
+  }
+  return next;
+};
+var EditAction = function EditAction(props) {
+  var file = props.file;
+  var _useFileManagerApi = (0, _.useFileManagerApi)(),
+    canEdit = _useFileManagerApi.canEdit;
+  var _useFileManagerView = (0, _.useFileManagerView)(),
+    uploadFile = _useFileManagerView.uploadFile;
+  var _React$useReducer = _react.default.useReducer(reducer, initialState),
+    _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  // Render nothing if the user don't have required permission for "edit".
+  if (!canEdit(file)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement("span", null, "Edit image"),
+    placement: "bottom"
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    "data-testid": "fm-edit-image-button",
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, {
+      style: {
+        margin: "0 8px 0 0"
+      }
+    }),
+    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var dataUrl;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return toDataUrl(file.src);
+          case 2:
+            dataUrl = _context.sent;
+            dispatch({
+              type: "setDataUrl",
+              dataUrl: dataUrl
+            });
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))
+  })), /*#__PURE__*/_react.default.createElement(_reactHotkeyz.Hotkeys, {
+    zIndex: 60,
+    disabled: !state.dataUrl
+  }, /*#__PURE__*/_react.default.createElement(_ImageUpload.ImageEditorDialog, {
+    "data-testid": "fm-image-editor-dialog",
+    dialogZIndex: 100,
+    open: state.showImageEditor,
+    src: state.dataUrl,
+    onClose: function onClose() {
+      return dispatch({
+        type: "hideImageEditor"
+      });
+    },
+    onAccept: function onAccept(src) {
+      var blob = (0, _dataurlToBlob.default)(src);
+      blob.name = file.name;
+      uploadFile(blob);
+      dispatch({
+        type: "hideImageEditor"
+      });
+    }
+  })));
+};
+exports.EditAction = EditAction;

package/modules/FileTypes/fileImage/EditAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toDataUrl","url","Promise","resolve","xhr","window","XMLHttpRequest","onload","reader","FileReader","onloadend","result","readAsDataURL","response","open","responseType","send","initialState","showImageEditor","dataUrl","reducer","state","action","next","type","EditAction","props","file","useFileManagerApi","canEdit","useFileManagerView","uploadFile","React","useReducer","dispatch","margin","src","blob","dataURLtoBlob","name"],"sources":["EditAction.tsx"],"sourcesContent":["import React from \"react\";\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n// @ts-ignore\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { useFileManagerApi, useFileManagerView } from \"~/index\";\n\nfunction toDataUrl(url: string): Promise<string> {\n    return new Promise((resolve: (value: string) => void) => {\n        const xhr = new window.XMLHttpRequest();\n        xhr.onload = function () {\n            const reader = new window.FileReader();\n            reader.onloadend = function () {\n                resolve(reader.result as string);\n            };\n            reader.readAsDataURL(xhr.response);\n        };\n        xhr.open(\"GET\", url);\n        xhr.responseType = \"blob\";\n        xhr.send();\n    });\n}\n\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\n\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\n\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\n};\n\nconst reducer = (state: State, action: Action): State => {\n    const next: State = { ...state };\n\n    switch (action.type) {\n        case \"setDataUrl\":\n            next.dataUrl = action.dataUrl as string;\n            next.showImageEditor = true;\n            break;\n        case \"hideImageEditor\":\n            next.dataUrl = null;\n            next.showImageEditor = false;\n            break;\n    }\n\n    return next;\n};\n\ninterface EditActionProps {\n    file: FileItem;\n}\n\nexport const EditAction: React.FC<EditActionProps> = props => {\n    const { file } = props;\n    const { canEdit } = useFileManagerApi();\n    const { uploadFile } = useFileManagerView();\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    // Render nothing if the user don't have required permission for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    data-testid={\"fm-edit-image-button\"}\n                    icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        const dataUrl = await toDataUrl(file.src);\n                        dispatch({ type: \"setDataUrl\", dataUrl });\n                    }}\n                />\n            </Tooltip>\n            <Hotkeys zIndex={60} disabled={!state.dataUrl}>\n                <ImageEditorDialog\n                    data-testid={\"fm-image-editor-dialog\"}\n                    dialogZIndex={100}\n                    open={state.showImageEditor}\n                    src={state.dataUrl as string}\n                    onClose={() => dispatch({ type: \"hideImageEditor\" })}\n                    onAccept={src => {\n                        const blob = dataURLtoBlob(src);\n                        blob.name = file.name;\n                        uploadFile(blob);\n                        dispatch({ type: \"hideImageEditor\" });\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n"],"mappings":"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"}

package/modules/FileTypes/fileImage/index.d.ts

@@ -0,0 +1,2 @@
+import { FileManagerFileTypePlugin } from "../../../FileManagerFileTypePlugin";
+export declare const imageFileTypePlugin: FileManagerFileTypePlugin;

package/modules/FileTypes/fileImage/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageFileTypePlugin = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _emotion = require("emotion");
+var _components = require("@webiny/app/components");
+var _EditAction = require("./EditAction");
+var _FileManagerFileTypePlugin = require("../../../FileManagerFileTypePlugin");
+var styles = /*#__PURE__*/(0, _emotion.css)({
+  maxHeight: 200,
+  maxWidth: 200,
+  width: "auto",
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translateX(-50%) translateY(-50%)"
+}, "label:styles;");
+var imageFileTypePlugin = new _FileManagerFileTypePlugin.FileManagerFileTypePlugin({
+  types: ["image/*"],
+  actions: [_EditAction.EditAction],
+  render: function render(_ref) {
+    var file = _ref.file;
+    return /*#__PURE__*/React.createElement(_components.Image, {
+      className: styles,
+      src: file.src,
+      alt: file.name,
+      transform: {
+        width: 300
+      }
+    });
+  }
+});
+exports.imageFileTypePlugin = imageFileTypePlugin;

package/modules/FileTypes/fileImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","css","maxHeight","maxWidth","width","position","top","left","transform","imageFileTypePlugin","FileManagerFileTypePlugin","types","actions","EditAction","render","file","src","name"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { Image } from \"@webiny/app/components\";\nimport { EditAction } from \"./EditAction\";\nimport { FileManagerFileTypePlugin } from \"~/FileManagerFileTypePlugin\";\n\nconst styles = css({\n    maxHeight: 200,\n    maxWidth: 200,\n    width: \"auto\",\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translateX(-50%) translateY(-50%)\"\n});\n\nexport const imageFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"image/*\"],\n    actions: [EditAction],\n    render({ file }) {\n        return (\n            <Image className={styles} src={file.src} alt={file.name} transform={{ width: 300 }} />\n        );\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,SAAS,EAAE,GAAG;EACdC,QAAQ,EAAE,GAAG;EACbC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE;AACf,CAAC,kBAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAIC,oDAAyB,CAAC;EAC7DC,KAAK,EAAE,CAAC,SAAS,CAAC;EAClBC,OAAO,EAAE,CAACC,sBAAU,CAAC;EACrBC,MAAM,wBAAW;IAAA,IAARC,IAAI,QAAJA,IAAI;IACT,oBACI,oBAAC,iBAAK;MAAC,SAAS,EAAEf,MAAO;MAAC,GAAG,EAAEe,IAAI,CAACC,GAAI;MAAC,GAAG,EAAED,IAAI,CAACE,IAAK;MAAC,SAAS,EAAE;QAAEb,KAAK,EAAE;MAAI;IAAE,EAAG;EAE9F;AACJ,CAAC,CAAC;AAAC"}

package/modules/FileTypes/icons/edit.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_7">
+	</g>
+	<path d="M3,17.46v3.04C3,20.78,3.22,21,3.5,21h3.04c0.13,0,0.26-0.05,0.35-0.15L17.81,9.94l-3.75-3.75L3.15,17.1
+		C3.05,17.2,3,17.32,3,17.46z M20.71,7.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34c-0.39-0.39-1.02-0.39-1.41,0l-1.83,1.83l3.75,3.75
+		L20.71,7.04z"/>
+</g>
+</svg>

package/modules/FileTypes/icons/round-description-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z"/></svg>

package/modules/FileTypes/index.d.ts

@@ -0,0 +1 @@
+export declare const FileTypesModule: () => null;

package/modules/FileTypes/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileTypesModule = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _plugins = require("@webiny/plugins");
+var _FileManagerFileTypePlugin = require("../../FileManagerFileTypePlugin");
+var _fileDefault = require("./fileDefault");
+var _fileImage = require("./fileImage");
+function registerFileTypePlugins() {
+  // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.
+  var fileTypePlugins = _plugins.plugins.byType(_FileManagerFileTypePlugin.FileManagerFileTypePlugin.type);
+
+  // First we need to unregister already registered plugins.
+  fileTypePlugins.forEach(function (pl) {
+    return _plugins.plugins.unregister(pl.name);
+  });
+
+  // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.
+  _plugins.plugins.register([_fileDefault.defaultFileTypePlugin, _fileImage.imageFileTypePlugin].concat((0, _toConsumableArray2.default)(fileTypePlugins.map(function (pl) {
+    pl.name = undefined;
+    return pl;
+  }))));
+}
+var FileTypesModule = function FileTypesModule() {
+  registerFileTypePlugins();
+  return null;
+};
+exports.FileTypesModule = FileTypesModule;

package/modules/FileTypes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerFileTypePlugins","fileTypePlugins","plugins","byType","FileManagerFileTypePlugin","type","forEach","pl","unregister","name","register","defaultFileTypePlugin","imageFileTypePlugin","map","undefined","FileTypesModule"],"sources":["index.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { FileManagerFileTypePlugin } from \"~/FileManagerFileTypePlugin\";\nimport { defaultFileTypePlugin } from \"./fileDefault\";\nimport { imageFileTypePlugin } from \"./fileImage\";\n\nfunction registerFileTypePlugins() {\n    // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.\n    const fileTypePlugins = plugins.byType(FileManagerFileTypePlugin.type);\n\n    // First we need to unregister already registered plugins.\n    fileTypePlugins.forEach(pl => plugins.unregister(pl.name as string));\n\n    // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.\n    plugins.register([\n        defaultFileTypePlugin,\n        imageFileTypePlugin,\n        ...fileTypePlugins.map(pl => {\n            pl.name = undefined;\n            return pl;\n        })\n    ]);\n}\n\nexport const FileTypesModule = () => {\n    registerFileTypePlugins();\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA,SAASA,uBAAuB,GAAG;EAC/B;EACA,IAAMC,eAAe,GAAGC,gBAAO,CAACC,MAAM,CAACC,oDAAyB,CAACC,IAAI,CAAC;;EAEtE;EACAJ,eAAe,CAACK,OAAO,CAAC,UAAAC,EAAE;IAAA,OAAIL,gBAAO,CAACM,UAAU,CAACD,EAAE,CAACE,IAAI,CAAW;EAAA,EAAC;;EAEpE;EACAP,gBAAO,CAACQ,QAAQ,EACZC,kCAAqB,EACrBC,8BAAmB,0CAChBX,eAAe,CAACY,GAAG,CAAC,UAAAN,EAAE,EAAI;IACzBA,EAAE,CAACE,IAAI,GAAGK,SAAS;IACnB,OAAOP,EAAE;EACb,CAAC,CAAC,GACJ;AACN;AAEO,IAAMQ,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACjCf,uBAAuB,EAAE;EAEzB,OAAO,IAAI;AACf,CAAC;AAAC"}

package/modules/Settings/assets/icons/folder-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1z"/></svg>

package/modules/Settings/graphql.d.ts

@@ -0,0 +1,5 @@
+declare const graphql: {
+    GET_SETTINGS: import("graphql").DocumentNode;
+    UPDATE_SETTINGS: import("graphql").DocumentNode;
+};
+export default graphql;

package/modules/Settings/graphql.js

@@ -0,0 +1,17 @@
+"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 _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _templateObject, _templateObject2;
+var fields = /* GraphQL */"\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n    }\n";
+var graphql = {
+  GET_SETTINGS: (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings", "\n                }\n            }\n        "])), fields),
+  UPDATE_SETTINGS: (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        mutation UpdateFileManagerSettings($data: FileManagerSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ", "\n            }\n        }\n    "])), fields)
+};
+var _default = graphql;
+exports.default = _default;

package/modules/Settings/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fields","graphql","GET_SETTINGS","gql","UPDATE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n    }\n`;\n\nconst graphql = {\n    GET_SETTINGS: gql`\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings${fields}\n                }\n            }\n        `,\n    UPDATE_SETTINGS: gql`\n        mutation UpdateFileManagerSettings($data: FileManagerSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ${fields}\n            }\n        }\n    `\n};\n\nexport default graphql;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAE9B,IAAMA,MAAM,GAAG,+IAQd;AAED,IAAMC,OAAO,GAAG;EACZC,YAAY,MAAEC,mBAAG,iPAGYH,MAAM,CAG9B;EACLI,eAAe,MAAED,mBAAG,mRAGsBH,MAAM;AAIpD,CAAC;AAAC,eAEaC,OAAO;AAAA"}

package/modules/Settings/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SettingsModule: React.FC;

package/modules/Settings/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingsModule = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _plugins = require("@webiny/plugins");
+var _app = require("@webiny/app");
+var _appSecurity = require("@webiny/app-security");
+var _appAdmin = require("@webiny/app-admin");
+var _installation = _interopRequireDefault(require("./plugins/installation"));
+var _permissionRenderer = _interopRequireDefault(require("./plugins/permissionRenderer"));
+var _FileManagerSettings = require("./views/FileManagerSettings");
+var SettingsModule = function SettingsModule() {
+  _plugins.plugins.register(_installation.default, _permissionRenderer.default);
+  return /*#__PURE__*/_react.default.createElement(_app.Plugin, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: "fm.settings"
+  }, /*#__PURE__*/_react.default.createElement(_app.AddRoute, {
+    path: "/settings/file-manager/general"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
+    title: "File Manager - General Settings"
+  }, /*#__PURE__*/_react.default.createElement(_FileManagerSettings.FileManagerSettings, null))), /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.fileManager",
+    label: "File Manager"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.fileManager.general",
+    label: "General",
+    path: "/settings/file-manager/general"
+  })))));
+};
+exports.SettingsModule = SettingsModule;

package/modules/Settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SettingsModule","plugins","register","installation","permissionRenderer"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddRoute, Plugin } from \"@webiny/app\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AddMenu, Layout } from \"@webiny/app-admin\";\nimport installation from \"./plugins/installation\";\nimport permissionRenderer from \"./plugins/permissionRenderer\";\nimport { FileManagerSettings } from \"./views/FileManagerSettings\";\n\nexport const SettingsModule: React.FC = () => {\n    plugins.register(installation, permissionRenderer);\n\n    return (\n        <Plugin>\n            <HasPermission name={\"fm.settings\"}>\n                <AddRoute path=\"/settings/file-manager/general\">\n                    <Layout title={\"File Manager - General Settings\"}>\n                        <FileManagerSettings />\n                    </Layout>\n                </AddRoute>\n                <AddMenu name={\"settings\"}>\n                    <AddMenu name={\"settings.fileManager\"} label={\"File Manager\"}>\n                        <AddMenu\n                            name={\"settings.fileManager.general\"}\n                            label={\"General\"}\n                            path={\"/settings/file-manager/general\"}\n                        />\n                    </AddMenu>\n                </AddMenu>\n            </HasPermission>\n        </Plugin>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,cAAwB,GAAG,SAA3BA,cAAwB,GAAS;EAC1CC,gBAAO,CAACC,QAAQ,CAACC,qBAAY,EAAEC,2BAAkB,CAAC;EAElD,oBACI,6BAAC,WAAM,qBACH,6BAAC,0BAAa;IAAC,IAAI,EAAE;EAAc,gBAC/B,6BAAC,aAAQ;IAAC,IAAI,EAAC;EAAgC,gBAC3C,6BAAC,gBAAM;IAAC,KAAK,EAAE;EAAkC,gBAC7C,6BAAC,wCAAmB,OAAG,CAClB,CACF,eACX,6BAAC,iBAAO;IAAC,IAAI,EAAE;EAAW,gBACtB,6BAAC,iBAAO;IAAC,IAAI,EAAE,sBAAuB;IAAC,KAAK,EAAE;EAAe,gBACzD,6BAAC,iBAAO;IACJ,IAAI,EAAE,8BAA+B;IACrC,KAAK,EAAE,SAAU;IACjB,IAAI,EAAE;EAAiC,EACzC,CACI,CACJ,CACE,CACX;AAEjB,CAAC;AAAC"}

package/modules/Settings/plugins/installation.d.ts

@@ -0,0 +1,3 @@
+import { AdminInstallationPlugin } from "@webiny/app-admin/types";
+declare const plugin: AdminInstallationPlugin;
+export default plugin;