@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/components/FileManager/FileManagerContext.d.ts

@@ -1,20 +1,39 @@
-/// <reference types="react" />
-declare function FileManagerProvider({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): JSX.Element;
+import React from "react";
+import { FileItem } from "./types";
+export declare const getWhere: (scope: string | undefined) => {
+    tag_not_startsWith: string;
+    tag_startsWith?: undefined;
+} | {
+    tag_startsWith: string;
+    tag_not_startsWith?: undefined;
+};
+interface StateQueryParams {
+    types: string[];
+    limit: number;
+    sort: number;
+    tags: string[];
+    scope?: string;
+    where: Record<string, any>;
+}
+export interface FileManagerProviderProps {
+    accept: string[];
+    tags: string[];
+    scope?: string;
+    own?: boolean;
+}
+declare const FileManagerProvider: React.FC<FileManagerProviderProps>;
 declare function useFileManager(): {
     selected: any;
-    toggleSelected(file: any): void;
+    toggleSelected(file: FileItem): void;
     hasPreviouslyUploadedFiles: any;
-    setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: any): void;
+    setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: boolean): void;
     queryParams: any;
-    setQueryParams(queryParams: any): void;
+    setQueryParams(queryParams: StateQueryParams): void;
     setDragging(state?: boolean): void;
     dragging: any;
     setUploading(state?: boolean): void;
     uploading: any;
-    showFileDetails(src: any): void;
+    showFileDetails(src: string): void;
     hideFileDetails(): void;
     showingFileDetails: any;
     state: any;

package/components/FileManager/FileManagerContext.js

@@ -1,8 +1,24 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+"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"];
-import React from "react";
 var ListFilesSort;
 
 (function (ListFilesSort) {
@@ -12,22 +28,50 @@ var ListFilesSort;
   ListFilesSort[ListFilesSort["SIZE_DESC"] = 3] = "SIZE_DESC";
 })(ListFilesSort || (ListFilesSort = {}));
 
-function init(_ref) {
-  var accept = _ref.accept;
+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
-    }
+      sort: ListFilesSort.CREATED_ON_DESC,
+      where: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialWhere), getWhere(scope))
+    },
+    dragging: false,
+    uploading: false
   };
-}
+};
 
-function fileManagerReducer(state, action) {
-  var next = _objectSpread({}, state);
+var fileManagerReducer = function fileManagerReducer(state, action) {
+  var next = (0, _objectSpread2.default)({}, state);
 
   switch (action.type) {
     case "toggleSelected":
@@ -48,7 +92,7 @@ function fileManagerReducer(state, action) {
     case "queryParams":
       {
         next.selected = [];
-        next.queryParams = _objectSpread(_objectSpread(_objectSpread({}, state.queryParams), action.queryParams), {}, {
+        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
@@ -82,32 +126,40 @@ function fileManagerReducer(state, action) {
   }
 
   return next;
-}
+};
 
-var FileManagerContext = /*#__PURE__*/React.createContext({});
+var FileManagerContext = /*#__PURE__*/_react.default.createContext({});
 
-function FileManagerProvider(_ref2) {
+var FileManagerProvider = function FileManagerProvider(_ref2) {
   var children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded);
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+      identity = _useSecurity.identity;
 
-  var _React$useReducer = React.useReducer(fileManagerReducer, props, init),
-      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+  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.useMemo(function () {
+  var value = _react.default.useMemo(function () {
     return {
       state: state,
       dispatch: dispatch
     };
   }, [state]);
-  return /*#__PURE__*/React.createElement(FileManagerContext.Provider, Object.assign({
+
+  return /*#__PURE__*/_react.default.createElement(FileManagerContext.Provider, {
     value: value
-  }, props), children);
-}
+  }, children);
+};
+
+exports.FileManagerProvider = FileManagerProvider;
 
 function useFileManager() {
-  var context = React.useContext(FileManagerContext);
+  var context = _react.default.useContext(FileManagerContext);
 
   if (!context) {
     throw new Error("useFileManager must be used within a FileManagerProvider");
@@ -169,6 +221,4 @@ function useFileManager() {
     state: state,
     dispatch: dispatch
   };
-}
-
-export { FileManagerProvider, useFileManager };
+}

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

@@ -1,23 +1,18 @@
-/// <reference types="react" />
+import React from "react";
 import { FilesRules } from "react-butterfiles";
-declare type FileManagerViewProps = {
-    onChange: Function;
-    onClose: Function;
+export interface FileManagerViewProps {
+    onChange?: Function;
+    onClose?: Function;
     files?: FilesRules;
-    multiple: boolean;
+    multiple?: boolean;
     accept: Array<string>;
-    maxSize: number | string;
-    multipleMaxCount: number;
-    multipleMaxSize: number | string;
+    maxSize?: number | string;
+    multipleMaxCount?: number;
+    multipleMaxSize?: number | string;
     onUploadCompletion?: Function;
-};
-declare function FileManagerView(props: FileManagerViewProps): JSX.Element;
-declare namespace FileManagerView {
-    var defaultProps: {
-        multiple: boolean;
-        maxSize: string;
-        multipleMaxSize: string;
-        multipleMaxCount: number;
-    };
+    tags?: string[];
+    scope?: string;
+    own?: boolean;
 }
+declare const FileManagerView: React.FC<FileManagerViewProps>;
 export default FileManagerView;