@webiny/app-admin 5.26.1-beta.0 → 5.28.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 (285) hide show
  1. package/base/Admin.js +44 -24
  2. package/base/Admin.js.map +1 -1
  3. package/base/Base.js +52 -29
  4. package/base/Base.js.map +1 -1
  5. package/base/plugins/AddGraphQLQuerySelection.js +26 -11
  6. package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
  7. package/base/providers/ApolloProvider.js +19 -6
  8. package/base/providers/ApolloProvider.js.map +1 -1
  9. package/base/providers/TelemetryProvider.js +21 -8
  10. package/base/providers/TelemetryProvider.js.map +1 -1
  11. package/base/providers/UiStateProvider.js +18 -5
  12. package/base/providers/UiStateProvider.js.map +1 -1
  13. package/base/providers/ViewCompositionProvider.js +34 -15
  14. package/base/providers/ViewCompositionProvider.js.map +1 -1
  15. package/base/ui/Brand.js +18 -5
  16. package/base/ui/Brand.js.map +1 -1
  17. package/base/ui/CenteredView.js +21 -8
  18. package/base/ui/CenteredView.js.map +1 -1
  19. package/base/ui/Dashboard.js +18 -5
  20. package/base/ui/Dashboard.js.map +1 -1
  21. package/base/ui/Layout.js +21 -8
  22. package/base/ui/Layout.js.map +1 -1
  23. package/base/ui/LocaleSelector.js +18 -5
  24. package/base/ui/LocaleSelector.js.map +1 -1
  25. package/base/ui/LoginScreen.js +22 -7
  26. package/base/ui/LoginScreen.js.map +1 -1
  27. package/base/ui/Logo.js +25 -9
  28. package/base/ui/Logo.js.map +1 -1
  29. package/base/ui/Menu.js +46 -26
  30. package/base/ui/Menu.js.map +1 -1
  31. package/base/ui/Navigation.js +79 -42
  32. package/base/ui/Navigation.js.map +1 -1
  33. package/base/ui/NotFound.js +18 -5
  34. package/base/ui/NotFound.js.map +1 -1
  35. package/base/ui/Search.js +50 -22
  36. package/base/ui/Search.js.map +1 -1
  37. package/base/ui/Tags.js +23 -7
  38. package/base/ui/Tags.js.map +1 -1
  39. package/base/ui/UserMenu.js +74 -36
  40. package/base/ui/UserMenu.js.map +1 -1
  41. package/components/AdminLayout.js +18 -5
  42. package/components/AdminLayout.js.map +1 -1
  43. package/components/AppInstaller/AppInstaller.js +79 -49
  44. package/components/AppInstaller/AppInstaller.js.map +1 -1
  45. package/components/AppInstaller/Sidebar.js +50 -28
  46. package/components/AppInstaller/Sidebar.js.map +1 -1
  47. package/components/AppInstaller/index.js +20 -7
  48. package/components/AppInstaller/index.js.map +1 -1
  49. package/components/AppInstaller/styled.js +26 -9
  50. package/components/AppInstaller/styled.js.map +1 -1
  51. package/components/AppInstaller/useInstaller.js +67 -40
  52. package/components/AppInstaller/useInstaller.js.map +1 -1
  53. package/components/EmptyView.js +25 -11
  54. package/components/EmptyView.js.map +1 -1
  55. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +23 -9
  56. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
  57. package/components/FileManager/BottomInfoBar/UploadStatus.js +21 -8
  58. package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
  59. package/components/FileManager/BottomInfoBar.js +29 -11
  60. package/components/FileManager/BottomInfoBar.js.map +1 -1
  61. package/components/FileManager/DropFilesHere.js +27 -12
  62. package/components/FileManager/DropFilesHere.js.map +1 -1
  63. package/components/FileManager/File.js +42 -24
  64. package/components/FileManager/File.js.map +1 -1
  65. package/components/FileManager/FileDetails/Name.js +52 -30
  66. package/components/FileManager/FileDetails/Name.js.map +1 -1
  67. package/components/FileManager/FileDetails/Tags.js +112 -73
  68. package/components/FileManager/FileDetails/Tags.js.map +1 -1
  69. package/components/FileManager/FileDetails.js +157 -120
  70. package/components/FileManager/FileDetails.js.map +1 -1
  71. package/components/FileManager/FileManagerContext.js +39 -20
  72. package/components/FileManager/FileManagerContext.js.map +1 -1
  73. package/components/FileManager/FileManagerView.d.ts +2 -2
  74. package/components/FileManager/FileManagerView.js +219 -161
  75. package/components/FileManager/FileManagerView.js.map +1 -1
  76. package/components/FileManager/LeftSidebar.js +49 -28
  77. package/components/FileManager/LeftSidebar.js.map +1 -1
  78. package/components/FileManager/NoPermissionView.js +35 -18
  79. package/components/FileManager/NoPermissionView.js.map +1 -1
  80. package/components/FileManager/NoResults.js +18 -6
  81. package/components/FileManager/NoResults.js.map +1 -1
  82. package/components/FileManager/getFileTypePlugin.js +23 -9
  83. package/components/FileManager/getFileTypePlugin.js.map +1 -1
  84. package/components/FileManager/getFileUploader.js +14 -4
  85. package/components/FileManager/getFileUploader.js.map +1 -1
  86. package/components/FileManager/graphql.js +24 -8
  87. package/components/FileManager/graphql.js.map +1 -1
  88. package/components/FileManager/outputFileSelectionError.js +16 -4
  89. package/components/FileManager/outputFileSelectionError.js.map +1 -1
  90. package/components/FileManager/types.js +5 -1
  91. package/components/FileManager/types.js.map +1 -1
  92. package/components/FileManager.js +65 -49
  93. package/components/FileManager.js.map +1 -1
  94. package/components/FloatingActionButton.js +18 -6
  95. package/components/FloatingActionButton.js.map +1 -1
  96. package/components/MultiImageUpload.js +24 -12
  97. package/components/MultiImageUpload.js.map +1 -1
  98. package/components/OverlayLayout/OverlayLayout.js +68 -43
  99. package/components/OverlayLayout/OverlayLayout.js.map +1 -1
  100. package/components/OverlayLayout/index.js +13 -1
  101. package/components/OverlayLayout/index.js.map +1 -1
  102. package/components/Permissions/Permissions.js +28 -11
  103. package/components/Permissions/Permissions.js.map +1 -1
  104. package/components/Permissions/StyledComponents.js +26 -9
  105. package/components/Permissions/StyledComponents.js.map +1 -1
  106. package/components/Permissions/index.js +30 -2
  107. package/components/Permissions/index.js.map +1 -1
  108. package/components/RichTextEditor/RichTextEditor.js +24 -9
  109. package/components/RichTextEditor/RichTextEditor.js.map +1 -1
  110. package/components/RichTextEditor/index.js +21 -2
  111. package/components/RichTextEditor/index.js.map +1 -1
  112. package/components/RichTextEditor/styles.scss +5 -1
  113. package/components/RichTextEditor/tools/header/index.js +34 -33
  114. package/components/RichTextEditor/tools/header/index.js.map +1 -1
  115. package/components/RichTextEditor/tools/image/index.js +34 -28
  116. package/components/RichTextEditor/tools/image/index.js.map +1 -1
  117. package/components/RichTextEditor/tools/image/svgs.js +9 -2
  118. package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
  119. package/components/RichTextEditor/tools/image/tunes.js +28 -22
  120. package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
  121. package/components/RichTextEditor/tools/image/types.js +5 -1
  122. package/components/RichTextEditor/tools/image/types.js.map +1 -1
  123. package/components/RichTextEditor/tools/image/ui.js +30 -23
  124. package/components/RichTextEditor/tools/image/ui.js.map +1 -1
  125. package/components/RichTextEditor/tools/paragraph/index.js +43 -41
  126. package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
  127. package/components/RichTextEditor/tools/textColor/index.js +27 -26
  128. package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
  129. package/components/RichTextEditor/tools/utils.js +14 -5
  130. package/components/RichTextEditor/tools/utils.js.map +1 -1
  131. package/components/Routes.js +24 -9
  132. package/components/Routes.js.map +1 -1
  133. package/components/SearchUI.js +23 -9
  134. package/components/SearchUI.js.map +1 -1
  135. package/components/SimpleForm/SimpleForm.js +60 -29
  136. package/components/SimpleForm/SimpleForm.js.map +1 -1
  137. package/components/SimpleForm/index.js +31 -1
  138. package/components/SimpleForm/index.js.map +1 -1
  139. package/components/SimpleUI/InputField.js +35 -18
  140. package/components/SimpleUI/InputField.js.map +1 -1
  141. package/components/SingleImageUpload.js +41 -22
  142. package/components/SingleImageUpload.js.map +1 -1
  143. package/components/SplitView/SplitView.js +42 -19
  144. package/components/SplitView/SplitView.js.map +1 -1
  145. package/components/SplitView/index.js +25 -1
  146. package/components/SplitView/index.js.map +1 -1
  147. package/components/index.js +13 -1
  148. package/components/index.js.map +1 -1
  149. package/hooks/useConfirmationDialog.js +29 -16
  150. package/hooks/useConfirmationDialog.js.map +1 -1
  151. package/hooks/useDialog.js +16 -6
  152. package/hooks/useDialog.js.map +1 -1
  153. package/hooks/useSnackbar.js +20 -7
  154. package/hooks/useSnackbar.js.map +1 -1
  155. package/index.js +286 -26
  156. package/index.js.map +1 -1
  157. package/package.json +20 -20
  158. package/plugins/FileManagerFileTypePlugin.js +33 -20
  159. package/plugins/FileManagerFileTypePlugin.js.map +1 -1
  160. package/plugins/MenuPlugin.js +33 -20
  161. package/plugins/MenuPlugin.js.map +1 -1
  162. package/plugins/PermissionRendererPlugin.js +33 -20
  163. package/plugins/PermissionRendererPlugin.js.map +1 -1
  164. package/plugins/fileManager/fileDefault.js +24 -8
  165. package/plugins/fileManager/fileDefault.js.map +1 -1
  166. package/plugins/fileManager/fileImage/DeleteAction.js +45 -24
  167. package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
  168. package/plugins/fileManager/fileImage/EditAction.js +51 -28
  169. package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
  170. package/plugins/fileManager/fileImage/index.js +29 -10
  171. package/plugins/fileManager/fileImage/index.js.map +1 -1
  172. package/plugins/fileManager/index.js +15 -3
  173. package/plugins/fileManager/index.js.map +1 -1
  174. package/plugins/globalSearch/SearchBar.js +82 -60
  175. package/plugins/globalSearch/SearchBar.js.map +1 -1
  176. package/plugins/globalSearch/SearchBarDropdown.js +46 -27
  177. package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
  178. package/plugins/globalSearch/index.js +9 -2
  179. package/plugins/globalSearch/index.js.map +1 -1
  180. package/plugins/globalSearch/styled.js +33 -13
  181. package/plugins/globalSearch/styled.js.map +1 -1
  182. package/plugins/index.js +20 -6
  183. package/plugins/index.js.map +1 -1
  184. package/plugins/uiLayoutRenderer/index.js +26 -13
  185. package/plugins/uiLayoutRenderer/index.js.map +1 -1
  186. package/types.js +5 -1
  187. package/types.js.map +1 -1
  188. package/ui/UIElement.js +19 -1
  189. package/ui/UIElement.js.map +1 -1
  190. package/ui/UILayout.js +19 -1
  191. package/ui/UILayout.js.map +1 -1
  192. package/ui/UIRenderer.js +13 -1
  193. package/ui/UIRenderer.js.map +1 -1
  194. package/ui/UIView.js +25 -1
  195. package/ui/UIView.js.map +1 -1
  196. package/ui/elements/AccordionElement.js +52 -32
  197. package/ui/elements/AccordionElement.js.map +1 -1
  198. package/ui/elements/ButtonElement.js +36 -19
  199. package/ui/elements/ButtonElement.js.map +1 -1
  200. package/ui/elements/ButtonGroupElement.js +38 -19
  201. package/ui/elements/ButtonGroupElement.js.map +1 -1
  202. package/ui/elements/GenericElement.js +18 -1
  203. package/ui/elements/GenericElement.js.map +1 -1
  204. package/ui/elements/LabelElement.js +26 -13
  205. package/ui/elements/LabelElement.js.map +1 -1
  206. package/ui/elements/NavigationMenuElement.js +48 -30
  207. package/ui/elements/NavigationMenuElement.js.map +1 -1
  208. package/ui/elements/PanelElement.js +27 -12
  209. package/ui/elements/PanelElement.js.map +1 -1
  210. package/ui/elements/PlaceholderElement.js +27 -13
  211. package/ui/elements/PlaceholderElement.js.map +1 -1
  212. package/ui/elements/SmallButtonElement.js +36 -19
  213. package/ui/elements/SmallButtonElement.js.map +1 -1
  214. package/ui/elements/TypographyElement.js +38 -20
  215. package/ui/elements/TypographyElement.js.map +1 -1
  216. package/ui/elements/ViewElement.js +18 -1
  217. package/ui/elements/ViewElement.js.map +1 -1
  218. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +33 -17
  219. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
  220. package/ui/elements/form/DynamicFieldsetElement.js +41 -23
  221. package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
  222. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +30 -14
  223. package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
  224. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +51 -28
  225. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
  226. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +45 -25
  227. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
  228. package/ui/elements/form/FileManagerElement/styled.js +26 -12
  229. package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
  230. package/ui/elements/form/FileManagerElement.js +39 -22
  231. package/ui/elements/form/FileManagerElement.js.map +1 -1
  232. package/ui/elements/form/FormElement.js +42 -21
  233. package/ui/elements/form/FormElement.js.map +1 -1
  234. package/ui/elements/form/FormFieldElement.js +38 -23
  235. package/ui/elements/form/FormFieldElement.js.map +1 -1
  236. package/ui/elements/form/HiddenElement.js +30 -15
  237. package/ui/elements/form/HiddenElement.js.map +1 -1
  238. package/ui/elements/form/InputElement.js +34 -18
  239. package/ui/elements/form/InputElement.js.map +1 -1
  240. package/ui/elements/form/PasswordElement.js +34 -18
  241. package/ui/elements/form/PasswordElement.js.map +1 -1
  242. package/ui/elements/form/SelectElement.js +35 -19
  243. package/ui/elements/form/SelectElement.js.map +1 -1
  244. package/ui/elements/form/TextareaElement.js +34 -18
  245. package/ui/elements/form/TextareaElement.js.map +1 -1
  246. package/ui/views/AdminView/ContentElement.js +40 -24
  247. package/ui/views/AdminView/ContentElement.js.map +1 -1
  248. package/ui/views/AdminView/HeaderElement.js +60 -39
  249. package/ui/views/AdminView/HeaderElement.js.map +1 -1
  250. package/ui/views/AdminView/HeaderSectionCenterElement.js +41 -21
  251. package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
  252. package/ui/views/AdminView/HeaderSectionLeftElement.js +41 -21
  253. package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
  254. package/ui/views/AdminView/HeaderSectionRightElement.js +41 -21
  255. package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
  256. package/ui/views/AdminView/components/Dialog.js +32 -15
  257. package/ui/views/AdminView/components/Dialog.js.map +1 -1
  258. package/ui/views/AdminView/components/Hamburger.js +25 -11
  259. package/ui/views/AdminView/components/Hamburger.js.map +1 -1
  260. package/ui/views/AdminView/components/Snackbar.js +26 -13
  261. package/ui/views/AdminView/components/Snackbar.js.map +1 -1
  262. package/ui/views/FormView/FormContainerElement.js +45 -25
  263. package/ui/views/FormView/FormContainerElement.js.map +1 -1
  264. package/ui/views/FormView/FormContentElement.js +27 -12
  265. package/ui/views/FormView/FormContentElement.js.map +1 -1
  266. package/ui/views/FormView/FormFooterElement.js +38 -19
  267. package/ui/views/FormView/FormFooterElement.js.map +1 -1
  268. package/ui/views/FormView/FormHeaderElement.js +52 -30
  269. package/ui/views/FormView/FormHeaderElement.js.map +1 -1
  270. package/ui/views/FormView.js +60 -34
  271. package/ui/views/FormView.js.map +1 -1
  272. package/ui/views/OverlayView/ContentElement.js +38 -19
  273. package/ui/views/OverlayView/ContentElement.js.map +1 -1
  274. package/ui/views/OverlayView/HeaderElement.js +56 -37
  275. package/ui/views/OverlayView/HeaderElement.js.map +1 -1
  276. package/ui/views/OverlayView/HeaderTitleElement.js +44 -25
  277. package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
  278. package/ui/views/OverlayView/useOverlayView.js +32 -16
  279. package/ui/views/OverlayView/useOverlayView.js.map +1 -1
  280. package/ui/views/OverlayView.js +65 -42
  281. package/ui/views/OverlayView.js.map +1 -1
  282. package/ui/views/SplitView/SplitViewPanelElement.js +47 -28
  283. package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
  284. package/ui/views/SplitView.js +57 -37
  285. package/ui/views/SplitView.js.map +1 -1
