@webiny/app-admin 5.34.8 → 5.35.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/add-18px.svg +1 -1
- package/assets/icons/arrow_drop_down-24px.svg +1 -1
- package/assets/icons/filter-24px.svg +1 -1
- package/assets/icons/highlight-24px.svg +1 -1
- package/assets/icons/info.svg +1 -1
- package/assets/icons/insert_drive_file-24px.svg +1 -1
- package/assets/icons/insert_photo-24px.svg +1 -1
- package/assets/icons/label-24px.svg +1 -1
- package/assets/icons/round-account_circle-24px.svg +1 -1
- package/assets/icons/round-arrow_drop_down-24px.svg +1 -1
- package/assets/icons/round-help-24px.svg +1 -1
- package/assets/icons/round-settings-24px.svg +1 -1
- package/assets/icons/today-24px.svg +1 -1
- package/assets/icons/touch_app.svg +1 -1
- package/base/Admin.js +1 -15
- package/base/Admin.js.map +1 -1
- package/base/Base.js +6 -44
- package/base/Base.js.map +1 -1
- package/base/plugins/AddGraphQLQuerySelection.js +5 -9
- package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
- package/base/providers/ApolloProvider.js +0 -5
- package/base/providers/ApolloProvider.js.map +1 -1
- package/base/providers/TelemetryProvider.js +1 -7
- package/base/providers/TelemetryProvider.js.map +1 -1
- package/base/providers/UiStateProvider.js +0 -5
- package/base/providers/UiStateProvider.js.map +1 -1
- package/base/providers/ViewCompositionProvider.js +3 -16
- package/base/providers/ViewCompositionProvider.js.map +1 -1
- package/base/ui/Brand.js +0 -4
- package/base/ui/Brand.js.map +1 -1
- package/base/ui/CenteredView.js +2 -7
- package/base/ui/CenteredView.js.map +1 -1
- package/base/ui/Dashboard.js +0 -4
- package/base/ui/Dashboard.js.map +1 -1
- package/base/ui/FileManager.d.ts +67 -0
- package/base/ui/FileManager.js +61 -0
- package/base/ui/FileManager.js.map +1 -0
- package/base/ui/Layout.js +1 -6
- package/base/ui/Layout.js.map +1 -1
- package/base/ui/LocaleSelector.js +0 -4
- package/base/ui/LocaleSelector.js.map +1 -1
- package/base/ui/LoginScreen.js +0 -6
- package/base/ui/LoginScreen.js.map +1 -1
- package/base/ui/Logo.js +0 -6
- package/base/ui/Logo.js.map +1 -1
- package/base/ui/Menu.js +2 -31
- package/base/ui/Menu.js.map +1 -1
- package/base/ui/Navigation.js +11 -44
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/NotFound.js +0 -4
- package/base/ui/NotFound.js.map +1 -1
- package/base/ui/Search.js +5 -23
- package/base/ui/Search.js.map +1 -1
- package/base/ui/Tags.js +1 -8
- package/base/ui/Tags.js.map +1 -1
- package/base/ui/UserMenu.js +5 -29
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AdminLayout.js +1 -6
- package/components/AdminLayout.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js +18 -84
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js +11 -44
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/AppInstaller/index.js +0 -7
- package/components/AppInstaller/index.js.map +1 -1
- package/components/AppInstaller/styled.d.ts +17 -5
- package/components/AppInstaller/styled.js +0 -4
- package/components/AppInstaller/styled.js.map +1 -1
- package/components/AppInstaller/useInstaller.d.ts +1 -7
- package/components/AppInstaller/useInstaller.js +72 -183
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/EmptyView.js +4 -12
- package/components/EmptyView.js.map +1 -1
- package/components/FloatingActionButton.js +2 -8
- package/components/FloatingActionButton.js.map +1 -1
- package/components/MultiImageUpload.js +1 -10
- package/components/MultiImageUpload.js.map +1 -1
- package/components/OverlayLayout/OverlayLayout.js +9 -38
- package/components/OverlayLayout/OverlayLayout.js.map +1 -1
- package/components/OverlayLayout/index.js +0 -2
- package/components/OverlayLayout/index.js.map +1 -1
- package/components/Permissions/Permissions.d.ts +2 -0
- package/components/Permissions/Permissions.js +25 -27
- package/components/Permissions/Permissions.js.map +1 -1
- package/components/Permissions/StyledComponents.js +0 -7
- package/components/Permissions/StyledComponents.js.map +1 -1
- package/components/Permissions/index.js +0 -3
- package/components/Permissions/index.js.map +1 -1
- package/components/RichTextEditor/RichTextEditor.js +0 -7
- package/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/components/RichTextEditor/index.js +0 -2
- package/components/RichTextEditor/index.js.map +1 -1
- package/components/RichTextEditor/tools/header/index.js +62 -102
- package/components/RichTextEditor/tools/header/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/index.js +15 -36
- package/components/RichTextEditor/tools/image/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
- package/components/RichTextEditor/tools/image/tunes.js +5 -22
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
- package/components/RichTextEditor/tools/image/ui.js +16 -39
- package/components/RichTextEditor/tools/image/ui.js.map +1 -1
- package/components/RichTextEditor/tools/paragraph/index.js +55 -81
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
- package/components/RichTextEditor/tools/textColor/index.js +15 -41
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
- package/components/RichTextEditor/tools/utils.js +0 -2
- package/components/RichTextEditor/tools/utils.js.map +1 -1
- package/components/Routes.js +6 -13
- package/components/Routes.js.map +1 -1
- package/components/SearchUI.d.ts +1 -0
- package/components/SearchUI.js +14 -14
- package/components/SearchUI.js.map +1 -1
- package/components/SimpleForm/SimpleForm.js +3 -32
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleForm/index.js +0 -1
- package/components/SimpleForm/index.js.map +1 -1
- package/components/SimpleUI/InputField.d.ts +2 -0
- package/components/SimpleUI/InputField.js +16 -30
- package/components/SimpleUI/InputField.js.map +1 -1
- package/components/SingleImageUpload.d.ts +1 -1
- package/components/SingleImageUpload.js +14 -30
- package/components/SingleImageUpload.js.map +1 -1
- package/components/SplitView/SplitView.js +1 -20
- package/components/SplitView/SplitView.js.map +1 -1
- package/components/SplitView/index.js +0 -1
- package/components/SplitView/index.js.map +1 -1
- package/components/index.d.ts +1 -1
- package/components/index.js +1 -2
- package/components/index.js.map +1 -1
- package/hooks/useConfirmationDialog.js +6 -18
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/hooks/useDialog.js +0 -5
- package/hooks/useDialog.js.map +1 -1
- package/hooks/useSnackbar.js +0 -5
- package/hooks/useSnackbar.js.map +1 -1
- package/index.d.ts +2 -3
- package/index.js +1 -61
- package/index.js.map +1 -1
- package/package.json +22 -32
- package/plugins/MenuPlugin.js +0 -15
- package/plugins/MenuPlugin.js.map +1 -1
- package/plugins/PermissionRendererPlugin.js +0 -15
- package/plugins/PermissionRendererPlugin.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js +5 -53
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js +15 -33
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/plugins/globalSearch/index.js.map +1 -1
- package/plugins/globalSearch/styled.d.ts +13 -4
- package/plugins/globalSearch/styled.js +1 -5
- package/plugins/globalSearch/styled.js.map +1 -1
- package/plugins/uiLayoutRenderer/index.js +2 -16
- package/plugins/uiLayoutRenderer/index.js.map +1 -1
- package/styles/theme.scss +31 -1
- package/types.d.ts +23 -27
- package/types.js.map +1 -1
- package/ui/UIElement.js +0 -1
- package/ui/UIElement.js.map +1 -1
- package/ui/UILayout.js +0 -1
- package/ui/UILayout.js.map +1 -1
- package/ui/UIRenderer.js +0 -1
- package/ui/UIRenderer.js.map +1 -1
- package/ui/UIView.js +0 -1
- package/ui/UIView.js.map +1 -1
- package/ui/elements/AccordionElement.js +2 -28
- package/ui/elements/AccordionElement.js.map +1 -1
- package/ui/elements/ButtonElement.js +0 -19
- package/ui/elements/ButtonElement.js.map +1 -1
- package/ui/elements/ButtonGroupElement.js +0 -19
- package/ui/elements/ButtonGroupElement.js.map +1 -1
- package/ui/elements/GenericElement.js +0 -2
- package/ui/elements/GenericElement.js.map +1 -1
- package/ui/elements/LabelElement.js +0 -14
- package/ui/elements/LabelElement.js.map +1 -1
- package/ui/elements/NavigationMenuElement.js +3 -36
- package/ui/elements/NavigationMenuElement.js.map +1 -1
- package/ui/elements/PanelElement.js +0 -11
- package/ui/elements/PanelElement.js.map +1 -1
- package/ui/elements/PlaceholderElement.js +0 -11
- package/ui/elements/PlaceholderElement.js.map +1 -1
- package/ui/elements/SmallButtonElement.js +0 -19
- package/ui/elements/SmallButtonElement.js.map +1 -1
- package/ui/elements/TypographyElement.js +0 -19
- package/ui/elements/TypographyElement.js.map +1 -1
- package/ui/elements/ViewElement.js +0 -2
- package/ui/elements/ViewElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +0 -16
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement.js +11 -34
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +0 -15
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +5 -27
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +4 -23
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/styled.d.ts +23 -16
- package/ui/elements/form/FileManagerElement/styled.js +0 -5
- package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
- package/ui/elements/form/FileManagerElement.js +0 -20
- package/ui/elements/form/FileManagerElement.js.map +1 -1
- package/ui/elements/form/FormElement.js +0 -21
- package/ui/elements/form/FormElement.js.map +1 -1
- package/ui/elements/form/FormFieldElement.js +0 -33
- package/ui/elements/form/FormFieldElement.js.map +1 -1
- package/ui/elements/form/HiddenElement.js +0 -17
- package/ui/elements/form/HiddenElement.js.map +1 -1
- package/ui/elements/form/InputElement.js +0 -18
- package/ui/elements/form/InputElement.js.map +1 -1
- package/ui/elements/form/PasswordElement.js +0 -15
- package/ui/elements/form/PasswordElement.js.map +1 -1
- package/ui/elements/form/SelectElement.js +1 -19
- package/ui/elements/form/SelectElement.js.map +1 -1
- package/ui/elements/form/TextareaElement.js +0 -17
- package/ui/elements/form/TextareaElement.js.map +1 -1
- package/ui/views/AdminView/ContentElement.js +1 -25
- package/ui/views/AdminView/ContentElement.js.map +1 -1
- package/ui/views/AdminView/HeaderElement.js +0 -40
- package/ui/views/AdminView/HeaderElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
- package/ui/views/AdminView/components/Dialog.js +10 -21
- package/ui/views/AdminView/components/Dialog.js.map +1 -1
- package/ui/views/AdminView/components/Hamburger.js +2 -10
- package/ui/views/AdminView/components/Hamburger.js.map +1 -1
- package/ui/views/AdminView/components/Snackbar.js +0 -9
- package/ui/views/AdminView/components/Snackbar.js.map +1 -1
- package/ui/views/FormView/FormContainerElement.js +0 -21
- package/ui/views/FormView/FormContainerElement.js.map +1 -1
- package/ui/views/FormView/FormContentElement.js +0 -11
- package/ui/views/FormView/FormContentElement.js.map +1 -1
- package/ui/views/FormView/FormFooterElement.js +0 -19
- package/ui/views/FormView/FormFooterElement.js.map +1 -1
- package/ui/views/FormView/FormHeaderElement.js +2 -24
- package/ui/views/FormView/FormHeaderElement.js.map +1 -1
- package/ui/views/FormView.js +0 -41
- package/ui/views/FormView.js.map +1 -1
- package/ui/views/OverlayView/ContentElement.js +0 -19
- package/ui/views/OverlayView/ContentElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderElement.js +4 -26
- package/ui/views/OverlayView/HeaderElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +0 -22
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
- package/ui/views/OverlayView/useOverlayView.js +3 -13
- package/ui/views/OverlayView/useOverlayView.js.map +1 -1
- package/ui/views/OverlayView.js +4 -38
- package/ui/views/OverlayView.js.map +1 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +2 -22
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
- package/ui/views/SplitView.js +0 -40
- package/ui/views/SplitView.js.map +1 -1
|
@@ -1,28 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.ContentElement = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
21
|
-
|
|
22
14
|
var _UIElement2 = require("../../UIElement");
|
|
23
|
-
|
|
24
15
|
var _UIRenderer2 = require("../../UIRenderer");
|
|
25
|
-
|
|
26
16
|
var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
|
|
27
17
|
target: "enpnxwx0",
|
|
28
18
|
label: "ContentWrapper"
|
|
@@ -30,49 +20,35 @@ var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
|
|
|
30
20
|
width: "100%",
|
|
31
21
|
paddingTop: 67
|
|
32
22
|
});
|
|
33
|
-
|
|
34
23
|
var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
|
|
35
24
|
(0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
|
|
36
|
-
|
|
37
25
|
var _super = (0, _createSuper2.default)(ContentElementRenderer);
|
|
38
|
-
|
|
39
26
|
function ContentElementRenderer() {
|
|
40
27
|
(0, _classCallCheck2.default)(this, ContentElementRenderer);
|
|
41
28
|
return _super.apply(this, arguments);
|
|
42
29
|
}
|
|
43
|
-
|
|
44
30
|
(0, _createClass2.default)(ContentElementRenderer, [{
|
|
45
31
|
key: "render",
|
|
46
32
|
value: function render(_ref) {
|
|
47
33
|
var next = _ref.next,
|
|
48
|
-
|
|
34
|
+
props = _ref.props;
|
|
49
35
|
return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
|
|
50
36
|
}
|
|
51
37
|
}]);
|
|
52
38
|
return ContentElementRenderer;
|
|
53
39
|
}(_UIRenderer2.UIRenderer);
|
|
54
|
-
|
|
55
40
|
var ContentElement = /*#__PURE__*/function (_UIElement) {
|
|
56
41
|
(0, _inherits2.default)(ContentElement, _UIElement);
|
|
57
|
-
|
|
58
42
|
var _super2 = (0, _createSuper2.default)(ContentElement);
|
|
59
|
-
|
|
60
43
|
function ContentElement(id) {
|
|
61
44
|
var _this;
|
|
62
|
-
|
|
63
45
|
(0, _classCallCheck2.default)(this, ContentElement);
|
|
64
46
|
_this = _super2.call(this, id);
|
|
65
|
-
|
|
66
47
|
_this.useGrid(false);
|
|
67
|
-
|
|
68
48
|
_this.addRenderer(new ContentElementRenderer());
|
|
69
|
-
|
|
70
49
|
_this.applyPlugins(ContentElement);
|
|
71
|
-
|
|
72
50
|
return _this;
|
|
73
51
|
}
|
|
74
|
-
|
|
75
52
|
return (0, _createClass2.default)(ContentElement);
|
|
76
53
|
}(_UIElement2.UIElement);
|
|
77
|
-
|
|
78
54
|
exports.ContentElement = ContentElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElementRenderer","next","props","children","UIRenderer","ContentElement","id","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n width: \"100%\",\n paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n }\n}\n\nexport class ContentElement extends UIElement {\n public constructor(id: string) {\n super(id);\n this.useGrid(false);\n this.addRenderer(new ContentElementRenderer());\n this.applyPlugins(ContentElement);\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElementRenderer","next","props","children","UIRenderer","ContentElement","id","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n width: \"100%\",\n paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n }\n}\n\nexport class ContentElement extends UIElement {\n public constructor(id: string) {\n super(id);\n this.useGrid(false);\n this.addRenderer(new ContentElementRenderer());\n this.applyPlugins(ContentElement);\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEGC,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACxB,sBAAyF;MAAA,IAAhEC,IAAI,QAAJA,IAAI;QAAEC,KAAK,QAALA,KAAK;MAChC,oBAAO,6BAAC,cAAc,QAAEA,KAAK,CAACC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,GAAGF,IAAI,EAAE,CAAkB;IACtF;EAAC;EAAA;AAAA,EAHgCG,uBAAU;AAAA,IAMlCC,cAAc;EAAA;EAAA;EACvB,wBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IACR,MAAKC,OAAO,CAAC,KAAK,CAAC;IACnB,MAAKC,WAAW,CAAC,IAAIR,sBAAsB,EAAE,CAAC;IAC9C,MAAKS,YAAY,CAACJ,cAAc,CAAC;IAAC;EACtC;EAAC;AAAA,EAN+BK,qBAAS;AAAA"}
|
|
@@ -1,57 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.HeaderElement = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _UIElement2 = require("../../UIElement");
|
|
21
|
-
|
|
22
14
|
var _TopAppBar = require("@webiny/ui/TopAppBar");
|
|
23
|
-
|
|
24
15
|
var _GenericElement = require("../../elements/GenericElement");
|
|
25
|
-
|
|
26
16
|
var _PlaceholderElement = require("../../elements/PlaceholderElement");
|
|
27
|
-
|
|
28
17
|
var _HeaderSectionLeftElement = require("./HeaderSectionLeftElement");
|
|
29
|
-
|
|
30
18
|
var _HeaderSectionCenterElement = require("./HeaderSectionCenterElement");
|
|
31
|
-
|
|
32
19
|
var _HeaderSectionRightElement = require("./HeaderSectionRightElement");
|
|
33
|
-
|
|
34
20
|
var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
|
|
35
|
-
|
|
36
21
|
var _UIRenderer2 = require("../../UIRenderer");
|
|
37
|
-
|
|
38
22
|
var ElementID;
|
|
39
|
-
|
|
40
23
|
(function (ElementID) {
|
|
41
24
|
ElementID["MenuButton"] = "headerMenuButton";
|
|
42
25
|
ElementID["Logo"] = "headerLogo";
|
|
43
26
|
})(ElementID || (ElementID = {}));
|
|
44
|
-
|
|
45
27
|
var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
|
|
46
28
|
(0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
|
|
47
|
-
|
|
48
29
|
var _super = (0, _createSuper2.default)(HeaderElementRenderer);
|
|
49
|
-
|
|
50
30
|
function HeaderElementRenderer() {
|
|
51
31
|
(0, _classCallCheck2.default)(this, HeaderElementRenderer);
|
|
52
32
|
return _super.apply(this, arguments);
|
|
53
33
|
}
|
|
54
|
-
|
|
55
34
|
(0, _createClass2.default)(HeaderElementRenderer, [{
|
|
56
35
|
key: "render",
|
|
57
36
|
value: function render(_ref) {
|
|
@@ -63,38 +42,24 @@ var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
|
|
|
63
42
|
}]);
|
|
64
43
|
return HeaderElementRenderer;
|
|
65
44
|
}(_UIRenderer2.UIRenderer);
|
|
66
|
-
|
|
67
45
|
var HeaderElement = /*#__PURE__*/function (_UIElement) {
|
|
68
46
|
(0, _inherits2.default)(HeaderElement, _UIElement);
|
|
69
|
-
|
|
70
47
|
var _super2 = (0, _createSuper2.default)(HeaderElement);
|
|
71
|
-
|
|
72
48
|
function HeaderElement(id) {
|
|
73
49
|
var _this;
|
|
74
|
-
|
|
75
50
|
(0, _classCallCheck2.default)(this, HeaderElement);
|
|
76
51
|
_this = _super2.call(this, id);
|
|
77
|
-
|
|
78
52
|
_this.useGrid(false);
|
|
79
|
-
|
|
80
53
|
var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
|
|
81
|
-
|
|
82
54
|
leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
|
|
83
55
|
leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.Logo));
|
|
84
|
-
|
|
85
56
|
_this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
|
|
86
|
-
|
|
87
57
|
_this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
|
|
88
|
-
|
|
89
58
|
_this.addRenderer(new HeaderElementRenderer());
|
|
90
|
-
|
|
91
59
|
_this.setMenuButton( /*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
|
|
92
|
-
|
|
93
60
|
_this.applyPlugins(HeaderElement);
|
|
94
|
-
|
|
95
61
|
return _this;
|
|
96
62
|
}
|
|
97
|
-
|
|
98
63
|
(0, _createClass2.default)(HeaderElement, [{
|
|
99
64
|
key: "getLeftSection",
|
|
100
65
|
value: function getLeftSection() {
|
|
@@ -115,11 +80,9 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
|
|
|
115
80
|
value: function setLogo(logo) {
|
|
116
81
|
// TODO: extract into a `LogoElement` class
|
|
117
82
|
var element = this.getElement(ElementID.Logo);
|
|
118
|
-
|
|
119
83
|
if (!element) {
|
|
120
84
|
return;
|
|
121
85
|
}
|
|
122
|
-
|
|
123
86
|
element.replaceWith(new _GenericElement.GenericElement(ElementID.Logo, function () {
|
|
124
87
|
return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarTitle, null, logo);
|
|
125
88
|
}));
|
|
@@ -128,11 +91,9 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
|
|
|
128
91
|
key: "setMenuButton",
|
|
129
92
|
value: function setMenuButton(menuButton) {
|
|
130
93
|
var button = this.getElement(ElementID.MenuButton);
|
|
131
|
-
|
|
132
94
|
if (!button) {
|
|
133
95
|
return;
|
|
134
96
|
}
|
|
135
|
-
|
|
136
97
|
button.replaceWith(new _GenericElement.GenericElement(ElementID.MenuButton, function () {
|
|
137
98
|
return menuButton;
|
|
138
99
|
}));
|
|
@@ -140,5 +101,4 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
|
|
|
140
101
|
}]);
|
|
141
102
|
return HeaderElement;
|
|
142
103
|
}(_UIElement2.UIElement);
|
|
143
|
-
|
|
144
104
|
exports.HeaderElement = HeaderElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ElementID","HeaderElementRenderer","next","UIRenderer","HeaderElement","id","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","GenericElement","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n MenuButton = \"headerMenuButton\",\n Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n }\n}\n\nexport class HeaderElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n\n const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n this.addRenderer(new HeaderElementRenderer());\n\n this.setMenuButton(<Hamburger />);\n this.applyPlugins(HeaderElement);\n }\n\n public getLeftSection(): HeaderSectionLeftElement {\n return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n }\n\n public getCenterSection(): HeaderSectionCenterElement {\n return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n }\n\n public getRightSection(): HeaderSectionRightElement {\n return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n }\n\n public setLogo(logo: React.ReactElement): void {\n // TODO: extract into a `LogoElement` class\n const element = this.getElement(ElementID.Logo);\n if (!element) {\n return;\n }\n element.replaceWith(\n new GenericElement(ElementID.Logo, () => {\n return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n })\n );\n }\n\n public setMenuButton(menuButton: React.ReactElement): void {\n const button = this.getElement(ElementID.MenuButton);\n if (!button) {\n return;\n }\n button.replaceWith(\n new GenericElement(ElementID.MenuButton, () => {\n return menuButton;\n })\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["ElementID","HeaderElementRenderer","next","UIRenderer","HeaderElement","id","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","GenericElement","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n MenuButton = \"headerMenuButton\",\n Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n }\n}\n\nexport class HeaderElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n\n const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n this.addRenderer(new HeaderElementRenderer());\n\n this.setMenuButton(<Hamburger />);\n this.applyPlugins(HeaderElement);\n }\n\n public getLeftSection(): HeaderSectionLeftElement {\n return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n }\n\n public getCenterSection(): HeaderSectionCenterElement {\n return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n }\n\n public getRightSection(): HeaderSectionRightElement {\n return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n }\n\n public setLogo(logo: React.ReactElement): void {\n // TODO: extract into a `LogoElement` class\n const element = this.getElement(ElementID.Logo);\n if (!element) {\n return;\n }\n element.replaceWith(\n new GenericElement(ElementID.Logo, () => {\n return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n })\n );\n }\n\n public setMenuButton(menuButton: React.ReactElement): void {\n const button = this.getElement(ElementID.MenuButton);\n if (!button) {\n return;\n }\n button.replaceWith(\n new GenericElement(ElementID.MenuButton, () => {\n return menuButton;\n })\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA6D,IAExDA,SAAS;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAAA,IAKRC,qBAAqB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACvB,sBAAiF;MAAA,IAAxDC,IAAI,QAAJA,IAAI;MACzB,oBAAO,6BAAC,2BAAgB;QAAC,KAAK;MAAA,GAAEA,IAAI,EAAE,CAAoB;IAC9D;EAAC;EAAA;AAAA,EAH+BC,uBAAU;AAAA,IAMjCC,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAG,MAAKC,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACW,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACY,IAAI,CAAC,CAAC;IAE9D,MAAKJ,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAKL,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7D,MAAKC,WAAW,CAAC,IAAId,qBAAqB,EAAE,CAAC;IAE7C,MAAKe,aAAa,eAAC,6BAAC,kBAAS,OAAG,CAAC;IACjC,MAAKC,YAAY,CAACb,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,0BAAkD;MAC9C,OAAO,IAAI,CAACc,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA;IAAA,OAED,4BAAsD;MAClD,OAAO,IAAI,CAACA,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA;IAAA,OAED,2BAAoD;MAChD,OAAO,IAAI,CAACA,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA;IAAA,OAED,iBAAeC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACF,UAAU,CAAClB,SAAS,CAACY,IAAI,CAAC;MAC/C,IAAI,CAACQ,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAACtB,SAAS,CAACY,IAAI,EAAE,YAAM;QACrC,oBAAO,6BAAC,yBAAc,QAAEO,IAAI,CAAkB;MAClD,CAAC,CAAC,CACL;IACL;EAAC;IAAA;IAAA,OAED,uBAAqBI,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACN,UAAU,CAAClB,SAAS,CAACW,UAAU,CAAC;MACpD,IAAI,CAACa,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACH,WAAW,CACd,IAAIC,8BAAc,CAACtB,SAAS,CAACW,UAAU,EAAE,YAAM;QAC3C,OAAOY,UAAU;MACrB,CAAC,CAAC,CACL;IACL;EAAC;EAAA;AAAA,EAtD8BE,qBAAS;AAAA"}
|
|
@@ -1,52 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.HeaderSectionCenterElement = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
15
|
-
|
|
16
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _emotion = require("emotion");
|
|
25
|
-
|
|
26
16
|
var _UIElement2 = require("../../UIElement");
|
|
27
|
-
|
|
28
17
|
var _TopAppBar = require("@webiny/ui/TopAppBar");
|
|
29
|
-
|
|
30
18
|
var middleBar = /*#__PURE__*/(0, _emotion.css)({
|
|
31
19
|
width: "50%"
|
|
32
20
|
}, "label:middleBar;");
|
|
33
|
-
|
|
34
21
|
var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
|
|
35
22
|
(0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
|
|
36
|
-
|
|
37
23
|
var _super = (0, _createSuper2.default)(HeaderSectionCenterElement);
|
|
38
|
-
|
|
39
24
|
function HeaderSectionCenterElement(id) {
|
|
40
25
|
var _this;
|
|
41
|
-
|
|
42
26
|
(0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
|
|
43
27
|
_this = _super.call(this, id);
|
|
44
|
-
|
|
45
28
|
_this.useGrid(false);
|
|
46
|
-
|
|
47
29
|
return _this;
|
|
48
30
|
}
|
|
49
|
-
|
|
50
31
|
(0, _createClass2.default)(HeaderSectionCenterElement, [{
|
|
51
32
|
key: "render",
|
|
52
33
|
value: function render(props) {
|
|
@@ -58,5 +39,4 @@ var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
|
|
|
58
39
|
}]);
|
|
59
40
|
return HeaderSectionCenterElement;
|
|
60
41
|
}(_UIElement2.UIElement);
|
|
61
|
-
|
|
62
42
|
exports.HeaderSectionCenterElement = HeaderSectionCenterElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={middleBar} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={middleBar} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC,IAEUC,0BAA0B;EAAA;EAAA;EACnC,oCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,SAAU;QAAC,QAAQ;MAAA,sHAC9BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb2CC,qBAAS;AAAA"}
|
|
@@ -1,52 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.HeaderSectionLeftElement = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
15
|
-
|
|
16
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _emotion = require("emotion");
|
|
25
|
-
|
|
26
16
|
var _UIElement2 = require("../../UIElement");
|
|
27
|
-
|
|
28
17
|
var _TopAppBar = require("@webiny/ui/TopAppBar");
|
|
29
|
-
|
|
30
18
|
var edgeBars = /*#__PURE__*/(0, _emotion.css)({
|
|
31
19
|
width: "25%"
|
|
32
20
|
}, "label:edgeBars;");
|
|
33
|
-
|
|
34
21
|
var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
|
|
35
22
|
(0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
|
|
36
|
-
|
|
37
23
|
var _super = (0, _createSuper2.default)(HeaderSectionLeftElement);
|
|
38
|
-
|
|
39
24
|
function HeaderSectionLeftElement(id) {
|
|
40
25
|
var _this;
|
|
41
|
-
|
|
42
26
|
(0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
|
|
43
27
|
_this = _super.call(this, id);
|
|
44
|
-
|
|
45
28
|
_this.useGrid(false);
|
|
46
|
-
|
|
47
29
|
return _this;
|
|
48
30
|
}
|
|
49
|
-
|
|
50
31
|
(0, _createClass2.default)(HeaderSectionLeftElement, [{
|
|
51
32
|
key: "render",
|
|
52
33
|
value: function render(props) {
|
|
@@ -58,5 +39,4 @@ var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
|
|
|
58
39
|
}]);
|
|
59
40
|
return HeaderSectionLeftElement;
|
|
60
41
|
}(_UIElement2.UIElement);
|
|
61
|
-
|
|
62
42
|
exports.HeaderSectionLeftElement = HeaderSectionLeftElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignStart>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignStart>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,wBAAwB;EAAA;EAAA;EACjC,kCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,UAAU;MAAA,oHAC/BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAbyCC,qBAAS;AAAA"}
|
|
@@ -1,52 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.HeaderSectionRightElement = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
15
|
-
|
|
16
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _emotion = require("emotion");
|
|
25
|
-
|
|
26
16
|
var _UIElement2 = require("../../UIElement");
|
|
27
|
-
|
|
28
17
|
var _TopAppBar = require("@webiny/ui/TopAppBar");
|
|
29
|
-
|
|
30
18
|
var edgeBars = /*#__PURE__*/(0, _emotion.css)({
|
|
31
19
|
width: "25%"
|
|
32
20
|
}, "label:edgeBars;");
|
|
33
|
-
|
|
34
21
|
var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
|
|
35
22
|
(0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
|
|
36
|
-
|
|
37
23
|
var _super = (0, _createSuper2.default)(HeaderSectionRightElement);
|
|
38
|
-
|
|
39
24
|
function HeaderSectionRightElement(id) {
|
|
40
25
|
var _this;
|
|
41
|
-
|
|
42
26
|
(0, _classCallCheck2.default)(this, HeaderSectionRightElement);
|
|
43
27
|
_this = _super.call(this, id);
|
|
44
|
-
|
|
45
28
|
_this.useGrid(false);
|
|
46
|
-
|
|
47
29
|
return _this;
|
|
48
30
|
}
|
|
49
|
-
|
|
50
31
|
(0, _createClass2.default)(HeaderSectionRightElement, [{
|
|
51
32
|
key: "render",
|
|
52
33
|
value: function render(props) {
|
|
@@ -58,5 +39,4 @@ var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
|
|
|
58
39
|
}]);
|
|
59
40
|
return HeaderSectionRightElement;
|
|
60
41
|
}(_UIElement2.UIElement);
|
|
61
|
-
|
|
62
42
|
exports.HeaderSectionRightElement = HeaderSectionRightElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,QAAQ;MAAA,qHAC7BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb0CC,qBAAS;AAAA"}
|
|
@@ -1,40 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.DialogContainer = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _get3 = _interopRequireDefault(require("lodash/get"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _useUi = require("@webiny/app/hooks/useUi");
|
|
19
|
-
|
|
20
13
|
var _Dialog = require("@webiny/ui/Dialog");
|
|
21
|
-
|
|
22
14
|
var DialogContainer = function DialogContainer() {
|
|
23
15
|
var ui = (0, _useUi.useUi)();
|
|
24
16
|
var message = (0, _get3.default)(ui, "dialog.message");
|
|
25
|
-
|
|
26
17
|
var _get2 = (0, _get3.default)(ui, "dialog.options", {}),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
18
|
+
dataTestId = _get2.dataTestId,
|
|
19
|
+
title = _get2.title,
|
|
20
|
+
_get2$actions = _get2.actions,
|
|
21
|
+
actions = _get2$actions === void 0 ? {
|
|
22
|
+
cancel: null,
|
|
23
|
+
accept: {
|
|
24
|
+
label: "OK"
|
|
25
|
+
}
|
|
26
|
+
} : _get2$actions,
|
|
27
|
+
style = _get2.style;
|
|
38
28
|
var hideDialog = (0, _react.useCallback)(function () {
|
|
39
29
|
ui.setState(function (ui) {
|
|
40
30
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
|
|
@@ -53,5 +43,4 @@ var DialogContainer = function DialogContainer() {
|
|
|
53
43
|
onClick: actions.accept.onClick
|
|
54
44
|
}, actions.accept.label)));
|
|
55
45
|
};
|
|
56
|
-
|
|
57
46
|
exports.DialogContainer = DialogContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n const ui = useUi();\n const message = get(ui, \"dialog.message\");\n const {\n dataTestId,\n title,\n actions = { cancel: null, accept: { label: \"OK\" } },\n style\n } = get(ui, \"dialog.options\", {});\n\n const hideDialog = useCallback(() => {\n ui.setState(ui => ({ ...ui, dialog: null }));\n }, [ui]);\n\n return (\n <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n {title && <DialogTitle>{title}</DialogTitle>}\n <DialogContent>{message}</DialogContent>\n <DialogActions>\n {actions.cancel && (\n <DialogAccept onClick={actions.cancel.onClick}>\n {actions.cancel.label}\n </DialogAccept>\n )}\n {actions.accept && (\n <DialogAccept onClick={actions.accept.onClick}>\n {actions.accept.label}\n </DialogAccept>\n )}\n </DialogActions>\n </Dialog>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n const ui = useUi();\n const message = get(ui, \"dialog.message\");\n const {\n dataTestId,\n title,\n actions = { cancel: null, accept: { label: \"OK\" } },\n style\n } = get(ui, \"dialog.options\", {});\n\n const hideDialog = useCallback(() => {\n ui.setState(ui => ({ ...ui, dialog: null }));\n }, [ui]);\n\n return (\n <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n {title && <DialogTitle>{title}</DialogTitle>}\n <DialogContent>{message}</DialogContent>\n <DialogActions>\n {actions.cancel && (\n <DialogAccept onClick={actions.cancel.onClick}>\n {actions.cancel.label}\n </DialogAccept>\n )}\n {actions.accept && (\n <DialogAccept onClick={actions.accept.onClick}>\n {actions.accept.label}\n </DialogAccept>\n )}\n </DialogActions>\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAAyB,GAAS;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,IAAMC,OAAO,GAAG,mBAAIF,EAAE,EAAE,gBAAgB,CAAC;EACzC,YAKI,mBAAIA,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BG,UAAU,SAAVA,UAAU;IACVC,KAAK,SAALA,KAAK;IAAA,sBACLC,OAAO;IAAPA,OAAO,8BAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC,KAAK,SAALA,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCX,EAAE,CAACY,QAAQ,CAAC,UAAAZ,EAAE;MAAA,mEAAUA,EAAE;QAAEa,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAACb,EAAE,CAAC,CAAC;EAER,oBACI,6BAAC,cAAM;IAAC,IAAI,EAAE,CAAC,CAACE,OAAQ;IAAC,OAAO,EAAEQ,UAAW;IAAC,eAAaP,UAAW;IAAC,KAAK,EAAEM;EAAM,GAC/EL,KAAK,iBAAI,6BAAC,mBAAW,QAAEA,KAAK,CAAe,eAC5C,6BAAC,qBAAa,QAAEF,OAAO,CAAiB,eACxC,6BAAC,qBAAa,QACTG,OAAO,CAACC,MAAM,iBACX,6BAAC,oBAAY;IAAC,OAAO,EAAED,OAAO,CAACC,MAAM,CAACQ;EAAQ,GACzCT,OAAO,CAACC,MAAM,CAACE,KAAK,CAE5B,EACAH,OAAO,CAACE,MAAM,iBACX,6BAAC,oBAAY;IAAC,OAAO,EAAEF,OAAO,CAACE,MAAM,CAACO;EAAQ,GACzCT,OAAO,CAACE,MAAM,CAACC,KAAK,CAE5B,CACW,CACX;AAEjB,CAAC;AAAC"}
|
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _dotPropImmutable = require("dot-prop-immutable");
|
|
13
|
-
|
|
14
10
|
var _useUi = require("@webiny/app/hooks/useUi");
|
|
15
|
-
|
|
16
11
|
var _Button = require("@webiny/ui/Button");
|
|
17
|
-
|
|
18
|
-
var _baselineMenu24px = require("../../../../assets/icons/baseline-menu-24px.svg");
|
|
19
|
-
|
|
12
|
+
var _menu = require("@material-design-icons/svg/outlined/menu.svg");
|
|
20
13
|
var Hamburger = function Hamburger() {
|
|
21
14
|
var ui = (0, _useUi.useUi)();
|
|
22
15
|
var toggleMenu = (0, _react.useCallback)(function () {
|
|
@@ -25,7 +18,7 @@ var Hamburger = function Hamburger() {
|
|
|
25
18
|
});
|
|
26
19
|
}, [ui]);
|
|
27
20
|
return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
|
|
28
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
21
|
+
icon: /*#__PURE__*/_react.default.createElement(_menu.ReactComponent, {
|
|
29
22
|
style: {
|
|
30
23
|
color: "white"
|
|
31
24
|
}
|
|
@@ -34,6 +27,5 @@ var Hamburger = function Hamburger() {
|
|
|
34
27
|
"data-testid": "apps-menu"
|
|
35
28
|
});
|
|
36
29
|
};
|
|
37
|
-
|
|
38
30
|
var _default = Hamburger;
|
|
39
31
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","color"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"
|
|
1
|
+
{"version":3,"names":["Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","color"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger: React.FC = () => {\n const ui = useUi();\n\n const toggleMenu = useCallback(() => {\n ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n }, [ui]);\n\n return (\n <IconButton\n icon={<MenuIcon style={{ color: \"white\" }} />}\n onClick={toggleMenu}\n data-testid={\"apps-menu\"}\n />\n );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,oBAAQ;MAAC,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAQ;IAAE,EAAI;IAC9C,OAAO,EAAEL,UAAW;IACpB,eAAa;EAAY,EAC3B;AAEV,CAAC;AAAC,eAEaH,SAAS;AAAA"}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _Snackbar = require("@webiny/ui/Snackbar");
|
|
19
|
-
|
|
20
13
|
var _useUi = require("@webiny/app/hooks/useUi");
|
|
21
|
-
|
|
22
14
|
var SnackbarMain = function SnackbarMain() {
|
|
23
15
|
var ui = (0, _useUi.useUi)();
|
|
24
16
|
var message = (0, _get2.default)(ui, "snackbar.message");
|
|
@@ -36,6 +28,5 @@ var SnackbarMain = function SnackbarMain() {
|
|
|
36
28
|
message: message
|
|
37
29
|
}, options));
|
|
38
30
|
};
|
|
39
|
-
|
|
40
31
|
var _default = SnackbarMain;
|
|
41
32
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n const ui = useUi();\n const message = get(ui, \"snackbar.message\");\n const options = get(ui, \"snackbar.options\", {});\n\n const hideSnackbar = useCallback(() => {\n ui.setState(ui => ({ ...ui, snackbar: null }));\n }, [ui]);\n\n return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n const ui = useUi();\n const message = get(ui, \"snackbar.message\");\n const options = get(ui, \"snackbar.options\", {});\n\n const hideSnackbar = useCallback(() => {\n ui.setState(ui => ({ ...ui, snackbar: null }));\n }, [ui]);\n\n return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAsB,GAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,IAAMC,OAAO,GAAG,mBAAIF,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMG,OAAO,GAAG,mBAAIH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMI,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCL,EAAE,CAACM,QAAQ,CAAC,UAAAN,EAAE;MAAA,mEAAUA,EAAE;QAAEO,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACP,EAAE,CAAC,CAAC;EAER,oBAAO,6BAAC,kBAAQ;IAAC,IAAI,EAAE,CAAC,CAACE,OAAQ;IAAC,OAAO,EAAEE,YAAa;IAAC,OAAO,EAAEF;EAAQ,GAAKC,OAAO,EAAI;AAC9F,CAAC;AAAC,eAEaJ,YAAY;AAAA"}
|