@webiny/app-admin 5.27.0-beta.0 → 5.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/Admin.js +44 -24
- package/base/Admin.js.map +1 -1
- package/base/Base.js +52 -29
- package/base/Base.js.map +1 -1
- package/base/plugins/AddGraphQLQuerySelection.js +26 -11
- package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
- package/base/providers/ApolloProvider.js +19 -6
- package/base/providers/ApolloProvider.js.map +1 -1
- package/base/providers/TelemetryProvider.js +21 -8
- package/base/providers/TelemetryProvider.js.map +1 -1
- package/base/providers/UiStateProvider.js +18 -5
- package/base/providers/UiStateProvider.js.map +1 -1
- package/base/providers/ViewCompositionProvider.js +34 -15
- package/base/providers/ViewCompositionProvider.js.map +1 -1
- package/base/ui/Brand.js +18 -5
- package/base/ui/Brand.js.map +1 -1
- package/base/ui/CenteredView.js +21 -8
- package/base/ui/CenteredView.js.map +1 -1
- package/base/ui/Dashboard.js +18 -5
- package/base/ui/Dashboard.js.map +1 -1
- package/base/ui/Layout.js +21 -8
- package/base/ui/Layout.js.map +1 -1
- package/base/ui/LocaleSelector.js +18 -5
- package/base/ui/LocaleSelector.js.map +1 -1
- package/base/ui/LoginScreen.js +22 -7
- package/base/ui/LoginScreen.js.map +1 -1
- package/base/ui/Logo.js +25 -9
- package/base/ui/Logo.js.map +1 -1
- package/base/ui/Menu.js +46 -26
- package/base/ui/Menu.js.map +1 -1
- package/base/ui/Navigation.js +79 -42
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/NotFound.js +18 -5
- package/base/ui/NotFound.js.map +1 -1
- package/base/ui/Search.js +50 -22
- package/base/ui/Search.js.map +1 -1
- package/base/ui/Tags.js +23 -7
- package/base/ui/Tags.js.map +1 -1
- package/base/ui/UserMenu.js +74 -36
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AdminLayout.js +18 -5
- package/components/AdminLayout.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js +79 -49
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js +50 -28
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/AppInstaller/index.js +20 -7
- package/components/AppInstaller/index.js.map +1 -1
- package/components/AppInstaller/styled.js +26 -9
- package/components/AppInstaller/styled.js.map +1 -1
- package/components/AppInstaller/useInstaller.js +67 -40
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/EmptyView.js +25 -11
- package/components/EmptyView.js.map +1 -1
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +23 -9
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
- package/components/FileManager/BottomInfoBar/UploadStatus.js +21 -8
- package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
- package/components/FileManager/BottomInfoBar.js +29 -11
- package/components/FileManager/BottomInfoBar.js.map +1 -1
- package/components/FileManager/DropFilesHere.js +27 -12
- package/components/FileManager/DropFilesHere.js.map +1 -1
- package/components/FileManager/File.js +42 -24
- package/components/FileManager/File.js.map +1 -1
- package/components/FileManager/FileDetails/Name.js +52 -30
- package/components/FileManager/FileDetails/Name.js.map +1 -1
- package/components/FileManager/FileDetails/Tags.js +112 -73
- package/components/FileManager/FileDetails/Tags.js.map +1 -1
- package/components/FileManager/FileDetails.js +157 -120
- package/components/FileManager/FileDetails.js.map +1 -1
- package/components/FileManager/FileManagerContext.js +39 -20
- package/components/FileManager/FileManagerContext.js.map +1 -1
- package/components/FileManager/FileManagerView.js +172 -130
- package/components/FileManager/FileManagerView.js.map +1 -1
- package/components/FileManager/LeftSidebar.js +49 -28
- package/components/FileManager/LeftSidebar.js.map +1 -1
- package/components/FileManager/NoPermissionView.js +35 -18
- package/components/FileManager/NoPermissionView.js.map +1 -1
- package/components/FileManager/NoResults.js +18 -6
- package/components/FileManager/NoResults.js.map +1 -1
- package/components/FileManager/getFileTypePlugin.js +23 -9
- package/components/FileManager/getFileTypePlugin.js.map +1 -1
- package/components/FileManager/getFileUploader.js +14 -4
- package/components/FileManager/getFileUploader.js.map +1 -1
- package/components/FileManager/graphql.js +24 -8
- package/components/FileManager/graphql.js.map +1 -1
- package/components/FileManager/outputFileSelectionError.js +16 -4
- package/components/FileManager/outputFileSelectionError.js.map +1 -1
- package/components/FileManager/types.js +5 -1
- package/components/FileManager/types.js.map +1 -1
- package/components/FileManager.js +60 -36
- package/components/FileManager.js.map +1 -1
- package/components/FloatingActionButton.js +18 -6
- package/components/FloatingActionButton.js.map +1 -1
- package/components/MultiImageUpload.js +24 -12
- package/components/MultiImageUpload.js.map +1 -1
- package/components/OverlayLayout/OverlayLayout.js +68 -43
- package/components/OverlayLayout/OverlayLayout.js.map +1 -1
- package/components/OverlayLayout/index.js +13 -1
- package/components/OverlayLayout/index.js.map +1 -1
- package/components/Permissions/Permissions.js +28 -11
- package/components/Permissions/Permissions.js.map +1 -1
- package/components/Permissions/StyledComponents.js +26 -9
- package/components/Permissions/StyledComponents.js.map +1 -1
- package/components/Permissions/index.js +30 -2
- package/components/Permissions/index.js.map +1 -1
- package/components/RichTextEditor/RichTextEditor.js +24 -9
- package/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/components/RichTextEditor/index.js +21 -2
- package/components/RichTextEditor/index.js.map +1 -1
- package/components/RichTextEditor/tools/header/index.js +34 -33
- package/components/RichTextEditor/tools/header/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/index.js +34 -28
- package/components/RichTextEditor/tools/image/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/svgs.js +9 -2
- package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
- package/components/RichTextEditor/tools/image/tunes.js +28 -22
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
- package/components/RichTextEditor/tools/image/types.js +5 -1
- package/components/RichTextEditor/tools/image/types.js.map +1 -1
- package/components/RichTextEditor/tools/image/ui.js +30 -23
- package/components/RichTextEditor/tools/image/ui.js.map +1 -1
- package/components/RichTextEditor/tools/paragraph/index.js +43 -41
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
- package/components/RichTextEditor/tools/textColor/index.js +27 -26
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
- package/components/RichTextEditor/tools/utils.js +14 -5
- package/components/RichTextEditor/tools/utils.js.map +1 -1
- package/components/Routes.js +24 -9
- package/components/Routes.js.map +1 -1
- package/components/SearchUI.js +23 -9
- package/components/SearchUI.js.map +1 -1
- package/components/SimpleForm/SimpleForm.js +60 -29
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleForm/index.js +31 -1
- package/components/SimpleForm/index.js.map +1 -1
- package/components/SimpleUI/InputField.js +35 -18
- package/components/SimpleUI/InputField.js.map +1 -1
- package/components/SingleImageUpload.js +41 -22
- package/components/SingleImageUpload.js.map +1 -1
- package/components/SplitView/SplitView.js +42 -19
- package/components/SplitView/SplitView.js.map +1 -1
- package/components/SplitView/index.js +25 -1
- package/components/SplitView/index.js.map +1 -1
- package/components/index.js +13 -1
- package/components/index.js.map +1 -1
- package/hooks/useConfirmationDialog.js +29 -16
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/hooks/useDialog.js +16 -6
- package/hooks/useDialog.js.map +1 -1
- package/hooks/useSnackbar.js +20 -7
- package/hooks/useSnackbar.js.map +1 -1
- package/index.js +286 -26
- package/index.js.map +1 -1
- package/package.json +20 -20
- package/plugins/FileManagerFileTypePlugin.js +33 -20
- package/plugins/FileManagerFileTypePlugin.js.map +1 -1
- package/plugins/MenuPlugin.js +33 -20
- package/plugins/MenuPlugin.js.map +1 -1
- package/plugins/PermissionRendererPlugin.js +33 -20
- package/plugins/PermissionRendererPlugin.js.map +1 -1
- package/plugins/fileManager/fileDefault.js +24 -8
- package/plugins/fileManager/fileDefault.js.map +1 -1
- package/plugins/fileManager/fileImage/DeleteAction.js +45 -24
- package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
- package/plugins/fileManager/fileImage/EditAction.js +51 -28
- package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
- package/plugins/fileManager/fileImage/index.js +29 -10
- package/plugins/fileManager/fileImage/index.js.map +1 -1
- package/plugins/fileManager/index.js +15 -3
- package/plugins/fileManager/index.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js +82 -60
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js +46 -27
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/plugins/globalSearch/index.js +9 -2
- package/plugins/globalSearch/index.js.map +1 -1
- package/plugins/globalSearch/styled.js +33 -13
- package/plugins/globalSearch/styled.js.map +1 -1
- package/plugins/index.js +20 -6
- package/plugins/index.js.map +1 -1
- package/plugins/uiLayoutRenderer/index.js +26 -13
- package/plugins/uiLayoutRenderer/index.js.map +1 -1
- package/types.js +5 -1
- package/types.js.map +1 -1
- package/ui/UIElement.js +19 -1
- package/ui/UIElement.js.map +1 -1
- package/ui/UILayout.js +19 -1
- package/ui/UILayout.js.map +1 -1
- package/ui/UIRenderer.js +13 -1
- package/ui/UIRenderer.js.map +1 -1
- package/ui/UIView.js +25 -1
- package/ui/UIView.js.map +1 -1
- package/ui/elements/AccordionElement.js +52 -32
- package/ui/elements/AccordionElement.js.map +1 -1
- package/ui/elements/ButtonElement.js +36 -19
- package/ui/elements/ButtonElement.js.map +1 -1
- package/ui/elements/ButtonGroupElement.js +38 -19
- package/ui/elements/ButtonGroupElement.js.map +1 -1
- package/ui/elements/GenericElement.js +18 -1
- package/ui/elements/GenericElement.js.map +1 -1
- package/ui/elements/LabelElement.js +26 -13
- package/ui/elements/LabelElement.js.map +1 -1
- package/ui/elements/NavigationMenuElement.js +48 -30
- package/ui/elements/NavigationMenuElement.js.map +1 -1
- package/ui/elements/PanelElement.js +27 -12
- package/ui/elements/PanelElement.js.map +1 -1
- package/ui/elements/PlaceholderElement.js +27 -13
- package/ui/elements/PlaceholderElement.js.map +1 -1
- package/ui/elements/SmallButtonElement.js +36 -19
- package/ui/elements/SmallButtonElement.js.map +1 -1
- package/ui/elements/TypographyElement.js +38 -20
- package/ui/elements/TypographyElement.js.map +1 -1
- package/ui/elements/ViewElement.js +18 -1
- package/ui/elements/ViewElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +33 -17
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement.js +41 -23
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +30 -14
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +51 -28
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +45 -25
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/styled.js +26 -12
- package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
- package/ui/elements/form/FileManagerElement.js +39 -22
- package/ui/elements/form/FileManagerElement.js.map +1 -1
- package/ui/elements/form/FormElement.js +42 -21
- package/ui/elements/form/FormElement.js.map +1 -1
- package/ui/elements/form/FormFieldElement.js +38 -23
- package/ui/elements/form/FormFieldElement.js.map +1 -1
- package/ui/elements/form/HiddenElement.js +30 -15
- package/ui/elements/form/HiddenElement.js.map +1 -1
- package/ui/elements/form/InputElement.js +34 -18
- package/ui/elements/form/InputElement.js.map +1 -1
- package/ui/elements/form/PasswordElement.js +34 -18
- package/ui/elements/form/PasswordElement.js.map +1 -1
- package/ui/elements/form/SelectElement.js +35 -19
- package/ui/elements/form/SelectElement.js.map +1 -1
- package/ui/elements/form/TextareaElement.js +34 -18
- package/ui/elements/form/TextareaElement.js.map +1 -1
- package/ui/views/AdminView/ContentElement.js +40 -24
- package/ui/views/AdminView/ContentElement.js.map +1 -1
- package/ui/views/AdminView/HeaderElement.js +60 -39
- package/ui/views/AdminView/HeaderElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +41 -21
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
- package/ui/views/AdminView/components/Dialog.js +32 -15
- package/ui/views/AdminView/components/Dialog.js.map +1 -1
- package/ui/views/AdminView/components/Hamburger.js +25 -11
- package/ui/views/AdminView/components/Hamburger.js.map +1 -1
- package/ui/views/AdminView/components/Snackbar.js +26 -13
- package/ui/views/AdminView/components/Snackbar.js.map +1 -1
- package/ui/views/FormView/FormContainerElement.js +45 -25
- package/ui/views/FormView/FormContainerElement.js.map +1 -1
- package/ui/views/FormView/FormContentElement.js +27 -12
- package/ui/views/FormView/FormContentElement.js.map +1 -1
- package/ui/views/FormView/FormFooterElement.js +38 -19
- package/ui/views/FormView/FormFooterElement.js.map +1 -1
- package/ui/views/FormView/FormHeaderElement.js +52 -30
- package/ui/views/FormView/FormHeaderElement.js.map +1 -1
- package/ui/views/FormView.js +60 -34
- package/ui/views/FormView.js.map +1 -1
- package/ui/views/OverlayView/ContentElement.js +38 -19
- package/ui/views/OverlayView/ContentElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderElement.js +56 -37
- package/ui/views/OverlayView/HeaderElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +44 -25
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
- package/ui/views/OverlayView/useOverlayView.js +32 -16
- package/ui/views/OverlayView/useOverlayView.js.map +1 -1
- package/ui/views/OverlayView.js +65 -42
- package/ui/views/OverlayView.js.map +1 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +47 -28
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
- package/ui/views/SplitView.js +57 -37
- package/ui/views/SplitView.js.map +1 -1
|
@@ -1,22 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.OverlayLayout = void 0;
|
|
11
|
+
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
+
|
|
16
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
|
|
18
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
+
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
25
|
+
|
|
26
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
+
|
|
28
|
+
var React = _interopRequireWildcard(require("react"));
|
|
29
|
+
|
|
30
|
+
var _reactTransitionGroup = require("react-transition-group");
|
|
31
|
+
|
|
32
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
33
|
+
|
|
34
|
+
var _emotion = require("emotion");
|
|
35
|
+
|
|
36
|
+
var _TopAppBar = require("@webiny/ui/TopAppBar");
|
|
37
|
+
|
|
38
|
+
var _Button = require("@webiny/ui/Button");
|
|
39
|
+
|
|
40
|
+
var _noop = _interopRequireDefault(require("lodash/noop"));
|
|
41
|
+
|
|
42
|
+
var _close = require("./icons/close.svg");
|
|
43
|
+
|
|
44
|
+
var _OverlayView = require("../../ui/views/OverlayView");
|
|
45
|
+
|
|
9
46
|
var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
|
|
10
|
-
|
|
11
|
-
import { Transition } from "react-transition-group";
|
|
12
|
-
import styled from "@emotion/styled";
|
|
13
|
-
import { css } from "emotion";
|
|
14
|
-
import { TopAppBarSecondary, TopAppBarSection } from "@webiny/ui/TopAppBar";
|
|
15
|
-
import { IconButton } from "@webiny/ui/Button";
|
|
16
|
-
import noop from "lodash/noop";
|
|
17
|
-
import { ReactComponent as CloseIcon } from "./icons/close.svg";
|
|
18
|
-
import { OverlayView } from "../../ui/views/OverlayView";
|
|
19
|
-
var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
|
|
47
|
+
var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
|
|
20
48
|
target: "e1inqa580",
|
|
21
49
|
label: "OverlayLayoutWrapper"
|
|
22
50
|
})({
|
|
@@ -34,7 +62,7 @@ var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
|
|
|
34
62
|
top: 0,
|
|
35
63
|
left: 0
|
|
36
64
|
});
|
|
37
|
-
var noScroll = /*#__PURE__*/css({
|
|
65
|
+
var noScroll = /*#__PURE__*/(0, _emotion.css)({
|
|
38
66
|
overflow: "hidden",
|
|
39
67
|
height: "100vh"
|
|
40
68
|
}, "label:noScroll;");
|
|
@@ -56,41 +84,39 @@ var transitionStyles = {
|
|
|
56
84
|
opacity: 1
|
|
57
85
|
}
|
|
58
86
|
};
|
|
59
|
-
export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
|
|
60
|
-
_inherits(OverlayLayout, _React$Component);
|
|
61
87
|
|
|
62
|
-
|
|
88
|
+
var OverlayLayout = /*#__PURE__*/function (_React$Component) {
|
|
89
|
+
(0, _inherits2.default)(OverlayLayout, _React$Component);
|
|
90
|
+
|
|
91
|
+
var _super = (0, _createSuper2.default)(OverlayLayout);
|
|
63
92
|
|
|
64
93
|
function OverlayLayout(props) {
|
|
65
94
|
var _this;
|
|
66
95
|
|
|
67
|
-
|
|
68
|
-
|
|
96
|
+
(0, _classCallCheck2.default)(this, OverlayLayout);
|
|
69
97
|
_this = _super.call(this, props);
|
|
70
|
-
|
|
71
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
98
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
72
99
|
isVisible: true
|
|
73
100
|
});
|
|
74
|
-
|
|
75
101
|
document.body.classList.add(noScroll);
|
|
76
102
|
return _this;
|
|
77
103
|
}
|
|
78
104
|
|
|
79
|
-
|
|
105
|
+
(0, _createClass2.default)(OverlayLayout, [{
|
|
80
106
|
key: "hideComponent",
|
|
81
107
|
value: function hideComponent() {
|
|
82
108
|
this.setState({
|
|
83
109
|
isVisible: false
|
|
84
110
|
});
|
|
85
111
|
|
|
86
|
-
if (OverlayView.openedViews === 0) {
|
|
112
|
+
if (_OverlayView.OverlayView.openedViews === 0) {
|
|
87
113
|
document.body.classList.remove(noScroll);
|
|
88
114
|
}
|
|
89
115
|
}
|
|
90
116
|
}, {
|
|
91
117
|
key: "componentWillUnmount",
|
|
92
118
|
value: function componentWillUnmount() {
|
|
93
|
-
if (OverlayView.openedViews === 0) {
|
|
119
|
+
if (_OverlayView.OverlayView.openedViews === 0) {
|
|
94
120
|
document.body.classList.remove(noScroll);
|
|
95
121
|
}
|
|
96
122
|
}
|
|
@@ -106,41 +132,40 @@ export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
106
132
|
barRight = _this$props.barRight,
|
|
107
133
|
children = _this$props.children,
|
|
108
134
|
style = _this$props.style,
|
|
109
|
-
rest =
|
|
110
|
-
|
|
111
|
-
return /*#__PURE__*/React.createElement(Transition, {
|
|
135
|
+
rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
136
|
+
return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
|
|
112
137
|
in: this.state.isVisible,
|
|
113
138
|
timeout: 100,
|
|
114
139
|
appear: true,
|
|
115
140
|
onExited: onExited
|
|
116
141
|
}, function (state) {
|
|
117
142
|
return /*#__PURE__*/React.createElement(OverlayLayoutWrapper, Object.assign({}, rest, {
|
|
118
|
-
style:
|
|
119
|
-
}), /*#__PURE__*/React.createElement(TopAppBarSecondary, {
|
|
143
|
+
style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), style), transitionStyles[state])
|
|
144
|
+
}), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSecondary, {
|
|
120
145
|
fixed: true,
|
|
121
146
|
style: {
|
|
122
147
|
top: 0
|
|
123
148
|
}
|
|
124
|
-
}, /*#__PURE__*/React.createElement(TopAppBarSection, {
|
|
149
|
+
}, /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
|
|
125
150
|
style: {
|
|
126
151
|
width: "33%"
|
|
127
152
|
},
|
|
128
153
|
alignStart: true
|
|
129
|
-
}, barLeft), /*#__PURE__*/React.createElement(TopAppBarSection, {
|
|
154
|
+
}, barLeft), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
|
|
130
155
|
style: {
|
|
131
156
|
width: "33%"
|
|
132
157
|
}
|
|
133
|
-
}, barMiddle), /*#__PURE__*/React.createElement(TopAppBarSection, {
|
|
158
|
+
}, barMiddle), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
|
|
134
159
|
style: {
|
|
135
160
|
width: "33%"
|
|
136
161
|
},
|
|
137
162
|
alignEnd: true
|
|
138
|
-
}, barRight, /*#__PURE__*/React.createElement(IconButton, {
|
|
163
|
+
}, barRight, /*#__PURE__*/React.createElement(_Button.IconButton, {
|
|
139
164
|
ripple: false,
|
|
140
165
|
onClick: function onClick() {
|
|
141
166
|
return _this2.hideComponent();
|
|
142
167
|
},
|
|
143
|
-
icon: /*#__PURE__*/React.createElement(
|
|
168
|
+
icon: /*#__PURE__*/React.createElement(_close.ReactComponent, {
|
|
144
169
|
style: {
|
|
145
170
|
width: 24,
|
|
146
171
|
height: 24
|
|
@@ -150,10 +175,10 @@ export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
150
175
|
});
|
|
151
176
|
}
|
|
152
177
|
}]);
|
|
153
|
-
|
|
154
178
|
return OverlayLayout;
|
|
155
179
|
}(React.Component);
|
|
156
180
|
|
|
157
|
-
|
|
158
|
-
|
|
181
|
+
exports.OverlayLayout = OverlayLayout;
|
|
182
|
+
(0, _defineProperty2.default)(OverlayLayout, "defaultProps", {
|
|
183
|
+
onExited: _noop.default
|
|
159
184
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"./icons/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\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 paddingTop: 65,\n top: 0,\n left: 0\n});\n\nconst noScroll = css({\n overflow: \"hidden\",\n height: \"100vh\"\n});\n\nconst defaultStyle = {\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 OverlayLayoutProps {\n barMiddle?: React.ReactNode;\n barLeft?: React.ReactNode;\n barRight?: React.ReactNode;\n children: React.ReactNode;\n onExited?: ExitHandler<HTMLElement>;\n style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n constructor(props: OverlayLayoutProps) {\n super(props);\n document.body.classList.add(noScroll);\n }\n\n static defaultProps: Partial<OverlayLayoutProps> = {\n onExited: noop\n };\n\n public override state: OverlayLayoutState = {\n isVisible: true\n };\n\n public hideComponent(): void {\n this.setState({ isVisible: false });\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override componentWillUnmount(): void {\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override render() {\n const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n return (\n <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n {state => (\n <OverlayLayoutWrapper\n {...rest}\n style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n >\n <TopAppBarSecondary fixed style={{ top: 0 }}>\n <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n {barLeft}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }}>\n {barMiddle}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n {barRight}\n <IconButton\n ripple={false}\n onClick={() => this.hideComponent()}\n icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n />\n </TopAppBarSection>\n </TopAppBarSecondary>\n\n {children}\n </OverlayLayoutWrapper>\n )}\n </Transition>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "OverlayLayout", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _OverlayLayout.OverlayLayout;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _OverlayLayout = require("./OverlayLayout");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { OverlayLayout } from \"./OverlayLayout\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1,14 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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.Permissions = void 0;
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
16
|
+
var _Accordion = require("@webiny/ui/Accordion");
|
|
17
|
+
|
|
18
|
+
var _plugins = require("@webiny/plugins");
|
|
19
|
+
|
|
20
|
+
var Permissions = function Permissions(_ref) {
|
|
6
21
|
var id = _ref.id,
|
|
7
22
|
value = _ref.value,
|
|
8
23
|
onChange = _ref.onChange;
|
|
9
24
|
|
|
10
|
-
var _useMemo = useMemo(function () {
|
|
11
|
-
return plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
|
|
25
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
26
|
+
return _plugins.plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
|
|
12
27
|
if (plugin.system === true) {
|
|
13
28
|
acc.systemPlugins.push(plugin);
|
|
14
29
|
} else {
|
|
@@ -24,14 +39,16 @@ export var Permissions = function Permissions(_ref) {
|
|
|
24
39
|
systemPlugins = _useMemo.systemPlugins,
|
|
25
40
|
permissionPlugins = _useMemo.permissionPlugins;
|
|
26
41
|
|
|
27
|
-
return /*#__PURE__*/
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
|
|
28
43
|
elevation: 0
|
|
29
|
-
}, [].concat(
|
|
30
|
-
return /*#__PURE__*/
|
|
44
|
+
}, [].concat((0, _toConsumableArray2.default)(systemPlugins), (0, _toConsumableArray2.default)(permissionPlugins)).map(function (pl) {
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
31
46
|
key: pl.name + "." + id
|
|
32
47
|
}, pl.render({
|
|
33
48
|
value: value,
|
|
34
49
|
onChange: onChange
|
|
35
50
|
}));
|
|
36
51
|
}));
|
|
37
|
-
};
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.Permissions = Permissions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["Permissions","id","value","onChange","useMemo","plugins","byType","reduce","acc","plugin","system","systemPlugins","push","permissionPlugins","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n id: string;\n}\n\ninterface PermissionPlugins {\n systemPlugins: AdminAppPermissionRendererPlugin[];\n permissionPlugins: AdminAppPermissionRendererPlugin[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange }) => {\n const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n return plugins\n .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n .reduce(\n (acc, plugin) => {\n if (plugin.system === true) {\n acc.systemPlugins.push(plugin);\n } else {\n acc.permissionPlugins.push(plugin);\n }\n return acc;\n },\n { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n );\n }, []);\n\n return (\n <Accordion elevation={0}>\n {[...systemPlugins, ...permissionPlugins].map(pl => (\n <React.Fragment key={pl.name + \".\" + id}>\n {pl.render({\n value,\n onChange\n })}\n </React.Fragment>\n ))}\n </Accordion>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAYO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAA6B;EAAA,IAA1BC,EAA0B,QAA1BA,EAA0B;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAChF,eAA6C,IAAAC,cAAA,EAA2B,YAAM;IAC1E,OAAOC,gBAAA,CACFC,MADE,CACuC,gCADvC,EAEFC,MAFE,CAGC,UAACC,GAAD,EAAMC,MAAN,EAAiB;MACb,IAAIA,MAAM,CAACC,MAAP,KAAkB,IAAtB,EAA4B;QACxBF,GAAG,CAACG,aAAJ,CAAkBC,IAAlB,CAAuBH,MAAvB;MACH,CAFD,MAEO;QACHD,GAAG,CAACK,iBAAJ,CAAsBD,IAAtB,CAA2BH,MAA3B;MACH;;MACD,OAAOD,GAAP;IACH,CAVF,EAWC;MAAEG,aAAa,EAAE,EAAjB;MAAqBE,iBAAiB,EAAE;IAAxC,CAXD,CAAP;EAaH,CAd4C,EAc1C,EAd0C,CAA7C;EAAA,IAAQF,aAAR,YAAQA,aAAR;EAAA,IAAuBE,iBAAvB,YAAuBA,iBAAvB;;EAgBA,oBACI,6BAAC,oBAAD;IAAW,SAAS,EAAE;EAAtB,GACK,2CAAIF,aAAJ,oCAAsBE,iBAAtB,GAAyCC,GAAzC,CAA6C,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAD,CAAO,QAAP;MAAgB,GAAG,EAAEA,EAAE,CAACC,IAAH,GAAU,GAAV,GAAgBf;IAArC,GACKc,EAAE,CAACE,MAAH,CAAU;MACPf,KAAK,EAALA,KADO;MAEPC,QAAQ,EAARA;IAFO,CAAV,CADL,CAD4C;EAAA,CAA/C,CADL,CADJ;AAYH,CA7BM"}
|
|
@@ -1,19 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.gridNoPaddingClass = exports.flexClass = exports.PermissionInfo = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _emotion = require("emotion");
|
|
13
|
+
|
|
14
|
+
var _Typography = require("@webiny/ui/Typography");
|
|
15
|
+
|
|
16
|
+
var flexClass = /*#__PURE__*/(0, _emotion.css)({
|
|
5
17
|
display: "flex",
|
|
6
18
|
alignItems: "center",
|
|
7
19
|
height: "100%"
|
|
8
20
|
}, "label:flexClass;");
|
|
9
|
-
|
|
21
|
+
exports.flexClass = flexClass;
|
|
22
|
+
var gridNoPaddingClass = /*#__PURE__*/(0, _emotion.css)({
|
|
10
23
|
padding: "0px !important"
|
|
11
24
|
}, "label:gridNoPaddingClass;");
|
|
12
|
-
|
|
25
|
+
exports.gridNoPaddingClass = gridNoPaddingClass;
|
|
26
|
+
|
|
27
|
+
var PermissionInfo = function PermissionInfo(_ref) {
|
|
13
28
|
var title = _ref.title;
|
|
14
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
15
30
|
className: flexClass
|
|
16
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
17
32
|
use: "subtitle2"
|
|
18
33
|
}, title));
|
|
19
|
-
};
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
exports.PermissionInfo = PermissionInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n <div className={flexClass}>\n <Typography use={\"subtitle2\"}>{title}</Typography>\n </div>\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBC,OAAO,EAAE,MADgB;EAEzBC,UAAU,EAAE,QAFa;EAGzBC,MAAM,EAAE;AAHiB,CAAJ,qBAAlB;;AAMA,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAA,EAAI;EAClCK,OAAO,EAAE;AADyB,CAAJ,8BAA3B;;;AAOA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,oBACzD;IAAK,SAAS,EAAER;EAAhB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BQ,KAA/B,CADJ,CADyD;AAAA,CAAtD"}
|
|
@@ -1,2 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
Permissions: true
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "Permissions", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function get() {
|
|
12
|
+
return _Permissions.Permissions;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
var _StyledComponents = require("./StyledComponents");
|
|
17
|
+
|
|
18
|
+
Object.keys(_StyledComponents).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
21
|
+
if (key in exports && exports[key] === _StyledComponents[key]) return;
|
|
22
|
+
Object.defineProperty(exports, key, {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function get() {
|
|
25
|
+
return _StyledComponents[key];
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
var _Permissions = require("./Permissions");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}
|
|
@@ -1,15 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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.RichTextEditor = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _RichTextEditor = require("@webiny/ui/RichTextEditor");
|
|
15
|
+
|
|
16
|
+
var _FileManager = require("../FileManager");
|
|
17
|
+
|
|
18
|
+
var RichTextEditor = function RichTextEditor(props) {
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, null, function (_ref) {
|
|
7
20
|
var showFileManager = _ref.showFileManager;
|
|
8
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({}, props, {
|
|
9
22
|
placeholder: props.placeholder || "Click here to type",
|
|
10
|
-
context:
|
|
23
|
+
context: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.context), {}, {
|
|
11
24
|
showFileManager: showFileManager
|
|
12
25
|
})
|
|
13
26
|
}));
|
|
14
27
|
});
|
|
15
|
-
};
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
exports.RichTextEditor = RichTextEditor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["RichTextEditor","props","showFileManager","placeholder","context"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"../FileManager\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n return (\n <FileManager>\n {({ showFileManager }) => (\n <UiRichTextEditor\n {...props}\n placeholder={props.placeholder || \"Click here to type\"}\n context={{ ...props.context, showFileManager }}\n />\n )}\n </FileManager>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,cAA6C,GAAG,SAAhDA,cAAgD,CAAAC,KAAK,EAAI;EAClE,oBACI,6BAAC,wBAAD,QACK;IAAA,IAAGC,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,8BAAD,oBACQD,KADR;MAEI,WAAW,EAAEA,KAAK,CAACE,WAAN,IAAqB,oBAFtC;MAGI,OAAO,8DAAOF,KAAK,CAACG,OAAb;QAAsBF,eAAe,EAAfA;MAAtB;IAHX,GADH;EAAA,CADL,CADJ;AAWH,CAZM"}
|
|
@@ -1,2 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "RichTextEditor", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _RichTextEditor.RichTextEditor;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "createPropsFromConfig", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _RichTextEditor2.createPropsFromConfig;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
var _RichTextEditor = require("./RichTextEditor");
|
|
20
|
+
|
|
21
|
+
var _RichTextEditor2 = require("@webiny/ui/RichTextEditor");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
|
|
16
|
+
var _utils = require("../utils");
|
|
5
17
|
|
|
6
18
|
var Header = /*#__PURE__*/function () {
|
|
7
19
|
/**
|
|
@@ -18,30 +30,19 @@ var Header = /*#__PURE__*/function () {
|
|
|
18
30
|
config = _ref.config,
|
|
19
31
|
api = _ref.api,
|
|
20
32
|
readOnly = _ref.readOnly;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
_defineProperty(this, "_settings", void 0);
|
|
33
|
-
|
|
34
|
-
_defineProperty(this, "_data", void 0);
|
|
35
|
-
|
|
36
|
-
_defineProperty(this, "_element", void 0);
|
|
37
|
-
|
|
38
|
-
_defineProperty(this, "alignments", void 0);
|
|
39
|
-
|
|
40
|
-
_defineProperty(this, "typography", void 0);
|
|
41
|
-
|
|
33
|
+
(0, _classCallCheck2.default)(this, Header);
|
|
34
|
+
(0, _defineProperty2.default)(this, "api", void 0);
|
|
35
|
+
(0, _defineProperty2.default)(this, "readOnly", void 0);
|
|
36
|
+
(0, _defineProperty2.default)(this, "settingsButtons", void 0);
|
|
37
|
+
(0, _defineProperty2.default)(this, "_CSS", void 0);
|
|
38
|
+
(0, _defineProperty2.default)(this, "_settings", void 0);
|
|
39
|
+
(0, _defineProperty2.default)(this, "_data", void 0);
|
|
40
|
+
(0, _defineProperty2.default)(this, "_element", void 0);
|
|
41
|
+
(0, _defineProperty2.default)(this, "alignments", void 0);
|
|
42
|
+
(0, _defineProperty2.default)(this, "typography", void 0);
|
|
42
43
|
this.api = api;
|
|
43
44
|
this.readOnly = readOnly;
|
|
44
|
-
this.alignments = ALIGNMENTS;
|
|
45
|
+
this.alignments = _utils.ALIGNMENTS;
|
|
45
46
|
/**
|
|
46
47
|
* Import typography from theme
|
|
47
48
|
*/
|
|
@@ -101,7 +102,7 @@ var Header = /*#__PURE__*/function () {
|
|
|
101
102
|
*/
|
|
102
103
|
|
|
103
104
|
|
|
104
|
-
|
|
105
|
+
(0, _createClass2.default)(Header, [{
|
|
105
106
|
key: "normalizeData",
|
|
106
107
|
value: function normalizeData(data) {
|
|
107
108
|
var newData = {};
|
|
@@ -112,7 +113,7 @@ var Header = /*#__PURE__*/function () {
|
|
|
112
113
|
|
|
113
114
|
newData.text = data.text || "";
|
|
114
115
|
newData.level = parseInt(data.level) || this.defaultLevel.number;
|
|
115
|
-
newData.textAlign = data.textAlign || TextAlign.START;
|
|
116
|
+
newData.textAlign = data.textAlign || _utils.TextAlign.START;
|
|
116
117
|
return newData;
|
|
117
118
|
}
|
|
118
119
|
/**
|
|
@@ -336,7 +337,7 @@ var Header = /*#__PURE__*/function () {
|
|
|
336
337
|
}, {
|
|
337
338
|
key: "getTextAlign",
|
|
338
339
|
value: function getTextAlign(className) {
|
|
339
|
-
var textAlign = TextAlign.START; // Match className with alignment
|
|
340
|
+
var textAlign = _utils.TextAlign.START; // Match className with alignment
|
|
340
341
|
|
|
341
342
|
this.alignments.forEach(function (alignment) {
|
|
342
343
|
if (className.includes("ce-header-text--".concat(alignment.name))) {
|
|
@@ -515,8 +516,8 @@ var Header = /*#__PURE__*/function () {
|
|
|
515
516
|
|
|
516
517
|
if (!alignment) {
|
|
517
518
|
alignment = {
|
|
518
|
-
name: TextAlign.START,
|
|
519
|
-
svg: ALIGNMENT_ICONS.start
|
|
519
|
+
name: _utils.TextAlign.START,
|
|
520
|
+
svg: _utils.ALIGNMENT_ICONS.start
|
|
520
521
|
};
|
|
521
522
|
}
|
|
522
523
|
|
|
@@ -723,8 +724,8 @@ var Header = /*#__PURE__*/function () {
|
|
|
723
724
|
};
|
|
724
725
|
}
|
|
725
726
|
}]);
|
|
726
|
-
|
|
727
727
|
return Header;
|
|
728
728
|
}();
|
|
729
729
|
|
|
730
|
-
|
|
730
|
+
var _default = Header;
|
|
731
|
+
exports.default = _default;
|