@webiny/app-admin 5.26.1-beta.0 → 5.28.0-beta.0

package/components/FileManager/graphql.js

@@ -1,8 +1,18 @@
-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;
 
-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";
@@ -14,29 +24,35 @@ var ERROR_FIELDS =
  * List Files Query Response
  */
 
-export var LIST_FILES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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);
+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
  */
 
-export var LIST_TAGS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query ListTags($where: TagWhereInput) {\n        fileManager {\n            listTags(where: $where)\n        }\n    }\n"])));
+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
  */
 
-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);
+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
  */
 
-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);
+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
  */
 
-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);
+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

@@ -1 +1 @@
-{"version":3,"sources":["graphql.ts"],"names":["gql","FILE_FIELDS","ERROR_FIELDS","LIST_FILES","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,WAAW;AAAG;AAAH,uMAAjB;AAiBA,IAAMC,YAAY;AAAG;AAAH,+DAAlB;AAQA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,UAAU,GAAGH,GAAH,uqBAkBAC,WAlBA,CAAhB;AA2BP;AACA;AACA;AACA;;AAOA,OAAO,IAAMG,SAAS,GAAGJ,GAAH,oMAAf;AAOP;AACA;AACA;AACA;;AAoBA,OAAO,IAAMK,WAAW,GAAGL,GAAH,8QAIAE,YAJA,EAKDD,WALC,CAAjB;AAUP;AACA;AACA;AACA;;AAaA,OAAO,IAAMK,WAAW,GAAGN,GAAH,sZAUAE,YAVA,CAAjB;AAgBP;AACA;AACA;AACA;;AAYA,OAAO,IAAMK,WAAW,GAAGP,GAAH,4PAKAE,YALA,CAAjB;AAWP,OAAO,IAAMM,iBAAiB,GAAGR,GAAH,2UAQNE,YARM,CAAvB","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"]}
+{"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;;;;AAGA,IAAMA,WAAW;AAAG;AAAH,uMAAjB;AAiBA,IAAMC,YAAY;AAAG;AAAH,+DAAlB;AAQA;AACA;AACA;AACA;;AAsBO,IAAMC,UAAU,OAAGC,mBAAH,srBAkBAH,WAlBA,CAAhB;AA2BP;AACA;AACA;AACA;;;AAOO,IAAMI,SAAS,OAAGD,mBAAH,mNAAf;AAOP;AACA;AACA;AACA;;;AAoBO,IAAME,WAAW,OAAGF,mBAAH,6RAIAF,YAJA,EAKDD,WALC,CAAjB;AAUP;AACA;AACA;AACA;;;AAaO,IAAMM,WAAW,OAAGH,mBAAH,qaAUAF,YAVA,CAAjB;AAgBP;AACA;AACA;AACA;;;AAYO,IAAMM,WAAW,OAAGJ,mBAAH,2QAKAF,YALA,CAAjB;;AAWA,IAAMO,iBAAiB,OAAGL,mBAAH,0VAQNF,YARM,CAAvB"}

package/components/FileManager/outputFileSelectionError.js

