@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,48 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.OverlayLayout = void 0;
11
-
12
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
25
-
26
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
27
-
28
17
  var React = _interopRequireWildcard(require("react"));
29
-
30
18
  var _reactTransitionGroup = require("react-transition-group");
31
-
32
19
  var _styled = _interopRequireDefault(require("@emotion/styled"));
33
-
34
20
  var _emotion = require("emotion");
35
-
36
21
  var _TopAppBar = require("@webiny/ui/TopAppBar");
37
-
38
22
  var _Button = require("@webiny/ui/Button");
39
-
40
23
  var _noop = _interopRequireDefault(require("lodash/noop"));
41
-
42
- var _close = require("./icons/close.svg");
43
-
24
+ var _close = require("@material-design-icons/svg/outlined/close.svg");
44
25
  var _OverlayView = require("../../ui/views/OverlayView");
45
-
46
26
  var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
47
27
  var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
48
28
  target: "e1inqa580",
@@ -52,12 +32,11 @@ var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
52
32
  width: "100%",
53
33
  height: "100vh",
54
34
  backgroundColor: "var(--mdc-theme-background)",
55
-
56
35
  /**
57
36
  * Has to be higher than 5 so it's above advanced settings dialog,
58
37
  * and below 20, so the image editor & Dialogs can be displayed above.
59
38
  */
60
- zIndex: 18,
39
+ zIndex: 21,
61
40
  paddingTop: 65,
62
41
  top: 0,
63
42
  left: 0
@@ -84,15 +63,11 @@ var transitionStyles = {
84
63
  opacity: 1
85
64
  }
86
65
  };
