@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/components/FileManager/FileManagerContext.js

@@ -0,0 +1,224 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWhere = exports.FileManagerProvider = void 0;
+exports.useFileManager = useFileManager;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appSecurity = require("@webiny/app-security");
+
+var _excluded = ["children"];
+var 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 || (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 init = function init(_ref) {
+  var accept = _ref.accept,
+      tags = _ref.tags,
+      scope = _ref.scope,
+      own = _ref.own,
+      identity = _ref.identity;
+  var initialWhere = own ? {
+    createdBy: identity.id
+  } : {};
+  return {
+    showingFileDetails: null,
+    selected: [],
+    hasPreviouslyUploadedFiles: null,
+    queryParams: {
+      scope: scope,
+      tags: tags,
+      types: accept,
+      limit: 50,
+      sort: ListFilesSort.CREATED_ON_DESC,
+      where: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialWhere), getWhere(scope))
+    },
+    dragging: false,
+    uploading: false
+  };
+};
+
+var fileManagerReducer = function fileManagerReducer(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: 40,
+          sort: ListFilesSort.CREATED_ON_DESC
+        });
+        break;
+      }
+
+    case "showFileDetails":
+      {
+        next.showingFileDetails = action.src;
+        break;
+      }
+
+    case "dragging":
+      {
+        next.dragging = action.state;
+        break;
+      }
+
+    case "hasPreviouslyUploadedFiles":
+      {
+        next.hasPreviouslyUploadedFiles = action.hasPreviouslyUploadedFiles;
+        break;
+      }
+
+    case "uploading":
+      {
+        next.uploading = action.state;
+        break;
+      }
+  }
+
+  return next;
+};
+
+var FileManagerContext = /*#__PURE__*/_react.default.createContext({});
+
+var FileManagerProvider = function FileManagerProvider(_ref2) {
+  var children = _ref2.children,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+      identity = _useSecurity.identity;
+
+  var _React$useReducer = _react.default.useReducer(fileManagerReducer, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    identity: identity
+  }), init),
+      _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  var value = _react.default.useMemo(function () {
+    return {
+      state: state,
+      dispatch: dispatch
+    };
+  }, [state]);
+
+  return /*#__PURE__*/_react.default.createElement(FileManagerContext.Provider, {
+    value: value
+  }, children);
+};
+
+exports.FileManagerProvider = FileManagerProvider;
+
+function useFileManager() {
+  var context = _react.default.useContext(FileManagerContext);
+
+  if (!context) {
+    throw new Error("useFileManager must be used within a FileManagerProvider");
+  }
+
+  var state = context.state,
+      dispatch = context.dispatch;
+  return {
+    selected: state.selected,
+    toggleSelected: function toggleSelected(file) {
+      dispatch({
+        type: "toggleSelected",
+        file: file
+      });
+    },
+    hasPreviouslyUploadedFiles: state.hasPreviouslyUploadedFiles,
+    setHasPreviouslyUploadedFiles: function setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles) {
+      dispatch({
+        type: "hasPreviouslyUploadedFiles",
+        hasPreviouslyUploadedFiles: hasPreviouslyUploadedFiles
+      });
+    },
+    queryParams: state.queryParams,
+    setQueryParams: function setQueryParams(queryParams) {
+      dispatch({
+        type: "queryParams",
+        queryParams: queryParams
+      });
+    },
+    setDragging: function setDragging() {
+      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      dispatch({
+        type: "dragging",
+        state: state
+      });
+    },
+    dragging: state.dragging,
+    setUploading: function setUploading() {
+      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      dispatch({
+        type: "uploading",
+        state: state
+      });
+    },
+    uploading: state.uploading,
+    showFileDetails: function showFileDetails(src) {
+      dispatch({
+        type: "showFileDetails",
+        src: src
+      });
+    },
+    hideFileDetails: function hideFileDetails() {
+      dispatch({
+        type: "showFileDetails",
+        src: null
+      });
+    },
+    showingFileDetails: state.showingFileDetails,
+    state: state,
+    dispatch: dispatch
+  };
+}