@@ -1,5 +1,15 @@
-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.default = void 0;
+
+var _bytes = _interopRequireDefault(require("bytes"));
+
+var _default = function _default(errors) {
   if (errors.length > 1) {
     var error = errors.find(function (error) {
       return error.type === "multipleMaxCountExceeded";
@@ -14,7 +24,7 @@ export default (function (errors) {
     });
 
     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.";
@@ -39,4 +49,6 @@ export default (function (errors) {
     default:
       return null;
   }
-});
+};
+
+exports.default = _default;

package/components/FileManager/outputFileSelectionError.js.map

@@ -1 +1 @@
-{"version":3,"sources":["outputFileSelectionError.ts"],"names":["bytes","errors","length","error","find","type","multipleMaxCount","format","multipleMaxSize"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAQA,gBAAe,UAACC,MAAD,EAAwC;AACnD,MAAIA,MAAM,CAACC,MAAP,GAAgB,CAApB,EAAuB;AACnB,QAAIC,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;AAAA,aAAIA,KAAK,CAACE,IAAN,KAAe,0BAAnB;AAAA,KAAjB,CAAZ;;AACA,QAAIF,KAAJ,EAAW;AACP,+CAAkCA,KAAK,CAACG,gBAAxC;AACH;;AAEDH,IAAAA,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;AAAA,aAAIA,KAAK,CAACE,IAAN,KAAe,yBAAnB;AAAA,KAAjB,CAAR;;AACA,QAAIF,KAAJ,EAAW;AACP,+CAAkCH,KAAK,CAACO,MAAN,CAAaJ,KAAK,CAACK,eAAnB,CAAlC;AACH;;AAED,WAAO,kCAAP;AACH;;AAED,UAAQP,MAAM,CAAC,CAAD,CAAN,CAAUI,IAAlB;AACI,SAAK,qBAAL;AACI,aAAO,wBAAP;;AACJ,SAAK,iBAAL;AACI,aAAO,oBAAP;;AACJ,SAAK,0BAAL;AACI,aAAO,8BAAP;;AACJ,SAAK,yBAAL;AACI,aAAO,6BAAP;;AACJ,SAAK,oBAAL;AACI,aAAO,wBAAP;;AACJ;AACI,aAAO,IAAP;AAZR;AAcH,CA7BD","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 default (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"]}
+{"version":3,"names":["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 default (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;;eAQe,kBAACA,MAAD,EAAwC;EACnD,IAAIA,MAAM,CAACC,MAAP,GAAgB,CAApB,EAAuB;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAN,KAAe,0BAAnB;IAAA,CAAjB,CAAZ;;IACA,IAAIF,KAAJ,EAAW;MACP,yCAAkCA,KAAK,CAACG,gBAAxC;IACH;;IAEDH,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAN,KAAe,yBAAnB;IAAA,CAAjB,CAAR;;IACA,IAAIF,KAAJ,EAAW;MACP,yCAAkCI,cAAA,CAAMC,MAAN,CAAaL,KAAK,CAACM,eAAnB,CAAlC;IACH;;IAED,OAAO,kCAAP;EACH;;EAED,QAAQR,MAAM,CAAC,CAAD,CAAN,CAAUI,IAAlB;IACI,KAAK,qBAAL;MACI,OAAO,wBAAP;;IACJ,KAAK,iBAAL;MACI,OAAO,oBAAP;;IACJ,KAAK,0BAAL;MACI,OAAO,8BAAP;;IACJ,KAAK,yBAAL;MACI,OAAO,6BAAP;;IACJ,KAAK,oBAAL;MACI,OAAO,wBAAP;;IACJ;MACI,OAAO,IAAP;EAZR;AAcH,C"}

package/components/FileManager/types.js

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

package/components/FileManager/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\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    [key: string]: any;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/components/FileManager.js

@@ -1,35 +1,58 @@
-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";
+"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.FileManager = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _FileManagerView = _interopRequireDefault(require("./FileManager/FileManagerView"));
+
+var _pick = _interopRequireDefault(require("lodash/pick"));
+
+var _FileManagerContext = require("./FileManager/FileManagerContext");
+
 var _excluded = ["children"];
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import ReactDOM from "react-dom";
-import FileManagerView from "./FileManager/FileManagerView";
-import pick from "lodash/pick";
-import { FileManagerProvider } from "./FileManager/FileManagerContext";
 
 var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileManagerPortal, _React$Component);
+  (0, _inherits2.default)(FileManagerPortal, _React$Component);
 
-  var _super = _createSuper(FileManagerPortal);
+  var _super = (0, _createSuper2.default)(FileManagerPortal);
 
   function FileManagerPortal(props) {
     var _this;
 
-    _classCallCheck(this, FileManagerPortal);
-
+    (0, _classCallCheck2.default)(this, FileManagerPortal);
     _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "container", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "container", null);
 
     if (!window) {
-      return _possibleConstructorReturn(_this);
+      return (0, _possibleConstructorReturn2.default)(_this);
     }
 
     _this.container = window.document.getElementById("file-manager-container");
@@ -46,18 +69,12 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(FileManagerPortal, [{
+  (0, _createClass2.default)(FileManagerPortal, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          _this$props$onChange = _this$props.onChange,
-          onChange = _this$props$onChange === void 0 ? function () {
-        return void 0;
-      } : _this$props$onChange,
-          _this$props$onClose = _this$props.onClose,
-          onClose = _this$props$onClose === void 0 ? function () {
-        return void 0;
-      } : _this$props$onClose,
+          onChange = _this$props.onChange,
+          onClose = _this$props.onClose,
           accept = _this$props.accept,
           onChangePick = _this$props.onChangePick,
           multiple = _this$props.multiple,
@@ -80,20 +97,18 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
 
         if (Array.isArray(files) === true) {
           var items = files.map(function (file) {
-            return pick(file, fields);
+            return (0, _pick.default)(file, fields);
           });
-          onChange(items);
+          onChange && onChange(items);
           return;
         }
 
-        var file = pick(files, fields);
-        onChange(file);
+        var file = (0, _pick.default)(files, fields);
+        onChange && onChange(file);
       };
 
       var props = {
-        onChange: typeof onChange === "function" ? handleFileOnChange : function () {
-          return void 0;
-        },
+        onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
         onClose: onClose,
         accept: accept,
         multiple: multiple,
@@ -111,34 +126,33 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
       } // 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);
+      return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_FileManagerContext.FileManagerProvider, props, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, props)), container);
     }
   }]);
-
   return FileManagerPortal;
-}(React.Component);
+}(_react.default.Component);
 