87
-
88
66
  var OverlayLayout = /*#__PURE__*/function (_React$Component) {
89
67
  (0, _inherits2.default)(OverlayLayout, _React$Component);
90
-
91
68
  var _super = (0, _createSuper2.default)(OverlayLayout);
92
-
93
69
  function OverlayLayout(props) {
94
70
  var _this;
95
-
96
71
  (0, _classCallCheck2.default)(this, OverlayLayout);
97
72
  _this = _super.call(this, props);
98
73
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -101,14 +76,12 @@ var OverlayLayout = /*#__PURE__*/function (_React$Component) {
101
76
  document.body.classList.add(noScroll);
102
77
  return _this;
103
78
  }
104
-
105
79
  (0, _createClass2.default)(OverlayLayout, [{
106
80
  key: "hideComponent",
107
81
  value: function hideComponent() {
108
82
  this.setState({
109
83
  isVisible: false
110
84
  });
111
-
112
85
  if (_OverlayView.OverlayView.openedViews === 0) {
113
86
  document.body.classList.remove(noScroll);
114
87
  }
@@ -124,15 +97,14 @@ var OverlayLayout = /*#__PURE__*/function (_React$Component) {
124
97
  key: "render",
125
98
  value: function render() {
126
99
  var _this2 = this;
127
-
128
100
  var _this$props = this.props,
129
- onExited = _this$props.onExited,
130
- barLeft = _this$props.barLeft,
131
- barMiddle = _this$props.barMiddle,
132
- barRight = _this$props.barRight,
133
- children = _this$props.children,
134
- style = _this$props.style,
135
- rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
101
+ onExited = _this$props.onExited,
102
+ barLeft = _this$props.barLeft,
103
+ barMiddle = _this$props.barMiddle,
104
+ barRight = _this$props.barRight,
105
+ children = _this$props.children,
106
+ style = _this$props.style,
107
+ rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
136
108
  return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
137
109
  in: this.state.isVisible,
138
110
  timeout: 100,
@@ -177,7 +149,6 @@ var OverlayLayout = /*#__PURE__*/function (_React$Component) {
177
149
  }]);
178
150
  return OverlayLayout;
179
151
  }(React.Component);
180
-
181
152
  exports.OverlayLayout = OverlayLayout;
182
153
  (0, _defineProperty2.default)(OverlayLayout, "defaultProps", {
183
154
  onExited: _noop.default
@@ -1 +1 @@
1
- {"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"./icons/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n position: \"fixed\",\n width: \"100%\",\n height: \"100vh\",\n backgroundColor: \"var(--mdc-theme-background)\",\n /**\n * Has to be higher than 5 so it's above advanced settings dialog,\n * and below 20, so the image editor & Dialogs can be displayed above.\n */\n zIndex: 18,\n paddingTop: 65,\n top: 0,\n left: 0\n});\n\nconst noScroll = css({\n overflow: \"hidden\",\n height: \"100vh\"\n});\n\nconst defaultStyle = {\n transform: \"translateY(75vh)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"225ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(75vh)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\nexport interface OverlayLayoutProps {\n barMiddle?: React.ReactNode;\n barLeft?: React.ReactNode;\n barRight?: React.ReactNode;\n children: React.ReactNode;\n onExited?: ExitHandler<HTMLElement>;\n style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n constructor(props: OverlayLayoutProps) {\n super(props);\n document.body.classList.add(noScroll);\n }\n\n static defaultProps: Partial<OverlayLayoutProps> = {\n onExited: noop\n };\n\n public override state: OverlayLayoutState = {\n isVisible: true\n };\n\n public hideComponent(): void {\n this.setState({ isVisible: false });\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override componentWillUnmount(): void {\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override render() {\n const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n return (\n <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n {state => (\n <OverlayLayoutWrapper\n {...rest}\n style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n >\n <TopAppBarSecondary fixed style={{ top: 0 }}>\n <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n {barLeft}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }}>\n {barMiddle}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n {barRight}\n <IconButton\n ripple={false}\n onClick={() => this.hideComponent()}\n icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n />\n </TopAppBarSection>\n </TopAppBarSecondary>\n\n {children}\n </OverlayLayoutWrapper>\n )}\n </Transition>\n );\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n position: \"fixed\",\n width: \"100%\",\n height: \"100vh\",\n backgroundColor: \"var(--mdc-theme-background)\",\n /**\n * Has to be higher than 5 so it's above advanced settings dialog,\n * and below 20, so the image editor & Dialogs can be displayed above.\n */\n zIndex: 21,\n paddingTop: 65,\n top: 0,\n left: 0\n});\n\nconst noScroll = css({\n overflow: \"hidden\",\n height: \"100vh\"\n});\n\nconst defaultStyle = {\n transform: \"translateY(75vh)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"225ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(75vh)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\nexport interface OverlayLayoutProps {\n barMiddle?: React.ReactNode;\n barLeft?: React.ReactNode;\n barRight?: React.ReactNode;\n children: React.ReactNode;\n onExited?: ExitHandler<HTMLElement>;\n style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n constructor(props: OverlayLayoutProps) {\n super(props);\n document.body.classList.add(noScroll);\n }\n\n static defaultProps: Partial<OverlayLayoutProps> = {\n onExited: noop\n };\n\n public override state: OverlayLayoutState = {\n isVisible: true\n };\n\n public hideComponent(): void {\n this.setState({ isVisible: false });\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override componentWillUnmount(): void {\n if (OverlayView.openedViews === 0) {\n document.body.classList.remove(noScroll);\n }\n }\n\n public override render() {\n const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n return (\n <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n {state => (\n <OverlayLayoutWrapper\n {...rest}\n style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n >\n <TopAppBarSecondary fixed style={{ top: 0 }}>\n <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n {barLeft}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }}>\n {barMiddle}\n </TopAppBarSection>\n <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n {barRight}\n <IconButton\n ripple={false}\n onClick={() => this.hideComponent()}\n icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n />\n </TopAppBarSection>\n </TopAppBarSecondary>\n\n {children}\n </OverlayLayoutWrapper>\n )}\n </Transition>\n );\n }\n}\n"],"mappings":"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"}
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _OverlayLayout = require("./OverlayLayout");
8
-
9
7
  Object.keys(_OverlayLayout).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _OverlayLayout[key]) return;
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -1,7 +1,9 @@
1
1
  import React from "react";
2
2
  import { BindComponentRenderProp } from "@webiny/form";
3
+ import { PermissionRendererPlugin } from "../../plugins/PermissionRendererPlugin";
3
4
  interface PermissionsProps extends BindComponentRenderProp {
4
5
  id: string;
6
+ plugins?: PermissionRendererPlugin[];
5
7
  }
6
8
  export declare const Permissions: React.FC<PermissionsProps>;
7
9
  export {};
@@ -1,44 +1,43 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
6
-
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.Permissions = void 0;
11
-
12
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
11
  var _react = _interopRequireWildcard(require("react"));
15
-
16
12
  var _Accordion = require("@webiny/ui/Accordion");
17
-
18
13
  var _plugins = require("@webiny/plugins");
19
-
14
+ var _excluded = ["id", "value", "onChange"];
20
15
  var Permissions = function Permissions(_ref) {
21
16
  var id = _ref.id,
22
- value = _ref.value,
23
- onChange = _ref.onChange;
24
-
17
+ value = _ref.value,
18
+ onChange = _ref.onChange,
19
+ props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
25
20
  var _useMemo = (0, _react.useMemo)(function () {
26
- return _plugins.plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
27
- if (plugin.system === true) {
28
- acc.systemPlugins.push(plugin);
29
- } else {
30
- acc.permissionPlugins.push(plugin);
21
+ if (props.plugins) {
22
+ return {
23
+ permissionPlugins: props.plugins,
24
+ systemPlugins: []
25
+ };
31
26
  }
32
-
33
- return acc;
34
- }, {
35
- systemPlugins: [],
36
- permissionPlugins: []
37
- });
38
- }, []),
39
- systemPlugins = _useMemo.systemPlugins,
40
- permissionPlugins = _useMemo.permissionPlugins;
41
-
27
+ return _plugins.plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
28
+ if (plugin.system === true) {
29
+ acc.systemPlugins.push(plugin);
30
+ } else {
31
+ acc.permissionPlugins.push(plugin);
32
+ }
33
+ return acc;
34
+ }, {
35
+ systemPlugins: [],
36
+ permissionPlugins: []
37
+ });
38
+ }, []),
39
+ systemPlugins = _useMemo.systemPlugins,
40
+ permissionPlugins = _useMemo.permissionPlugins;
42
41
  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
43
42
  elevation: 0
44
43
  }, [].concat((0, _toConsumableArray2.default)(systemPlugins), (0, _toConsumableArray2.default)(permissionPlugins)).map(function (pl) {
@@ -50,5 +49,4 @@ var Permissions = function Permissions(_ref) {
50
49
  }));
51
50
  }));
