@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.1e66d121db
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/assets/icons/slack-logo.svg +1 -1
- package/base/Admin.d.ts +7 -0
- package/base/Admin.js +55 -0
- package/base/Admin.js.map +1 -0
- package/base/Base.d.ts +2 -0
- package/base/Base.js +110 -0
- package/base/Base.js.map +1 -0
- package/base/plugins/AddGraphQLQuerySelection.d.ts +9 -0
- package/base/plugins/AddGraphQLQuerySelection.js +31 -0
- package/base/plugins/AddGraphQLQuerySelection.js.map +1 -0
- package/base/providers/ApolloProvider.d.ts +10 -0
- package/base/providers/ApolloProvider.js +26 -0
- package/base/providers/ApolloProvider.js.map +1 -0
- package/base/providers/TelemetryProvider.d.ts +2 -0
- package/base/providers/TelemetryProvider.js +37 -0
- package/base/providers/TelemetryProvider.js.map +1 -0
- package/base/providers/UiStateProvider.d.ts +2 -0
- package/base/providers/UiStateProvider.js +23 -0
- package/base/providers/UiStateProvider.js.map +1 -0
- package/base/providers/ViewCompositionProvider.d.ts +17 -0
- package/base/providers/ViewCompositionProvider.js +70 -0
- package/base/providers/ViewCompositionProvider.js.map +1 -0
- package/base/ui/Brand.d.ts +2 -0
- package/base/ui/Brand.js +19 -0
- package/base/ui/Brand.js.map +1 -0
- package/base/ui/CenteredView.d.ts +4 -0
- package/base/ui/CenteredView.js +40 -0
- package/base/ui/CenteredView.js.map +1 -0
- package/base/ui/Dashboard.d.ts +2 -0
- package/base/ui/Dashboard.js +19 -0
- package/base/ui/Dashboard.js.map +1 -0
- package/base/ui/Layout.d.ts +7 -0
- package/base/ui/Layout.js +24 -0
- package/base/ui/Layout.js.map +1 -0
- package/base/ui/LocaleSelector.d.ts +2 -0
- package/base/ui/LocaleSelector.js +19 -0
- package/base/ui/LocaleSelector.js.map +1 -0
- package/base/ui/LoginScreen.d.ts +6 -0
- package/base/ui/LoginScreen.js +27 -0
- package/base/ui/LoginScreen.js.map +1 -0
- package/base/ui/Logo.d.ts +8 -0
- package/base/ui/Logo.js +36 -0
- package/base/ui/Logo.js.map +1 -0
- package/base/ui/Menu.d.ts +31 -0
- package/base/ui/Menu.js +166 -0
- package/base/ui/Menu.js.map +1 -0
- package/base/ui/Navigation.d.ts +24 -0
- package/base/ui/Navigation.js +184 -0
- package/base/ui/Navigation.js.map +1 -0
- package/base/ui/NotFound.d.ts +2 -0
- package/base/ui/NotFound.js +19 -0
- package/base/ui/NotFound.js.map +1 -0
- package/base/ui/Search.d.ts +19 -0
- package/base/ui/Search.js +81 -0
- package/base/ui/Search.js.map +1 -0
- package/base/ui/Tags.d.ts +10 -0
- package/base/ui/Tags.js +29 -0
- package/base/ui/Tags.js.map +1 -0
- package/base/ui/UserMenu.d.ts +30 -0
- package/base/ui/UserMenu.js +137 -0
- package/base/ui/UserMenu.js.map +1 -0
- package/components/AdminLayout.d.ts +1 -2
- package/components/AdminLayout.js +16 -29
- package/components/AdminLayout.js.map +1 -0
- package/components/AppInstaller/AppInstaller.d.ts +7 -0
- package/components/AppInstaller/AppInstaller.js +183 -0
- package/components/AppInstaller/AppInstaller.js.map +1 -0
- package/components/AppInstaller/Sidebar.d.ts +8 -6
- package/components/AppInstaller/Sidebar.js +66 -46
- package/components/AppInstaller/Sidebar.js.map +1 -0
- package/components/AppInstaller/index.d.ts +1 -4
- package/components/AppInstaller/index.js +20 -125
- package/components/AppInstaller/index.js.map +1 -0
- package/components/AppInstaller/styled.d.ts +6 -4
- package/components/AppInstaller/styled.js +31 -13
- package/components/AppInstaller/styled.js.map +1 -0
- package/components/AppInstaller/useInstaller.d.ts +29 -9
- package/components/AppInstaller/useInstaller.js +112 -70
- package/components/AppInstaller/useInstaller.js.map +1 -0
- package/components/EmptyView.d.ts +5 -5
- package/components/EmptyView.js +25 -11
- package/components/EmptyView.js.map +1 -0
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.d.ts +5 -4
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +30 -10
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -0
- package/components/FileManager/BottomInfoBar/UploadStatus.d.ts +5 -4
- package/components/FileManager/BottomInfoBar/UploadStatus.js +21 -8
- package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -0
- package/components/FileManager/BottomInfoBar.d.ts +4 -2
- package/components/FileManager/BottomInfoBar.js +29 -11
- package/components/FileManager/BottomInfoBar.js.map +1 -0
- package/components/FileManager/DropFilesHere.d.ts +5 -3
- package/components/FileManager/DropFilesHere.js +31 -13
- package/components/FileManager/DropFilesHere.js.map +1 -0
- package/components/FileManager/File.d.ts +8 -9
- package/components/FileManager/File.js +53 -27
- package/components/FileManager/File.js.map +1 -0
- package/components/FileManager/FileDetails/Name.d.ts +7 -5
- package/components/FileManager/FileDetails/Name.js +63 -38
- package/components/FileManager/FileDetails/Name.js.map +1 -0
- package/components/FileManager/FileDetails/Tags.d.ts +9 -5
- package/components/FileManager/FileDetails/Tags.js +183 -85
- package/components/FileManager/FileDetails/Tags.js.map +1 -0
- package/components/FileManager/FileDetails.d.ts +9 -8
- package/components/FileManager/FileDetails.js +226 -144
- package/components/FileManager/FileDetails.js.map +1 -0
- package/components/FileManager/FileManagerContext.d.ts +28 -9
- package/components/FileManager/FileManagerContext.js +76 -26
- package/components/FileManager/FileManagerContext.js.map +1 -0
- package/components/FileManager/FileManagerView.d.ts +12 -17
- package/components/FileManager/FileManagerView.js +291 -195
- package/components/FileManager/FileManagerView.js.map +1 -0
- package/components/FileManager/LeftSidebar.d.ts +7 -5
- package/components/FileManager/LeftSidebar.js +63 -31
- package/components/FileManager/LeftSidebar.js.map +1 -0
- package/components/FileManager/NoPermissionView.d.ts +2 -2
- package/components/FileManager/NoPermissionView.js +35 -18
- package/components/FileManager/NoPermissionView.js.map +1 -0
- package/components/FileManager/NoResults.d.ts +3 -2
- package/components/FileManager/NoResults.js +22 -7
- package/components/FileManager/NoResults.js.map +1 -0
- package/components/FileManager/getFileTypePlugin.d.ts +4 -1
- package/components/FileManager/getFileTypePlugin.js +48 -18
- package/components/FileManager/getFileTypePlugin.js.map +1 -0
- package/components/FileManager/getFileUploader.d.ts +2 -1
- package/components/FileManager/getFileUploader.js +14 -4
- package/components/FileManager/getFileUploader.js.map +1 -0
- package/components/FileManager/graphql.d.ts +90 -0
- package/components/FileManager/graphql.js +49 -8
- package/components/FileManager/graphql.js.map +1 -0
- package/components/FileManager/outputFileSelectionError.d.ts +7 -2
- package/components/FileManager/outputFileSelectionError.js +19 -4
- package/components/FileManager/outputFileSelectionError.js.map +1 -0
- package/components/FileManager/types.d.ts +21 -0
- package/components/FileManager/types.js +5 -0
- package/components/FileManager/types.js.map +1 -0
- package/components/FileManager.d.ts +63 -14
- package/components/FileManager.js +119 -108
- package/components/FileManager.js.map +1 -0
- package/components/FloatingActionButton.d.ts +2 -2
- package/components/FloatingActionButton.js +18 -6
- package/components/FloatingActionButton.js.map +1 -0
- package/components/MultiImageUpload.d.ts +13 -4
- package/components/MultiImageUpload.js +33 -10
- package/components/MultiImageUpload.js.map +1 -0
- package/components/OverlayLayout/OverlayLayout.d.ts +11 -13
- package/components/OverlayLayout/OverlayLayout.js +68 -43
- package/components/OverlayLayout/OverlayLayout.js.map +1 -0
- package/components/OverlayLayout/index.d.ts +1 -1
- package/components/OverlayLayout/index.js +18 -1
- package/components/OverlayLayout/index.js.map +1 -0
- package/components/Permissions/Permissions.d.ts +4 -4
- package/components/Permissions/Permissions.js +28 -11
- package/components/Permissions/Permissions.js.map +1 -0
- package/components/Permissions/StyledComponents.d.ts +6 -4
- package/components/Permissions/StyledComponents.js +26 -9
- package/components/Permissions/StyledComponents.js.map +1 -0
- package/components/Permissions/index.js +30 -2
- package/components/Permissions/index.js.map +1 -0
- package/components/RichTextEditor/RichTextEditor.d.ts +2 -2
- package/components/RichTextEditor/RichTextEditor.js +24 -9
- package/components/RichTextEditor/RichTextEditor.js.map +1 -0
- package/components/RichTextEditor/index.js +21 -2
- package/components/RichTextEditor/index.js.map +1 -0
- package/components/RichTextEditor/styles.scss +39 -7
- package/components/RichTextEditor/tools/header/index.d.ts +35 -34
- package/components/RichTextEditor/tools/header/index.js +39 -39
- package/components/RichTextEditor/tools/header/index.js.map +1 -0
- package/components/RichTextEditor/tools/image/index.d.ts +40 -13
- package/components/RichTextEditor/tools/image/index.js +38 -30
- package/components/RichTextEditor/tools/image/index.js.map +1 -0
- package/components/RichTextEditor/tools/image/svgs.js +9 -2
- package/components/RichTextEditor/tools/image/svgs.js.map +1 -0
- package/components/RichTextEditor/tools/image/tunes.d.ts +14 -15
- package/components/RichTextEditor/tools/image/tunes.js +38 -26
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -0
- package/components/RichTextEditor/tools/image/types.d.ts +29 -0
- package/components/RichTextEditor/tools/image/types.js +5 -0
- package/components/RichTextEditor/tools/image/types.js.map +1 -0
- package/components/RichTextEditor/tools/image/ui.d.ts +38 -27
- package/components/RichTextEditor/tools/image/ui.js +55 -35
- package/components/RichTextEditor/tools/image/ui.js.map +1 -0
- package/components/RichTextEditor/tools/paragraph/index.d.ts +34 -36
- package/components/RichTextEditor/tools/paragraph/index.js +57 -63
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -0
- package/components/RichTextEditor/tools/textColor/index.d.ts +33 -27
- package/components/RichTextEditor/tools/textColor/index.js +75 -36
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -0
- package/components/RichTextEditor/tools/utils.js +14 -5
- package/components/RichTextEditor/tools/utils.js.map +1 -0
- package/components/Routes.d.ts +6 -0
- package/components/Routes.js +49 -0
- package/components/Routes.js.map +1 -0
- package/components/SearchUI.d.ts +4 -4
- package/components/SearchUI.js +23 -9
- package/components/SearchUI.js.map +1 -0
- package/components/SimpleForm/SimpleForm.d.ts +11 -11
- package/components/SimpleForm/SimpleForm.js +60 -29
- package/components/SimpleForm/SimpleForm.js.map +1 -0
- package/components/SimpleForm/index.js +31 -1
- package/components/SimpleForm/index.js.map +1 -0
- package/components/SimpleUI/InputField.d.ts +4 -3
- package/components/SimpleUI/InputField.js +56 -37
- package/components/SimpleUI/InputField.js.map +1 -0
- package/components/SingleImageUpload.d.ts +43 -13
- package/components/SingleImageUpload.js +88 -76
- package/components/SingleImageUpload.js.map +1 -0
- package/components/SplitView/SplitView.d.ts +6 -5
- package/components/SplitView/SplitView.js +45 -26
- package/components/SplitView/SplitView.js.map +1 -0
- package/components/SplitView/index.js +25 -1
- package/components/SplitView/index.js.map +1 -0
- package/components/index.js +13 -1
- package/components/index.js.map +1 -0
- package/hooks/useConfirmationDialog.d.ts +6 -5
- package/hooks/useConfirmationDialog.js +30 -18
- package/hooks/useConfirmationDialog.js.map +1 -0
- package/hooks/useDialog.d.ts +8 -3
- package/hooks/useDialog.js +16 -6
- package/hooks/useDialog.js.map +1 -0
- package/hooks/useSnackbar.d.ts +6 -3
- package/hooks/useSnackbar.js +20 -7
- package/hooks/useSnackbar.js.map +1 -0
- package/index.d.ts +35 -0
- package/index.js +373 -0
- package/index.js.map +1 -0
- package/package.json +48 -46
- package/plugins/FileManagerFileTypePlugin.d.ts +3 -3
- package/plugins/FileManagerFileTypePlugin.js +37 -20
- package/plugins/FileManagerFileTypePlugin.js.map +1 -0
- package/plugins/MenuPlugin.d.ts +22 -5
- package/plugins/MenuPlugin.js +37 -20
- package/plugins/MenuPlugin.js.map +1 -0
- package/plugins/PermissionRendererPlugin.d.ts +4 -4
- package/plugins/PermissionRendererPlugin.js +37 -20
- package/plugins/PermissionRendererPlugin.js.map +1 -0
- package/plugins/fileManager/fileDefault.d.ts +1 -2
- package/plugins/fileManager/fileDefault.js +22 -8
- package/plugins/fileManager/fileDefault.js.map +1 -0
- package/plugins/fileManager/fileImage/DeleteAction.d.ts +6 -2
- package/plugins/fileManager/fileImage/DeleteAction.js +45 -24
- package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -0
- package/plugins/fileManager/fileImage/EditAction.d.ts +7 -6
- package/plugins/fileManager/fileImage/EditAction.js +73 -37
- package/plugins/fileManager/fileImage/EditAction.js.map +1 -0
- package/plugins/fileManager/fileImage/index.d.ts +1 -2
- package/plugins/fileManager/fileImage/index.js +27 -10
- package/plugins/fileManager/fileImage/index.js.map +1 -0
- package/plugins/fileManager/index.d.ts +2 -2
- package/plugins/fileManager/index.js +21 -3
- package/plugins/fileManager/index.js.map +1 -0
- package/plugins/globalSearch/SearchBar.d.ts +15 -3
- package/plugins/globalSearch/SearchBar.js +90 -58
- package/plugins/globalSearch/SearchBar.js.map +1 -0
- package/plugins/globalSearch/SearchBarDropdown.d.ts +19 -1
- package/plugins/globalSearch/SearchBarDropdown.js +46 -27
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -0
- package/plugins/globalSearch/index.d.ts +3 -4
- package/plugins/globalSearch/index.js +8 -22
- package/plugins/globalSearch/index.js.map +1 -0
- package/plugins/globalSearch/styled.d.ts +5 -3
- package/plugins/globalSearch/styled.js +33 -13
- package/plugins/globalSearch/styled.js.map +1 -0
- package/plugins/uiLayoutRenderer/index.d.ts +1 -2
- package/plugins/uiLayoutRenderer/index.js +25 -13
- package/plugins/uiLayoutRenderer/index.js.map +1 -0
- package/styles/material-theme-assignments.scss +79 -66
- package/styles/material.scss +2 -35
- package/types.d.ts +12 -19
- package/types.js +5 -1
- package/types.js.map +1 -0
- package/ui/UIElement.d.ts +1 -1
- package/ui/UIElement.js +19 -1
- package/ui/UIElement.js.map +1 -0
- package/ui/UILayout.js +19 -1
- package/ui/UILayout.js.map +1 -0
- package/ui/UIRenderer.js +13 -1
- package/ui/UIRenderer.js.map +1 -0
- package/ui/UIView.d.ts +1 -1
- package/ui/UIView.js +25 -1
- package/ui/UIView.js.map +1 -0
- package/ui/elements/AccordionElement.d.ts +5 -5
- package/ui/elements/AccordionElement.js +56 -32
- package/ui/elements/AccordionElement.js.map +1 -0
- package/ui/elements/ButtonElement.d.ts +3 -3
- package/ui/elements/ButtonElement.js +47 -20
- package/ui/elements/ButtonElement.js.map +1 -0
- package/ui/elements/ButtonGroupElement.d.ts +2 -2
- package/ui/elements/ButtonGroupElement.js +38 -19
- package/ui/elements/ButtonGroupElement.js.map +1 -0
- package/ui/elements/GenericElement.js +18 -1
- package/ui/elements/GenericElement.js.map +1 -0
- package/ui/elements/LabelElement.js +26 -13
- package/ui/elements/LabelElement.js.map +1 -0
- package/ui/elements/NavigationMenuElement.d.ts +2 -1
- package/ui/elements/NavigationMenuElement.js +51 -32
- package/ui/elements/NavigationMenuElement.js.map +1 -0
- package/ui/elements/PanelElement.js +27 -11
- package/ui/elements/PanelElement.js.map +1 -0
- package/ui/elements/PlaceholderElement.d.ts +2 -1
- package/ui/elements/PlaceholderElement.js +27 -13
- package/ui/elements/PlaceholderElement.js.map +1 -0
- package/ui/elements/SmallButtonElement.d.ts +1 -1
- package/ui/elements/SmallButtonElement.js +36 -19
- package/ui/elements/SmallButtonElement.js.map +1 -0
- package/ui/elements/TypographyElement.d.ts +1 -1
- package/ui/elements/TypographyElement.js +38 -20
- package/ui/elements/TypographyElement.js.map +1 -0
- package/ui/elements/ViewElement.js +18 -1
- package/ui/elements/ViewElement.js.map +1 -0
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.d.ts +2 -2
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +42 -26
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -0
- package/ui/elements/form/DynamicFieldsetElement.d.ts +19 -18
- package/ui/elements/form/DynamicFieldsetElement.js +54 -23
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -0
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +30 -13
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -0
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +51 -28
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -0
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +53 -35
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -0
- package/ui/elements/form/FileManagerElement/styled.d.ts +19 -13
- package/ui/elements/form/FileManagerElement/styled.js +26 -12
- package/ui/elements/form/FileManagerElement/styled.js.map +1 -0
- package/ui/elements/form/FileManagerElement.d.ts +6 -6
- package/ui/elements/form/FileManagerElement.js +39 -22
- package/ui/elements/form/FileManagerElement.js.map +1 -0
- package/ui/elements/form/FormElement.d.ts +5 -5
- package/ui/elements/form/FormElement.js +42 -21
- package/ui/elements/form/FormElement.js.map +1 -0
- package/ui/elements/form/FormFieldElement.d.ts +9 -8
- package/ui/elements/form/FormFieldElement.js +53 -30
- package/ui/elements/form/FormFieldElement.js.map +1 -0
- package/ui/elements/form/HiddenElement.js +30 -15
- package/ui/elements/form/HiddenElement.js.map +1 -0
- package/ui/elements/form/InputElement.d.ts +1 -0
- package/ui/elements/form/InputElement.js +35 -18
- package/ui/elements/form/InputElement.js.map +1 -0
- package/ui/elements/form/PasswordElement.js +34 -18
- package/ui/elements/form/PasswordElement.js.map +1 -0
- package/ui/elements/form/SelectElement.d.ts +1 -1
- package/ui/elements/form/SelectElement.js +36 -20
- package/ui/elements/form/SelectElement.js.map +1 -0
- package/ui/elements/form/TextareaElement.js +34 -18
- package/ui/elements/form/TextareaElement.js.map +1 -0
- package/ui/views/AdminView/ContentElement.js +40 -24
- package/ui/views/AdminView/ContentElement.js.map +1 -0
- package/ui/views/AdminView/HeaderElement.js +72 -39
- package/ui/views/AdminView/HeaderElement.js.map +1 -0
- package/ui/views/AdminView/HeaderSectionCenterElement.d.ts +2 -2
- package/ui/views/AdminView/HeaderSectionCenterElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -0
- package/ui/views/AdminView/HeaderSectionLeftElement.d.ts +2 -2
- package/ui/views/AdminView/HeaderSectionLeftElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -0
- package/ui/views/AdminView/HeaderSectionRightElement.d.ts +2 -2
- package/ui/views/AdminView/HeaderSectionRightElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -0
- package/ui/views/AdminView/components/Dialog.js +32 -15
- package/ui/views/AdminView/components/Dialog.js.map +1 -0
- package/ui/views/AdminView/components/Hamburger.d.ts +2 -2
- package/ui/views/AdminView/components/Hamburger.js +25 -11
- package/ui/views/AdminView/components/Hamburger.js.map +1 -0
- package/ui/views/AdminView/components/Snackbar.d.ts +2 -2
- package/ui/views/AdminView/components/Snackbar.js +26 -13
- package/ui/views/AdminView/components/Snackbar.js.map +1 -0
- package/ui/views/FormView/FormContainerElement.d.ts +2 -2
- package/ui/views/FormView/FormContainerElement.js +45 -25
- package/ui/views/FormView/FormContainerElement.js.map +1 -0
- package/ui/views/FormView/FormContentElement.js +27 -11
- package/ui/views/FormView/FormContentElement.js.map +1 -0
- package/ui/views/FormView/FormFooterElement.d.ts +3 -3
- package/ui/views/FormView/FormFooterElement.js +38 -19
- package/ui/views/FormView/FormFooterElement.js.map +1 -0
- package/ui/views/FormView/FormHeaderElement.d.ts +2 -2
- package/ui/views/FormView/FormHeaderElement.js +52 -30
- package/ui/views/FormView/FormHeaderElement.js.map +1 -0
- package/ui/views/FormView.d.ts +1 -1
- package/ui/views/FormView.js +85 -37
- package/ui/views/FormView.js.map +1 -0
- package/ui/views/OverlayView/ContentElement.d.ts +2 -2
- package/ui/views/OverlayView/ContentElement.js +38 -19
- package/ui/views/OverlayView/ContentElement.js.map +1 -0
- package/ui/views/OverlayView/HeaderElement.d.ts +5 -5
- package/ui/views/OverlayView/HeaderElement.js +56 -37
- package/ui/views/OverlayView/HeaderElement.js.map +1 -0
- package/ui/views/OverlayView/HeaderTitleElement.d.ts +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +44 -25
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -0
- package/ui/views/OverlayView/useOverlayView.d.ts +4 -5
- package/ui/views/OverlayView/useOverlayView.js +32 -16
- package/ui/views/OverlayView/useOverlayView.js.map +1 -0
- package/ui/views/OverlayView.d.ts +4 -6
- package/ui/views/OverlayView.js +65 -42
- package/ui/views/OverlayView.js.map +1 -0
- package/ui/views/SplitView/SplitViewPanelElement.d.ts +3 -3
- package/ui/views/SplitView/SplitViewPanelElement.js +47 -28
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -0
- package/ui/views/SplitView.d.ts +3 -3
- package/ui/views/SplitView.js +57 -37
- package/ui/views/SplitView.js.map +1 -0
- package/plugins/index.d.ts +0 -6
- package/plugins/index.js +0 -8
- package/plugins/logo/Logo.d.ts +0 -22
- package/plugins/logo/Logo.js +0 -108
- package/plugins/logo/index.d.ts +0 -5
- package/plugins/logo/index.js +0 -32
- package/plugins/menu/documentation.d.ts +0 -4
- package/plugins/menu/documentation.js +0 -16
- package/plugins/menu/fileManager.d.ts +0 -4
- package/plugins/menu/fileManager.js +0 -64
- package/plugins/menu/index.d.ts +0 -6
- package/plugins/menu/index.js +0 -24
- package/plugins/menu/renderers/MenuGroupRenderer.d.ts +0 -7
- package/plugins/menu/renderers/MenuGroupRenderer.js +0 -126
- package/plugins/menu/renderers/MenuLinkRenderer.d.ts +0 -7
- package/plugins/menu/renderers/MenuLinkRenderer.js +0 -52
- package/plugins/menu/renderers/MenuSectionItemRenderer.d.ts +0 -7
- package/plugins/menu/renderers/MenuSectionItemRenderer.js +0 -77
- package/plugins/menu/renderers/MenuSectionRenderer.d.ts +0 -7
- package/plugins/menu/renderers/MenuSectionRenderer.js +0 -51
- package/plugins/menu/slack.d.ts +0 -4
- package/plugins/menu/slack.js +0 -16
- package/plugins/menu/source.d.ts +0 -4
- package/plugins/menu/source.js +0 -16
- package/plugins/userMenu/UserMenuElement.d.ts +0 -7
- package/plugins/userMenu/UserMenuElement.js +0 -43
- package/plugins/userMenu/UserMenuRenderer.d.ts +0 -6
- package/plugins/userMenu/UserMenuRenderer.js +0 -47
- package/plugins/userMenu/index.d.ts +0 -4
- package/plugins/userMenu/index.js +0 -16
- package/ui/views/AdminView.d.ts +0 -12
- package/ui/views/AdminView.js +0 -90
- package/ui/views/NavigationView/ContentElement.d.ts +0 -10
- package/ui/views/NavigationView/ContentElement.js +0 -86
- package/ui/views/NavigationView/FooterElement.d.ts +0 -13
- package/ui/views/NavigationView/FooterElement.js +0 -57
- package/ui/views/NavigationView/HeaderElement.d.ts +0 -16
- package/ui/views/NavigationView/HeaderElement.js +0 -66
- package/ui/views/NavigationView/NavigationViewRenderer.d.ts +0 -6
- package/ui/views/NavigationView/NavigationViewRenderer.js +0 -38
- package/ui/views/NavigationView/Styled.d.ts +0 -7
- package/ui/views/NavigationView/Styled.js +0 -47
- package/ui/views/NavigationView/legacyMenu.d.ts +0 -22
- package/ui/views/NavigationView/legacyMenu.js +0 -1
- package/ui/views/NavigationView/useNavigation.d.ts +0 -6
- package/ui/views/NavigationView/useNavigation.js +0 -22
- package/ui/views/NavigationView.d.ts +0 -26
- package/ui/views/NavigationView.js +0 -204
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement
|
|
12
|
-
}, "
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
/// <reference types="web" />
|
|
3
|
+
/// <reference types="react" />
|
|
4
|
+
export declare const AddImageIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const AddImageWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
6
|
+
export declare const AddImageWrapperRound: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
7
|
+
theme?: object | undefined;
|
|
8
|
+
} & {
|
|
9
|
+
children?: import("react").ReactNode;
|
|
10
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
}, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
13
|
+
theme?: object | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
children?: import("react").ReactNode;
|
|
16
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
17
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
+
}, keyof import("react").HTMLAttributes<HTMLDivElement> | "theme">, object>;
|
|
19
|
+
export declare const RemoveImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
20
|
+
export declare const FilePreviewWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,10 +1,19 @@
|
|
|
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.RemoveImage = exports.FilePreviewWrapper = exports.AddImageWrapperRound = exports.AddImageWrapper = exports.AddImageIconWrapper = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _styled2 = _interopRequireDefault(require("@emotion/styled"));
|
|
2
13
|
|
|
3
14
|
var _hover, _styled;
|
|
4
15
|
|
|
5
|
-
|
|
6
|
-
import styled from "@emotion/styled";
|
|
7
|
-
export var AddImageIconWrapper = /*#__PURE__*/styled("div", {
|
|
16
|
+
var AddImageIconWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
|
|
8
17
|
target: "e185ja7p0",
|
|
9
18
|
label: "AddImageIconWrapper"
|
|
10
19
|
})({
|
|
@@ -19,7 +28,8 @@ export var AddImageIconWrapper = /*#__PURE__*/styled("div", {
|
|
|
19
28
|
margin: "0 auto"
|
|
20
29
|
}
|
|
21
30
|
});
|
|
22
|
-
|
|
31
|
+
exports.AddImageIconWrapper = AddImageIconWrapper;
|
|
32
|
+
var AddImageWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
|
|
23
33
|
target: "e185ja7p1",
|
|
24
34
|
label: "AddImageWrapper"
|
|
25
35
|
})({
|
|
@@ -44,7 +54,8 @@ export var AddImageWrapper = /*#__PURE__*/styled("div", {
|
|
|
44
54
|
borderBottom: "1px solid var(--mdc-theme-on-surface)"
|
|
45
55
|
}
|
|
46
56
|
});
|
|
47
|
-
|
|
57
|
+
exports.AddImageWrapper = AddImageWrapper;
|
|
58
|
+
var AddImageWrapperRound = /*#__PURE__*/(0, _styled2.default)(AddImageWrapper, {
|
|
48
59
|
target: "e185ja7p2",
|
|
49
60
|
label: "AddImageWrapperRound"
|
|
50
61
|
})({
|
|
@@ -53,7 +64,8 @@ export var AddImageWrapperRound = /*#__PURE__*/styled(AddImageWrapper, {
|
|
|
53
64
|
height: "150px",
|
|
54
65
|
borderRadius: "50%"
|
|
55
66
|
});
|
|
56
|
-
|
|
67
|
+
exports.AddImageWrapperRound = AddImageWrapperRound;
|
|
68
|
+
var RemoveImage = /*#__PURE__*/(0, _styled2.default)("div", {
|
|
57
69
|
target: "e185ja7p3",
|
|
58
70
|
label: "RemoveImage"
|
|
59
71
|
})({
|
|
@@ -68,7 +80,8 @@ export var RemoveImage = /*#__PURE__*/styled("div", {
|
|
|
68
80
|
opacity: 0.75
|
|
69
81
|
}
|
|
70
82
|
});
|
|
71
|
-
|
|
83
|
+
exports.RemoveImage = RemoveImage;
|
|
84
|
+
var FilePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
|
|
72
85
|
target: "e185ja7p4",
|
|
73
86
|
label: "FilePreviewWrapper"
|
|
74
87
|
})((_styled = {
|
|
@@ -85,7 +98,7 @@ export var FilePreviewWrapper = /*#__PURE__*/styled("div", {
|
|
|
85
98
|
backgroundColor: "var(--mdc-theme-on-background)",
|
|
86
99
|
borderRadius: 0,
|
|
87
100
|
borderBottom: "1px solid var(--mdc-theme-text-hint-on-background)"
|
|
88
|
-
},
|
|
101
|
+
}, (0, _defineProperty2.default)(_styled, AddImageWrapper, (0, _defineProperty2.default)({
|
|
89
102
|
position: "absolute",
|
|
90
103
|
display: "none",
|
|
91
104
|
top: 0,
|
|
@@ -98,9 +111,10 @@ export var FilePreviewWrapper = /*#__PURE__*/styled("div", {
|
|
|
98
111
|
transform: "translateY(-50%) translateX(-50%)",
|
|
99
112
|
position: "absolute",
|
|
100
113
|
color: "white"
|
|
101
|
-
})),
|
|
114
|
+
})), (0, _defineProperty2.default)(_styled, "&:hover", (_hover = {}, (0, _defineProperty2.default)(_hover, AddImageWrapper, {
|
|
102
115
|
display: "block"
|
|
103
|
-
}),
|
|
116
|
+
}), (0, _defineProperty2.default)(_hover, RemoveImage, {
|
|
104
117
|
display: "block",
|
|
105
118
|
zIndex: 2
|
|
106
|
-
}), _hover)), _styled));
|
|
119
|
+
}), _hover)), _styled));
|
|
120
|
+
exports.FilePreviewWrapper = FilePreviewWrapper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AddImageIconWrapper","styled","color","width","height","maxWidth","maxHeight","display","opacity","margin","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","FilePreviewWrapper","zIndex","left","transform"],"sources":["styled.ts"],"sourcesContent":["// @ts-nocheck\nimport styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n color: \"var(--mdc-theme-text-secondary-on-background)\",\n \">svg\": {\n width: \"100%\",\n height: \"100%\",\n maxWidth: 50,\n maxHeight: 50,\n display: \"block\",\n opacity: 0.5,\n margin: \"0 auto\"\n }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n width: \"100%\",\n height: \"100%\",\n minHeight: 50,\n minWidth: 50,\n textAlign: \"center\",\n backgroundColor: \"var(--mdc-theme-on-background)\",\n borderRadius: 0,\n borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n flexDirection: \"column\",\n transition: \"color 0.2s\",\n cursor: \"pointer\",\n padding: 10,\n boxSizing: \"border-box\",\n \"&:hover\": {\n backgroundColor: \"rgba(0,0,0, 0.5)\",\n borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n margin: \"auto\",\n width: \"150px\",\n height: \"150px\",\n borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n position: \"absolute\",\n cursor: \"pointer\",\n top: 10,\n right: 10,\n display: \"none\",\n color: \"white\",\n opacity: 0.5,\n \"&:hover\": {\n opacity: 0.75\n }\n});\n\nexport const FilePreviewWrapper = styled(\"div\")({\n width: \"100%\",\n height: \"100%\",\n minHeight: 90,\n minWidth: 50,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n flexDirection: \"column\",\n boxSizing: \"border-box\",\n position: \"relative\",\n backgroundColor: \"var(--mdc-theme-on-background)\",\n borderRadius: 0,\n borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n [AddImageWrapper]: {\n position: \"absolute\",\n display: \"none\",\n top: 0,\n height: \"100%\",\n zIndex: 1,\n backgroundColor: \"rgba(0,0,0, 0.75)\",\n [AddImageIconWrapper]: {\n top: \"50%\",\n left: \"50%\",\n transform: \"translateY(-50%) translateX(-50%)\",\n position: \"absolute\",\n color: \"white\"\n }\n },\n \"&:hover\": {\n [AddImageWrapper]: {\n display: \"block\"\n },\n [RemoveImage]: {\n display: \"block\",\n zIndex: 2\n }\n }\n});\n"],"mappings":";;;;;;;;;;;AACA;;;;AAEO,IAAMA,mBAAmB,oBAAGC,gBAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC7CC,KAAK,EAAE,+CADsC;EAE7C,QAAQ;IACJC,KAAK,EAAE,MADH;IAEJC,MAAM,EAAE,MAFJ;IAGJC,QAAQ,EAAE,EAHN;IAIJC,SAAS,EAAE,EAJP;IAKJC,OAAO,EAAE,OALL;IAMJC,OAAO,EAAE,GANL;IAOJC,MAAM,EAAE;EAPJ;AAFqC,CAAjB,CAAzB;;AAaA,IAAMC,eAAe,oBAAGT,gBAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACzCE,KAAK,EAAE,MADkC;EAEzCC,MAAM,EAAE,MAFiC;EAGzCO,SAAS,EAAE,EAH8B;EAIzCC,QAAQ,EAAE,EAJ+B;EAKzCC,SAAS,EAAE,QAL8B;EAMzCC,eAAe,EAAE,gCANwB;EAOzCC,YAAY,EAAE,CAP2B;EAQzCC,YAAY,EAAE,oDAR2B;EASzCT,OAAO,EAAE,MATgC;EAUzCU,UAAU,EAAE,QAV6B;EAWzCC,cAAc,EAAE,cAXyB;EAYzCC,aAAa,EAAE,QAZ0B;EAazCC,UAAU,EAAE,YAb6B;EAczCC,MAAM,EAAE,SAdiC;EAezCC,OAAO,EAAE,EAfgC;EAgBzCC,SAAS,EAAE,YAhB8B;EAiBzC,WAAW;IACPT,eAAe,EAAE,kBADV;IAEPE,YAAY,EAAE;EAFP;AAjB8B,CAAjB,CAArB;;AAuBA,IAAMQ,oBAAoB,oBAAGvB,gBAAH,EAAUS,eAAV;EAAA;EAAA;AAAA,GAA2B;EACxDD,MAAM,EAAE,MADgD;EAExDN,KAAK,EAAE,OAFiD;EAGxDC,MAAM,EAAE,OAHgD;EAIxDW,YAAY,EAAE;AAJ0C,CAA3B,CAA1B;;AAOA,IAAMU,WAAW,oBAAGxB,gBAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCyB,QAAQ,EAAE,UAD2B;EAErCL,MAAM,EAAE,SAF6B;EAGrCM,GAAG,EAAE,EAHgC;EAIrCC,KAAK,EAAE,EAJ8B;EAKrCrB,OAAO,EAAE,MAL4B;EAMrCL,KAAK,EAAE,OAN8B;EAOrCM,OAAO,EAAE,GAP4B;EAQrC,WAAW;IACPA,OAAO,EAAE;EADF;AAR0B,CAAjB,CAAjB;;AAaA,IAAMqB,kBAAkB,oBAAG5B,gBAAH,EAAU,KAAV;EAAA;EAAA;AAAA;EAC3BE,KAAK,EAAE,MADoB;EAE3BC,MAAM,EAAE,MAFmB;EAG3BO,SAAS,EAAE,EAHgB;EAI3BC,QAAQ,EAAE,EAJiB;EAK3BL,OAAO,EAAE,MALkB;EAM3BU,UAAU,EAAE,QANe;EAO3BC,cAAc,EAAE,cAPW;EAQ3BC,aAAa,EAAE,QARY;EAS3BI,SAAS,EAAE,YATgB;EAU3BG,QAAQ,EAAE,UAViB;EAW3BZ,eAAe,EAAE,gCAXU;EAY3BC,YAAY,EAAE,CAZa;EAa3BC,YAAY,EAAE;AAba,0CAc1BN,eAd0B;EAevBgB,QAAQ,EAAE,UAfa;EAgBvBnB,OAAO,EAAE,MAhBc;EAiBvBoB,GAAG,EAAE,CAjBkB;EAkBvBvB,MAAM,EAAE,MAlBe;EAmBvB0B,MAAM,EAAE,CAnBe;EAoBvBhB,eAAe,EAAE;AApBM,GAqBtBd,mBArBsB,EAqBA;EACnB2B,GAAG,EAAE,KADc;EAEnBI,IAAI,EAAE,KAFa;EAGnBC,SAAS,EAAE,mCAHQ;EAInBN,QAAQ,EAAE,UAJS;EAKnBxB,KAAK,EAAE;AALY,CArBA,2CA6B3B,SA7B2B,sDA8BtBQ,eA9BsB,EA8BJ;EACfH,OAAO,EAAE;AADM,CA9BI,yCAiCtBkB,WAjCsB,EAiCR;EACXlB,OAAO,EAAE,OADE;EAEXuB,MAAM,EAAE;AAFG,CAjCQ,sBAAxB"}
|
|
@@ -8,17 +8,17 @@ export interface FileManagerElementConfig extends FormFieldElementConfig {
|
|
|
8
8
|
onChangePickAttributes?: string[];
|
|
9
9
|
}
|
|
10
10
|
export declare class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {
|
|
11
|
-
private _emptyStateElement;
|
|
11
|
+
private readonly _emptyStateElement;
|
|
12
12
|
constructor(id: string, config: FileManagerElementConfig);
|
|
13
13
|
getEmptyStateElement(): UIElement<import("@webiny/ui-composer/UIElement").UIElementConfig<any>>;
|
|
14
|
-
getAccept(): string[];
|
|
14
|
+
getAccept(): string[] | undefined;
|
|
15
15
|
setAccept(accept: string[]): void;
|
|
16
|
-
getMaxSize(): string | number;
|
|
16
|
+
getMaxSize(): string | number | undefined;
|
|
17
17
|
setMaxSize(maxSize: number | string): void;
|
|
18
|
-
getMultipleMaxCount(): number;
|
|
18
|
+
getMultipleMaxCount(): number | undefined;
|
|
19
19
|
setMultipleMaxCount(multipleMaxCount: number): void;
|
|
20
|
-
getMultipleMaxSize(): string | number;
|
|
20
|
+
getMultipleMaxSize(): string | number | undefined;
|
|
21
21
|
setMultipleMaxSize(multipleMaxSize: number | string): void;
|
|
22
|
-
getOnChangePickAttributes(): string[];
|
|
22
|
+
getOnChangePickAttributes(): string[] | undefined;
|
|
23
23
|
setOnChangePickAttributes(attributes: string[]): void;
|
|
24
24
|
}
|
|
@@ -1,36 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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.FileManagerElement = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
+
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
22
|
+
var _FormFieldElement2 = require("./FormFieldElement");
|
|
23
|
+
|
|
24
|
+
var _FileManagerElementRenderer = require("./FileManagerElement/FileManagerElementRenderer");
|
|
25
|
+
|
|
26
|
+
var _EmptyStateElement = require("./FileManagerElement/EmptyStateElement");
|
|
27
|
+
|
|
28
|
+
var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
|
|
29
|
+
(0, _inherits2.default)(FileManagerElement, _FormFieldElement);
|
|
30
|
+
|
|
31
|
+
var _super = (0, _createSuper2.default)(FileManagerElement);
|
|
14
32
|
|
|
15
33
|
function FileManagerElement(id, config) {
|
|
16
34
|
var _this;
|
|
17
35
|
|
|
18
|
-
|
|
19
|
-
|
|
36
|
+
(0, _classCallCheck2.default)(this, FileManagerElement);
|
|
20
37
|
_this = _super.call(this, id, config);
|
|
38
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_emptyStateElement", void 0);
|
|
21
39
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
_this.addRenderer(new FileManagerElementRenderer());
|
|
40
|
+
_this.addRenderer(new _FileManagerElementRenderer.FileManagerElementRenderer());
|
|
25
41
|
|
|
26
|
-
_this._emptyStateElement = new EmptyStateElement("emptyState");
|
|
42
|
+
_this._emptyStateElement = new _EmptyStateElement.EmptyStateElement("emptyState");
|
|
27
43
|
|
|
28
44
|
_this.applyPlugins(FileManagerElement);
|
|
29
45
|
|
|
30
46
|
return _this;
|
|
31
47
|
}
|
|
32
48
|
|
|
33
|
-
|
|
49
|
+
(0, _createClass2.default)(FileManagerElement, [{
|
|
34
50
|
key: "getEmptyStateElement",
|
|
35
51
|
value: function getEmptyStateElement() {
|
|
36
52
|
return this._emptyStateElement;
|
|
@@ -86,6 +102,7 @@ export var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
|
|
|
86
102
|
this.config.onChangePickAttributes = attributes;
|
|
87
103
|
}
|
|
88
104
|
}]);
|
|
89
|
-
|
|
90
105
|
return FileManagerElement;
|
|
91
|
-
}(FormFieldElement);
|
|
106
|
+
}(_FormFieldElement2.FormFieldElement);
|
|
107
|
+
|
|
108
|
+
exports.FileManagerElement = FileManagerElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FileManagerElement","id","config","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","accept","maxSize","multipleMaxCount","multipleMaxSize","onChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n // Define mime types that will be shown and accepted by FileManager\n accept?: string[];\n\n // Define file's max allowed size (default is \"10mb\").\n // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n maxSize?: number | string;\n\n // Max number of files in a single batch.\n multipleMaxCount?: number;\n\n // Max size of files in a single batch.\n multipleMaxSize?: number | string;\n\n // Define properties that are returned on file(s) selection.\n onChangePickAttributes?: string[];\n\n // Define whether multiple files can be selected1.\n // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n private readonly _emptyStateElement: UIElement;\n\n public constructor(id: string, config: FileManagerElementConfig) {\n super(id, config);\n\n this.addRenderer(new FileManagerElementRenderer());\n\n this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n this.applyPlugins(FileManagerElement);\n }\n\n public getEmptyStateElement() {\n return this._emptyStateElement;\n }\n\n public getAccept() {\n return this.config.accept;\n }\n\n public setAccept(accept: string[]) {\n this.config.accept = accept;\n }\n\n public getMaxSize() {\n return this.config.maxSize;\n }\n\n public setMaxSize(maxSize: number | string) {\n this.config.maxSize = maxSize;\n }\n\n public getMultipleMaxCount() {\n return this.config.multipleMaxCount;\n }\n\n public setMultipleMaxCount(multipleMaxCount: number) {\n this.config.multipleMaxCount = multipleMaxCount;\n }\n\n public getMultipleMaxSize() {\n return this.config.multipleMaxSize;\n }\n\n public setMultipleMaxSize(multipleMaxSize: number | string) {\n this.config.multipleMaxSize = multipleMaxSize;\n }\n\n public getOnChangePickAttributes() {\n return this.config.onChangePickAttributes;\n }\n\n public setOnChangePickAttributes(attributes: string[]) {\n this.config.onChangePickAttributes = attributes;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;IAwBaA,kB;;;;;EAGT,4BAAmBC,EAAnB,EAA+BC,MAA/B,EAAiE;IAAA;;IAAA;IAC7D,0BAAMD,EAAN,EAAUC,MAAV;IAD6D;;IAG7D,MAAKC,WAAL,CAAiB,IAAIC,sDAAJ,EAAjB;;IAEA,MAAKC,kBAAL,GAA0B,IAAIC,oCAAJ,CAAsB,YAAtB,CAA1B;;IAEA,MAAKC,YAAL,CAAkBP,kBAAlB;;IAP6D;EAQhE;;;;WAED,gCAA8B;MAC1B,OAAO,KAAKK,kBAAZ;IACH;;;WAED,qBAAmB;MACf,OAAO,KAAKH,MAAL,CAAYM,MAAnB;IACH;;;WAED,mBAAiBA,MAAjB,EAAmC;MAC/B,KAAKN,MAAL,CAAYM,MAAZ,GAAqBA,MAArB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKN,MAAL,CAAYO,OAAnB;IACH;;;WAED,oBAAkBA,OAAlB,EAA4C;MACxC,KAAKP,MAAL,CAAYO,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,+BAA6B;MACzB,OAAO,KAAKP,MAAL,CAAYQ,gBAAnB;IACH;;;WAED,6BAA2BA,gBAA3B,EAAqD;MACjD,KAAKR,MAAL,CAAYQ,gBAAZ,GAA+BA,gBAA/B;IACH;;;WAED,8BAA4B;MACxB,OAAO,KAAKR,MAAL,CAAYS,eAAnB;IACH;;;WAED,4BAA0BA,eAA1B,EAA4D;MACxD,KAAKT,MAAL,CAAYS,eAAZ,GAA8BA,eAA9B;IACH;;;WAED,qCAAmC;MAC/B,OAAO,KAAKT,MAAL,CAAYU,sBAAnB;IACH;;;WAED,mCAAiCC,UAAjC,EAAuD;MACnD,KAAKX,MAAL,CAAYU,sBAAZ,GAAqCC,UAArC;IACH;;;EAvDmCC,mC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { FormOnSubmit, FormRenderPropParams } from "@webiny/form";
|
|
3
|
-
import { UIElement, UIElementConfig } from "../../UIElement";
|
|
3
|
+
import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
|
|
4
4
|
interface FormElementConfig extends UIElementConfig {
|
|
5
5
|
onSubmit: FormOnSubmit;
|
|
6
6
|
getData(): Record<string, any>;
|
|
@@ -11,11 +11,11 @@ interface FormElementConfig extends UIElementConfig {
|
|
|
11
11
|
submitOnEnter?: boolean;
|
|
12
12
|
validateOnFirstSubmit?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export interface FormElementRenderProps {
|
|
14
|
+
export interface FormElementRenderProps extends UiElementRenderProps {
|
|
15
15
|
formProps: FormRenderPropParams;
|
|
16
16
|
}
|
|
17
17
|
export declare class FormElement extends UIElement<FormElementConfig> {
|
|
18
|
-
constructor(id:
|
|
19
|
-
render(props:
|
|
18
|
+
constructor(id: string, config: FormElementConfig);
|
|
19
|
+
render(props: FormElementRenderProps): React.ReactNode;
|
|
20
20
|
}
|
|
21
21
|
export {};
|
|
@@ -1,23 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.FormElement = void 0;
|
|
11
|
+
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
14
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
+
|
|
16
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
+
|
|
18
|
+
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
25
|
+
|
|
26
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
+
|
|
28
|
+
var _form = require("@webiny/form");
|
|
29
|
+
|
|
30
|
+
var _UIElement2 = require("../../UIElement");
|
|
31
|
+
|
|
32
|
+
var FormElement = /*#__PURE__*/function (_UIElement) {
|
|
33
|
+
(0, _inherits2.default)(FormElement, _UIElement);
|
|
34
|
+
|
|
35
|
+
var _super = (0, _createSuper2.default)(FormElement);
|
|
15
36
|
|
|
16
37
|
function FormElement(id, config) {
|
|
17
38
|
var _this;
|
|
18
39
|
|
|
19
|
-
|
|
20
|
-
|
|
40
|
+
(0, _classCallCheck2.default)(this, FormElement);
|
|
21
41
|
_this = _super.call(this, id, config);
|
|
22
42
|
|
|
23
43
|
_this.useGrid(false);
|
|
@@ -25,21 +45,22 @@ export var FormElement = /*#__PURE__*/function (_UIElement) {
|
|
|
25
45
|
return _this;
|
|
26
46
|
}
|
|
27
47
|
|
|
28
|
-
|
|
48
|
+
(0, _createClass2.default)(FormElement, [{
|
|
29
49
|
key: "render",
|
|
30
50
|
value: function render(props) {
|
|
31
51
|
var _this2 = this;
|
|
32
52
|
|
|
33
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_form.Form, {
|
|
34
54
|
onSubmit: this.config.onSubmit,
|
|
35
55
|
data: this.config.getData()
|
|
36
56
|
}, function (formProps) {
|
|
37
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _get2.default)((0, _getPrototypeOf2.default)(FormElement.prototype), "render", _this2).call(_this2, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
38
58
|
formProps: formProps
|
|
39
59
|
})));
|
|
40
60
|
});
|
|
41
61
|
}
|
|
42
62
|
}]);
|
|
43
|
-
|
|
44
63
|
return FormElement;
|
|
45
|
-
}(UIElement);
|
|
64
|
+
}(_UIElement2.UIElement);
|
|
65
|
+
|
|
66
|
+
exports.FormElement = FormElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FormElement","id","config","useGrid","props","onSubmit","getData","formProps","UIElement"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n onSubmit: FormOnSubmit;\n getData(): Record<string, any>;\n getInvalidFields?(): Record<string, any>;\n isDisabled?(): boolean;\n onChange?: FormOnSubmit;\n onInvalid?: () => void;\n submitOnEnter?: boolean;\n validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n public constructor(id: string, config: FormElementConfig) {\n super(id, config);\n\n this.useGrid(false);\n }\n\n public override render(props: FormElementRenderProps): React.ReactNode {\n return (\n <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n </Form>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;IAiBaA,W;;;;;EACT,qBAAmBC,EAAnB,EAA+BC,MAA/B,EAA0D;IAAA;;IAAA;IACtD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAHsD;EAIzD;;;;WAED,gBAAuBC,KAAvB,EAAuE;MAAA;;MACnE,oBACI,6BAAC,UAAD;QAAM,QAAQ,EAAE,KAAKF,MAAL,CAAYG,QAA5B;QAAsC,IAAI,EAAE,KAAKH,MAAL,CAAYI,OAAZ;MAA5C,GACK,UAAAC,SAAS;QAAA,oBAAI,6BAAC,eAAD,4KAA6BH,KAA7B;UAAoCG,SAAS,EAATA;QAApC,IAAJ;MAAA,CADd,CADJ;IAKH;;;EAb4BC,qB"}
|
|
@@ -2,9 +2,10 @@ import React from "react";
|
|
|
2
2
|
import { FormRenderPropParams, FormAPI } from "@webiny/form";
|
|
3
3
|
import { UIElement, UIElementConfig } from "../../UIElement";
|
|
4
4
|
import { FormElementRenderProps } from "./FormElement";
|
|
5
|
+
import { Validator } from "@webiny/validation/types";
|
|
5
6
|
export interface FormFieldElementConfig<TRenderProps = FormRenderPropParams> extends UIElementConfig<TRenderProps> {
|
|
6
7
|
name: string;
|
|
7
|
-
validators?: GetterWithProps<
|
|
8
|
+
validators?: GetterWithProps<Validator | Validator[]>;
|
|
8
9
|
beforeChange?: BeforeChange;
|
|
9
10
|
afterChange?: AfterChange;
|
|
10
11
|
defaultValue?: any | GetterWithProps<any>;
|
|
@@ -22,8 +23,8 @@ interface BeforeChange {
|
|
|
22
23
|
interface BeforeChangeCallback {
|
|
23
24
|
(value: any): void;
|
|
24
25
|
}
|
|
25
|
-
interface AfterChange {
|
|
26
|
-
(value:
|
|
26
|
+
interface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {
|
|
27
|
+
(value: T, form: FormAPI<D>): void;
|
|
27
28
|
}
|
|
28
29
|
interface GetterWithProps<T> {
|
|
29
30
|
(props: FormElementRenderProps): T;
|
|
@@ -33,7 +34,7 @@ export declare class FormFieldElement<TConfig extends FormFieldElementConfig = F
|
|
|
33
34
|
private _afterChange;
|
|
34
35
|
constructor(id: string, config: TConfig);
|
|
35
36
|
getName(): string;
|
|
36
|
-
getValidators(props?: FormFieldElementRenderProps):
|
|
37
|
+
getValidators(props?: FormFieldElementRenderProps): Validator | Validator[];
|
|
37
38
|
getDefaultValue(props?: FormFieldElementRenderProps): any;
|
|
38
39
|
getLabel(props?: FormFieldElementRenderProps): string;
|
|
39
40
|
getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement;
|
|
@@ -44,11 +45,11 @@ export declare class FormFieldElement<TConfig extends FormFieldElementConfig = F
|
|
|
44
45
|
setDefaultValue(value: any | GetterWithProps<any>): void;
|
|
45
46
|
getIsDisabled(props?: FormFieldElementRenderProps): boolean;
|
|
46
47
|
setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void;
|
|
47
|
-
setValidators(validators: GetterWithProps<
|
|
48
|
-
onBeforeChange(value:
|
|
49
|
-
onAfterChange(value:
|
|
48
|
+
setValidators(validators: GetterWithProps<Validator>): void;
|
|
49
|
+
onBeforeChange(value: string, cb: (value: string) => void): void;
|
|
50
|
+
onAfterChange(value: string, form: FormAPI): void;
|
|
50
51
|
addBeforeChange(cb: BeforeChange): void;
|
|
51
|
-
addAfterChange(cb: AfterChange): void;
|
|
52
|
+
addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(cb: AfterChange<T, D>): void;
|
|
52
53
|
setBeforeChange(cb: BeforeChange): void;
|
|
53
54
|
setAfterChange(cb: AfterChange): void;
|
|
54
55
|
}
|