@webiny/app-admin 5.27.0 → 5.28.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/Admin.js +44 -24
- package/base/Admin.js.map +1 -1
- package/base/Base.js +52 -29
- package/base/Base.js.map +1 -1
- package/base/plugins/AddGraphQLQuerySelection.js +26 -11
- package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
- package/base/providers/ApolloProvider.js +19 -6
- package/base/providers/ApolloProvider.js.map +1 -1
- package/base/providers/TelemetryProvider.js +21 -8
- package/base/providers/TelemetryProvider.js.map +1 -1
- package/base/providers/UiStateProvider.js +18 -5
- package/base/providers/UiStateProvider.js.map +1 -1
- package/base/providers/ViewCompositionProvider.js +34 -15
- package/base/providers/ViewCompositionProvider.js.map +1 -1
- package/base/ui/Brand.js +18 -5
- package/base/ui/Brand.js.map +1 -1
- package/base/ui/CenteredView.js +21 -8
- package/base/ui/CenteredView.js.map +1 -1
- package/base/ui/Dashboard.js +18 -5
- package/base/ui/Dashboard.js.map +1 -1
- package/base/ui/Layout.js +21 -8
- package/base/ui/Layout.js.map +1 -1
- package/base/ui/LocaleSelector.js +18 -5
- package/base/ui/LocaleSelector.js.map +1 -1
- package/base/ui/LoginScreen.js +22 -7
- package/base/ui/LoginScreen.js.map +1 -1
- package/base/ui/Logo.js +25 -9
- package/base/ui/Logo.js.map +1 -1
- package/base/ui/Menu.js +46 -26
- package/base/ui/Menu.js.map +1 -1
- package/base/ui/Navigation.js +79 -42
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/NotFound.js +18 -5
- package/base/ui/NotFound.js.map +1 -1
- package/base/ui/Search.js +50 -22
- package/base/ui/Search.js.map +1 -1
- package/base/ui/Tags.js +23 -7
- package/base/ui/Tags.js.map +1 -1
- package/base/ui/UserMenu.js +74 -36
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AdminLayout.js +18 -5
- package/components/AdminLayout.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js +79 -49
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js +50 -28
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/AppInstaller/index.js +20 -7
- package/components/AppInstaller/index.js.map +1 -1
- package/components/AppInstaller/styled.js +26 -9
- package/components/AppInstaller/styled.js.map +1 -1
- package/components/AppInstaller/useInstaller.js +67 -40
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/EmptyView.js +25 -11
- package/components/EmptyView.js.map +1 -1
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +23 -9
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
- package/components/FileManager/BottomInfoBar/UploadStatus.js +21 -8
- package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
- package/components/FileManager/BottomInfoBar.js +29 -11
- package/components/FileManager/BottomInfoBar.js.map +1 -1
- package/components/FileManager/DropFilesHere.js +27 -12
- package/components/FileManager/DropFilesHere.js.map +1 -1
- package/components/FileManager/File.js +42 -24
- package/components/FileManager/File.js.map +1 -1
- package/components/FileManager/FileDetails/Name.js +52 -30
- package/components/FileManager/FileDetails/Name.js.map +1 -1
- package/components/FileManager/FileDetails/Tags.js +112 -73
- package/components/FileManager/FileDetails/Tags.js.map +1 -1
- package/components/FileManager/FileDetails.js +157 -120
- package/components/FileManager/FileDetails.js.map +1 -1
- package/components/FileManager/FileManagerContext.js +39 -20
- package/components/FileManager/FileManagerContext.js.map +1 -1
- package/components/FileManager/FileManagerView.js +172 -130
- package/components/FileManager/FileManagerView.js.map +1 -1
- package/components/FileManager/LeftSidebar.js +49 -28
- package/components/FileManager/LeftSidebar.js.map +1 -1
- package/components/FileManager/NoPermissionView.js +35 -18
- package/components/FileManager/NoPermissionView.js.map +1 -1
- package/components/FileManager/NoResults.js +18 -6
- package/components/FileManager/NoResults.js.map +1 -1
- package/components/FileManager/getFileTypePlugin.js +23 -9
- package/components/FileManager/getFileTypePlugin.js.map +1 -1
- package/components/FileManager/getFileUploader.js +14 -4
- package/components/FileManager/getFileUploader.js.map +1 -1
- package/components/FileManager/graphql.js +24 -8
- package/components/FileManager/graphql.js.map +1 -1
- package/components/FileManager/outputFileSelectionError.js +16 -4
- package/components/FileManager/outputFileSelectionError.js.map +1 -1
- package/components/FileManager/types.js +5 -1
- package/components/FileManager/types.js.map +1 -1
- package/components/FileManager.js +60 -36
- package/components/FileManager.js.map +1 -1
- package/components/FloatingActionButton.js +18 -6
- package/components/FloatingActionButton.js.map +1 -1
- package/components/MultiImageUpload.js +24 -12
- package/components/MultiImageUpload.js.map +1 -1
- package/components/OverlayLayout/OverlayLayout.js +68 -43
- package/components/OverlayLayout/OverlayLayout.js.map +1 -1
- package/components/OverlayLayout/index.js +13 -1
- package/components/OverlayLayout/index.js.map +1 -1
- package/components/Permissions/Permissions.js +28 -11
- package/components/Permissions/Permissions.js.map +1 -1
- package/components/Permissions/StyledComponents.js +26 -9
- package/components/Permissions/StyledComponents.js.map +1 -1
- package/components/Permissions/index.js +30 -2
- package/components/Permissions/index.js.map +1 -1
- package/components/RichTextEditor/RichTextEditor.js +24 -9
- package/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/components/RichTextEditor/index.js +21 -2
- package/components/RichTextEditor/index.js.map +1 -1
- package/components/RichTextEditor/tools/header/index.js +34 -33
- package/components/RichTextEditor/tools/header/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/index.js +34 -28
- package/components/RichTextEditor/tools/image/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/svgs.js +9 -2
- package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
- package/components/RichTextEditor/tools/image/tunes.js +28 -22
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
- package/components/RichTextEditor/tools/image/types.js +5 -1
- package/components/RichTextEditor/tools/image/types.js.map +1 -1
- package/components/RichTextEditor/tools/image/ui.js +30 -23
- package/components/RichTextEditor/tools/image/ui.js.map +1 -1
- package/components/RichTextEditor/tools/paragraph/index.js +43 -41
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
- package/components/RichTextEditor/tools/textColor/index.js +27 -26
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
- package/components/RichTextEditor/tools/utils.js +14 -5
- package/components/RichTextEditor/tools/utils.js.map +1 -1
- package/components/Routes.js +24 -9
- package/components/Routes.js.map +1 -1
- package/components/SearchUI.js +23 -9
- package/components/SearchUI.js.map +1 -1
- package/components/SimpleForm/SimpleForm.js +60 -29
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleForm/index.js +31 -1
- package/components/SimpleForm/index.js.map +1 -1
- package/components/SimpleUI/InputField.js +35 -18
- package/components/SimpleUI/InputField.js.map +1 -1
- package/components/SingleImageUpload.js +41 -22
- package/components/SingleImageUpload.js.map +1 -1
- package/components/SplitView/SplitView.js +42 -19
- package/components/SplitView/SplitView.js.map +1 -1
- package/components/SplitView/index.js +25 -1
- package/components/SplitView/index.js.map +1 -1
- package/components/index.js +13 -1
- package/components/index.js.map +1 -1
- package/hooks/useConfirmationDialog.js +29 -16
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/hooks/useDialog.js +16 -6
- package/hooks/useDialog.js.map +1 -1
- package/hooks/useSnackbar.js +20 -7
- package/hooks/useSnackbar.js.map +1 -1
- package/index.js +286 -26
- package/index.js.map +1 -1
- package/package.json +20 -20
- package/plugins/FileManagerFileTypePlugin.js +33 -20
- package/plugins/FileManagerFileTypePlugin.js.map +1 -1
- package/plugins/MenuPlugin.js +33 -20
- package/plugins/MenuPlugin.js.map +1 -1
- package/plugins/PermissionRendererPlugin.js +33 -20
- package/plugins/PermissionRendererPlugin.js.map +1 -1
- package/plugins/fileManager/fileDefault.js +24 -8
- package/plugins/fileManager/fileDefault.js.map +1 -1
- package/plugins/fileManager/fileImage/DeleteAction.js +45 -24
- package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
- package/plugins/fileManager/fileImage/EditAction.js +51 -28
- package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
- package/plugins/fileManager/fileImage/index.js +29 -10
- package/plugins/fileManager/fileImage/index.js.map +1 -1
- package/plugins/fileManager/index.js +15 -3
- package/plugins/fileManager/index.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js +82 -60
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js +46 -27
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/plugins/globalSearch/index.js +9 -2
- package/plugins/globalSearch/index.js.map +1 -1
- package/plugins/globalSearch/styled.js +33 -13
- package/plugins/globalSearch/styled.js.map +1 -1
- package/plugins/index.js +20 -6
- package/plugins/index.js.map +1 -1
- package/plugins/uiLayoutRenderer/index.js +26 -13
- package/plugins/uiLayoutRenderer/index.js.map +1 -1
- package/types.js +5 -1
- package/types.js.map +1 -1
- package/ui/UIElement.js +19 -1
- package/ui/UIElement.js.map +1 -1
- package/ui/UILayout.js +19 -1
- package/ui/UILayout.js.map +1 -1
- package/ui/UIRenderer.js +13 -1
- package/ui/UIRenderer.js.map +1 -1
- package/ui/UIView.js +25 -1
- package/ui/UIView.js.map +1 -1
- package/ui/elements/AccordionElement.js +52 -32
- package/ui/elements/AccordionElement.js.map +1 -1
- package/ui/elements/ButtonElement.js +36 -19
- package/ui/elements/ButtonElement.js.map +1 -1
- package/ui/elements/ButtonGroupElement.js +38 -19
- package/ui/elements/ButtonGroupElement.js.map +1 -1
- package/ui/elements/GenericElement.js +18 -1
- package/ui/elements/GenericElement.js.map +1 -1
- package/ui/elements/LabelElement.js +26 -13
- package/ui/elements/LabelElement.js.map +1 -1
- package/ui/elements/NavigationMenuElement.js +48 -30
- package/ui/elements/NavigationMenuElement.js.map +1 -1
- package/ui/elements/PanelElement.js +27 -12
- package/ui/elements/PanelElement.js.map +1 -1
- package/ui/elements/PlaceholderElement.js +27 -13
- package/ui/elements/PlaceholderElement.js.map +1 -1
- package/ui/elements/SmallButtonElement.js +36 -19
- package/ui/elements/SmallButtonElement.js.map +1 -1
- package/ui/elements/TypographyElement.js +38 -20
- package/ui/elements/TypographyElement.js.map +1 -1
- package/ui/elements/ViewElement.js +18 -1
- package/ui/elements/ViewElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +33 -17
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement.js +41 -23
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +30 -14
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +51 -28
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +45 -25
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/styled.d.ts +3 -3
- package/ui/elements/form/FileManagerElement/styled.js +26 -12
- package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
- package/ui/elements/form/FileManagerElement.js +39 -22
- package/ui/elements/form/FileManagerElement.js.map +1 -1
- package/ui/elements/form/FormElement.js +42 -21
- package/ui/elements/form/FormElement.js.map +1 -1
- package/ui/elements/form/FormFieldElement.js +38 -23
- package/ui/elements/form/FormFieldElement.js.map +1 -1
- package/ui/elements/form/HiddenElement.js +30 -15
- package/ui/elements/form/HiddenElement.js.map +1 -1
- package/ui/elements/form/InputElement.js +34 -18
- package/ui/elements/form/InputElement.js.map +1 -1
- package/ui/elements/form/PasswordElement.js +34 -18
- package/ui/elements/form/PasswordElement.js.map +1 -1
- package/ui/elements/form/SelectElement.js +35 -19
- package/ui/elements/form/SelectElement.js.map +1 -1
- package/ui/elements/form/TextareaElement.js +34 -18
- package/ui/elements/form/TextareaElement.js.map +1 -1
- package/ui/views/AdminView/ContentElement.js +40 -24
- package/ui/views/AdminView/ContentElement.js.map +1 -1
- package/ui/views/AdminView/HeaderElement.js +60 -39
- package/ui/views/AdminView/HeaderElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
- package/ui/views/AdminView/components/Dialog.js +32 -15
- package/ui/views/AdminView/components/Dialog.js.map +1 -1
- package/ui/views/AdminView/components/Hamburger.js +25 -11
- package/ui/views/AdminView/components/Hamburger.js.map +1 -1
- package/ui/views/AdminView/components/Snackbar.js +26 -13
- package/ui/views/AdminView/components/Snackbar.js.map +1 -1
- package/ui/views/FormView/FormContainerElement.js +45 -25
- package/ui/views/FormView/FormContainerElement.js.map +1 -1
- package/ui/views/FormView/FormContentElement.js +27 -12
- package/ui/views/FormView/FormContentElement.js.map +1 -1
- package/ui/views/FormView/FormFooterElement.js +38 -19
- package/ui/views/FormView/FormFooterElement.js.map +1 -1
- package/ui/views/FormView/FormHeaderElement.js +52 -30
- package/ui/views/FormView/FormHeaderElement.js.map +1 -1
- package/ui/views/FormView.js +60 -34
- package/ui/views/FormView.js.map +1 -1
- package/ui/views/OverlayView/ContentElement.js +38 -19
- package/ui/views/OverlayView/ContentElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderElement.js +56 -37
- package/ui/views/OverlayView/HeaderElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +44 -25
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
- package/ui/views/OverlayView/useOverlayView.js +32 -16
- package/ui/views/OverlayView/useOverlayView.js.map +1 -1
- package/ui/views/OverlayView.js +65 -42
- package/ui/views/OverlayView.js.map +1 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +47 -28
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
- package/ui/views/SplitView.js +57 -37
- package/ui/views/SplitView.js.map +1 -1
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.UPDATE_FILE = exports.LIST_TAGS = exports.LIST_FILES = exports.GET_FILE_SETTINGS = exports.DELETE_FILE = exports.CREATE_FILE = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
|
|
2
13
|
|
|
3
14
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
15
|
|
|
5
|
-
import gql from "graphql-tag";
|
|
6
16
|
var FILE_FIELDS =
|
|
7
17
|
/* GraphQL */
|
|
8
18
|
"\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 =
|
|
|
14
24
|
* List Files Query Response
|
|
15
25
|
*/
|
|
16
26
|
|
|
17
|
-
|
|
27
|
+
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);
|
|
18
28
|
/**
|
|
19
29
|
* ##################
|
|
20
30
|
* List File Tags Query Response
|
|
21
31
|
*/
|
|
22
32
|
|
|
23
|
-
|
|
33
|
+
exports.LIST_FILES = LIST_FILES;
|
|
34
|
+
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"])));
|
|
24
35
|
/**
|
|
25
36
|
* ##################
|
|
26
37
|
* Create File Mutation Response
|
|
27
38
|
*/
|
|
28
39
|
|
|
29
|
-
|
|
40
|
+
exports.LIST_TAGS = LIST_TAGS;
|
|
41
|
+
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);
|
|
30
42
|
/**
|
|
31
43
|
* ##################
|
|
32
44
|
* Update File Mutation Response
|
|
33
45
|
*/
|
|
34
46
|
|
|
35
|
-
|
|
47
|
+
exports.CREATE_FILE = CREATE_FILE;
|
|
48
|
+
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);
|
|
36
49
|
/**
|
|
37
50
|
* ##################
|
|
38
51
|
* Delete File Mutation Response
|
|
39
52
|
*/
|
|
40
53
|
|
|
41
|
-
|
|
42
|
-
|
|
54
|
+
exports.UPDATE_FILE = UPDATE_FILE;
|
|
55
|
+
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);
|
|
56
|
+
exports.DELETE_FILE = DELETE_FILE;
|
|
57
|
+
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);
|
|
58
|
+
exports.GET_FILE_SETTINGS = GET_FILE_SETTINGS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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;;;;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"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _bytes = _interopRequireDefault(require("bytes"));
|
|
11
|
+
|
|
12
|
+
var _default = function _default(errors) {
|
|
3
13
|
if (errors.length > 1) {
|
|
4
14
|
var error = errors.find(function (error) {
|
|
5
15
|
return error.type === "multipleMaxCountExceeded";
|
|
@@ -14,7 +24,7 @@ export default (function (errors) {
|
|
|
14
24
|
});
|
|
15
25
|
|
|
16
26
|
if (error) {
|
|
17
|
-
return "Cannot upload more than ".concat(
|
|
27
|
+
return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
|
|
18
28
|
}
|
|
19
29
|
|
|
20
30
|
return "Multiple invalid files selected.";
|
|
@@ -39,4 +49,6 @@ export default (function (errors) {
|
|
|
39
49
|
default:
|
|
40
50
|
return null;
|
|
41
51
|
}
|
|
42
|
-
}
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"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":""}
|
|
@@ -1,35 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.FileManager = void 0;
|
|
11
|
+
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
+
|
|
16
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
|
|
18
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
+
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
+
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
+
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
27
|
+
|
|
28
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
+
|
|
30
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
31
|
+
|
|
32
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
33
|
+
|
|
34
|
+
var _FileManagerView = _interopRequireDefault(require("./FileManager/FileManagerView"));
|
|
35
|
+
|
|
36
|
+
var _pick = _interopRequireDefault(require("lodash/pick"));
|
|
37
|
+
|
|
38
|
+
var _FileManagerContext = require("./FileManager/FileManagerContext");
|
|
39
|
+
|
|
10
40
|
var _excluded = ["children"];
|
|
11
|
-
import React, { useCallback, useEffect, useRef, useState } from "react";
|
|
12
|
-
import ReactDOM from "react-dom";
|
|
13
|
-
import FileManagerView from "./FileManager/FileManagerView";
|
|
14
|
-
import pick from "lodash/pick";
|
|
15
|
-
import { FileManagerProvider } from "./FileManager/FileManagerContext";
|
|
16
41
|
|
|
17
42
|
var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
18
|
-
|
|
43
|
+
(0, _inherits2.default)(FileManagerPortal, _React$Component);
|
|
19
44
|
|
|
20
|
-
var _super =
|
|
45
|
+
var _super = (0, _createSuper2.default)(FileManagerPortal);
|
|
21
46
|
|
|
22
47
|
function FileManagerPortal(props) {
|
|
23
48
|
var _this;
|
|
24
49
|
|
|
25
|
-
|
|
26
|
-
|
|
50
|
+
(0, _classCallCheck2.default)(this, FileManagerPortal);
|
|
27
51
|
_this = _super.call(this, props);
|
|
28
|
-
|
|
29
|
-
_defineProperty(_assertThisInitialized(_this), "container", null);
|
|
52
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "container", null);
|
|
30
53
|
|
|
31
54
|
if (!window) {
|
|
32
|
-
return
|
|
55
|
+
return (0, _possibleConstructorReturn2.default)(_this);
|
|
33
56
|
}
|
|
34
57
|
|
|
35
58
|
_this.container = window.document.getElementById("file-manager-container");
|
|
@@ -46,7 +69,7 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
|
46
69
|
return _this;
|
|
47
70
|
}
|
|
48
71
|
|
|
49
|
-
|
|
72
|
+
(0, _createClass2.default)(FileManagerPortal, [{
|
|
50
73
|
key: "render",
|
|
51
74
|
value: function render() {
|
|
52
75
|
var _this$props = this.props,
|
|
@@ -74,13 +97,13 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
|
74
97
|
|
|
75
98
|
if (Array.isArray(files) === true) {
|
|
76
99
|
var items = files.map(function (file) {
|
|
77
|
-
return
|
|
100
|
+
return (0, _pick.default)(file, fields);
|
|
78
101
|
});
|
|
79
102
|
onChange && onChange(items);
|
|
80
103
|
return;
|
|
81
104
|
}
|
|
82
105
|
|
|
83
|
-
var file =
|
|
106
|
+
var file = (0, _pick.default)(files, fields);
|
|
84
107
|
onChange && onChange(file);
|
|
85
108
|
};
|
|
86
109
|
|
|
@@ -103,34 +126,33 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
|
103
126
|
} // Let's pass "permanent" / "persistent" / "temporary" flags as "mode" prop instead.
|
|
104
127
|
|
|
105
128
|
|
|
106
|
-
return /*#__PURE__*/
|
|
129
|
+
return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_FileManagerContext.FileManagerProvider, props, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, props)), container);
|
|
107
130
|
}
|
|
108
131
|
}]);
|
|
109
|
-
|
|
110
132
|
return FileManagerPortal;
|
|
111
|
-
}(
|
|
133
|
+
}(_react.default.Component);
|
|
112
134
|
|
|
113
|
-
|
|
135
|
+
var FileManager = function FileManager(_ref) {
|
|
114
136
|
var children = _ref.children,
|
|
115
|
-
rest =
|
|
137
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
116
138
|
|
|
117
|
-
var _useState = useState(false),
|
|
118
|
-
_useState2 =
|
|
139
|
+
var _useState = (0, _react.useState)(false),
|
|
140
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
119
141
|
show = _useState2[0],
|
|
120
142
|
setShow = _useState2[1];
|
|
121
143
|
|
|
122
|
-
var onChangeRef = useRef(rest.onChange);
|
|
123
|
-
useEffect(function () {
|
|
144
|
+
var onChangeRef = (0, _react.useRef)(rest.onChange);
|
|
145
|
+
(0, _react.useEffect)(function () {
|
|
124
146
|
onChangeRef.current = rest.onChange;
|
|
125
147
|
}, [rest.onChange]);
|
|
126
|
-
var showFileManager = useCallback(function (onChange) {
|
|
148
|
+
var showFileManager = (0, _react.useCallback)(function (onChange) {
|
|
127
149
|
if (typeof onChange === "function") {
|
|
128
150
|
onChangeRef.current = onChange;
|
|
129
151
|
}
|
|
130
152
|
|
|
131
153
|
setShow(true);
|
|
132
154
|
}, []);
|
|
133
|
-
return /*#__PURE__*/
|
|
155
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_react.default.createElement(FileManagerPortal, Object.assign({
|
|
134
156
|
onClose: function onClose() {
|
|
135
157
|
return setShow(false);
|
|
136
158
|
}
|
|
@@ -139,4 +161,6 @@ export var FileManager = function FileManager(_ref) {
|
|
|
139
161
|
})), children({
|
|
140
162
|
showFileManager: showFileManager
|
|
141
163
|
}));
|
|
142
|
-
};
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
exports.FileManager = FileManager;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"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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"}
|
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
import { ButtonFloating } from "@webiny/ui/Button";
|
|
3
|
-
import { ReactComponent as AddIcon } from "../assets/icons/round-add-24px.svg"; // Set "styles" inline, since no customizations are possible / needed here.
|
|
1
|
+
"use strict";
|
|
4
2
|
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.FloatingActionButton = void 0;
|
|
9
|
+
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _Button = require("@webiny/ui/Button");
|
|
13
|
+
|
|
14
|
+
var _roundAdd24px = require("../assets/icons/round-add-24px.svg");
|
|
15
|
+
|
|
16
|
+
// Set "styles" inline, since no customizations are possible / needed here.
|
|
5
17
|
var FloatingActionButton = function FloatingActionButton(props) {
|
|
6
18
|
return /*#__PURE__*/React.createElement("div", {
|
|
7
19
|
style: {
|
|
@@ -9,9 +21,9 @@ var FloatingActionButton = function FloatingActionButton(props) {
|
|
|
9
21
|
bottom: 20,
|
|
10
22
|
right: 20
|
|
11
23
|
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
|
|
13
|
-
icon: /*#__PURE__*/React.createElement(
|
|
24
|
+
}, /*#__PURE__*/React.createElement(_Button.ButtonFloating, Object.assign({}, props, {
|
|
25
|
+
icon: /*#__PURE__*/React.createElement(_roundAdd24px.ReactComponent, null)
|
|
14
26
|
})));
|
|
15
27
|
};
|
|
16
28
|
|
|
17
|
-
|
|
29
|
+
exports.FloatingActionButton = FloatingActionButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,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"}
|
|
@@ -1,17 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.default = void 0;
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var React = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
16
|
+
var _Image = require("@webiny/app/components/Image");
|
|
17
|
+
|
|
18
|
+
var _ImageUpload = require("@webiny/ui/ImageUpload");
|
|
19
|
+
|
|
2
20
|
var _excluded = ["imagePreviewProps"];
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { Image } from "@webiny/app/components/Image";
|
|
5
|
-
import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload";
|
|
6
|
-
/**
|
|
7
|
-
* TODO @ts-refactor
|
|
8
|
-
*/
|
|
9
21
|
|
|
10
22
|
var MultiImageUpload = function MultiImageUpload(_ref) {
|
|
11
23
|
var imagePreviewProps = _ref.imagePreviewProps,
|
|
12
|
-
multiImageUploadProps =
|
|
13
|
-
|
|
14
|
-
return /*#__PURE__*/React.createElement(UiMultiImageUpload
|
|
24
|
+
multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/React.createElement(_ImageUpload.MultiImageUpload
|
|
15
26
|
/**
|
|
16
27
|
* TODO @ts-refactor
|
|
17
28
|
* It appers that renderImagePreview does not exist on UiMultiImageUpload. So how did this work?
|
|
@@ -19,7 +30,7 @@ var MultiImageUpload = function MultiImageUpload(_ref) {
|
|
|
19
30
|
// @ts-ignore
|
|
20
31
|
, Object.assign({
|
|
21
32
|
renderImagePreview: function renderImagePreview(renderImageProps) {
|
|
22
|
-
return /*#__PURE__*/React.createElement(Image, Object.assign({
|
|
33
|
+
return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({
|
|
23
34
|
transform: {
|
|
24
35
|
width: 300
|
|
25
36
|
}
|
|
@@ -28,4 +39,5 @@ var MultiImageUpload = function MultiImageUpload(_ref) {
|
|
|
28
39
|
}, multiImageUploadProps));
|
|
29
40
|
};
|
|
30
41
|
|
|
31
|
-
|
|
42
|
+
var _default = MultiImageUpload;
|
|
43
|
+
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"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"}
|