52
51
  };
53
-
54
52
  exports.Permissions = Permissions;
@@ -1 +1 @@
1
- {"version":3,"names":["Permissions","id","value","onChange","useMemo","plugins","byType","reduce","acc","plugin","system","systemPlugins","push","permissionPlugins","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n id: string;\n}\n\ninterface PermissionPlugins {\n systemPlugins: AdminAppPermissionRendererPlugin[];\n permissionPlugins: AdminAppPermissionRendererPlugin[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange }) => {\n const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n return plugins\n .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n .reduce(\n (acc, plugin) => {\n if (plugin.system === true) {\n acc.systemPlugins.push(plugin);\n } else {\n acc.permissionPlugins.push(plugin);\n }\n return acc;\n },\n { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n );\n }, []);\n\n return (\n <Accordion elevation={0}>\n {[...systemPlugins, ...permissionPlugins].map(pl => (\n <React.Fragment key={pl.name + \".\" + id}>\n {pl.render({\n value,\n onChange\n })}\n </React.Fragment>\n ))}\n </Accordion>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAYO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAA6B;EAAA,IAA1BC,EAA0B,QAA1BA,EAA0B;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAChF,eAA6C,IAAAC,cAAA,EAA2B,YAAM;IAC1E,OAAOC,gBAAA,CACFC,MADE,CACuC,gCADvC,EAEFC,MAFE,CAGC,UAACC,GAAD,EAAMC,MAAN,EAAiB;MACb,IAAIA,MAAM,CAACC,MAAP,KAAkB,IAAtB,EAA4B;QACxBF,GAAG,CAACG,aAAJ,CAAkBC,IAAlB,CAAuBH,MAAvB;MACH,CAFD,MAEO;QACHD,GAAG,CAACK,iBAAJ,CAAsBD,IAAtB,CAA2BH,MAA3B;MACH;;MACD,OAAOD,GAAP;IACH,CAVF,EAWC;MAAEG,aAAa,EAAE,EAAjB;MAAqBE,iBAAiB,EAAE;IAAxC,CAXD,CAAP;EAaH,CAd4C,EAc1C,EAd0C,CAA7C;EAAA,IAAQF,aAAR,YAAQA,aAAR;EAAA,IAAuBE,iBAAvB,YAAuBA,iBAAvB;;EAgBA,oBACI,6BAAC,oBAAD;IAAW,SAAS,EAAE;EAAtB,GACK,2CAAIF,aAAJ,oCAAsBE,iBAAtB,GAAyCC,GAAzC,CAA6C,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAD,CAAO,QAAP;MAAgB,GAAG,EAAEA,EAAE,CAACC,IAAH,GAAU,GAAV,GAAgBf;IAArC,GACKc,EAAE,CAACE,MAAH,CAAU;MACPf,KAAK,EAALA,KADO;MAEPC,QAAQ,EAARA;IAFO,CAAV,CADL,CAD4C;EAAA,CAA/C,CADL,CADJ;AAYH,CA7BM"}
1
+ {"version":3,"names":["Permissions","id","value","onChange","props","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n id: string;\n plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange, ...props }) => {\n const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n if (props.plugins) {\n return { permissionPlugins: props.plugins, systemPlugins: [] };\n }\n\n return plugins\n .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n .reduce(\n (acc, plugin) => {\n if (plugin.system === true) {\n acc.systemPlugins.push(plugin);\n } else {\n acc.permissionPlugins.push(plugin);\n }\n return acc;\n },\n { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n );\n }, []);\n\n return (\n <Accordion elevation={0}>\n {[...systemPlugins, ...permissionPlugins].map(pl => (\n <React.Fragment key={pl.name + \".\" + id}>\n {pl.render({\n value,\n onChange\n })}\n </React.Fragment>\n ))}\n </Accordion>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AAA0C;AAcnC,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA0C;EAAA,IAApCC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACnF,eAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAID,KAAK,CAACE,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEH,KAAK,CAACE,OAAO;UAAEE,aAAa,EAAE;QAAG,CAAC;MAClE;MAEA,OAAOF,gBAAO,CACTG,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,UAACC,GAAG,EAAEC,MAAM,EAAK;QACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;UACxBF,GAAG,CAACH,aAAa,CAACM,IAAI,CAACF,MAAM,CAAC;QAClC,CAAC,MAAM;UACHD,GAAG,CAACJ,iBAAiB,CAACO,IAAI,CAACF,MAAM,CAAC;QACtC;QACA,OAAOD,GAAG;MACd,CAAC,EACD;QAAEH,aAAa,EAAE,EAAE;QAAED,iBAAiB,EAAE;MAAG,CAAC,CAC/C;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,YAAbA,aAAa;IAAED,iBAAiB,YAAjBA,iBAAiB;EAoBxC,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAE;EAAE,GACnB,2CAAIC,aAAa,oCAAKD,iBAAiB,GAAEQ,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAK,CAAC,QAAQ;MAAC,GAAG,EAAEA,EAAE,CAACC,IAAI,GAAG,GAAG,GAAGhB;IAAG,GACnCe,EAAE,CAACE,MAAM,CAAC;MACPhB,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CAAC,CACW;EAAA,CACpB,CAAC,CACM;AAEpB,CAAC;AAAC"}
@@ -1,18 +1,13 @@
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.gridNoPaddingClass = exports.flexClass = exports.PermissionInfo = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _emotion = require("emotion");
13
-
14
10
  var _Typography = require("@webiny/ui/Typography");
15
-
16
11
  var flexClass = /*#__PURE__*/(0, _emotion.css)({
17
12
  display: "flex",
18
13
  alignItems: "center",
@@ -23,7 +18,6 @@ var gridNoPaddingClass = /*#__PURE__*/(0, _emotion.css)({
23
18
  padding: "0px !important"
24
19
  }, "label:gridNoPaddingClass;");
25
20
  exports.gridNoPaddingClass = gridNoPaddingClass;
26
-
27
21
  var PermissionInfo = function PermissionInfo(_ref) {
28
22
  var title = _ref.title;
29
23
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -32,5 +26,4 @@ var PermissionInfo = function PermissionInfo(_ref) {
32
26
  use: "body2"
33
27
  }, title));
34
28
  };
35
-
36
29
  exports.PermissionInfo = PermissionInfo;
@@ -1 +1 @@
1
- {"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n <div className={flexClass}>\n <Typography use={\"body2\"}>{title}</Typography>\n </div>\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBC,OAAO,EAAE,MADgB;EAEzBC,UAAU,EAAE,QAFa;EAGzBC,MAAM,EAAE;AAHiB,CAAJ,qBAAlB;;AAMA,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAA,EAAI;EAClCK,OAAO,EAAE;AADyB,CAAJ,8BAA3B;;;AAOA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,oBACzD;IAAK,SAAS,EAAER;EAAhB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA2BQ,KAA3B,CADJ,CADyD;AAAA,CAAtD"}
1
+ {"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n <div className={flexClass}>\n <Typography use={\"body2\"}>{title}</Typography>\n </div>\n);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAG,EAAC;EAClCK,OAAO,EAAE;AACb,CAAC,8BAAC;AAAC;AAKI,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C;EAAA,IAAMC,KAAK,QAALA,KAAK;EAAA,oBACjE;IAAK,SAAS,EAAER;EAAU,gBACtB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEQ,KAAK,CAAc,CAC5C;AAAA,CACT;AAAC"}
@@ -12,9 +12,7 @@ Object.defineProperty(exports, "Permissions", {
12
12
  return _Permissions.Permissions;
13
13
  }
14
14
  });
15
-
16
15
  var _StyledComponents = require("./StyledComponents");
17
-
18
16
  Object.keys(_StyledComponents).forEach(function (key) {
19
17
  if (key === "default" || key === "__esModule") return;
20
18
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,5 +24,4 @@ Object.keys(_StyledComponents).forEach(function (key) {
26
24
  }
27
25
  });
28
26
  });