package/components/FileManager/FileManagerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ListFilesSort","DEFAULT_SCOPE","getWhere","scope","tag_not_startsWith","tag_startsWith","init","accept","tags","own","identity","initialWhere","createdBy","id","showingFileDetails","selected","hasPreviouslyUploadedFiles","queryParams","types","limit","sort","CREATED_ON_DESC","where","dragging","uploading","fileManagerReducer","state","action","next","type","existingIndex","findIndex","item","src","file","push","splice","FileManagerContext","React","createContext","FileManagerProvider","children","props","useSecurity","useReducer","dispatch","value","useMemo","useFileManager","context","useContext","Error","toggleSelected","setHasPreviouslyUploadedFiles","setQueryParams","setDragging","setUploading","showFileDetails","hideFileDetails"],"sources":["FileManagerContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileItem } from \"./types\";\nimport { useSecurity } from \"@webiny/app-security\";\n\nenum ListFilesSort {\n    CREATED_ON_ASC,\n    CREATED_ON_DESC,\n    SIZE_ASC,\n    SIZE_DESC\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\ninterface InitParams {\n    accept: string[];\n    tags: string[];\n    scope?: string;\n    own?: boolean;\n    identity: any;\n}\n\ninterface StateQueryParams {\n    types: string[];\n    limit: number;\n    sort: number;\n    tags: string[];\n    scope?: string;\n    where: Record<string, any>;\n}\n\ninterface State {\n    showingFileDetails: string | null;\n    selected: FileItem[];\n    hasPreviouslyUploadedFiles: boolean | null;\n    queryParams: StateQueryParams;\n    dragging: boolean;\n    uploading: boolean;\n}\n\nconst init = ({ accept, tags, scope, own, identity }: InitParams): State => {\n    const initialWhere = own ? { createdBy: identity.id } : {};\n    return {\n        showingFileDetails: null,\n        selected: [],\n        hasPreviouslyUploadedFiles: null,\n        queryParams: {\n            scope,\n            tags,\n            types: accept,\n            limit: 50,\n            sort: ListFilesSort.CREATED_ON_DESC,\n            where: { ...initialWhere, ...getWhere(scope) }\n        },\n        dragging: false,\n        uploading: false\n    };\n};\n\ninterface Action {\n    type:\n        | \"toggleSelected\"\n        | \"queryParams\"\n        | \"showFileDetails\"\n        | \"dragging\"\n        | \"hasPreviouslyUploadedFiles\"\n        | \"uploading\";\n    file: FileItem;\n    queryParams: StateQueryParams;\n    src: string;\n    state: boolean;\n    hasPreviouslyUploadedFiles: boolean;\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\n\nconst fileManagerReducer: 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: 40,\n                sort: ListFilesSort.CREATED_ON_DESC\n            };\n            break;\n        }\n        case \"showFileDetails\": {\n            next.showingFileDetails = action.src;\n            break;\n        }\n        case \"dragging\": {\n            next.dragging = action.state;\n            break;\n        }\n        case \"hasPreviouslyUploadedFiles\": {\n            next.hasPreviouslyUploadedFiles = action.hasPreviouslyUploadedFiles;\n            break;\n        }\n        case \"uploading\": {\n            next.uploading = action.state;\n            break;\n        }\n    }\n\n    return next;\n};\n\nconst FileManagerContext = React.createContext({});\n\nexport interface FileManagerProviderProps {\n    accept: string[];\n    tags: string[];\n    scope?: string;\n    own?: boolean;\n}\n\nconst FileManagerProvider: React.FC<FileManagerProviderProps> = ({ children, ...props }) => {\n    const { identity } = useSecurity();\n\n    const [state, dispatch] = React.useReducer(fileManagerReducer, { ...props, identity }, init);\n\n    const value = React.useMemo(() => {\n        return {\n            state,\n            dispatch\n        };\n    }, [state]);\n\n    return <FileManagerContext.Provider value={value}>{children}</FileManagerContext.Provider>;\n};\n\nfunction useFileManager() {\n    const context: any = React.useContext(FileManagerContext);\n    if (!context) {\n        throw new Error(\"useFileManager must be used within a FileManagerProvider\");\n    }\n\n    const { state, dispatch } = context;\n    return {\n        selected: state.selected,\n        toggleSelected(file: FileItem) {\n            dispatch({\n                type: \"toggleSelected\",\n                file\n            });\n        },\n        hasPreviouslyUploadedFiles: state.hasPreviouslyUploadedFiles,\n        setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: boolean) {\n            dispatch({ type: \"hasPreviouslyUploadedFiles\", hasPreviouslyUploadedFiles });\n        },\n        queryParams: state.queryParams,\n        setQueryParams(queryParams: StateQueryParams) {\n            dispatch({ type: \"queryParams\", queryParams });\n        },\n        setDragging(state = true) {\n            dispatch({\n                type: \"dragging\",\n                state\n            });\n        },\n        dragging: state.dragging,\n        setUploading(state = true) {\n            dispatch({\n                type: \"uploading\",\n                state\n            });\n        },\n        uploading: state.uploading,\n        showFileDetails(src: string) {\n            dispatch({ type: \"showFileDetails\", src });\n        },\n        hideFileDetails() {\n            dispatch({ type: \"showFileDetails\", src: null });\n        },\n        showingFileDetails: state.showingFileDetails,\n        state,\n        dispatch\n    };\n}\n\nexport { FileManagerProvider, useFileManager };\n"],"mappings":"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"}

package/components/FileManager/FileManagerView.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { FilesRules } from "react-butterfiles";
+export interface FileManagerViewProps {
+    onChange?: Function;
+    onClose?: Function;
+    files?: FilesRules;
+    multiple?: boolean;
+    accept: Array<string>;
+    maxSize?: number | string;
+    multipleMaxCount?: number;
+    multipleMaxSize?: number | string;
+    onUploadCompletion?: Function;
+    tags?: string[];
+    scope?: string;
+    own?: boolean;
+}
+declare const FileManagerView: React.FC<FileManagerViewProps>;
+export default FileManagerView;