@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.
Files changed (255) hide show
  1. package/assets/icons/add-18px.svg +1 -1
  2. package/assets/icons/arrow_drop_down-24px.svg +1 -1
  3. package/assets/icons/filter-24px.svg +1 -1
  4. package/assets/icons/highlight-24px.svg +1 -1
  5. package/assets/icons/info.svg +1 -1
  6. package/assets/icons/insert_drive_file-24px.svg +1 -1
  7. package/assets/icons/insert_photo-24px.svg +1 -1
  8. package/assets/icons/label-24px.svg +1 -1
  9. package/assets/icons/round-account_circle-24px.svg +1 -1
  10. package/assets/icons/round-arrow_drop_down-24px.svg +1 -1
  11. package/assets/icons/round-help-24px.svg +1 -1
  12. package/assets/icons/round-settings-24px.svg +1 -1
  13. package/assets/icons/today-24px.svg +1 -1
  14. package/assets/icons/touch_app.svg +1 -1
  15. package/base/Admin.js +1 -15
  16. package/base/Admin.js.map +1 -1
  17. package/base/Base.js +6 -44
  18. package/base/Base.js.map +1 -1
  19. package/base/plugins/AddGraphQLQuerySelection.js +5 -9
  20. package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
  21. package/base/providers/ApolloProvider.js +0 -5
  22. package/base/providers/ApolloProvider.js.map +1 -1
  23. package/base/providers/TelemetryProvider.js +1 -7
  24. package/base/providers/TelemetryProvider.js.map +1 -1
  25. package/base/providers/UiStateProvider.js +0 -5
  26. package/base/providers/UiStateProvider.js.map +1 -1
  27. package/base/providers/ViewCompositionProvider.js +3 -16
  28. package/base/providers/ViewCompositionProvider.js.map +1 -1
  29. package/base/ui/Brand.js +0 -4
  30. package/base/ui/Brand.js.map +1 -1
  31. package/base/ui/CenteredView.js +2 -7
  32. package/base/ui/CenteredView.js.map +1 -1
  33. package/base/ui/Dashboard.js +0 -4
  34. package/base/ui/Dashboard.js.map +1 -1
  35. package/base/ui/FileManager.d.ts +67 -0
  36. package/base/ui/FileManager.js +61 -0
  37. package/base/ui/FileManager.js.map +1 -0
  38. package/base/ui/Layout.js +1 -6
  39. package/base/ui/Layout.js.map +1 -1
  40. package/base/ui/LocaleSelector.js +0 -4
  41. package/base/ui/LocaleSelector.js.map +1 -1
  42. package/base/ui/LoginScreen.js +0 -6
  43. package/base/ui/LoginScreen.js.map +1 -1
  44. package/base/ui/Logo.js +0 -6
  45. package/base/ui/Logo.js.map +1 -1
  46. package/base/ui/Menu.js +2 -31
  47. package/base/ui/Menu.js.map +1 -1
  48. package/base/ui/Navigation.js +11 -44
  49. package/base/ui/Navigation.js.map +1 -1
  50. package/base/ui/NotFound.js +0 -4
  51. package/base/ui/NotFound.js.map +1 -1
  52. package/base/ui/Search.js +5 -23
  53. package/base/ui/Search.js.map +1 -1
  54. package/base/ui/Tags.js +1 -8
  55. package/base/ui/Tags.js.map +1 -1
  56. package/base/ui/UserMenu.js +5 -29
  57. package/base/ui/UserMenu.js.map +1 -1
  58. package/components/AdminLayout.js +1 -6
  59. package/components/AdminLayout.js.map +1 -1
  60. package/components/AppInstaller/AppInstaller.js +18 -84
  61. package/components/AppInstaller/AppInstaller.js.map +1 -1
  62. package/components/AppInstaller/Sidebar.js +11 -44
  63. package/components/AppInstaller/Sidebar.js.map +1 -1
  64. package/components/AppInstaller/index.js +0 -7
  65. package/components/AppInstaller/index.js.map +1 -1
  66. package/components/AppInstaller/styled.d.ts +17 -5
  67. package/components/AppInstaller/styled.js +0 -4
  68. package/components/AppInstaller/styled.js.map +1 -1
  69. package/components/AppInstaller/useInstaller.d.ts +1 -7
  70. package/components/AppInstaller/useInstaller.js +72 -183
  71. package/components/AppInstaller/useInstaller.js.map +1 -1
  72. package/components/EmptyView.js +4 -12
  73. package/components/EmptyView.js.map +1 -1
  74. package/components/FloatingActionButton.js +2 -8
  75. package/components/FloatingActionButton.js.map +1 -1
  76. package/components/MultiImageUpload.js +1 -10
  77. package/components/MultiImageUpload.js.map +1 -1
  78. package/components/OverlayLayout/OverlayLayout.js +9 -38
  79. package/components/OverlayLayout/OverlayLayout.js.map +1 -1
  80. package/components/OverlayLayout/index.js +0 -2
  81. package/components/OverlayLayout/index.js.map +1 -1
  82. package/components/Permissions/Permissions.d.ts +2 -0
  83. package/components/Permissions/Permissions.js +25 -27
  84. package/components/Permissions/Permissions.js.map +1 -1
  85. package/components/Permissions/StyledComponents.js +0 -7
  86. package/components/Permissions/StyledComponents.js.map +1 -1
  87. package/components/Permissions/index.js +0 -3
  88. package/components/Permissions/index.js.map +1 -1
  89. package/components/RichTextEditor/RichTextEditor.js +0 -7
  90. package/components/RichTextEditor/RichTextEditor.js.map +1 -1
  91. package/components/RichTextEditor/index.js +0 -2
  92. package/components/RichTextEditor/index.js.map +1 -1
  93. package/components/RichTextEditor/tools/header/index.js +62 -102
  94. package/components/RichTextEditor/tools/header/index.js.map +1 -1
  95. package/components/RichTextEditor/tools/image/index.js +15 -36
  96. package/components/RichTextEditor/tools/image/index.js.map +1 -1
  97. package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
  98. package/components/RichTextEditor/tools/image/tunes.js +5 -22
  99. package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
  100. package/components/RichTextEditor/tools/image/ui.js +16 -39
  101. package/components/RichTextEditor/tools/image/ui.js.map +1 -1
  102. package/components/RichTextEditor/tools/paragraph/index.js +55 -81
  103. package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
  104. package/components/RichTextEditor/tools/textColor/index.js +15 -41
  105. package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
  106. package/components/RichTextEditor/tools/utils.js +0 -2
  107. package/components/RichTextEditor/tools/utils.js.map +1 -1
  108. package/components/Routes.js +6 -13
  109. package/components/Routes.js.map +1 -1
  110. package/components/SearchUI.d.ts +1 -0
  111. package/components/SearchUI.js +14 -14
  112. package/components/SearchUI.js.map +1 -1
  113. package/components/SimpleForm/SimpleForm.js +3 -32
  114. package/components/SimpleForm/SimpleForm.js.map +1 -1
  115. package/components/SimpleForm/index.js +0 -1
  116. package/components/SimpleForm/index.js.map +1 -1
  117. package/components/SimpleUI/InputField.d.ts +2 -0
  118. package/components/SimpleUI/InputField.js +16 -30
  119. package/components/SimpleUI/InputField.js.map +1 -1
  120. package/components/SingleImageUpload.d.ts +1 -1
  121. package/components/SingleImageUpload.js +14 -30
  122. package/components/SingleImageUpload.js.map +1 -1
  123. package/components/SplitView/SplitView.js +1 -20
  124. package/components/SplitView/SplitView.js.map +1 -1
  125. package/components/SplitView/index.js +0 -1
  126. package/components/SplitView/index.js.map +1 -1
  127. package/components/index.d.ts +1 -1
  128. package/components/index.js +1 -2
  129. package/components/index.js.map +1 -1
  130. package/hooks/useConfirmationDialog.js +6 -18
  131. package/hooks/useConfirmationDialog.js.map +1 -1
  132. package/hooks/useDialog.js +0 -5
  133. package/hooks/useDialog.js.map +1 -1
  134. package/hooks/useSnackbar.js +0 -5
  135. package/hooks/useSnackbar.js.map +1 -1
  136. package/index.d.ts +2 -3
  137. package/index.js +1 -61
  138. package/index.js.map +1 -1
  139. package/package.json +22 -32
  140. package/plugins/MenuPlugin.js +0 -15
  141. package/plugins/MenuPlugin.js.map +1 -1
  142. package/plugins/PermissionRendererPlugin.js +0 -15
  143. package/plugins/PermissionRendererPlugin.js.map +1 -1
  144. package/plugins/globalSearch/SearchBar.js +5 -53
  145. package/plugins/globalSearch/SearchBar.js.map +1 -1
  146. package/plugins/globalSearch/SearchBarDropdown.js +15 -33
  147. package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
  148. package/plugins/globalSearch/index.js.map +1 -1
  149. package/plugins/globalSearch/styled.d.ts +13 -4
  150. package/plugins/globalSearch/styled.js +1 -5
  151. package/plugins/globalSearch/styled.js.map +1 -1
  152. package/plugins/uiLayoutRenderer/index.js +2 -16
  153. package/plugins/uiLayoutRenderer/index.js.map +1 -1
  154. package/styles/theme.scss +31 -1
  155. package/types.d.ts +23 -27
  156. package/types.js.map +1 -1
  157. package/ui/UIElement.js +0 -1
  158. package/ui/UIElement.js.map +1 -1
  159. package/ui/UILayout.js +0 -1
  160. package/ui/UILayout.js.map +1 -1
  161. package/ui/UIRenderer.js +0 -1
  162. package/ui/UIRenderer.js.map +1 -1
  163. package/ui/UIView.js +0 -1
  164. package/ui/UIView.js.map +1 -1
  165. package/ui/elements/AccordionElement.js +2 -28
  166. package/ui/elements/AccordionElement.js.map +1 -1
  167. package/ui/elements/ButtonElement.js +0 -19
  168. package/ui/elements/ButtonElement.js.map +1 -1
  169. package/ui/elements/ButtonGroupElement.js +0 -19
  170. package/ui/elements/ButtonGroupElement.js.map +1 -1
  171. package/ui/elements/GenericElement.js +0 -2
  172. package/ui/elements/GenericElement.js.map +1 -1
  173. package/ui/elements/LabelElement.js +0 -14
  174. package/ui/elements/LabelElement.js.map +1 -1
  175. package/ui/elements/NavigationMenuElement.js +3 -36
  176. package/ui/elements/NavigationMenuElement.js.map +1 -1
  177. package/ui/elements/PanelElement.js +0 -11
  178. package/ui/elements/PanelElement.js.map +1 -1
  179. package/ui/elements/PlaceholderElement.js +0 -11
  180. package/ui/elements/PlaceholderElement.js.map +1 -1
  181. package/ui/elements/SmallButtonElement.js +0 -19
  182. package/ui/elements/SmallButtonElement.js.map +1 -1
  183. package/ui/elements/TypographyElement.js +0 -19
  184. package/ui/elements/TypographyElement.js.map +1 -1
  185. package/ui/elements/ViewElement.js +0 -2
  186. package/ui/elements/ViewElement.js.map +1 -1
  187. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +0 -16
  188. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
  189. package/ui/elements/form/DynamicFieldsetElement.js +11 -34
  190. package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
  191. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +0 -15
  192. package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
  193. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +5 -27
  194. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
  195. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +4 -23
  196. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
  197. package/ui/elements/form/FileManagerElement/styled.d.ts +23 -16
  198. package/ui/elements/form/FileManagerElement/styled.js +0 -5
  199. package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
  200. package/ui/elements/form/FileManagerElement.js +0 -20
  201. package/ui/elements/form/FileManagerElement.js.map +1 -1
  202. package/ui/elements/form/FormElement.js +0 -21
  203. package/ui/elements/form/FormElement.js.map +1 -1
  204. package/ui/elements/form/FormFieldElement.js +0 -33
  205. package/ui/elements/form/FormFieldElement.js.map +1 -1
  206. package/ui/elements/form/HiddenElement.js +0 -17
  207. package/ui/elements/form/HiddenElement.js.map +1 -1
  208. package/ui/elements/form/InputElement.js +0 -18
  209. package/ui/elements/form/InputElement.js.map +1 -1
  210. package/ui/elements/form/PasswordElement.js +0 -15
  211. package/ui/elements/form/PasswordElement.js.map +1 -1
  212. package/ui/elements/form/SelectElement.js +1 -19
  213. package/ui/elements/form/SelectElement.js.map +1 -1
  214. package/ui/elements/form/TextareaElement.js +0 -17
  215. package/ui/elements/form/TextareaElement.js.map +1 -1
  216. package/ui/views/AdminView/ContentElement.js +1 -25
  217. package/ui/views/AdminView/ContentElement.js.map +1 -1
  218. package/ui/views/AdminView/HeaderElement.js +0 -40
  219. package/ui/views/AdminView/HeaderElement.js.map +1 -1
  220. package/ui/views/AdminView/HeaderSectionCenterElement.js +0 -20
  221. package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
  222. package/ui/views/AdminView/HeaderSectionLeftElement.js +0 -20
  223. package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
  224. package/ui/views/AdminView/HeaderSectionRightElement.js +0 -20
  225. package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
  226. package/ui/views/AdminView/components/Dialog.js +10 -21
  227. package/ui/views/AdminView/components/Dialog.js.map +1 -1
  228. package/ui/views/AdminView/components/Hamburger.js +2 -10
  229. package/ui/views/AdminView/components/Hamburger.js.map +1 -1
  230. package/ui/views/AdminView/components/Snackbar.js +0 -9
  231. package/ui/views/AdminView/components/Snackbar.js.map +1 -1
  232. package/ui/views/FormView/FormContainerElement.js +0 -21
  233. package/ui/views/FormView/FormContainerElement.js.map +1 -1
  234. package/ui/views/FormView/FormContentElement.js +0 -11
  235. package/ui/views/FormView/FormContentElement.js.map +1 -1
  236. package/ui/views/FormView/FormFooterElement.js +0 -19
  237. package/ui/views/FormView/FormFooterElement.js.map +1 -1
  238. package/ui/views/FormView/FormHeaderElement.js +2 -24
  239. package/ui/views/FormView/FormHeaderElement.js.map +1 -1
  240. package/ui/views/FormView.js +0 -41
  241. package/ui/views/FormView.js.map +1 -1
  242. package/ui/views/OverlayView/ContentElement.js +0 -19
  243. package/ui/views/OverlayView/ContentElement.js.map +1 -1
  244. package/ui/views/OverlayView/HeaderElement.js +4 -26
  245. package/ui/views/OverlayView/HeaderElement.js.map +1 -1
  246. package/ui/views/OverlayView/HeaderTitleElement.js +0 -22
  247. package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
  248. package/ui/views/OverlayView/useOverlayView.js +3 -13
  249. package/ui/views/OverlayView/useOverlayView.js.map +1 -1
  250. package/ui/views/OverlayView.js +4 -38
  251. package/ui/views/OverlayView.js.map +1 -1
  252. package/ui/views/SplitView/SplitViewPanelElement.js +2 -22
  253. package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
  254. package/ui/views/SplitView.js +0 -40
  255. 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