package/base/Admin.js CHANGED
@@ -1,33 +1,53 @@
1
- import React from "react";
2
- import { Admin as BaseAdmin, Provider } from "@webiny/app-admin-core";
3
- import { createApolloProvider } from "./providers/ApolloProvider";
4
- import { Base } from "./Base";
5
- import { createTelemetryProvider } from "./providers/TelemetryProvider";
6
- import { createUiStateProvider } from "./providers/UiStateProvider";
7
- import { SearchProvider } from "./ui/Search";
8
- import { UserMenuProvider } from "./ui/UserMenu";
9
- import { NavigationProvider } from "./ui/Navigation";
10
- export var Admin = function Admin(_ref) {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Admin = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _appAdminCore = require("@webiny/app-admin-core");
13
+
14
+ var _ApolloProvider = require("./providers/ApolloProvider");
15
+
16
+ var _Base = require("./Base");
17
+
18
+ var _TelemetryProvider = require("./providers/TelemetryProvider");
19
+
20
+ var _UiStateProvider = require("./providers/UiStateProvider");
21
+
22
+ var _Search = require("./ui/Search");
23
+
24
+ var _UserMenu = require("./ui/UserMenu");
25
+
26
+ var _Navigation = require("./ui/Navigation");
27
+
28
+ var Admin = function Admin(_ref) {
11
29
  var children = _ref.children,
12
30
  createApolloClient = _ref.createApolloClient;
13
- var ApolloProvider = createApolloProvider(createApolloClient);
14
- var TelemetryProvider = createTelemetryProvider();
15
- var UiStateProvider = createUiStateProvider();
31
+ var ApolloProvider = (0, _ApolloProvider.createApolloProvider)(createApolloClient);
32
+ var TelemetryProvider = (0, _TelemetryProvider.createTelemetryProvider)();
33
+ var UiStateProvider = (0, _UiStateProvider.createUiStateProvider)();
16
34
  /**
17
35
  * TODO @ts-refactor
18
36
  */
19
37
 
20
- return /*#__PURE__*/React.createElement(BaseAdmin, null, /*#__PURE__*/React.createElement(Provider, {
38
+ return /*#__PURE__*/_react.default.createElement(_appAdminCore.Admin, null, /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
21
39
  hoc: ApolloProvider
22
- }), /*#__PURE__*/React.createElement(Provider, {
40
+ }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
23
41
  hoc: TelemetryProvider
24
- }), /*#__PURE__*/React.createElement(Provider, {
42
+ }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
25
43
  hoc: UiStateProvider
26
- }), /*#__PURE__*/React.createElement(Provider, {
27
- hoc: SearchProvider
28
- }), /*#__PURE__*/React.createElement(Provider, {
29
- hoc: UserMenuProvider
30
- }), /*#__PURE__*/React.createElement(Provider, {
31
- hoc: NavigationProvider
32
- }), /*#__PURE__*/React.createElement(Base, null), children);
33
- };
44
+ }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
45
+ hoc: _Search.SearchProvider
46
+ }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
47
+ hoc: _UserMenu.UserMenuProvider
48
+ }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
49
+ hoc: _Navigation.NavigationProvider
50
+ }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children);
51
+ };
52
+
53
+ exports.Admin = Admin;
package/base/Admin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Admin.tsx"],"names":["React","Admin","BaseAdmin","Provider","createApolloProvider","Base","createTelemetryProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider","children","createApolloClient","ApolloProvider","TelemetryProvider","UiStateProvider"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,QAA7B,QAA6C,wBAA7C;AACA,SAA8BC,oBAA9B;AACA,SAASC,IAAT;AACA,SAASC,uBAAT;AACA,SAASC,qBAAT;AACA,SAASC,cAAT;AACA,SAASC,gBAAT;AACA,SAASC,kBAAT;AAOA,OAAO,IAAMT,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;AAAA,MAAnCU,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,kBAAyB,QAAzBA,kBAAyB;AAC7E,MAAMC,cAAc,GAAGT,oBAAoB,CAACQ,kBAAD,CAA3C;AACA,MAAME,iBAAiB,GAAGR,uBAAuB,EAAjD;AACA,MAAMS,eAAe,GAAGR,qBAAqB,EAA7C;AACA;AACJ;AACA;;AACI,sBACI,oBAAC,SAAD,qBACI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEM;AAAf,IADJ,eAEI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IAFJ,eAGI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IAHJ,eAII,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEP;AAAf,IAJJ,eAKI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IALJ,eAMI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IANJ,eAOI,oBAAC,IAAD,OAPJ,EAQKC,QARL,CADJ;AAYH,CAnBM","sourcesContent":["import React from \"react\";\nimport { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\n\nexport interface AdminProps {\n createApolloClient: ApolloClientFactory;\n children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n const ApolloProvider = createApolloProvider(createApolloClient);\n const TelemetryProvider = createTelemetryProvider();\n const UiStateProvider = createUiStateProvider();\n /**\n * TODO @ts-refactor\n */\n return (\n <BaseAdmin>\n <Provider hoc={ApolloProvider} />\n <Provider hoc={TelemetryProvider} />\n <Provider hoc={UiStateProvider} />\n <Provider hoc={SearchProvider} />\n <Provider hoc={UserMenuProvider} />\n <Provider hoc={NavigationProvider} />\n <Base />\n {children}\n </BaseAdmin>\n );\n};\n"]}
1
+ {"version":3,"names":["Admin","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\n\nexport interface AdminProps {\n createApolloClient: ApolloClientFactory;\n children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n const ApolloProvider = createApolloProvider(createApolloClient);\n const TelemetryProvider = createTelemetryProvider();\n const UiStateProvider = createUiStateProvider();\n /**\n * TODO @ts-refactor\n */\n return (\n <BaseAdmin>\n <Provider hoc={ApolloProvider} />\n <Provider hoc={TelemetryProvider} />\n <Provider hoc={UiStateProvider} />\n <Provider hoc={SearchProvider} />\n <Provider hoc={UserMenuProvider} />\n <Provider hoc={NavigationProvider} />\n <Base />\n {children}\n </BaseAdmin>\n );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;EAC7E,IAAMC,cAAc,GAAG,IAAAC,oCAAA,EAAqBF,kBAArB,CAAvB;EACA,IAAMG,iBAAiB,GAAG,IAAAC,0CAAA,GAA1B;EACA,IAAMC,eAAe,GAAG,IAAAC,sCAAA,GAAxB;EACA;AACJ;AACA;;EACI,oBACI,6BAAC,mBAAD,qBACI,6BAAC,sBAAD;IAAU,GAAG,EAAEL;EAAf,EADJ,eAEI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAJJ,eAKI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EALJ,eAMI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EANJ,eAOI,6BAAC,UAAD,OAPJ,EAQKV,QARL,CADJ;AAYH,CAnBM"}
package/base/Base.js CHANGED
@@ -1,65 +1,88 @@
1
- import React, { memo } from "react";
2
- import { Plugins } from "@webiny/app-admin-core";
3
- import { AddMenu, AddRoute, Dashboard, Layout, NotFound } from "./..";
4
- import { plugins } from "@webiny/plugins";
5
- import { ReactComponent as DocsIcon } from "../assets/icons/icon-documentation.svg";
6
- import { ReactComponent as SlackIcon } from "../assets/icons/slack-logo.svg";
7
- import { ReactComponent as GithubIcon } from "../assets/icons/github-brands.svg";
8
- import { ReactComponent as FileIcon } from "../assets/icons/insert_drive_file-24px.svg";
9
- import { ReactComponent as SettingsIcon } from "../assets/icons/round-settings-24px.svg";
10
- import { FileManager } from "../components";
11
- import adminPlugins from "../plugins";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.Base = void 0;
11
+
12
+ var _react = _interopRequireWildcard(require("react"));
13
+
14
+ var _appAdminCore = require("@webiny/app-admin-core");
15
+
16
+ var _ = require("./..");
17
+
18
+ var _plugins = require("@webiny/plugins");
19
+
20
+ var _iconDocumentation = require("../assets/icons/icon-documentation.svg");
21
+
22
+ var _slackLogo = require("../assets/icons/slack-logo.svg");
23
+
24
+ var _githubBrands = require("../assets/icons/github-brands.svg");
25
+
26
+ var _insert_drive_file24px = require("../assets/icons/insert_drive_file-24px.svg");
27
+
28
+ var _roundSettings24px = require("../assets/icons/round-settings-24px.svg");
29
+
30
+ var _components = require("../components");
31
+
32
+ var _plugins2 = _interopRequireDefault(require("../plugins"));
12
33
 
13
34
  var BaseExtension = function BaseExtension() {
14
- plugins.register(adminPlugins());
15
- return /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(AddMenu, {
35
+ _plugins.plugins.register((0, _plugins2.default)());
36
+
37
+ return /*#__PURE__*/_react.default.createElement(_appAdminCore.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
16
38
  name: "settings",
17
39
  label: "Settings",
18
- icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
40
+ icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
19
41
  pin: "last"
20
- }), /*#__PURE__*/React.createElement(FileManager, null, function (_ref) {
42
+ }), /*#__PURE__*/_react.default.createElement(_components.FileManager, null, function (_ref) {
21
43
  var showFileManager = _ref.showFileManager;
22
- return /*#__PURE__*/React.createElement(AddMenu, {
44
+ return /*#__PURE__*/_react.default.createElement(_.AddMenu, {
23
45
  name: "fileManager",
24
46
  label: "File Manager",
25
- icon: /*#__PURE__*/React.createElement(FileIcon, null),
47
+ icon: /*#__PURE__*/_react.default.createElement(_insert_drive_file24px.ReactComponent, null),
26
48
  tags: ["footer"],
27
49
  onClick: showFileManager,
28
50
  testId: "admin-drawer-footer-menu-file-manager"
29
51
  });
30
- }), /*#__PURE__*/React.createElement(AddMenu, {
52
+ }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
31
53
  name: "documentation",
32
54
  label: "Documentation",
33
- icon: /*#__PURE__*/React.createElement(DocsIcon, null),
55
+ icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),
34
56
  path: "https://www.webiny.com/docs",
35
57
  rel: "noopener noreferrer",
36
58
  target: "_blank",
37
59
  tags: ["footer"]
38
- }), /*#__PURE__*/React.createElement(AddMenu, {
60
+ }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
39
61
  name: "slack",
40
62
  label: "Slack",
41
- icon: /*#__PURE__*/React.createElement(SlackIcon, null),
63
+ icon: /*#__PURE__*/_react.default.createElement(_slackLogo.ReactComponent, null),
42
64
  path: "https://www.webiny.com/slack/",
43
65
  rel: "noopener noreferrer",
44
66
  target: "_blank",
45
67
  tags: ["footer"]
46
- }), /*#__PURE__*/React.createElement(AddMenu, {
68
+ }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
47
69
  name: "github",
48
70
  label: "Github",
49
- icon: /*#__PURE__*/React.createElement(GithubIcon, null),
71
+ icon: /*#__PURE__*/_react.default.createElement(_githubBrands.ReactComponent, null),
50
72
  path: "https://github.com/webiny/webiny-js",
51
73
  rel: "noopener noreferrer",
52
74
  target: "_blank",
53
75
  tags: ["footer"]
54
- }), /*#__PURE__*/React.createElement(AddRoute, {
76
+ }), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
55
77
  path: "/"
56
- }, /*#__PURE__*/React.createElement(Layout, {
78
+ }, /*#__PURE__*/_react.default.createElement(_.Layout, {
57
79
  title: "Welcome!"
58
- }, /*#__PURE__*/React.createElement(Dashboard, null))), /*#__PURE__*/React.createElement(AddRoute, {
80
+ }, /*#__PURE__*/_react.default.createElement(_.Dashboard, null))), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
59
81
  path: "*"