29
-
30
27
  var _Permissions = require("./Permissions");
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
@@ -1,20 +1,14 @@
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.RichTextEditor = void 0;
9
-
10
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
11
-
12
9
  var _react = _interopRequireDefault(require("react"));
13
-
14
10
  var _RichTextEditor = require("@webiny/ui/RichTextEditor");
15
-
16
11
  var _ = require("./..");
17
-
18
12
  var RichTextEditor = function RichTextEditor(props) {
19
13
  return /*#__PURE__*/_react.default.createElement(_.FileManager, null, function (_ref) {
20
14
  var showFileManager = _ref.showFileManager;
@@ -26,5 +20,4 @@ var RichTextEditor = function RichTextEditor(props) {
26
20
  }));
27
21
  });
28
22
  };
29
-
30
23
  exports.RichTextEditor = RichTextEditor;
@@ -1 +1 @@
1
- {"version":3,"names":["RichTextEditor","props","showFileManager","placeholder","context"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"~/components\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n return (\n <FileManager>\n {({ showFileManager }) => (\n <UiRichTextEditor\n {...props}\n placeholder={props.placeholder || \"Click here to type\"}\n context={{ ...props.context, showFileManager }}\n />\n )}\n </FileManager>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,cAA6C,GAAG,SAAhDA,cAAgD,CAAAC,KAAK,EAAI;EAClE,oBACI,6BAAC,aAAD,QACK;IAAA,IAAGC,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,8BAAD,oBACQD,KADR;MAEI,WAAW,EAAEA,KAAK,CAACE,WAAN,IAAqB,oBAFtC;MAGI,OAAO,8DAAOF,KAAK,CAACG,OAAb;QAAsBF,eAAe,EAAfA;MAAtB;IAHX,GADH;EAAA,CADL,CADJ;AAWH,CAZM"}
1
+ {"version":3,"names":["RichTextEditor","props","showFileManager","placeholder","context"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"~/components\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n return (\n <FileManager>\n {({ showFileManager }) => (\n <UiRichTextEditor\n {...props}\n placeholder={props.placeholder || \"Click here to type\"}\n context={{ ...props.context, showFileManager }}\n />\n )}\n </FileManager>\n );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,cAA6C,GAAG,SAAhDA,cAA6C,CAAGC,KAAK,EAAI;EAClE,oBACI,6BAAC,aAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,8BAAgB,oBACTD,KAAK;MACT,WAAW,EAAEA,KAAK,CAACE,WAAW,IAAI,oBAAqB;MACvD,OAAO,8DAAOF,KAAK,CAACG,OAAO;QAAEF,eAAe,EAAfA;MAAe;IAAG,GACjD;EAAA,CACL,CACS;AAEtB,CAAC;AAAC"}
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "createPropsFromConfig", {
15
15
  return _RichTextEditor2.createPropsFromConfig;
16
16
  }
17
17
  });
18
-
19
18
  var _RichTextEditor = require("./RichTextEditor");
20
-
21
19
  var _RichTextEditor2 = require("@webiny/ui/RichTextEditor");
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}