-export var FileManager = function FileManager(_ref) {
+var FileManager = function FileManager(_ref) {
   var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       show = _useState2[0],
       setShow = _useState2[1];
 
-  var onChangeRef = useRef(rest.onChange);
-  useEffect(function () {
+  var onChangeRef = (0, _react.useRef)(rest.onChange);
+  (0, _react.useEffect)(function () {
     onChangeRef.current = rest.onChange;
   }, [rest.onChange]);
-  var showFileManager = useCallback(function (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__*/_react.default.createElement(FileManagerPortal, Object.assign({
     onClose: function onClose() {
       return setShow(false);
     }
@@ -147,4 +161,6 @@ export var FileManager = function FileManager(_ref) {
   })), children({
     showFileManager: showFileManager
   }));
-};
+};
+
+exports.FileManager = FileManager;

package/components/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileManager.tsx"],"names":["React","useCallback","useEffect","useRef","useState","ReactDOM","FileManagerView","pick","FileManagerProvider","FileManagerPortal","props","window","container","document","getElementById","createElement","setAttribute","body","appendChild","onChange","onClose","accept","onChangePick","multiple","images","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","tags","scope","own","handleFileOnChange","files","length","fields","Array","isArray","items","map","file","createPortal","Component","FileManager","children","rest","show","setShow","onChangeRef","current","showFileManager"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport pick from \"lodash/pick\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\nimport { FileItem } from \"./FileManager/types\";\n\nexport interface ShowFileManagerCallable {\n    (onChange?: (file?: FileItem | FileItem[]) => void): void;\n}\nexport interface FileManagerPropsChildren {\n    showFileManager: ShowFileManagerCallable;\n}\n\nexport interface FileManagerProps {\n    onChange?: (files: FileItem[] | FileItem) => void;\n    onChangePick?: string[];\n    images?: boolean;\n    multiple?: boolean;\n    accept?: Array<string>;\n    tags?: Array<string>;\n    scope?: string;\n    own?: boolean;\n    children: (params: FileManagerPropsChildren) => React.ReactNode;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onClose?: Function;\n    onUploadCompletion?: (files: FileItem[]) => void;\n}\n\nexport type FileManagerPortalProps = Omit<FileManagerProps, \"children\">;\n\nclass FileManagerPortal extends React.Component<FileManagerPortalProps> {\n    public container: HTMLElement | null = null;\n    constructor(props: FileManagerPortalProps) {\n        super(props);\n\n        if (!window) {\n            return;\n        }\n\n        this.container = window.document.getElementById(\"file-manager-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"file-manager-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const {\n            onChange = () => {\n                return void 0;\n            },\n            onClose = () => {\n                return void 0;\n            },\n            accept,\n            onChangePick,\n            multiple,\n            images,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            onUploadCompletion,\n            tags,\n            scope,\n            own\n        } = this.props;\n\n        const container = this.container as HTMLElement;\n\n        const handleFileOnChange = (files?: FileItem[] | FileItem) => {\n            if (!files || files.length === 0) {\n                return;\n            }\n            const fields = Array.isArray(onChangePick)\n                ? onChangePick\n                : [\"id\", \"name\", \"key\", \"src\", \"size\", \"type\"];\n\n            if (Array.isArray(files) === true) {\n                const items = (files as FileItem[]).map(file => pick(file, fields));\n                onChange(items as FileItem[]);\n                return;\n            }\n            const file = pick(files as FileItem, fields);\n\n            onChange(file as FileItem);\n        };\n\n        const props: FileManagerViewProps = {\n            onChange:\n                typeof onChange === \"function\"\n                    ? handleFileOnChange\n                    : () => {\n                          return void 0;\n                      },\n            onClose,\n            accept: accept as string[],\n            multiple: multiple as boolean,\n            maxSize: maxSize as string,\n            multipleMaxCount: multipleMaxCount as number,\n            multipleMaxSize: multipleMaxSize as number,\n            onUploadCompletion,\n            tags: tags,\n            scope: scope,\n            own: own\n        };\n\n        if (images) {\n            props.accept = [\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        }\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <FileManagerProvider {...props}>\n                <FileManagerView {...props} />\n            </FileManagerProvider>,\n            container\n        );\n    }\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({ children, ...rest }) => {\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(rest.onChange);\n\n    useEffect(() => {\n        onChangeRef.current = rest.onChange;\n    }, [rest.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                <FileManagerPortal\n                    onClose={() => setShow(false)}\n                    {...rest}\n                    onChange={onChangeRef.current}\n                />\n            )}\n            {children({ showFileManager })}\n        </>\n    );\n};\n"]}
+{"version":3,"names":["FileManagerPortal","props","window","container","document","getElementById","createElement","setAttribute","body","appendChild","onChange","onClose","accept","onChangePick","multiple","images","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","tags","scope","own","handleFileOnChange","files","length","fields","Array","isArray","items","map","file","pick","undefined","ReactDOM","createPortal","React","Component","FileManager","children","rest","useState","show","setShow","onChangeRef","useRef","useEffect","current","showFileManager","useCallback"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport pick from \"lodash/pick\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\nimport { FileItem } from \"./FileManager/types\";\n\nexport interface ShowFileManagerCallable {\n    (onChange?: (file?: FileItem | FileItem[]) => void): void;\n}\nexport interface FileManagerPropsChildren {\n    showFileManager: ShowFileManagerCallable;\n}\n\nexport interface FileManagerProps {\n    onChange?: (files: FileItem[] | FileItem) => void;\n    onChangePick?: string[];\n    images?: boolean;\n    multiple?: boolean;\n    accept?: Array<string>;\n    tags?: Array<string>;\n    scope?: string;\n    own?: boolean;\n    children: (params: FileManagerPropsChildren) => React.ReactNode;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onClose?: Function;\n    onUploadCompletion?: (files: FileItem[]) => void;\n}\n\nexport type FileManagerPortalProps = Omit<FileManagerProps, \"children\">;\n\nclass FileManagerPortal extends React.Component<FileManagerPortalProps> {\n    public container: HTMLElement | null = null;\n    constructor(props: FileManagerPortalProps) {\n        super(props);\n\n        if (!window) {\n            return;\n        }\n\n        this.container = window.document.getElementById(\"file-manager-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"file-manager-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const {\n            onChange,\n            onClose,\n            accept,\n            onChangePick,\n            multiple,\n            images,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            onUploadCompletion,\n            tags,\n            scope,\n            own\n        } = this.props;\n\n        const container = this.container as HTMLElement;\n\n        const handleFileOnChange = (files?: FileItem[] | FileItem) => {\n            if (!files || files.length === 0) {\n                return;\n            }\n            const fields = Array.isArray(onChangePick)\n                ? onChangePick\n                : [\"id\", \"name\", \"key\", \"src\", \"size\", \"type\"];\n\n            if (Array.isArray(files) === true) {\n                const items = (files as FileItem[]).map(file => pick(file, fields));\n                onChange && onChange(items as FileItem[]);\n                return;\n            }\n            const file = pick(files as FileItem, fields);\n\n            onChange && onChange(file as FileItem);\n        };\n\n        const props: FileManagerViewProps = {\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined,\n            onClose,\n            accept: accept as string[],\n            multiple: multiple as boolean,\n            maxSize: maxSize as string,\n            multipleMaxCount: multipleMaxCount as number,\n            multipleMaxSize: multipleMaxSize as number,\n            onUploadCompletion,\n            tags: tags,\n            scope: scope,\n            own: own\n        };\n\n        if (images) {\n            props.accept = [\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        }\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <FileManagerProvider {...props}>\n                <FileManagerView {...props} />\n            </FileManagerProvider>,\n            container\n        );\n    }\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({ children, ...rest }) => {\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(rest.onChange);\n\n    useEffect(() => {\n        onChangeRef.current = rest.onChange;\n    }, [rest.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                <FileManagerPortal\n                    onClose={() => setShow(false)}\n                    {...rest}\n                    onChange={onChangeRef.current}\n                />\n            )}\n            {children({ showFileManager })}\n        </>\n    );\n};\n"],"mappings":"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"}

package/components/FloatingActionButton.js

@@ -1,7 +1,19 @@
-import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "../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 +21,9 @@ 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

@@ -1 +1 @@
-{"version":3,"sources":["FloatingActionButton.tsx"],"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","position","bottom","right"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,cAAc,IAAIC,OAA3B,6C,CAEA;;AACA,IAAMC,oBAA8B,GAAG,SAAjCA,oBAAiC,CAAAC,KAAK,EAAI;AAC5C,sBACI;AACI,IAAA,KAAK,EAAE;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,EAFL;AAGHC,MAAAA,KAAK,EAAE;AAHJ;AADX,kBAOI,oBAAC,cAAD,oBAAoBH,KAApB;AAA2B,IAAA,IAAI,eAAE,oBAAC,OAAD;AAAjC,KAPJ,CADJ;AAWH,CAZD;;AAcA,SAASD,oBAAT","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"]}
+{"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,oBAAiC,CAAAC,KAAK,EAAI;EAC5C,oBACI;IACI,KAAK,EAAE;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE,EAFL;MAGHC,KAAK,EAAE;IAHJ;EADX,gBAOI,oBAAC,sBAAD,oBAAoBH,KAApB;IAA2B,IAAI,eAAE,oBAAC,4BAAD;EAAjC,GAPJ,CADJ;AAWH,CAZD"}

package/components/MultiImageUpload.js

@@ -1,17 +1,28 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Image = require("@webiny/app/components/Image");
+
+var _ImageUpload = require("@webiny/ui/ImageUpload");
+
 var _excluded = ["imagePreviewProps"];
-import * as React from "react";
-import { Image } from "@webiny/app/components/Image";
-import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload";
-/**
- * TODO @ts-refactor
- */
 
 var MultiImageUpload = function MultiImageUpload(_ref) {
   var imagePreviewProps = _ref.imagePreviewProps,
-      multiImageUploadProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(UiMultiImageUpload
+      multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_ImageUpload.MultiImageUpload
   /**
    * TODO @ts-refactor
    * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?
@@ -19,7 +30,7 @@ var MultiImageUpload = function MultiImageUpload(_ref) {
   // @ts-ignore
   , Object.assign({
     renderImagePreview: function renderImagePreview(renderImageProps) {
-      return /*#__PURE__*/React.createElement(Image, Object.assign({
+      return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({
         transform: {
           width: 300
         }
@@ -28,4 +39,5 @@ var MultiImageUpload = function MultiImageUpload(_ref) {
   }, multiImageUploadProps));
 };
 
-export default MultiImageUpload;
+var _default = MultiImageUpload;
+exports.default = _default;

package/components/MultiImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MultiImageUpload.tsx"],"names":["React","Image","MultiImageUpload","UiMultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AACA,SAASC,gBAAgB,IAAIC,kBAA7B,QAAuD,wBAAvD;AAEA;AACA;AACA;;AAQA,IAAMD,gBAAiD,GAAG,SAApDA,gBAAoD,OAGpD;AAAA,MAFFE,iBAEE,QAFFA,iBAEE;AAAA,MADCC,qBACD;;AACF,sBACI,oBAAC;AACG;AACZ;AACA;AACA;AACY;AALJ;AAMI,IAAA,kBAAkB,EAAE,4BAACC,gBAAD,EAA2C;AAC3D,0BACI,oBAAC,KAAD;AACI,QAAA,SAAS,EAAE;AAAEC,UAAAA,KAAK,EAAE;AAAT;AADf,SAEQH,iBAFR,EAGQE,gBAHR,EADJ;AAOH;AAdL,KAeQD,qBAfR,EADJ;AAmBH,CAvBD;;AAwBA,eAAeH,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"]}
+{"version":3,"names":["MultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAGpD;EAAA,IAFFC,iBAEE,QAFFA,iBAEE;EAAA,IADCC,qBACD;EACF,oBACI,oBAAC;EACG;AACZ;AACA;AACA;EACY;EALJ;IAMI,kBAAkB,EAAE,4BAACC,gBAAD,EAA2C;MAC3D,oBACI,oBAAC,YAAD;QACI,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAT;MADf,GAEQH,iBAFR,EAGQE,gBAHR,EADJ;IAOH;EAdL,GAeQD,qBAfR,EADJ;AAmBH,CAvBD;;eAwBeF,gB"}