60
- }, /*#__PURE__*/React.createElement(Layout, {
82
+ }, /*#__PURE__*/_react.default.createElement(_.Layout, {
61
83
  title: "Not Accessible"
62
- }, /*#__PURE__*/React.createElement(NotFound, null))));
84
+ }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
63
85
  };
64
86
 
65
- export var Base = /*#__PURE__*/memo(BaseExtension);
87
+ var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
88
+ exports.Base = Base;
package/base/Base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Base.tsx"],"names":["React","memo","Plugins","AddMenu","AddRoute","Dashboard","Layout","NotFound","plugins","ReactComponent","DocsIcon","SlackIcon","GithubIcon","FileIcon","SettingsIcon","FileManager","adminPlugins","BaseExtension","register","showFileManager","Base"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,OAAT,EAAkBC,QAAlB,EAA4BC,SAA5B,EAAuCC,MAAvC,EAA+CC,QAA/C;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,cAAc,IAAIC,QAA3B;AACA,SAASD,cAAc,IAAIE,SAA3B;AACA,SAASF,cAAc,IAAIG,UAA3B;AACA,SAASH,cAAc,IAAII,QAA3B;AACA,SAASJ,cAAc,IAAIK,YAA3B;AACA,SAASC,WAAT;AAEA,OAAOC,YAAP;;AAEA,IAAMC,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;AAClCT,EAAAA,OAAO,CAACU,QAAR,CAAiBF,YAAY,EAA7B;AAEA,sBACI,oBAAC,OAAD,qBACI,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,UAAf;AAA2B,IAAA,KAAK,EAAE,UAAlC;AAA8C,IAAA,IAAI,eAAE,oBAAC,YAAD,OAApD;AAAsE,IAAA,GAAG,EAAE;AAA3E,IADJ,eAEI,oBAAC,WAAD,QACK;AAAA,QAAGG,eAAH,QAAGA,eAAH;AAAA,wBACG,oBAAC,OAAD;AACI,MAAA,IAAI,EAAE,aADV;AAEI,MAAA,KAAK,EAAE,cAFX;AAGI,MAAA,IAAI,eAAE,oBAAC,QAAD,OAHV;AAII,MAAA,IAAI,EAAE,CAAC,QAAD,CAJV;AAKI,MAAA,OAAO,EAAEA,eALb;AAMI,MAAA,MAAM,EAAE;AANZ,MADH;AAAA,GADL,CAFJ,eAcI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,eADV;AAEI,IAAA,KAAK,EAAE,eAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,QAAD,OAHV;AAII,IAAA,IAAI,EAAE,6BAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAdJ,eAuBI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,OADV;AAEI,IAAA,KAAK,EAAE,OAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,SAAD,OAHV;AAII,IAAA,IAAI,EAAE,+BAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAvBJ,eAgCI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,QADV;AAEI,IAAA,KAAK,EAAE,QAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,UAAD,OAHV;AAII,IAAA,IAAI,EAAE,qCAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAhCJ,eAyCI,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAE;AAAhB,kBACI,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,kBACI,oBAAC,SAAD,OADJ,CADJ,CAzCJ,eA8CI,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAE;AAAhB,kBACI,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,kBACI,oBAAC,QAAD,OADJ,CADJ,CA9CJ,CADJ;AAsDH,CAzDD;;AA2DA,OAAO,IAAMC,IAAI,gBAAGnB,IAAI,CAACgB,aAAD,CAAjB","sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app-admin-core\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport adminPlugins from \"../plugins\";\n\nconst BaseExtension: React.FC = () => {\n plugins.register(adminPlugins());\n\n return (\n <Plugins>\n <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n <FileManager>\n {({ showFileManager }) => (\n <AddMenu\n name={\"fileManager\"}\n label={\"File Manager\"}\n icon={<FileIcon />}\n tags={[\"footer\"]}\n onClick={showFileManager}\n testId={\"admin-drawer-footer-menu-file-manager\"}\n />\n )}\n </FileManager>\n <AddMenu\n name={\"documentation\"}\n label={\"Documentation\"}\n icon={<DocsIcon />}\n path={\"https://www.webiny.com/docs\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddMenu\n name={\"slack\"}\n label={\"Slack\"}\n icon={<SlackIcon />}\n path={\"https://www.webiny.com/slack/\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddMenu\n name={\"github\"}\n label={\"Github\"}\n icon={<GithubIcon />}\n path={\"https://github.com/webiny/webiny-js\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddRoute path={\"/\"}>\n <Layout title={\"Welcome!\"}>\n <Dashboard />\n </Layout>\n </AddRoute>\n <AddRoute path={\"*\"}>\n <Layout title={\"Not Accessible\"}>\n <NotFound />\n </Layout>\n </AddRoute>\n </Plugins>\n );\n};\n\nexport const Base = memo(BaseExtension);\n"]}
1
+ {"version":3,"names":["BaseExtension","plugins","register","adminPlugins","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app-admin-core\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport adminPlugins from \"../plugins\";\n\nconst BaseExtension: React.FC = () => {\n plugins.register(adminPlugins());\n\n return (\n <Plugins>\n <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n <FileManager>\n {({ showFileManager }) => (\n <AddMenu\n name={\"fileManager\"}\n label={\"File Manager\"}\n icon={<FileIcon />}\n tags={[\"footer\"]}\n onClick={showFileManager}\n testId={\"admin-drawer-footer-menu-file-manager\"}\n />\n )}\n </FileManager>\n <AddMenu\n name={\"documentation\"}\n label={\"Documentation\"}\n icon={<DocsIcon />}\n path={\"https://www.webiny.com/docs\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddMenu\n name={\"slack\"}\n label={\"Slack\"}\n icon={<SlackIcon />}\n path={\"https://www.webiny.com/slack/\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddMenu\n name={\"github\"}\n label={\"Github\"}\n icon={<GithubIcon />}\n path={\"https://github.com/webiny/webiny-js\"}\n rel={\"noopener noreferrer\"}\n target={\"_blank\"}\n tags={[\"footer\"]}\n />\n <AddRoute path={\"/\"}>\n <Layout title={\"Welcome!\"}>\n <Dashboard />\n </Layout>\n </AddRoute>\n <AddRoute path={\"*\"}>\n <Layout title={\"Not Accessible\"}>\n <NotFound />\n </Layout>\n </AddRoute>\n </Plugins>\n );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClCC,gBAAA,CAAQC,QAAR,CAAiB,IAAAC,iBAAA,GAAjB;;EAEA,oBACI,6BAAC,qBAAD,qBACI,6BAAC,SAAD;IAAS,IAAI,EAAE,UAAf;IAA2B,KAAK,EAAE,UAAlC;IAA8C,IAAI,eAAE,6BAAC,iCAAD,OAApD;IAAsE,GAAG,EAAE;EAA3E,EADJ,eAEI,6BAAC,uBAAD,QACK;IAAA,IAAGC,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,SAAD;MACI,IAAI,EAAE,aADV;MAEI,KAAK,EAAE,cAFX;MAGI,IAAI,eAAE,6BAAC,qCAAD,OAHV;MAII,IAAI,EAAE,CAAC,QAAD,CAJV;MAKI,OAAO,EAAEA,eALb;MAMI,MAAM,EAAE;IANZ,EADH;EAAA,CADL,CAFJ,eAcI,6BAAC,SAAD;IACI,IAAI,EAAE,eADV;IAEI,KAAK,EAAE,eAFX;IAGI,IAAI,eAAE,6BAAC,iCAAD,OAHV;IAII,IAAI,EAAE,6BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAdJ,eAuBI,6BAAC,SAAD;IACI,IAAI,EAAE,OADV;IAEI,KAAK,EAAE,OAFX;IAGI,IAAI,eAAE,6BAAC,yBAAD,OAHV;IAII,IAAI,EAAE,+BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAvBJ,eAgCI,6BAAC,SAAD;IACI,IAAI,EAAE,QADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,eAAE,6BAAC,4BAAD,OAHV;IAII,IAAI,EAAE,qCAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAhCJ,eAyCI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,WAAD,OADJ,CADJ,CAzCJ,eA8CI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,UAAD,OADJ,CADJ,CA9CJ,CADJ;AAsDH,CAzDD;;AA2DO,IAAMC,IAAI,gBAAG,IAAAC,WAAA,EAAKN,aAAL,CAAb"}
@@ -1,16 +1,31 @@
1
- import { useEffect } from "react";
2
- import { plugins } from "@webiny/plugins";
3
- import { nanoid } from "nanoid";
4
- import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin";
5
- export var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
6
- useEffect(function () {
7
- var plugin = new AddQuerySelectionPlugin(props);
8
- var name = nanoid();
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.AddGraphQLQuerySelection = void 0;
7
+
8
+ var _react = require("react");
9
+
10
+ var _plugins = require("@webiny/plugins");
11
+
12
+ var _nanoid = require("nanoid");
13
+
14
+ var _AddQuerySelectionPlugin = require("@webiny/app/plugins/AddQuerySelectionPlugin");
15
+
16
+ var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
17
+ (0, _react.useEffect)(function () {
18
+ var plugin = new _AddQuerySelectionPlugin.AddQuerySelectionPlugin(props);
19
+ var name = (0, _nanoid.nanoid)();
9
20
  plugin.name = name;
10
- plugins.register(plugin);
21
+
22
+ _plugins.plugins.register(plugin);
23
+
11
24
  return function () {
12
- plugins.unregister(name);
25
+ _plugins.plugins.unregister(name);
13
26
  };
14
27
  }, []);
15
28
  return null;
16
- };
29
+ };
30
+
31
+ exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;
@@ -1 +1 @@
1
- {"version":3,"sources":["AddGraphQLQuerySelection.tsx"],"names":["useEffect","plugins","nanoid","AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","plugin","name","register","unregister"],"mappings":"AAAA,SAAgBA,SAAhB,QAAiC,OAAjC;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,SAASC,uBAAT,QAAwC,6CAAxC;AASA,OAAO,IAAMC,wBAAyC,GAAG,SAA5CA,wBAA4C,CAAAC,KAAK,EAAI;AAC9DL,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAMM,MAAM,GAAG,IAAIH,uBAAJ,CAA4BE,KAA5B,CAAf;AAEA,QAAME,IAAI,GAAGL,MAAM,EAAnB;AACAI,IAAAA,MAAM,CAACC,IAAP,GAAcA,IAAd;AACAN,IAAAA,OAAO,CAACO,QAAR,CAAiBF,MAAjB;AAEA,WAAO,YAAM;AACTL,MAAAA,OAAO,CAACQ,UAAR,CAAmBF,IAAnB;AACH,KAFD;AAGH,GAVQ,EAUN,EAVM,CAAT;AAYA,SAAO,IAAP;AACH,CAdM","sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n operationName: string;\n selectionPath: string;\n addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n useEffect(() => {\n const plugin = new AddQuerySelectionPlugin(props);\n\n const name = nanoid();\n plugin.name = name;\n plugins.register(plugin);\n\n return () => {\n plugins.unregister(name);\n };\n }, []);\n\n return null;\n};\n"]}
1
+ {"version":3,"names":["AddGraphQLQuerySelection","props","useEffect","plugin","AddQuerySelectionPlugin","name","nanoid","plugins","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n operationName: string;\n selectionPath: string;\n addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n useEffect(() => {\n const plugin = new AddQuerySelectionPlugin(props);\n\n const name = nanoid();\n plugin.name = name;\n plugins.register(plugin);\n\n return () => {\n plugins.unregister(name);\n };\n }, []);\n\n return null;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AASO,IAAMA,wBAAyC,GAAG,SAA5CA,wBAA4C,CAAAC,KAAK,EAAI;EAC9D,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAJ,CAA4BH,KAA5B,CAAf;IAEA,IAAMI,IAAI,GAAG,IAAAC,cAAA,GAAb;IACAH,MAAM,CAACE,IAAP,GAAcA,IAAd;;IACAE,gBAAA,CAAQC,QAAR,CAAiBL,MAAjB;;IAEA,OAAO,YAAM;MACTI,gBAAA,CAAQE,UAAR,CAAmBJ,IAAnB;IACH,CAFD;EAGH,CAVD,EAUG,EAVH;EAYA,OAAO,IAAP;AACH,CAdM"}
@@ -1,15 +1,28 @@
1
- import React from "react";
2
- import { ApolloProvider as Apollo } from "@apollo/react-components";
3
- export var createApolloProvider = function createApolloProvider(clientFactory) {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.createApolloProvider = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _reactComponents = require("@apollo/react-components");
13
+
14
+ var createApolloProvider = function createApolloProvider(clientFactory) {
4
15
  return function (Component) {
5
16
  return function ApolloProvider(_ref) {
6
17
  var children = _ref.children;
7
18
  var uri = process.env.REACT_APP_GRAPHQL_API_URL;
8
- return /*#__PURE__*/React.createElement(Apollo, {
19
+ return /*#__PURE__*/_react.default.createElement(_reactComponents.ApolloProvider, {
9
20
  client: clientFactory({
10
21
  uri: uri
11
22
  })
12
- }, /*#__PURE__*/React.createElement(Component, null, children));
23
+ }, /*#__PURE__*/_react.default.createElement(Component, null, children));
13
24
  };
14
25
  };
15
- };
26
+ };
27
+
28
+ exports.createApolloProvider = createApolloProvider;
@@ -1 +1 @@
1
- {"version":3,"sources":["ApolloProvider.tsx"],"names":["React","ApolloProvider","Apollo","createApolloProvider","clientFactory","Component","children","uri","process","env","REACT_APP_GRAPHQL_API_URL"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAc,IAAIC,MAA3B,QAAyC,0BAAzC;AAWA,OAAO,IAAMC,oBAAoB,GAC7B,SADSA,oBACT,CAACC,aAAD;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASJ,cAAT,OAAsC;AAAA,UAAZK,QAAY,QAAZA,QAAY;AACzC,UAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;AACA,0BACI,oBAAC,MAAD;AAAQ,QAAA,MAAM,EAAEN,aAAa,CAAC;AAAEG,UAAAA,GAAG,EAAHA;AAAF,SAAD;AAA7B,sBACI,oBAAC,SAAD,QAAYD,QAAZ,CADJ,CADJ;AAKH,KAPD;AAQH,GAVD;AAAA,CADG","sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n uri: string;\n}\n\nexport interface ApolloClientFactory {\n (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider =\n (clientFactory: ApolloClientFactory) =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function ApolloProvider({ children }) {\n const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n return (\n <Apollo client={clientFactory({ uri })}>\n <Component>{children}</Component>\n </Apollo>\n );\n };\n };\n"]}
1
+ {"version":3,"names":["createApolloProvider","clientFactory","Component","ApolloProvider","children","uri","process","env","REACT_APP_GRAPHQL_API_URL"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n uri: string;\n}\n\nexport interface ApolloClientFactory {\n (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider =\n (clientFactory: ApolloClientFactory) =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function ApolloProvider({ children }) {\n const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n return (\n <Apollo client={clientFactory({ uri })}>\n <Component>{children}</Component>\n </Apollo>\n );\n };\n };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAWO,IAAMA,oBAAoB,GAC7B,SADSA,oBACT,CAACC,aAAD;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,cAAT,OAAsC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MACzC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;MACA,oBACI,6BAAC,+BAAD;QAAQ,MAAM,EAAEP,aAAa,CAAC;UAAEI,GAAG,EAAHA;QAAF,CAAD;MAA7B,gBACI,6BAAC,SAAD,QAAYD,QAAZ,CADJ,CADJ;IAKH,CAPD;EAQH,CAVD;AAAA,CADG"}
@@ -1,24 +1,37 @@
1
- import React, { useEffect } from "react";
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.createTelemetryProvider = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _react2 = require("@webiny/telemetry/react");
13
+
2
14
  /**
3
15
  * Package @webiny/telemetry is not a typescript project.
4
16
  */
5
17
  // @ts-ignore
6
-
7
- import { sendEvent } from "@webiny/telemetry/react";
8
18
  var eventSent = false;
9
- export var createTelemetryProvider = function createTelemetryProvider() {
19
+
20
+ var createTelemetryProvider = function createTelemetryProvider() {
10
21
  return function (Component) {
11
22
  return function TelemetryProvider(_ref) {
12
23
  var children = _ref.children;
13
- useEffect(function () {
24
+ (0, _react.useEffect)(function () {
14
25
  if (eventSent) {
15
26
  return;
16
27
  }
17
28
 
18
29
  eventSent = true;
19
- sendEvent("app-start");
30
+ (0, _react2.sendEvent)("app-start");
20
31
  }, []);
21
- return /*#__PURE__*/React.createElement(Component, null, children);
32
+ return /*#__PURE__*/_react.default.createElement(Component, null, children);
22
33
  };
23
34
  };
24
- };
35
+ };
36
+
37
+ exports.createTelemetryProvider = createTelemetryProvider;
@@ -1 +1 @@
1
- {"version":3,"sources":["TelemetryProvider.tsx"],"names":["React","useEffect","sendEvent","eventSent","createTelemetryProvider","Component","TelemetryProvider","children"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA;AACA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,yBAA1B;AAEA,IAAIC,SAAS,GAAG,KAAhB;AAEA,OAAO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;AAAA,SACA,UAACC,SAAD,EAAmC;AAC/B,WAAO,SAASC,iBAAT,OAAyC;AAAA,UAAZC,QAAY,QAAZA,QAAY;AAC5CN,MAAAA,SAAS,CAAC,YAAM;AACZ,YAAIE,SAAJ,EAAe;AACX;AACH;;AAEDA,QAAAA,SAAS,GAAG,IAAZ;AACAD,QAAAA,SAAS,CAAC,WAAD,CAAT;AACH,OAPQ,EAON,EAPM,CAAT;AASA,0BAAO,oBAAC,SAAD,QAAYK,QAAZ,CAAP;AACH,KAXD;AAYH,GAdD;AAAA,CADG","sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n () =>\n (Component: React.FC): React.FC => {\n return function TelemetryProvider({ children }) {\n useEffect(() => {\n if (eventSent) {\n return;\n }\n\n eventSent = true;\n sendEvent(\"app-start\");\n }, []);\n\n return <Component>{children}</Component>;\n };\n };\n"]}
1
+ {"version":3,"names":["eventSent","createTelemetryProvider","Component","TelemetryProvider","children","useEffect","sendEvent"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n () =>\n (Component: React.FC): React.FC => {\n return function TelemetryProvider({ children }) {\n useEffect(() => {\n if (eventSent) {\n return;\n }\n\n eventSent = true;\n sendEvent(\"app-start\");\n }, []);\n\n return <Component>{children}</Component>;\n };\n };\n"],"mappings":";;;;;;;;;AAAA;;AAKA;;AAJA;AACA;AACA;AACA;AAGA,IAAIA,SAAS,GAAG,KAAhB;;AAEO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,iBAAT,OAAyC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC5C,IAAAC,gBAAA,EAAU,YAAM;QACZ,IAAIL,SAAJ,EAAe;UACX;QACH;;QAEDA,SAAS,GAAG,IAAZ;QACA,IAAAM,iBAAA,EAAU,WAAV;MACH,CAPD,EAOG,EAPH;MASA,oBAAO,6BAAC,SAAD,QAAYF,QAAZ,CAAP;IACH,CAXD;EAYH,CAdD;AAAA,CADG"}
@@ -1,10 +1,23 @@
1
- import React from "react";
2
- import { UiProvider } from "@webiny/app/contexts/Ui";
3
- export var createUiStateProvider = function createUiStateProvider() {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.createUiStateProvider = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _Ui = require("@webiny/app/contexts/Ui");
13
+
14
+ var createUiStateProvider = function createUiStateProvider() {
4
15
  return function (Component) {
5
16
  return function UiStateProvider(_ref) {
6
17
  var children = _ref.children;
7
- return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
18
+ return /*#__PURE__*/_react.default.createElement(_Ui.UiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
8
19
  };
9
20
  };
10
- };
21
+ };
22
+
23
+ exports.createUiStateProvider = createUiStateProvider;
@@ -1 +1 @@
1
- {"version":3,"sources":["UiStateProvider.tsx"],"names":["React","UiProvider","createUiStateProvider","Component","UiStateProvider","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,yBAA3B;AAEA,OAAO,IAAMC,qBAAqB,GAC9B,SADSA,qBACT;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASC,eAAT,OAAuC;AAAA,UAAZC,QAAY,QAAZA,QAAY;AAC1C,0BACI,oBAAC,UAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,KAND;AAOH,GATD;AAAA,CADG","sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n () =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function UiStateProvider({ children }) {\n return (\n <UiProvider>\n <Component>{children}</Component>\n </UiProvider>\n );\n };\n };\n"]}
1
+ {"version":3,"names":["createUiStateProvider","Component","UiStateProvider","children"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n () =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function UiStateProvider({ children }) {\n return (\n <UiProvider>\n <Component>{children}</Component>\n </UiProvider>\n );\n };\n };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,qBAAqB,GAC9B,SADSA,qBACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,eAAT,OAAuC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC1C,oBACI,6BAAC,cAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}
@@ -1,8 +1,24 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
3
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
- import React, { createContext, useContext, useMemo, useState } from "react";
5
- var ViewCompositionContext = /*#__PURE__*/createContext({
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.createViewCompositionProvider = void 0;
11
+ exports.useViewComposition = useViewComposition;
12
+
13
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
+
15
+ var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
16
+
17
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
18
+
19
+ var _react = _interopRequireWildcard(require("react"));
20
+
21
+ var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
6
22
  getViewElement: function getViewElement() {
7
23
  return null;
8
24
  },
@@ -15,12 +31,12 @@ ViewCompositionContext.displayName = "ViewCompositionContext";
15
31
  var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
16
32
  var children = _ref.children;
17
33
 
18
- var _useState = useState({}),
19
- _useState2 = _slicedToArray(_useState, 2),
34
+ var _useState = (0, _react.useState)({}),
35
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
20
36
  state = _useState2[0],
21
37
  setState = _useState2[1];
22
38
 
23
- var context = useMemo(function () {
39
+ var context = (0, _react.useMemo)(function () {
24
40
  return {
25
41
  getViewElement: function getViewElement(view, name) {
26
42
  return state[view] && state[view][name];
@@ -28,24 +44,27 @@ var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
28
44
  setViewElement: function setViewElement(view, name, setter) {
29
45
  setState(function (state) {
30
46
  var existing = state[view] && state[view][name];
31
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, view, _objectSpread(_objectSpread({}, state[view]), {}, _defineProperty({}, name, setter(existing)))));
47
+ return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, (0, _defineProperty2.default)({}, view, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state[view]), {}, (0, _defineProperty2.default)({}, name, setter(existing)))));
32
48
  });
33
49
  }
34
50
  };
35
51
  }, [state]);
36
- return /*#__PURE__*/React.createElement(ViewCompositionContext.Provider, {
52
+ return /*#__PURE__*/_react.default.createElement(ViewCompositionContext.Provider, {
37
53
  value: context
38
54
  }, children);
39
55
  };
40
56
 
41
- export function useViewComposition() {
42
- return useContext(ViewCompositionContext);
57
+ function useViewComposition() {
58
+ return (0, _react.useContext)(ViewCompositionContext);
43
59
  }
44
- export var createViewCompositionProvider = function createViewCompositionProvider() {
60
+
61
+ var createViewCompositionProvider = function createViewCompositionProvider() {
45
62
  return function (Component) {
46
63
  return function ViewCompositionProviderHOC(_ref2) {
47
64
  var children = _ref2.children;
48
- return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
65
+ return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
49
66
  };
50
67
  };
51
- };
68
+ };
69
+
70
+ exports.createViewCompositionProvider = createViewCompositionProvider;
@@ -1 +1 @@
1
- {"version":3,"sources":["ViewCompositionProvider.tsx"],"names":["React","createContext","useContext","useMemo","useState","ViewCompositionContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","state","setState","context","view","name","setter","existing","useViewComposition","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,UAA/B,EAA2CC,OAA3C,EAAoDC,QAApD,QAAoE,OAApE;AAkBA,IAAMC,sBAAsB,gBAAGJ,aAAa,CAAyB;AACjEK,EAAAA,cAAc,EAAE,0BAAM;AAClB,WAAO,IAAP;AACH,GAHgE;AAIjEC,EAAAA,cAAc,EAAE,0BAAM;AAClB,WAAO,KAAK,CAAZ;AACH;AANgE,CAAzB,CAA5C;AAQAF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AACxD,kBAA0BN,QAAQ,CAA+B,EAA/B,CAAlC;AAAA;AAAA,MAAOO,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,OAAO,GAAGV,OAAO,CACnB;AAAA,WAAO;AACHG,MAAAA,cADG,0BACYQ,IADZ,EAC0BC,IAD1B,EACqD;AACpD,eAAOJ,KAAK,CAACG,IAAD,CAAL,IAAeH,KAAK,CAACG,IAAD,CAAL,CAAYC,IAAZ,CAAtB;AACH,OAHE;AAIHR,MAAAA,cAJG,0BAIYO,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;AAC9DJ,QAAAA,QAAQ,CAAC,UAAAD,KAAK,EAAI;AACd,cAAMM,QAAQ,GAAGN,KAAK,CAACG,IAAD,CAAL,IAAeH,KAAK,CAACG,IAAD,CAAL,CAAYC,IAAZ,CAAhC;AACA,iDACOJ,KADP,2BAEKG,IAFL,kCAGWH,KAAK,CAACG,IAAD,CAHhB,2BAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;AAOH,SATO,CAAR;AAUH;AAfE,KAAP;AAAA,GADmB,EAkBnB,CAACN,KAAD,CAlBmB,CAAvB;AAqBA,sBACI,oBAAC,sBAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAEE;AAAxC,KACKH,QADL,CADJ;AAKH,CA7BD;;AA+BA,OAAO,SAASQ,kBAAT,GAA8B;AACjC,SAAOhB,UAAU,CAACG,sBAAD,CAAjB;AACH;AAED,OAAO,IAAMc,6BAA6B,GACtC,SADSA,6BACT;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASC,0BAAT,QAAkD;AAAA,UAAZX,QAAY,SAAZA,QAAY;AACrD,0BACI,oBAAC,uBAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,KAND;AAOH,GATD;AAAA,CADG","sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n name: string;\n elements: JSX.Element[];\n label?: string;\n [key: string]: any;\n}\n\ninterface ElementSetter {\n (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n getViewElement(view: string, name: string): ViewElement | null;\n setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n getViewElement: () => {\n return null;\n },\n setViewElement: () => {\n return void 0;\n }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n const [state, setState] = useState<ViewCompositionProviderState>({});\n\n const context = useMemo(\n () => ({\n getViewElement(view: string, name: string): ViewElement {\n return state[view] && state[view][name];\n },\n setViewElement(view: string, name: string, setter: ElementSetter) {\n setState(state => {\n const existing = state[view] && state[view][name];\n return {\n ...state,\n [view]: {\n ...state[view],\n [name]: setter(existing)\n }\n };\n });\n }\n }),\n [state]\n );\n\n return (\n <ViewCompositionContext.Provider value={context}>\n {children}\n </ViewCompositionContext.Provider>\n );\n};\n\nexport function useViewComposition() {\n return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n () =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function ViewCompositionProviderHOC({ children }) {\n return (\n <ViewCompositionProvider>\n <Component>{children}</Component>\n </ViewCompositionProvider>\n );\n };\n };\n"]}
1
+ {"version":3,"names":["ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","useState","state","setState","context","useMemo","view","name","setter","existing","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n name: string;\n elements: JSX.Element[];\n label?: string;\n [key: string]: any;\n}\n\ninterface ElementSetter {\n (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n getViewElement(view: string, name: string): ViewElement | null;\n setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n getViewElement: () => {\n return null;\n },\n setViewElement: () => {\n return void 0;\n }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n const [state, setState] = useState<ViewCompositionProviderState>({});\n\n const context = useMemo(\n () => ({\n getViewElement(view: string, name: string): ViewElement {\n return state[view] && state[view][name];\n },\n setViewElement(view: string, name: string, setter: ElementSetter) {\n setState(state => {\n const existing = state[view] && state[view][name];\n return {\n ...state,\n [view]: {\n ...state[view],\n [name]: setter(existing)\n }\n };\n });\n }\n }),\n [state]\n );\n\n return (\n <ViewCompositionContext.Provider value={context}>\n {children}\n </ViewCompositionContext.Provider>\n );\n};\n\nexport function useViewComposition() {\n return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n () =>\n (Component: React.ComponentType<unknown>): React.FC => {\n return function ViewCompositionProviderHOC({ children }) {\n return (\n <ViewCompositionProvider>\n <Component>{children}</Component>\n </ViewCompositionProvider>\n );\n };\n };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAkBA,IAAMA,sBAAsB,gBAAG,IAAAC,oBAAA,EAAsC;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAP;EACH,CAHgE;EAIjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAZ;EACH;AANgE,CAAtC,CAA/B;AAQAH,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxD,gBAA0B,IAAAC,eAAA,EAAuC,EAAvC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHT,cADG,0BACYU,IADZ,EAC0BC,IAD1B,EACqD;QACpD,OAAOL,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAtB;MACH,CAHE;MAIHV,cAJG,0BAIYS,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAhC;UACA,mEACOL,KADP,yCAEKI,IAFL,8DAGWJ,KAAK,CAACI,IAAD,CAHhB,yCAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;QAOH,CATO,CAAR;MAUH;IAfE,CAAP;EAAA,CADY,EAkBZ,CAACP,KAAD,CAlBY,CAAhB;EAqBA,oBACI,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAEE;EAAxC,GACKJ,QADL,CADJ;AAKH,CA7BD;;AA+BO,SAASU,kBAAT,GAA8B;EACjC,OAAO,IAAAC,iBAAA,EAAWjB,sBAAX,CAAP;AACH;;AAEM,IAAMkB,6BAA6B,GACtC,SADSA,6BACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,0BAAT,QAAkD;MAAA,IAAZd,QAAY,SAAZA,QAAY;MACrD,oBACI,6BAAC,uBAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}
package/base/ui/Brand.js CHANGED
@@ -1,6 +1,19 @@
1
- import React from "react";
2
- import { makeComposable } from "@webiny/app-admin-core";
3
- export var Brand = makeComposable("Brand", function () {
4
- return /*#__PURE__*/React.createElement(BrandRenderer, null);
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
5
7
  });
6
- export var BrandRenderer = makeComposable("BrandRenderer");
8
+ exports.BrandRenderer = exports.Brand = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _appAdminCore = require("@webiny/app-admin-core");
13
+
14
+ var Brand = (0, _appAdminCore.makeComposable)("Brand", function () {
15
+ return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
16
+ });
17
+ exports.Brand = Brand;
18
+ var BrandRenderer = (0, _appAdminCore.makeComposable)("BrandRenderer");
19
+ exports.BrandRenderer = BrandRenderer;
@@ -1 +1 @@
1
- {"version":3,"sources":["Brand.tsx"],"names":["React","makeComposable","Brand","BrandRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,KAAK,GAAGD,cAAc,CAAC,OAAD,EAAU,YAAM;AAC/C,sBAAO,oBAAC,aAAD,OAAP;AACH,CAFkC,CAA5B;AAIP,OAAO,IAAME,aAAa,GAAGF,cAAc,CAAC,eAAD,CAApC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"]}
1
+ {"version":3,"names":["Brand","makeComposable","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,KAAK,GAAG,IAAAC,4BAAA,EAAe,OAAf,EAAwB,YAAM;EAC/C,oBAAO,6BAAC,aAAD,OAAP;AACH,CAFoB,CAAd;;AAIA,IAAMC,aAAa,GAAG,IAAAD,4BAAA,EAAe,eAAf,CAAtB"}
@@ -1,14 +1,26 @@
1
- import React from "react";
2
- import styled from "@emotion/styled";
3
- import { makeComposable } from "../..";
4
- var Container = /*#__PURE__*/styled("div", {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.CenteredView = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
+
14
+ var _ = require("../..");
15
+
16
+ var Container = /*#__PURE__*/(0, _styled.default)("div", {
5
17
  target: "e1bmfqk40",
6
18
  label: "Container"
7
19
  })({
8
20
  display: "flex",
9
21
  justifyContent: "center"
10
22
  });
11
- var Width = /*#__PURE__*/styled("div", {
23
+ var Width = /*#__PURE__*/(0, _styled.default)("div", {
12
24
  target: "e1bmfqk41",
13
25
  label: "Width"
14
26
  })(function (props) {
@@ -17,11 +29,12 @@ var Width = /*#__PURE__*/styled("div", {
17
29
  width: "100%"
18
30
  };
19
31
  });
20
- export var CenteredView = makeComposable("CenteredView", function (_ref) {
32
+ var CenteredView = (0, _.makeComposable)("CenteredView", function (_ref) {
21
33
  var _ref$maxWidth = _ref.maxWidth,
22
34
  maxWidth = _ref$maxWidth === void 0 ? 700 : _ref$maxWidth,
23
35
  children = _ref.children;
24
- return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Width, {
36
+ return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Width, {
25
37
  maxWidth: maxWidth
26
38
  }, children));
27
- });
39
+ });
40
+ exports.CenteredView = CenteredView;