@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/components/FileManager/graphql.js

@@ -1,17 +1,47 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UPDATE_FILE = exports.LIST_TAGS = exports.LIST_FILES = exports.GET_FILE_SETTINGS = exports.DELETE_FILE = exports.CREATE_FILE = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var FILE_FIELDS = /* GraphQL */"\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n";
+var ERROR_FIELDS = /* GraphQL */"\n    {\n        code\n        message\n        data\n    }\n";
 
-import gql from "graphql-tag";
-var FILE_FIELDS =
-/* GraphQL */
-"\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n";
-var ERROR_FIELDS =
-/* GraphQL */
-"\n    {\n        code\n        message\n        data\n    }\n";
-export var LIST_FILES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n     query ListFiles($types: [String], $tags: [String], $limit: Int, $search: String, $after: String) {\n        fileManager {\n            listFiles(types: $types, limit: $limit, search: $search, tags: $tags, after: $after) {\n                data ", "\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n"])), FILE_FIELDS);
-export var LIST_TAGS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query ListTags {\n        fileManager {\n            listTags\n        }\n    }\n"])));
-export var CREATE_FILE = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ", "\n                data ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS, FILE_FIELDS);
-export var UPDATE_FILE = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
-export var DELETE_FILE = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
-export var GET_FILE_SETTINGS = gql(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+/**
+ * ##################
+ * List Files Query Response
+ */
+
+var LIST_FILES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListFiles(\n        $types: [String],\n        $tags: [String],\n        $limit: Int,\n        $search: String,\n        $after: String,\n        $where: FileWhereInput\n    ) {\n        fileManager {\n            listFiles(\n                types: $types,\n                limit: $limit,\n                search: $search,\n                tags: $tags,\n                after: $after,\n                where: $where\n            ) {\n                data ", "\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n"])), FILE_FIELDS);
+/**
+ * ##################
+ * List File Tags Query Response
+ */
+exports.LIST_FILES = LIST_FILES;
+var LIST_TAGS = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query ListTags($where: TagWhereInput) {\n        fileManager {\n            listTags(where: $where)\n        }\n    }\n"])));
+/**
+ * ##################
+ * Create File Mutation Response
+ */
+exports.LIST_TAGS = LIST_TAGS;
+var CREATE_FILE = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ", "\n                data ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS, FILE_FIELDS);
+/**
+ * ##################
+ * Update File Mutation Response
+ */
+exports.CREATE_FILE = CREATE_FILE;
+var UPDATE_FILE = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+
+/**
+ * ##################
+ * Delete File Mutation Response
+ */
+exports.UPDATE_FILE = UPDATE_FILE;
+var DELETE_FILE = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+exports.DELETE_FILE = DELETE_FILE;
+var GET_FILE_SETTINGS = (0, _graphqlTag.default)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+exports.GET_FILE_SETTINGS = GET_FILE_SETTINGS;

package/components/FileManager/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FILE_FIELDS","ERROR_FIELDS","LIST_FILES","gql","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nconst FILE_FIELDS = /* GraphQL */ `\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n`;\n\nconst ERROR_FIELDS = /* GraphQL */ `\n    {\n        code\n        message\n        data\n    }\n`;\n\n/**\n * ##################\n * List Files Query Response\n */\nexport interface ListFilesListFilesResponse {\n    data: FileItem[];\n    error?: Error | null;\n    meta: {\n        hasMoreItems: boolean;\n        totalItem: number;\n        cursor: string | null;\n    };\n}\nexport interface ListFilesQueryResponse {\n    fileManager: {\n        listFiles: ListFilesListFilesResponse;\n    };\n}\nexport interface ListFilesQueryVariables {\n    types?: string[];\n    tags?: string[];\n    limit?: number;\n    search?: string;\n    after?: string;\n}\nexport const LIST_FILES = gql`\n    query ListFiles(\n        $types: [String],\n        $tags: [String],\n        $limit: Int,\n        $search: String,\n        $after: String,\n        $where: FileWhereInput\n    ) {\n        fileManager {\n            listFiles(\n                types: $types,\n                limit: $limit,\n                search: $search,\n                tags: $tags,\n                after: $after,\n                where: $where\n            ) {\n                data ${FILE_FIELDS}\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n`;\n/**\n * ##################\n * List File Tags Query Response\n */\nexport interface ListFileTagsQueryResponse {\n    fileManager: {\n        listTags: string[];\n        error: Error | null;\n    };\n}\nexport const LIST_TAGS = gql`\n    query ListTags($where: TagWhereInput) {\n        fileManager {\n            listTags(where: $where)\n        }\n    }\n`;\n/**\n * ##################\n * Create File Mutation Response\n */\nexport interface CreateFileMutationResponse {\n    fileManager: {\n        createFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface FileInput {\n    key: string;\n    name: string;\n    size: number;\n    type: string;\n    tags: string;\n    meta: Record<string, any>;\n}\nexport interface CreateFileMutationVariables {\n    data: FileInput;\n}\nexport const CREATE_FILE = gql`\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ${ERROR_FIELDS}\n                data ${FILE_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ##################\n * Update File Mutation Response\n */\nexport interface UpdateFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface UpdateFileMutationVariables {\n    id: string;\n    data: Partial<FileInput>;\n}\nexport const UPDATE_FILE = gql`\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\n/**\n * ##################\n * Delete File Mutation Response\n */\nexport interface DeleteFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: boolean;\n            error?: Error | null;\n        };\n    };\n}\nexport interface DeleteFileMutationVariables {\n    id: string;\n}\nexport const DELETE_FILE = gql`\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,GAAG,oNAenB;AAED,IAAMC,YAAY,GAAG,4EAMpB;;AAED;AACA;AACA;AACA;;AAsBO,IAAMC,UAAU,OAAGC,mBAAG,srBAkBNH,WAAW,CAQjC;AACD;AACA;AACA;AACA;AAHA;AAUO,IAAMI,SAAS,OAAGD,mBAAG,mNAM3B;AACD;AACA;AACA;AACA;AAHA;AAuBO,IAAME,WAAW,OAAGF,mBAAG,6RAINF,YAAY,EACbD,WAAW,CAIjC;AACD;AACA;AACA;AACA;AAHA;AAgBO,IAAMM,WAAW,OAAGH,mBAAG,qaAUNF,YAAY,CAInC;;AAED;AACA;AACA;AACA;AAHA;AAeO,IAAMM,WAAW,OAAGJ,mBAAG,2QAKNF,YAAY,CAInC;AAAC;AAEK,IAAMO,iBAAiB,OAAGL,mBAAG,0VAQZF,YAAY,CAInC;AAAC"}

package/components/FileManager/outputFileSelectionError.d.ts

@@ -1,2 +1,7 @@
-declare const _default: (errors: any) => string;
-export default _default;
+import { FileError as BaseFileError } from "react-butterfiles";
+interface FileError extends BaseFileError {
+    multipleMaxCount: number;
+    multipleMaxSize: number;
+}
+export declare const outputFileSelectionError: (errors: FileError[]) => string | null;
+export {};

package/components/FileManager/outputFileSelectionError.js

@@ -1,39 +1,40 @@
-import bytes from "bytes";
-export default (function (errors) {
+"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.format(error.multipleMaxSize), " at once.");
+      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/components/FileManager/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 as BaseFileError } from \"react-butterfiles\";\n\ninterface FileError extends BaseFileError {\n    multipleMaxCount: number;\n    multipleMaxSize: number;\n}\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;AAQO,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/components/FileManager/types.d.ts

@@ -0,0 +1,21 @@
+import { SecurityPermission } from "@webiny/app-security/types";
+/**
+ * Represents a file as we receive from the GraphQL API.
+ */
+export interface FileItem {
+    id: string;
+    name: string;
+    key: string;
+    src: string;
+    size: number;
+    type: string;
+    tags: string[];
+    createdOn: string;
+    createdBy: {
+        id: string;
+    };
+}
+export interface FileManagerSecurityPermission extends SecurityPermission {
+    rwd?: string;
+    own?: boolean;
+}

package/components/FileManager/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/FileManager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/components/FileManager.d.ts

@@ -1,18 +1,67 @@
-import * as React from "react";
-declare type FileManagerProps = {
-    onChange?: Function;
-    onChangePick?: string[];
-    images?: boolean;
-    multiple?: boolean;
-    accept?: Array<string>;
-    children: ({ showFileManager: Function }: {
-        showFileManager: any;
-    }) => React.ReactNode;
-    maxSize?: number | string;
+import React from "react";
+interface OnChange<T> {
+    (value: T): void;
+}
+/**
+ * Represents a file object managed by the File Manager.
+ */
+export interface FileManagerFileItem {
+    id: string;
+    src: string;
+    meta?: Array<FileManagerFileItemMetaItem>;
+}
+/**
+ * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
+ */
+export interface FileManagerFileItemMetaItem {
+    key: string;
+    value: any;
+}
+export declare type DeprecatedFileManagerRenderPropParams = {
+    showFileManager: (onChange?: OnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;
+};
+export declare type FileManagerRenderPropParams<TValue> = {
+    showFileManager: (onChange?: OnChange<TValue>) => void;
+};
+interface SingleFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;
+}
+interface MultiFileRenderProp {
+    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;
+}
+export declare type MultipleProps = {
+    multiple?: never;
+    multipleMaxCount?: never;
+    multipleMaxSize?: never;
+    onChange?: OnChange<FileManagerFileItem>;
+    render?: SingleFileRenderProp;
+} | {
+    multiple: true;
     multipleMaxCount?: number;
     multipleMaxSize?: number | string;
-    onClose?: Function;
-    onUploadCompletion?: Function;
+    onChange?: OnChange<FileManagerFileItem[]>;
+    render?: MultiFileRenderProp;
 };
-export declare function FileManager({ children, ...rest }: FileManagerProps): JSX.Element;
+export declare type FileManagerProps = {
+    accept?: Array<string>;
+    images?: boolean;
+    maxSize?: number | string;
+    /**
+     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.
+     */
+    onChangePick?: string[];
+    onClose?: Function;
+    onUploadCompletion?: (files: FileManagerFileItem[]) => void;
+    own?: boolean;
+    scope?: string;
+    tags?: Array<string>;
+    /**
+     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
+     */
+    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;
+} & MultipleProps;
+declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+export declare type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
+export declare const FileManagerRenderer: import("@webiny/react-composition").ComposableFC<FileManagerRendererProps>;
+export declare const FileManager: React.FC<FileManagerProps>;
 export {};

package/components/FileManager.js

@@ -1,133 +1,118 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children"];
-import * as React from "react";
-import ReactDOM from "react-dom";
-import FileManagerView from "./FileManager/FileManagerView";
-import pick from "lodash/pick";
-import { FileManagerProvider } from "./FileManager/FileManagerContext";
-var useState = React.useState,
-    useRef = React.useRef,
-    useCallback = React.useCallback,
-    useEffect = React.useEffect;
-
-var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileManagerPortal, _React$Component);
-
-  var _super = _createSuper(FileManagerPortal);
-
-  function FileManagerPortal(props) {
-    var _this;
-
-    _classCallCheck(this, FileManagerPortal);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
-
-    if (!window) {
-      return _possibleConstructorReturn(_this);
-    }
-
-    _this.container = window.document.getElementById("file-manager-container");
-
-    if (!_this.container) {
-      _this.container = document.createElement("div");
-
-      _this.container.setAttribute("id", "file-manager-container");
-
-      var container = _this.container;
-      document.body && document.body.appendChild(container);
-    }
-
-    return _this;
+"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.FileManagerRenderer = exports.FileManager = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactComposition = require("@webiny/react-composition");
+var _FileManagerView = _interopRequireDefault(require("./FileManager/FileManagerView"));
+var _FileManagerContext = require("./FileManager/FileManagerContext");
+var _excluded = ["id", "src"],
+  _excluded2 = ["onChange", "images", "accept"],
+  _excluded3 = ["children", "render", "onChange"];
+function getPortalTarget() {
+  var target = window.document.getElementById("file-manager-container");
+  if (!target) {
+    target = document.createElement("div");
+    target.setAttribute("id", "file-manager-container");
+    document.body && document.body.appendChild(target);
   }
-
-  _createClass(FileManagerPortal, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          onChange = _this$props.onChange,
-          onClose = _this$props.onClose,
-          accept = _this$props.accept,
-          onChangePick = _this$props.onChangePick,
-          multiple = _this$props.multiple,
-          images = _this$props.images,
-          maxSize = _this$props.maxSize,
-          multipleMaxCount = _this$props.multipleMaxCount,
-          multipleMaxSize = _this$props.multipleMaxSize,
-          onUploadCompletion = _this$props.onUploadCompletion;
-      var container = this.container;
-
-      var handleFileOnChange = function handleFileOnChange(files) {
-        var fields = Array.isArray(onChangePick) ? onChangePick : ["id", "name", "key", "src", "size", "type"];
-
-        if (Array.isArray(files)) {
-          onChange(files.map(function (file) {
-            return pick(file, fields);
-          }));
-        } else {
-          onChange(pick(files, fields));
-        }
-      };
-
-      var props = {
-        onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
-        onClose: onClose,
-        accept: accept,
-        multiple: multiple,
-        maxSize: maxSize,
-        multipleMaxCount: multipleMaxCount,
-        multipleMaxSize: multipleMaxSize,
-        onUploadCompletion: onUploadCompletion
+  return target;
+}
+
+// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
+
+/**
+ * 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 (images) {
-        props.accept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
-      } // Let's pass "permanent" / "persistent" / "temporary" flags as "mode" prop instead.
-
-
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(FileManagerProvider, props, /*#__PURE__*/React.createElement(FileManagerView, props)), container);
+    })
+  };
+};
+
+/**
+ * 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 DefaultFileManagerRenderer = function DefaultFileManagerRenderer(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;
     }
-  }]);
-
-  return FileManagerPortal;
-}(React.Component);
-
-export function FileManager(_ref) {
-  var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var onChangeRef = useRef(rest.onChange);
-  useEffect(function () {
-    onChangeRef.current = rest.onChange;
-  }, [rest.onChange]);
-  var showFileManager = useCallback(function (onChange) {
+    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(_FileManagerContext.FileManagerProvider, {
+    accept: viewProps.accept,
+    tags: viewProps.tags || [],
+    own: viewProps.own,
+    scope: viewProps.scope
+  }, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, viewProps));
+};
+var FileManagerRenderer = (0, _reactComposition.makeComposable)("FileManagerRenderer", DefaultFileManagerRenderer);
+exports.FileManagerRenderer = FileManagerRenderer;
+var FileManager = function FileManager(_ref2) {
+  var children = _ref2.children,
+    render = _ref2.render,
+    onChange = _ref2.onChange,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
+  var containerRef = (0, _react.useRef)(getPortalTarget());
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var onChangeRef = (0, _react.useRef)(onChange);
+  (0, _react.useEffect)(function () {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  var showFileManager = (0, _react.useCallback)(function (onChange) {
     if (typeof onChange === "function") {
       onChangeRef.current = onChange;
     }
-
     setShow(true);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, show && /*#__PURE__*/React.createElement(FileManagerPortal, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(FileManagerRenderer, Object.assign({
     onClose: function onClose() {
       return setShow(false);
-    }
-  }, rest, {
-    onChange: onChangeRef.current
-  })), children({
+    },
+    onChange: /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */
+    onChangeRef.current
+  }, rest)), containerRef.current), children ? children({
+    showFileManager: showFileManager
+  }) : render ? render({
     showFileManager: showFileManager
-  }));
-}
+  }) : null);
+};
+exports.FileManager = FileManager;

package/components/FileManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","DefaultFileManagerRenderer","onChange","images","accept","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","undefined","tags","own","scope","FileManagerRenderer","makeComposable","FileManager","children","render","containerRef","useRef","useState","show","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","ReactDOM","createPortal"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport { FileItem } from \"./FileManager/types\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\n\ninterface OnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (onChange?: OnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: OnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: OnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: OnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: Array<string>;\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: Function;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: Array<string>;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\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\nconst DefaultFileManagerRenderer: React.FC<FileManagerRendererProps> = 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 OnChange<FileManagerFileItem[]>)(finalValue);\n            return;\n        }\n\n        (onChange as OnChange<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        <FileManagerProvider\n            accept={viewProps.accept}\n            tags={viewProps.tags || []}\n            own={viewProps.own}\n            scope={viewProps.scope}\n        >\n            <FileManagerView {...viewProps} />\n        </FileManagerProvider>\n    );\n};\n\nexport const FileManagerRenderer = makeComposable(\n    \"FileManagerRenderer\",\n    DefaultFileManagerRenderer\n);\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n    children,\n    render,\n    onChange,\n    ...rest\n}) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current as any\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":"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"}

package/components/FloatingActionButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const FloatingActionButton: (props: any) => JSX.Element;
+import * as React from "react";
+declare const FloatingActionButton: React.FC;
 export { FloatingActionButton };

package/components/FloatingActionButton.js

@@ -1,7 +1,14 @@
-import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "@svgr/webpack!../assets/icons/round-add-24px.svg"; // Set "styles" inline, since no customizations are possible / needed here.
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingActionButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _roundAdd24px = require("../assets/icons/round-add-24px.svg");
+// Set "styles" inline, since no customizations are possible / needed here.
 var FloatingActionButton = function FloatingActionButton(props) {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -9,9 +16,8 @@ var FloatingActionButton = function FloatingActionButton(props) {
       bottom: 20,
       right: 20
     }
-  }, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }, /*#__PURE__*/React.createElement(_Button.ButtonFloating, Object.assign({}, props, {
+    icon: /*#__PURE__*/React.createElement(_roundAdd24px.ReactComponent, null)
   })));
 };
-
-export { FloatingActionButton };
+exports.FloatingActionButton = FloatingActionButton;

package/components/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingActionButton","props","position","bottom","right"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"../assets/icons/round-add-24px.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA,IAAMA,oBAA8B,GAAG,SAAjCA,oBAA8B,CAAGC,KAAK,EAAI;EAC5C,oBACI;IACI,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEF,oBAAC,sBAAc,oBAAKH,KAAK;IAAE,IAAI,eAAE,oBAAC,4BAAO;EAAI,GAAG,CAC9C;AAEd,CAAC;AAAC"}

package/components/MultiImageUpload.d.ts

@@ -1,4 +1,13 @@
-/// <reference types="react" />
-declare type Props = any;
-export default function MultiImageUpload({ imagePreviewProps, ...multiImageUploadProps }: Props): JSX.Element;
-export {};
+import * as React from "react";
+/**
+ * TODO @ts-refactor
+ */
+interface MultiImageUploadProps {
+    imagePreviewProps: {
+        src: string;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+declare const MultiImageUpload: React.FC<MultiImageUploadProps>;
+export default MultiImageUpload;