- props = _ref.props;
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":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,KAAK,EAAE,MAD0B;EAEjCC,UAAU,EAAE;AAFqB,CAAjB,CAApB;;IAKMC,sB;;;;;;;;;;;;WACF,sBAAyF;MAAA,IAAhEC,IAAgE,QAAhEA,IAAgE;MAAA,IAA1DC,KAA0D,QAA1DA,KAA0D;MACrF,oBAAO,6BAAC,cAAD,QAAiBA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACC,QAAvB,GAAkCF,IAAI,EAAvD,CAAP;IACH;;;EAHgCG,uB;;IAMxBC,c;;;;;EACT,wBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IACA,MAAKC,OAAL,CAAa,KAAb;;IACA,MAAKC,WAAL,CAAiB,IAAIR,sBAAJ,EAAjB;;IACA,MAAKS,YAAL,CAAkBJ,cAAlB;;IAJ2B;EAK9B;;;EAN+BK,qB"}
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":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;IAEKA,S;;WAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,KAAAA,S;;IAKCC,qB;;;;;;;;;;;;WACF,sBAAiF;MAAA,IAAxDC,IAAwD,QAAxDA,IAAwD;MAC7E,oBAAO,6BAAC,2BAAD;QAAkB,KAAK;MAAvB,GAAyBA,IAAI,EAA7B,CAAP;IACH;;;EAH+BC,uB;;IAMvBC,a;;;;;EACT,uBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAEA,IAAMC,WAAW,GAAG,MAAKC,UAAL,CAAgB,IAAIC,kDAAJ,CAA6B,YAA7B,CAAhB,CAApB;;IACAF,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACW,UAAjC,CAAvB;IACAJ,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACY,IAAjC,CAAvB;;IAEA,MAAKJ,UAAL,CAAgB,IAAIK,sDAAJ,CAA+B,cAA/B,CAAhB;;IACA,MAAKL,UAAL,CAAgB,IAAIM,oDAAJ,CAA8B,aAA9B,CAAhB;;IAEA,MAAKC,WAAL,CAAiB,IAAId,qBAAJ,EAAjB;;IAEA,MAAKe,aAAL,eAAmB,6BAAC,kBAAD,OAAnB;;IACA,MAAKC,YAAL,CAAkBb,aAAlB;;IAf2B;EAgB9B;;;;WAED,0BAAkD;MAC9C,OAAO,KAAKc,UAAL,CAAgB,YAAhB,CAAP;IACH;;;WAED,4BAAsD;MAClD,OAAO,KAAKA,UAAL,CAAgB,cAAhB,CAAP;IACH;;;WAED,2BAAoD;MAChD,OAAO,KAAKA,UAAL,CAAgB,aAAhB,CAAP;IACH;;;WAED,iBAAeC,IAAf,EAA+C;MAC3C;MACA,IAAMC,OAAO,GAAG,KAAKF,UAAL,CAAgBlB,SAAS,CAACY,IAA1B,CAAhB;;MACA,IAAI,CAACQ,OAAL,EAAc;QACV;MACH;;MACDA,OAAO,CAACC,WAAR,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACY,IAA7B,EAAmC,YAAM;QACrC,oBAAO,6BAAC,yBAAD,QAAiBO,IAAjB,CAAP;MACH,CAFD,CADJ;IAKH;;;WAED,uBAAqBI,UAArB,EAA2D;MACvD,IAAMC,MAAM,GAAG,KAAKN,UAAL,CAAgBlB,SAAS,CAACW,UAA1B,CAAf;;MACA,IAAI,CAACa,MAAL,EAAa;QACT;MACH;;MACDA,MAAM,CAACH,WAAP,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACW,UAA7B,EAAyC,YAAM;QAC3C,OAAOY,UAAP;MACH,CAFD,CADJ;IAKH;;;EAtD8BE,qB"}
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE;AADW,CAAJ,qBAAlB;;IAIaC,0B;;;;;EACT,oCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,SAA7B;QAAwC,QAAQ;MAAhD,sHACkBM,KADlB,EADJ;IAKH;;;EAb2CC,qB"}
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,wB;;;;;EACT,kCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,UAAU;MAAjD,oHACkBM,KADlB,EADJ;IAKH;;;EAbyCC,qB"}
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,QAAQ;MAA/C,qHACkBM,KADlB,EADJ;IAKH;;;EAb0CC,qB"}
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
- dataTestId = _get2.dataTestId,
28
- title = _get2.title,
29
- _get2$actions = _get2.actions,
30
- actions = _get2$actions === void 0 ? {
31
- cancel: null,
32
- accept: {
33
- label: "OK"
34
- }
35
- } : _get2$actions,
36
- style = _get2.style;
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":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,gBAAR,CAAhB;;EACA,YAKI,mBAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;EAAA,IACIG,UADJ,SACIA,UADJ;EAAA,IAEIC,KAFJ,SAEIA,KAFJ;EAAA,0BAGIC,OAHJ;EAAA,IAGIA,OAHJ,8BAGc;IAAEC,MAAM,EAAE,IAAV;IAAgBC,MAAM,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAxB,CAHd;EAAA,IAIIC,KAJJ,SAIIA,KAJJ;;EAOA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCX,EAAE,CAACY,QAAH,CAAY,UAAAZ,EAAE;MAAA,mEAAUA,EAAV;QAAca,MAAM,EAAE;MAAtB;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACb,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,cAAD;IAAQ,IAAI,EAAE,CAAC,CAACE,OAAhB;IAAyB,OAAO,EAAEQ,UAAlC;IAA8C,eAAaP,UAA3D;IAAuE,KAAK,EAAEM;EAA9E,GACKL,KAAK,iBAAI,6BAAC,mBAAD,QAAcA,KAAd,CADd,eAEI,6BAAC,qBAAD,QAAgBF,OAAhB,CAFJ,eAGI,6BAAC,qBAAD,QACKG,OAAO,CAACC,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeQ;EAAtC,GACKT,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAEF,OAAO,CAACE,MAAR,CAAeO;EAAtC,GACKT,OAAO,CAACE,MAAR,CAAeC,KADpB,CAPR,CAHJ,CADJ;AAkBH,CAhCM"}
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(_baselineMenu24px.ReactComponent, {
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 \"~/assets/icons/baseline-menu-24px.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,SAAsB,GAAM;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EAEA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCH,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAA,EAAIL,EAAJ,EAAQ,eAAR,EAAyB,EAAE,IAAAM,qBAAA,EAAIN,EAAJ,EAAQ,eAAR,KAA4B,KAA9B,CAAzB,CAAJ;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACA,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,gCAAD;MAAU,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAT;IAAjB,EADV;IAEI,OAAO,EAAEL,UAFb;IAGI,eAAa;EAHjB,EADJ;AAOH,CAdD;;eAgBeH,S"}
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":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,kBAAR,CAAhB;EACA,IAAMG,OAAO,GAAG,mBAAIH,EAAJ,EAAQ,kBAAR,EAA4B,EAA5B,CAAhB;EAEA,IAAMI,YAAY,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnCL,EAAE,CAACM,QAAH,CAAY,UAAAN,EAAE;MAAA,mEAAUA,EAAV;QAAcO,QAAQ,EAAE;MAAxB;IAAA,CAAd;EACH,CAFoB,EAElB,CAACP,EAAD,CAFkB,CAArB;EAIA,oBAAO,6BAAC,kBAAD;IAAU,IAAI,EAAE,CAAC,CAACE,OAAlB;IAA2B,OAAO,EAAEE,YAApC;IAAkD,OAAO,EAAEF;EAA3D,GAAwEC,OAAxE,EAAP;AACH,CAVD;;eAYeJ,Y"}
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"}