@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f
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 +47 -45
- 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,32 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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.useOverlayView = void 0;
|
|
9
|
+
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
12
|
+
var _react = require("react");
|
|
13
|
+
|
|
14
|
+
var _emotion = require("emotion");
|
|
15
|
+
|
|
16
|
+
var _OverlayView = require("../OverlayView");
|
|
17
|
+
|
|
18
|
+
var noScroll = /*#__PURE__*/(0, _emotion.css)({
|
|
6
19
|
overflow: "hidden",
|
|
7
20
|
height: "100vh"
|
|
8
21
|
}, "label:noScroll;");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
22
|
+
|
|
23
|
+
var useOverlayView = function useOverlayView() {
|
|
24
|
+
var _useState = (0, _react.useState)(false),
|
|
25
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
12
26
|
isVisible = _useState2[0],
|
|
13
27
|
setIsVisible = _useState2[1];
|
|
14
28
|
|
|
15
|
-
useEffect(function () {
|
|
29
|
+
(0, _react.useEffect)(function () {
|
|
16
30
|
if (isVisible) {
|
|
17
|
-
OverlayView.openedViews++;
|
|
31
|
+
_OverlayView.OverlayView.openedViews++;
|
|
18
32
|
document.body.classList.add(noScroll);
|
|
19
|
-
} else if (!OverlayView.openedViews) {
|
|
33
|
+
} else if (!_OverlayView.OverlayView.openedViews) {
|
|
20
34
|
document.body.classList.remove(noScroll);
|
|
21
35
|
}
|
|
22
36
|
}, [isVisible]);
|
|
23
|
-
useEffect(function () {
|
|
37
|
+
(0, _react.useEffect)(function () {
|
|
24
38
|
return function () {
|
|
25
|
-
if (OverlayView.openedViews > 0) {
|
|
26
|
-
OverlayView.openedViews--;
|
|
39
|
+
if (_OverlayView.OverlayView.openedViews > 0) {
|
|
40
|
+
_OverlayView.OverlayView.openedViews--;
|
|
27
41
|
}
|
|
28
42
|
|
|
29
|
-
if (!OverlayView.openedViews) {
|
|
43
|
+
if (!_OverlayView.OverlayView.openedViews) {
|
|
30
44
|
document.body.classList.remove(noScroll);
|
|
31
45
|
}
|
|
32
46
|
};
|
|
@@ -35,4 +49,6 @@ export function useOverlayView() {
|
|
|
35
49
|
isVisible: isVisible,
|
|
36
50
|
setIsVisible: setIsVisible
|
|
37
51
|
};
|
|
38
|
-
}
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.useOverlayView = useOverlayView;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["noScroll","css","overflow","height","useOverlayView","useState","isVisible","setIsVisible","useEffect","OverlayView","openedViews","document","body","classList","add","remove"],"sources":["useOverlayView.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { OverlayView } from \"../OverlayView\";\n\nconst noScroll = css({\n overflow: \"hidden\",\n height: \"100vh\"\n});\n\nexport interface UseOverlayView {\n isVisible: boolean;\n setIsVisible: (value: boolean) => void;\n}\n\nexport const useOverlayView = (): UseOverlayView => {\n const [isVisible, setIsVisible] = useState<boolean>(false);\n\n useEffect(() => {\n if (isVisible) {\n OverlayView.openedViews++;\n document.body.classList.add(noScroll);\n } else if (!OverlayView.openedViews) {\n document.body.classList.remove(noScroll);\n }\n }, [isVisible]);\n\n useEffect(() => {\n return () => {\n if (OverlayView.openedViews > 0) {\n OverlayView.openedViews--;\n }\n if (!OverlayView.openedViews) {\n document.body.classList.remove(noScroll);\n }\n };\n }, []);\n\n return { isVisible, setIsVisible };\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,QAAQ,EAAE,QADO;EAEjBC,MAAM,EAAE;AAFS,CAAJ,oBAAjB;;AAUO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAsB;EAChD,gBAAkC,IAAAC,eAAA,EAAkB,KAAlB,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAIF,SAAJ,EAAe;MACXG,wBAAA,CAAYC,WAAZ;MACAC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4Bd,QAA5B;IACH,CAHD,MAGO,IAAI,CAACS,wBAAA,CAAYC,WAAjB,EAA8B;MACjCC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+Bf,QAA/B;IACH;EACJ,CAPD,EAOG,CAACM,SAAD,CAPH;EASA,IAAAE,gBAAA,EAAU,YAAM;IACZ,OAAO,YAAM;MACT,IAAIC,wBAAA,CAAYC,WAAZ,GAA0B,CAA9B,EAAiC;QAC7BD,wBAAA,CAAYC,WAAZ;MACH;;MACD,IAAI,CAACD,wBAAA,CAAYC,WAAjB,EAA8B;QAC1BC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+Bf,QAA/B;MACH;IACJ,CAPD;EAQH,CATD,EASG,EATH;EAWA,OAAO;IAAEM,SAAS,EAATA,SAAF;IAAaC,YAAY,EAAZA;EAAb,CAAP;AACH,CAxBM"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { UIView } from "../UIView";
|
|
2
|
+
import { UIView, UIViewProps } from "../UIView";
|
|
3
|
+
import { UseOverlayView } from "./OverlayView/useOverlayView";
|
|
3
4
|
import { HeaderElement } from "./OverlayView/HeaderElement";
|
|
4
5
|
import { ContentElement } from "./OverlayView/ContentElement";
|
|
5
6
|
interface OnExited {
|
|
@@ -19,13 +20,10 @@ export declare class OverlayView extends UIView {
|
|
|
19
20
|
onExited(): void;
|
|
20
21
|
addOnEntered(cb: OnExited): void;
|
|
21
22
|
addOnExited(cb: OnExited): void;
|
|
22
|
-
getOverlayHook():
|
|
23
|
-
isVisible: boolean;
|
|
24
|
-
setIsVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
25
|
-
};
|
|
23
|
+
getOverlayHook(): UseOverlayView;
|
|
26
24
|
setIsVisible(visible: boolean): void;
|
|
27
25
|
getHeaderElement(): HeaderElement;
|
|
28
26
|
getContentElement(): ContentElement;
|
|
29
|
-
render(props:
|
|
27
|
+
render(props: UIViewProps): React.ReactNode;
|
|
30
28
|
}
|
|
31
29
|
export {};
|
package/ui/views/OverlayView.js
CHANGED
|
@@ -1,23 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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.OverlayView = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
+
|
|
16
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
+
|
|
18
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
+
|
|
20
|
+
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
21
|
+
|
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
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"));
|
|
19
29
|
|
|
20
|
-
var
|
|
30
|
+
var _react = _interopRequireDefault(require("react"));
|
|
31
|
+
|
|
32
|
+
var _reactTransitionGroup = require("react-transition-group");
|
|
33
|
+
|
|
34
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
35
|
+
|
|
36
|
+
var _UIView2 = require("../UIView");
|
|
37
|
+
|
|
38
|
+
var _useOverlayView = require("./OverlayView/useOverlayView");
|
|
39
|
+
|
|
40
|
+
var _HeaderElement = require("./OverlayView/HeaderElement");
|
|
41
|
+
|
|
42
|
+
var _ContentElement = require("./OverlayView/ContentElement");
|
|
43
|
+
|
|
44
|
+
// !GOOD FIRST ISSUE!
|
|
45
|
+
// Extract rendering and styling into an OverlayViewRenderer class.
|
|
46
|
+
var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
|
|
21
47
|
target: "e1xrojct0",
|
|
22
48
|
label: "OverlayLayoutWrapper"
|
|
23
49
|
})({
|
|
@@ -52,10 +78,11 @@ var transitionStyles = {
|
|
|
52
78
|
opacity: 1
|
|
53
79
|
}
|
|
54
80
|
};
|
|
55
|
-
export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
56
|
-
_inherits(OverlayView, _UIView);
|
|
57
81
|
|
|
58
|
-
|
|
82
|
+
var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
83
|
+
(0, _inherits2.default)(OverlayView, _UIView);
|
|
84
|
+
|
|
85
|
+
var _super = (0, _createSuper2.default)(OverlayView);
|
|
59
86
|
|
|
60
87
|
/**
|
|
61
88
|
* This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable
|
|
@@ -65,33 +92,29 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
|
65
92
|
var _this;
|
|
66
93
|
|
|
67
94
|
var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "OverlayView";
|
|
68
|
-
|
|
69
|
-
_classCallCheck(this, OverlayView);
|
|
70
|
-
|
|
95
|
+
(0, _classCallCheck2.default)(this, OverlayView);
|
|
71
96
|
_this = _super.call(this, id);
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
_defineProperty(_assertThisInitialized(_this), "_onExited", []);
|
|
97
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onEntered", []);
|
|
98
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onExited", []);
|
|
76
99
|
|
|
77
100
|
_this.useGrid(false);
|
|
78
101
|
|
|
79
|
-
_this.addHookDefinition("overlay", useOverlayView);
|
|
102
|
+
_this.addHookDefinition("overlay", _useOverlayView.useOverlayView);
|
|
80
103
|
|
|
81
|
-
_this.addElement(new HeaderElement("overlayHeader", {
|
|
104
|
+
_this.addElement(new _HeaderElement.HeaderElement("overlayHeader", {
|
|
82
105
|
onClose: function onClose() {
|
|
83
106
|
return _this.setIsVisible(false);
|
|
84
107
|
}
|
|
85
108
|
}));
|
|
86
109
|
|
|
87
|
-
_this.addElement(new ContentElement("overlayContent"));
|
|
110
|
+
_this.addElement(new _ContentElement.ContentElement("overlayContent"));
|
|
88
111
|
|
|
89
112
|
_this.applyPlugins(OverlayView);
|
|
90
113
|
|
|
91
114
|
return _this;
|
|
92
115
|
}
|
|
93
116
|
|
|
94
|
-
|
|
117
|
+
(0, _createClass2.default)(OverlayView, [{
|
|
95
118
|
key: "setTitle",
|
|
96
119
|
value: function setTitle(title) {
|
|
97
120
|
this.getHeaderElement().setTitle(title);
|
|
@@ -101,7 +124,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
|
101
124
|
value: function onEntered() {
|
|
102
125
|
var _this2 = this;
|
|
103
126
|
|
|
104
|
-
|
|
127
|
+
(0, _toConsumableArray2.default)(this._onEntered).reverse().forEach(function (cb) {
|
|
105
128
|
return cb(_this2);
|
|
106
129
|
});
|
|
107
130
|
}
|
|
@@ -110,7 +133,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
|
110
133
|
value: function onExited() {
|
|
111
134
|
var _this3 = this;
|
|
112
135
|
|
|
113
|
-
|
|
136
|
+
(0, _toConsumableArray2.default)(this._onExited).reverse().forEach(function (cb) {
|
|
114
137
|
return cb(_this3);
|
|
115
138
|
});
|
|
116
139
|
}
|
|
@@ -152,7 +175,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
|
152
175
|
var _this$getOverlayHook = this.getOverlayHook(),
|
|
153
176
|
isVisible = _this$getOverlayHook.isVisible;
|
|
154
177
|
|
|
155
|
-
return /*#__PURE__*/
|
|
178
|
+
return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
|
|
156
179
|
in: isVisible,
|
|
157
180
|
timeout: 100,
|
|
158
181
|
appear: true,
|
|
@@ -163,14 +186,14 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
|
|
|
163
186
|
return _this4.onEntered();
|
|
164
187
|
}
|
|
165
188
|
}, function (state) {
|
|
166
|
-
return /*#__PURE__*/
|
|
167
|
-
style:
|
|
168
|
-
},
|
|
189
|
+
return /*#__PURE__*/_react.default.createElement(OverlayLayoutWrapper, {
|
|
190
|
+
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state])
|
|
191
|
+
}, (0, _get2.default)((0, _getPrototypeOf2.default)(OverlayView.prototype), "render", _this4).call(_this4, props));
|
|
169
192
|
});
|
|
170
193
|
}
|
|
171
194
|
}]);
|
|
172
|
-
|
|
173
195
|
return OverlayView;
|
|
174
|
-
}(UIView);
|
|
196
|
+
}(_UIView2.UIView);
|
|
175
197
|
|
|
176
|
-
|
|
198
|
+
exports.OverlayView = OverlayView;
|
|
199
|
+
(0, _defineProperty2.default)(OverlayView, "openedViews", 0);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","top","left","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","id","useGrid","addHookDefinition","useOverlayView","addElement","HeaderElement","onClose","setIsVisible","ContentElement","applyPlugins","title","getHeaderElement","setTitle","_onEntered","reverse","forEach","cb","_onExited","push","getHook","visible","getOverlayHook","getElement","props","isVisible","onExited","onEntered","state","UIView"],"sources":["OverlayView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { UIView, UIViewProps } from \"~/ui/UIView\";\nimport { UseOverlayView, useOverlayView } from \"./OverlayView/useOverlayView\";\nimport { HeaderElement } from \"./OverlayView/HeaderElement\";\nimport { ContentElement } from \"./OverlayView/ContentElement\";\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into an OverlayViewRenderer class.\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n position: \"fixed\",\n width: \"100%\",\n height: \"100vh\",\n backgroundColor: \"var(--mdc-theme-background)\",\n /**\n * Has to be higher than 5 so it's above advanced settings dialog,\n * and below 20, so the image editor & Dialogs can be displayed above.\n */\n zIndex: 18,\n top: 0,\n left: 0\n});\n\nconst defaultStyle: Record<string, string | number> = {\n transform: \"translateY(75vh)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"225ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(75vh)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\ninterface OnExited {\n (view: OverlayView): void;\n}\n\ninterface OnEntered {\n (view: OverlayView): void;\n}\n\nexport class OverlayView extends UIView {\n /**\n * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable\n * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.\n */\n static openedViews = 0;\n private _onEntered: OnEntered[] = [];\n private _onExited: OnExited[] = [];\n\n public constructor(id = \"OverlayView\") {\n super(id);\n this.useGrid(false);\n\n this.addHookDefinition(\"overlay\", useOverlayView);\n\n this.addElement(\n new HeaderElement(\"overlayHeader\", {\n onClose: () => this.setIsVisible(false)\n })\n );\n\n this.addElement(new ContentElement(\"overlayContent\"));\n\n this.applyPlugins(OverlayView);\n }\n\n public setTitle(title: () => string): void {\n this.getHeaderElement().setTitle(title);\n }\n\n public onEntered(): void {\n [...this._onEntered].reverse().forEach(cb => cb(this));\n }\n\n public onExited(): void {\n [...this._onExited].reverse().forEach(cb => cb(this));\n }\n\n public addOnEntered(cb: OnExited): void {\n this._onEntered.push(cb);\n }\n\n public addOnExited(cb: OnExited): void {\n this._onExited.push(cb);\n }\n\n public getOverlayHook(): UseOverlayView {\n return this.getHook<UseOverlayView>(\"overlay\");\n }\n\n public setIsVisible(visible: boolean): void {\n this.getOverlayHook().setIsVisible(visible);\n }\n\n public getHeaderElement(): HeaderElement {\n return this.getElement(\"overlayHeader\") as HeaderElement;\n }\n\n public getContentElement(): ContentElement {\n return this.getElement(\"overlayContent\") as HeaderElement;\n }\n\n public override render(props: UIViewProps): React.ReactNode {\n const { isVisible } = this.getOverlayHook();\n return (\n <Transition\n in={isVisible}\n timeout={100}\n appear\n onExited={() => this.onExited()}\n onEntered={() => this.onEntered()}\n >\n {state => (\n <OverlayLayoutWrapper style={{ ...defaultStyle, ...transitionStyles[state] }}>\n {super.render(props)}\n </OverlayLayoutWrapper>\n )}\n </Transition>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { UIElement } from "../../UIElement";
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { UIElement, UiElementRenderProps } from "../../UIElement";
|
|
3
3
|
export declare class SplitViewPanelElement extends UIElement<any> {
|
|
4
4
|
private _width;
|
|
5
5
|
private _classNames;
|
|
@@ -7,5 +7,5 @@ export declare class SplitViewPanelElement extends UIElement<any> {
|
|
|
7
7
|
addClassName(className: string): void;
|
|
8
8
|
removeClassName(className: string): void;
|
|
9
9
|
setContentElement(element: UIElement): void;
|
|
10
|
-
render(props:
|
|
10
|
+
render(props: UiElementRenderProps): React.ReactNode;
|
|
11
11
|
}
|
|
@@ -1,39 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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.SplitViewPanelElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
17
|
+
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
+
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
+
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
|
+
|
|
28
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
+
|
|
30
|
+
var _UIElement2 = require("../../UIElement");
|
|
31
|
+
|
|
32
|
+
var _Grid = require("@webiny/ui/Grid");
|
|
33
|
+
|
|
34
|
+
var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
|
|
35
|
+
(0, _inherits2.default)(SplitViewPanelElement, _UIElement);
|
|
36
|
+
|
|
37
|
+
var _super = (0, _createSuper2.default)(SplitViewPanelElement);
|
|
17
38
|
|
|
18
39
|
function SplitViewPanelElement() {
|
|
19
40
|
var _this;
|
|
20
41
|
|
|
21
|
-
|
|
42
|
+
(0, _classCallCheck2.default)(this, SplitViewPanelElement);
|
|
22
43
|
|
|
23
44
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
45
|
args[_key] = arguments[_key];
|
|
25
46
|
}
|
|
26
47
|
|
|
27
48
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
_defineProperty(_assertThisInitialized(_this), "_classNames", new Set());
|
|
32
|
-
|
|
49
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_width", 12);
|
|
50
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
|
|
33
51
|
return _this;
|
|
34
52
|
}
|
|
35
53
|
|
|
36
|
-
|
|
54
|
+
(0, _createClass2.default)(SplitViewPanelElement, [{
|
|
37
55
|
key: "setWidth",
|
|
38
56
|
value: function setWidth(width) {
|
|
39
57
|
this._width = width;
|
|
@@ -61,12 +79,13 @@ export var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
|
|
|
61
79
|
}, {
|
|
62
80
|
key: "render",
|
|
63
81
|
value: function render(props) {
|
|
64
|
-
return /*#__PURE__*/
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
|
|
65
83
|
span: this._width,
|
|
66
|
-
className:
|
|
67
|
-
},
|
|
84
|
+
className: (0, _classnames.default)(Array.from(this._classNames.values()))
|
|
85
|
+
}, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitViewPanelElement.prototype), "render", this).call(this, props));
|
|
68
86
|
}
|
|
69
87
|
}]);
|
|
70
|
-
|
|
71
88
|
return SplitViewPanelElement;
|
|
72
|
-
}(UIElement);
|
|
89
|
+
}(_UIElement2.UIElement);
|
|
90
|
+
|
|
91
|
+
exports.SplitViewPanelElement = SplitViewPanelElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SplitViewPanelElement","Set","width","_width","className","_classNames","add","delete","element","getChildren","forEach","el","remove","addElement","props","classNames","Array","from","values","UIElement"],"sources":["SplitViewPanelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport class SplitViewPanelElement extends UIElement<any> {\n private _width = 12;\n private _classNames: Set<string> = new Set();\n\n public setWidth(width: number): void {\n this._width = width;\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public setContentElement(element: UIElement): void {\n // Remove previous content\n this.getChildren().forEach(el => el.remove());\n\n // Add new content\n this.addElement(element);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <Cell span={this._width} className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Cell>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;IAEaA,qB;;;;;;;;;;;;;;;yFACQ,E;8FACkB,IAAIC,GAAJ,E;;;;;;WAEnC,kBAAgBC,KAAhB,EAAqC;MACjC,KAAKC,MAAL,GAAcD,KAAd;IACH;;;WAED,sBAAoBE,SAApB,EAA6C;MACzC,KAAKC,WAAL,CAAiBC,GAAjB,CAAqBF,SAArB;IACH;;;WAED,yBAAuBA,SAAvB,EAAgD;MAC5C,KAAKC,WAAL,CAAiBE,MAAjB,CAAwBH,SAAxB;IACH;;;WAED,2BAAyBI,OAAzB,EAAmD;MAC/C;MACA,KAAKC,WAAL,GAAmBC,OAAnB,CAA2B,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,MAAH,EAAJ;MAAA,CAA7B,EAF+C,CAI/C;;MACA,KAAKC,UAAL,CAAgBL,OAAhB;IACH;;;WAED,gBAAuBM,KAAvB,EAAqE;MACjE,oBACI,6BAAC,UAAD;QAAM,IAAI,EAAE,KAAKX,MAAjB;QAAyB,SAAS,EAAE,IAAAY,mBAAA,EAAWC,KAAK,CAACC,IAAN,CAAW,KAAKZ,WAAL,CAAiBa,MAAjB,EAAX,CAAX;MAApC,iHACkBJ,KADlB,EADJ;IAKH;;;EA9BsCK,qB"}
|
package/ui/views/SplitView.d.ts
CHANGED
|
@@ -8,9 +8,9 @@ interface SplitViewConfig {
|
|
|
8
8
|
}
|
|
9
9
|
export declare class SplitView extends UIView {
|
|
10
10
|
private _classNames;
|
|
11
|
-
private _leftPanel
|
|
12
|
-
private _rightPanel
|
|
13
|
-
constructor(id:
|
|
11
|
+
private _leftPanel?;
|
|
12
|
+
private _rightPanel?;
|
|
13
|
+
constructor(id: string, config?: SplitViewConfig);
|
|
14
14
|
addClassName(className: string): void;
|
|
15
15
|
removeClassName(className: string): void;
|
|
16
16
|
getLeftPanel(): SplitViewPanelElement;
|
package/ui/views/SplitView.js
CHANGED
|
@@ -1,18 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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.SplitView = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
17
|
+
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
+
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
+
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
|
+
|
|
28
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
+
|
|
30
|
+
var _emotion = require("emotion");
|
|
31
|
+
|
|
32
|
+
var _Grid = require("@webiny/ui/Grid");
|
|
33
|
+
|
|
34
|
+
var _SplitViewPanelElement = require("./SplitView/SplitViewPanelElement");
|
|
35
|
+
|
|
36
|
+
var _UIView2 = require("../UIView");
|
|
37
|
+
|
|
38
|
+
var grid = /*#__PURE__*/(0, _emotion.css)({
|
|
16
39
|
"&.mdc-layout-grid": {
|
|
17
40
|
padding: 0,
|
|
18
41
|
backgroundColor: "var(--mdc-theme-background)",
|
|
@@ -21,7 +44,7 @@ var grid = /*#__PURE__*/css({
|
|
|
21
44
|
}
|
|
22
45
|
}
|
|
23
46
|
}, "label:grid;");
|
|
24
|
-
var leftPanel = /*#__PURE__*/css({
|
|
47
|
+
var leftPanel = /*#__PURE__*/(0, _emotion.css)({
|
|
25
48
|
backgroundColor: "var(--mdc-theme-surface)",
|
|
26
49
|
">.webiny-data-list": {
|
|
27
50
|
display: "flex",
|
|
@@ -38,30 +61,26 @@ var leftPanel = /*#__PURE__*/css({
|
|
|
38
61
|
overflow: "auto"
|
|
39
62
|
}
|
|
40
63
|
}, "label:leftPanel;");
|
|
41
|
-
var rightPanel = /*#__PURE__*/css({
|
|
64
|
+
var rightPanel = /*#__PURE__*/(0, _emotion.css)({
|
|
42
65
|
backgroundColor: "var(--mdc-theme-background)",
|
|
43
66
|
overflow: "auto",
|
|
44
67
|
height: "calc(100vh - 70px)"
|
|
45
68
|
}, "label:rightPanel;");
|
|
46
|
-
export var SplitView = /*#__PURE__*/function (_UIView) {
|
|
47
|
-
_inherits(SplitView, _UIView);
|
|
48
69
|
|
|
49
|
-
|
|
70
|
+
var SplitView = /*#__PURE__*/function (_UIView) {
|
|
71
|
+
(0, _inherits2.default)(SplitView, _UIView);
|
|
72
|
+
|
|
73
|
+
var _super = (0, _createSuper2.default)(SplitView);
|
|
50
74
|
|
|
51
75
|
function SplitView(id) {
|
|
52
76
|
var _this;
|
|
53
77
|
|
|
54
78
|
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
55
|
-
|
|
56
|
-
_classCallCheck(this, SplitView);
|
|
57
|
-
|
|
79
|
+
(0, _classCallCheck2.default)(this, SplitView);
|
|
58
80
|
_this = _super.call(this, "SplitView.".concat(id));
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
_defineProperty(_assertThisInitialized(_this), "_leftPanel", void 0);
|
|
63
|
-
|
|
64
|
-
_defineProperty(_assertThisInitialized(_this), "_rightPanel", void 0);
|
|
81
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
|
|
82
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_leftPanel", void 0);
|
|
83
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_rightPanel", void 0);
|
|
65
84
|
|
|
66
85
|
_this.useGrid(false);
|
|
67
86
|
|
|
@@ -82,7 +101,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
|
|
|
82
101
|
return _this;
|
|
83
102
|
}
|
|
84
103
|
|
|
85
|
-
|
|
104
|
+
(0, _createClass2.default)(SplitView, [{
|
|
86
105
|
key: "addClassName",
|
|
87
106
|
value: function addClassName(className) {
|
|
88
107
|
this._classNames.add(className);
|
|
@@ -105,14 +124,14 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
|
|
|
105
124
|
}, {
|
|
106
125
|
key: "render",
|
|
107
126
|
value: function render(props) {
|
|
108
|
-
return /*#__PURE__*/
|
|
109
|
-
className:
|
|
110
|
-
},
|
|
127
|
+
return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
|
|
128
|
+
className: (0, _classnames.default)(Array.from(this._classNames.values()))
|
|
129
|
+
}, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitView.prototype), "render", this).call(this, props));
|
|
111
130
|
}
|
|
112
131
|
}, {
|
|
113
132
|
key: "addElements",
|
|
114
133
|
value: function addElements() {
|
|
115
|
-
this._leftPanel = new SplitViewPanelElement("leftPanel");
|
|
134
|
+
this._leftPanel = new _SplitViewPanelElement.SplitViewPanelElement("leftPanel");
|
|
116
135
|
|
|
117
136
|
this._leftPanel.useGrid(false);
|
|
118
137
|
|
|
@@ -122,7 +141,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
|
|
|
122
141
|
|
|
123
142
|
this._leftPanel.addClassName("webiny-split-view__left-panel");
|
|
124
143
|
|
|
125
|
-
this._rightPanel = new SplitViewPanelElement("rightPanel");
|
|
144
|
+
this._rightPanel = new _SplitViewPanelElement.SplitViewPanelElement("rightPanel");
|
|
126
145
|
|
|
127
146
|
this._rightPanel.useGrid(false);
|
|
128
147
|
|
|
@@ -137,6 +156,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
|
|
|
137
156
|
this._rightPanel.moveAfter(this._leftPanel);
|
|
138
157
|
}
|
|
139
158
|
}]);
|
|
140
|
-
|
|
141
159
|
return SplitView;
|
|
142
|
-
}(UIView);
|
|
160
|
+
}(_UIView2.UIView);
|
|
161
|
+
|
|
162
|
+
exports.SplitView = SplitView;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","id","config","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","_classNames","add","delete","getElement","props","classNames","Array","from","values","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n \"&.mdc-layout-grid\": {\n padding: 0,\n backgroundColor: \"var(--mdc-theme-background)\",\n \">.mdc-layout-grid__inner\": {\n gridGap: 0\n }\n }\n});\n\nconst leftPanel = css({\n backgroundColor: \"var(--mdc-theme-surface)\",\n \">.webiny-data-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"calc(100vh - 70px)\",\n \".mdc-list\": {\n overflow: \"auto\"\n }\n },\n \">.mdc-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n maxHeight: \"calc(100vh - 70px)\",\n overflow: \"auto\"\n }\n});\n\nconst rightPanel = css({\n backgroundColor: \"var(--mdc-theme-background)\",\n overflow: \"auto\",\n height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n leftPanel?: UIElement;\n rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n private _classNames = new Set();\n private _leftPanel?: SplitViewPanelElement;\n private _rightPanel?: SplitViewPanelElement;\n\n public constructor(id: string, config: SplitViewConfig = {}) {\n super(`SplitView.${id}`);\n\n this.useGrid(false);\n this.addClassName(grid);\n this.addClassName(\"webiny-split-view\");\n this.addElements();\n\n if (config.leftPanel) {\n this.getLeftPanel().addElement(config.leftPanel);\n }\n\n if (config.rightPanel) {\n this.getRightPanel().addElement(config.rightPanel);\n }\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public getLeftPanel(): SplitViewPanelElement {\n return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n }\n\n public getRightPanel(): SplitViewPanelElement {\n return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n }\n\n public override render(props?: any): React.ReactNode {\n return (\n <Grid className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Grid>\n );\n }\n\n private addElements(): void {\n this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n this._leftPanel.useGrid(false);\n this._leftPanel.setWidth(5);\n this._leftPanel.addClassName(leftPanel);\n this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n this._rightPanel.useGrid(false);\n this._rightPanel.setWidth(7);\n this._rightPanel.addClassName(rightPanel);\n this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n this.addElement(this._leftPanel);\n this._rightPanel.moveAfter(this._leftPanel);\n }\n}\n"],"mappings":"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"}
|
package/plugins/index.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
declare const _default: () => (import("./FileManagerFileTypePlugin").FileManagerFileTypePlugin[] | (import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/NavigationView").NavigationView> | import("@webiny/ui-composer/UIElement").UIElementPlugin<import("../ui/elements/NavigationMenuElement").NavigationMenuElement<import("../ui/elements/NavigationMenuElement").NavigationMenuElementConfig>>)[] | import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/AdminView").AdminView> | import("@webiny/ui-composer/UILayout").UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout> | {
|
|
2
|
-
type: string;
|
|
3
|
-
name: string;
|
|
4
|
-
preventOpen(e: any): boolean;
|
|
5
|
-
})[];
|
|
6
|
-
export default _default;
|
package/plugins/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import fileManager from "./fileManager";
|
|
2
|
-
import menu from "./menu";
|
|
3
|
-
import userMenu from "./userMenu";
|
|
4
|
-
import uiLayoutRenderer from "./uiLayoutRenderer";
|
|
5
|
-
import { globalSearch, globalSearchHotkey } from "./globalSearch";
|
|
6
|
-
export default (function () {
|
|
7
|
-
return [menu, fileManager, userMenu, globalSearch, globalSearchHotkey, uiLayoutRenderer];
|
|
8
|
-
});
|
package/plugins/logo/Logo.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare class Logo extends React.Component<any> {
|
|
3
|
-
static defaultProps: {
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
mobileWidth: number;
|
|
7
|
-
mobileHeight: number;
|
|
8
|
-
altText: string;
|
|
9
|
-
className: string;
|
|
10
|
-
white: boolean;
|
|
11
|
-
onClick: any;
|
|
12
|
-
};
|
|
13
|
-
checkDisplayInterval: any;
|
|
14
|
-
state: {
|
|
15
|
-
display: string;
|
|
16
|
-
};
|
|
17
|
-
shouldComponentUpdate(_: any, state: any): boolean;
|
|
18
|
-
componentDidMount(): void;
|
|
19
|
-
componentWillUnmount(): void;
|
|
20
|
-
render(): JSX.Element;
|
|
21
|
-
}
|
|
22
|
-
export default Logo;
|