@webiny/ui 5.37.8 → 5.38.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 (212) hide show
  1. package/Accordion/Accordion.js +3 -1
  2. package/Accordion/Accordion.stories.js +3 -1
  3. package/Accordion/AccordionItem.d.ts +2 -1
  4. package/Accordion/AccordionItem.js +5 -2
  5. package/Accordion/AccordionItem.js.map +1 -1
  6. package/Accordion/AccordionItemActions.d.ts +4 -0
  7. package/Accordion/AccordionItemActions.js +13 -2
  8. package/Accordion/AccordionItemActions.js.map +1 -1
  9. package/Accordion/index.js +3 -1
  10. package/Alert/Alert.js +3 -1
  11. package/Alert/Alert.stories.js +3 -1
  12. package/Alert/index.js +3 -1
  13. package/AutoComplete/AutoComplete.js +3 -1
  14. package/AutoComplete/AutoComplete.stories.js +3 -1
  15. package/AutoComplete/MultiAutoComplete.d.ts +5 -1
  16. package/AutoComplete/MultiAutoComplete.js +10 -1
  17. package/AutoComplete/MultiAutoComplete.js.map +1 -1
  18. package/AutoComplete/MultiAutoComplete.stories.js +3 -1
  19. package/AutoComplete/index.js +3 -1
  20. package/AutoComplete/styles.js +3 -1
  21. package/AutoComplete/types.js +3 -1
  22. package/AutoComplete/utils.js +3 -1
  23. package/Avatar/Avatar.js +3 -1
  24. package/Avatar/Avatar.stories.js +3 -1
  25. package/Avatar/index.js +3 -1
  26. package/Button/Button.js +3 -1
  27. package/Button/Button.stories.js +3 -1
  28. package/Button/Button.styles.js +3 -1
  29. package/Button/CopyButton/CopyButton.js +3 -1
  30. package/Button/CopyButton/CopyButton.stories.js +3 -1
  31. package/Button/IconButton/IconButton.js +3 -1
  32. package/Button/IconButton/IconButton.stories.js +3 -1
  33. package/Button/index.js +3 -1
  34. package/Carousel/Carousel.js +3 -1
  35. package/Carousel/Carouser.stories.js +3 -1
  36. package/Carousel/index.js +3 -1
  37. package/Checkbox/Checkbox.js +3 -1
  38. package/Checkbox/Checkbox.stories.js +3 -1
  39. package/Checkbox/Checkbox.styles.js +3 -1
  40. package/Checkbox/CheckboxGroup.js +3 -1
  41. package/Checkbox/CheckboxGroup.stories.js +3 -1
  42. package/Checkbox/index.js +3 -1
  43. package/Chips/Chip.js +3 -1
  44. package/Chips/Chips.js +3 -1
  45. package/Chips/Chips.stories.js +3 -1
  46. package/Chips/index.js +3 -1
  47. package/Chips/styles.js +3 -1
  48. package/CodeEditor/CodeEditor.d.ts +3 -0
  49. package/CodeEditor/CodeEditor.js +10 -2
  50. package/CodeEditor/CodeEditor.js.map +1 -1
  51. package/CodeEditor/CodeEditor.stories.js +3 -1
  52. package/CodeEditor/index.js +3 -1
  53. package/ColorPicker/ColorPicker.js +3 -1
  54. package/ColorPicker/ColorPicker.stories.js +3 -1
  55. package/ColorPicker/index.js +3 -1
  56. package/ConfirmationDialog/ConfirmationDialog.js +3 -1
  57. package/ConfirmationDialog/ConfirmationDialog.stories.js +3 -1
  58. package/ConfirmationDialog/index.js +3 -1
  59. package/ConfirmationDialog/withConfirmation.js +3 -1
  60. package/DataTable/DataTable.d.ts +7 -1
  61. package/DataTable/DataTable.js +51 -17
  62. package/DataTable/DataTable.js.map +1 -1
  63. package/DataTable/DataTable.stories.js +3 -1
  64. package/DataTable/index.js +3 -1
  65. package/DataTable/styled.d.ts +16 -3
  66. package/DataTable/styled.js +23 -7
  67. package/DataTable/styled.js.map +1 -1
  68. package/DelayedOnChange/DelayedOnChange.js +3 -1
  69. package/DelayedOnChange/index.js +3 -1
  70. package/DelayedOnChange/withDelayedOnChange.js +3 -1
  71. package/Dialog/Dialog.js +3 -1
  72. package/Dialog/Dialog.stories.js +3 -1
  73. package/Dialog/index.js +3 -1
  74. package/Drawer/Drawer.d.ts +11 -1
  75. package/Drawer/Drawer.js +3 -1
  76. package/Drawer/Drawer.js.map +1 -1
  77. package/Drawer/Drawer.stories.js +3 -1
  78. package/Drawer/index.js +3 -1
  79. package/DynamicFieldset/Fieldset.js +3 -1
  80. package/DynamicFieldset/index.js +3 -1
  81. package/Elevation/Elevation.js +3 -1
  82. package/Elevation/Elevation.stories.js +3 -1
  83. package/Elevation/index.js +3 -1
  84. package/FormElementMessage/FormElementMessage.js +3 -1
  85. package/FormElementMessage/index.js +3 -1
  86. package/FullName/FullName.js +3 -1
  87. package/FullName/index.js +3 -1
  88. package/Grid/Grid.js +3 -1
  89. package/Grid/Grid.stories.js +3 -1
  90. package/Grid/index.js +3 -1
  91. package/Helpers/ClassNames.js +3 -1
  92. package/Helpers/index.js +3 -1
  93. package/Icon/Icon.js +3 -1
  94. package/Icon/Icon.stories.js +3 -1
  95. package/Icon/index.js +3 -1
  96. package/Image/Image.js +3 -1
  97. package/Image/Image.stories.js +3 -1
  98. package/Image/index.js +3 -1
  99. package/ImageEditor/ImageEditor.js +3 -1
  100. package/ImageEditor/index.js +3 -1
  101. package/ImageEditor/toolbar/crop.js +3 -1
  102. package/ImageEditor/toolbar/filter.js +3 -1
  103. package/ImageEditor/toolbar/flip.js +3 -1
  104. package/ImageEditor/toolbar/icons/index.js +3 -1
  105. package/ImageEditor/toolbar/index.js +3 -1
  106. package/ImageEditor/toolbar/rotate.js +3 -1
  107. package/ImageEditor/toolbar/types.js +3 -1
  108. package/ImageUpload/Image.js +3 -1
  109. package/ImageUpload/ImageEditorDialog.js +3 -1
  110. package/ImageUpload/MultiImageUpload.js +3 -1
  111. package/ImageUpload/MultiImageUpload.stories.js +3 -1
  112. package/ImageUpload/SingleImageUpload.js +3 -1
  113. package/ImageUpload/SingleImageUpload.stories.js +3 -1
  114. package/ImageUpload/index.js +3 -1
  115. package/ImageUpload/styled.js +3 -1
  116. package/Input/Input.js +3 -1
  117. package/Input/Input.stories.js +3 -1
  118. package/Input/__tests__/Input.test.js +3 -1
  119. package/Input/index.js +3 -1
  120. package/Input/styled.js +3 -1
  121. package/List/CollapsibleList/CollapsibleList.stories.js +3 -1
  122. package/List/CollapsibleList/index.js +3 -1
  123. package/List/DataList/DataList.js +3 -1
  124. package/List/DataList/DataList.stories.js +3 -1
  125. package/List/DataList/DataListModalOverlay/DataListModalOverlay.js +3 -1
  126. package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js +3 -1
  127. package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js +3 -1
  128. package/List/DataList/DataListModalOverlay/index.js +3 -1
  129. package/List/DataList/DataListWithSections.js +3 -1
  130. package/List/DataList/Loader.js +3 -1
  131. package/List/DataList/NoData.js +3 -1
  132. package/List/DataList/icons/index.js +3 -1
  133. package/List/DataList/index.js +3 -1
  134. package/List/DataList/types.js +3 -1
  135. package/List/List.js +3 -1
  136. package/List/List.stories.js +3 -1
  137. package/List/icons/index.js +3 -1
  138. package/List/index.js +3 -1
  139. package/Menu/Menu.d.ts +1 -0
  140. package/Menu/Menu.js +10 -6
  141. package/Menu/Menu.js.map +1 -1
  142. package/Menu/Menu.stories.js +3 -1
  143. package/Menu/index.js +3 -1
  144. package/Mosaic/Mosaic.js +3 -1
  145. package/Mosaic/Mosaic.stories.js +3 -1
  146. package/Mosaic/index.js +3 -1
  147. package/Progress/CircularProgress.js +3 -1
  148. package/Progress/index.js +3 -1
  149. package/Radio/Radio.js +3 -1
  150. package/Radio/Radio.styles.js +3 -1
  151. package/Radio/RadioGroup.js +3 -1
  152. package/Radio/RadioGroup.stories.js +3 -1
  153. package/Radio/index.js +3 -1
  154. package/RichTextEditor/RichTextEditor.d.ts +5 -5
  155. package/RichTextEditor/RichTextEditor.js +92 -68
  156. package/RichTextEditor/RichTextEditor.js.map +1 -1
  157. package/RichTextEditor/RichTextEditor.stories.js +3 -1
  158. package/RichTextEditor/createPropsFromConfig.js +3 -1
  159. package/RichTextEditor/index.js +3 -1
  160. package/Ripple/Ripple.js +3 -1
  161. package/Ripple/Ripple.stories.js +3 -1
  162. package/Ripple/index.js +3 -1
  163. package/Scrollbar/Scrollbar.js +3 -1
  164. package/Scrollbar/Scrollbar.stories.js +3 -1
  165. package/Scrollbar/index.js +3 -1
  166. package/Section/Section.stories.js +3 -1
  167. package/Section/index.js +3 -1
  168. package/Select/Select.js +3 -1
  169. package/Select/Select.stories.js +3 -1
  170. package/Select/index.js +3 -1
  171. package/Select/styled.js +3 -1
  172. package/Skeleton/Skeleton.js +3 -1
  173. package/Skeleton/Skeleton.stories.js +3 -1
  174. package/Skeleton/index.js +3 -1
  175. package/Slider/Slider.js +3 -1
  176. package/Slider/Slider.stories.js +3 -1
  177. package/Slider/index.js +3 -1
  178. package/Snackbar/Snackbar.js +3 -1
  179. package/Snackbar/Snackbar.stories.js +3 -1
  180. package/Snackbar/index.js +3 -1
  181. package/Switch/Switch.js +3 -1
  182. package/Switch/Switch.stories.js +3 -1
  183. package/Switch/index.js +3 -1
  184. package/Tabs/Tab.js +3 -1
  185. package/Tabs/Tabs.js +3 -1
  186. package/Tabs/Tabs.stories.js +3 -1
  187. package/Tabs/index.js +3 -1
  188. package/Tags/Tags.js +3 -1
  189. package/Tags/Tags.stories.js +3 -1
  190. package/Tags/index.js +3 -1
  191. package/Tooltip/Tooltip.js +3 -1
  192. package/Tooltip/Tooltip.stories.js +3 -1
  193. package/Tooltip/index.js +3 -1
  194. package/TopAppBar/TopAppBar.js +3 -1
  195. package/TopAppBar/TopAppBar.stories.js +3 -1
  196. package/TopAppBar/TopAppBarActionItem.js +3 -1
  197. package/TopAppBar/TopAppBarNavigationIcon.js +3 -1
  198. package/TopAppBar/TopAppBarPrimary.js +3 -1
  199. package/TopAppBar/TopAppBarSecondary.js +3 -1
  200. package/TopAppBar/TopAppBarSection.js +3 -1
  201. package/TopAppBar/TopAppBarTitle.js +3 -1
  202. package/TopAppBar/index.js +3 -1
  203. package/TopProgressBar/TopProgressBar.js +3 -1
  204. package/TopProgressBar/TopProgressBar.stories.js +3 -1
  205. package/TopProgressBar/hoc/index.js +3 -1
  206. package/TopProgressBar/hoc/withTopProgressBar.js +3 -1
  207. package/TopProgressBar/index.js +3 -1
  208. package/Typography/Typography.js +3 -1
  209. package/Typography/Typography.stories.js +3 -1
  210. package/Typography/index.js +3 -1
  211. package/package.json +7 -7
  212. package/types.js +3 -1
@@ -26,4 +26,6 @@ story.add("collapsible list", function () {
26
26
  info: {
27
27
  propTables: [_index.CollapsibleList, _List.SimpleListItem]
28
28
  }
29
- });
29
+ });
30
+
31
+ //# sourceMappingURL=CollapsibleList.stories.js.map
@@ -13,4 +13,6 @@ var CollapsibleList = function CollapsibleList(props) {
13
13
  };
14
14
  exports.CollapsibleList = CollapsibleList;
15
15
  var _default = CollapsibleList;
16
- exports.default = _default;
16
+ exports.default = _default;
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -274,4 +274,6 @@ var ScrollList = function ScrollList(props) {
274
274
  className: (0, _classnames.default)(props.className, scrollList)
275
275
  }), props.children);
276
276
  };
277
- exports.ScrollList = ScrollList;
277
+ exports.ScrollList = ScrollList;
278
+
279
+ //# sourceMappingURL=DataList.js.map
@@ -108,4 +108,6 @@ story.add("data list", function () {
108
108
  info: {
109
109
  propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic]
110
110
  }
111
- });
111
+ });
112
+
113
+ //# sourceMappingURL=DataList.stories.js.map
@@ -93,4 +93,6 @@ var DataListModalOverlay = function DataListModalOverlay(_ref3) {
93
93
  "data-id": "data-list-modal-wrapper"
94
94
  }, children));
95
95
  };
96
- exports.DataListModalOverlay = DataListModalOverlay;
96
+ exports.DataListModalOverlay = DataListModalOverlay;
97
+
98
+ //# sourceMappingURL=DataListModalOverlay.js.map
@@ -25,4 +25,6 @@ var DataListModalOverlayAction = function DataListModalOverlayAction(_ref) {
25
25
  }
26
26
  });
27
27
  };
28
- exports.DataListModalOverlayAction = DataListModalOverlayAction;
28
+ exports.DataListModalOverlayAction = DataListModalOverlayAction;
29
+
30
+ //# sourceMappingURL=DataListModalOverlayAction.js.map
@@ -27,4 +27,6 @@ var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
27
27
  }
28
28
  }, children);
29
29
  };
30
- exports.DataListModalOverlayProvider = DataListModalOverlayProvider;
30
+ exports.DataListModalOverlayProvider = DataListModalOverlayProvider;
31
+
32
+ //# sourceMappingURL=DataListModalOverlayContext.js.map
@@ -29,4 +29,6 @@ Object.defineProperty(exports, "DataListModalOverlayProvider", {
29
29
  });
30
30
  var _DataListModalOverlay = require("./DataListModalOverlay");
31
31
  var _DataListModalOverlayAction = require("./DataListModalOverlayAction");
32
- var _DataListModalOverlayContext = require("./DataListModalOverlayContext");
32
+ var _DataListModalOverlayContext = require("./DataListModalOverlayContext");
33
+
34
+ //# sourceMappingURL=index.js.map
@@ -312,4 +312,6 @@ var ScrollListWithSections = function ScrollListWithSections(props) {
312
312
  className: (0, _classnames.default)(props.className, scrollList)
313
313
  }), props.children);
314
314
  };
315
- exports.ScrollListWithSections = ScrollListWithSections;
315
+ exports.ScrollListWithSections = ScrollListWithSections;
316
+
317
+ //# sourceMappingURL=DataListWithSections.js.map
@@ -50,4 +50,6 @@ var Loader = function Loader() {
50
50
  }));
51
51
  };
52
52
  var _default = Loader;
53
- exports.default = _default;
53
+ exports.default = _default;
54
+
55
+ //# sourceMappingURL=Loader.js.map
@@ -22,4 +22,6 @@ var NoData = function NoData() {
22
22
  }, "No records found."));
23
23
  };
24
24
  var _default = NoData;
25
- exports.default = _default;
25
+ exports.default = _default;
26
+
27
+ //# sourceMappingURL=NoData.js.map
@@ -68,4 +68,6 @@ var OptionsIcon = function OptionsIcon(props) {
68
68
  icon: /*#__PURE__*/_react.default.createElement(_baselineTune24px.ReactComponent, null)
69
69
  }, props));
70
70
  };
71
- exports.OptionsIcon = OptionsIcon;
71
+ exports.OptionsIcon = OptionsIcon;
72
+
73
+ //# sourceMappingURL=index.js.map
@@ -55,4 +55,6 @@ Object.keys(_DataListModalOverlay).forEach(function (key) {
55
55
  return _DataListModalOverlay[key];
56
56
  }
57
57
  });
58
- });
58
+ });
59
+
60
+ //# sourceMappingURL=index.js.map
@@ -2,4 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
- });
5
+ });
6
+
7
+ //# sourceMappingURL=types.js.map
package/List/List.js CHANGED
@@ -168,4 +168,6 @@ exports.ListSelectBox = ListSelectBox;
168
168
  var SimpleListItem = function SimpleListItem(props) {
169
169
  return /*#__PURE__*/_react.default.createElement(_list.SimpleListItem, props);
170
170
  };
171
- exports.SimpleListItem = SimpleListItem;
171
+ exports.SimpleListItem = SimpleListItem;
172
+
173
+ //# sourceMappingURL=List.js.map
@@ -47,4 +47,6 @@ story.add("simple list", function () {
47
47
  info: {
48
48
  propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic, _List.ListItemTextPrimary]
49
49
  }
50
- });
50
+ });
51
+
52
+ //# sourceMappingURL=List.stories.js.map
@@ -17,4 +17,6 @@ Object.defineProperty(exports, "refreshIcon", {
17
17
  }
18
18
  });
19
19
  var _baselineAutorenew24px = _interopRequireDefault(require("./baseline-autorenew-24px.svg"));
20
- var _baselineDelete24px = _interopRequireDefault(require("./baseline-delete-24px.svg"));
20
+ var _baselineDelete24px = _interopRequireDefault(require("./baseline-delete-24px.svg"));
21
+
22
+ //# sourceMappingURL=index.js.map
package/List/index.js CHANGED
@@ -67,4 +67,6 @@ Object.keys(_List).forEach(function (key) {
67
67
  });
68
68
  });
69
69
  var _DataList = require("./DataList");
70
- var _CollapsibleList = require("./CollapsibleList");
70
+ var _CollapsibleList = require("./CollapsibleList");
71
+
72
+ //# sourceMappingURL=index.js.map
package/Menu/Menu.d.ts CHANGED
@@ -5,6 +5,7 @@ declare type MenuProps = RmwcMenuProps & {
5
5
  handle?: React.ReactElement;
6
6
  anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart";
7
7
  className?: string;
8
+ disabled?: boolean;
8
9
  onOpen?: () => void;
9
10
  onClose?: () => void;
10
11
  "data-testid"?: string;
package/Menu/Menu.js CHANGED
@@ -40,11 +40,13 @@ var Menu = /*#__PURE__*/function (_React$Component) {
40
40
  menuIsOpen: false
41
41
  });
42
42
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openMenu", function () {
43
- _this.setState({
44
- menuIsOpen: true
45
- }, function () {
46
- return _this.props.onOpen && _this.props.onOpen();
47
- });
43
+ if (_this.props.disabled !== true) {
44
+ _this.setState({
45
+ menuIsOpen: true
46
+ }, function () {
47
+ return _this.props.onOpen && _this.props.onOpen();
48
+ });
49
+ }
48
50
  });
49
51
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeMenu", function () {
50
52
  _this.setState({
@@ -112,4 +114,6 @@ var MenuItem = function MenuItem(_ref) {
112
114
  className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, style.disabledMenuItem, disabled))
113
115
  }));
114
116
  };
115
- exports.MenuItem = MenuItem;
117
+ exports.MenuItem = MenuItem;
118
+
119
+ //# sourceMappingURL=Menu.js.map
package/Menu/Menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_menu","_emotion","_classnames","_excluded","style","disabledMenuItem","css","opacity","pointerEvents","Menu","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","menuIsOpen","setState","props","onOpen","onClose","createElement","anchorCorner","anchor","open","state","className","closeMenu","onSelect","renderToPortal","zIndex","children","MenuSurface","isArray","renderMenuWithPortal","renderCustomContent","_createClass2","key","value","render","MenuSurfaceAnchor","renderMenuContent","handle","React","cloneElement","onClick","openMenu","Component","exports","MenuDivider","role","MenuItem","_ref","disabled","rest","_objectWithoutProperties2","Object","assign","classNames"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Menu as BaseMenu,\n MenuProps as RmwcMenuProps,\n MenuItem as BaseMenuItem,\n MenuItemProps as BaseMenuItemProps,\n MenuSurface,\n MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n disabledMenuItem: css({\n opacity: 0.5,\n pointerEvents: \"none\"\n })\n};\n\ntype MenuProps = RmwcMenuProps & {\n // One or more MenuItem components.\n children: React.ReactNode;\n\n // A handler which triggers the menu, eg. button or link.\n handle?: React.ReactElement;\n\n // Position the menu to one of anchor corners.\n // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n anchor?:\n | \"bottomEnd\"\n | \"bottomLeft\"\n | \"bottomRight\"\n | \"bottomStart\"\n | \"topEnd\"\n | \"topLeft\"\n | \"topRight\"\n | \"topStart\";\n\n // Class that will be added to the Menu element.\n className?: string;\n\n onOpen?: () => void;\n onClose?: () => void;\n\n // For testing purposes.\n \"data-testid\"?: string;\n};\n\ninterface MenuState {\n menuIsOpen: boolean;\n}\n\n/**\n * Use Menu component to display a list of choices, once the handler is triggered.\n */\nclass Menu extends React.Component<MenuProps, MenuState> {\n static defaultProps: Partial<MenuProps> = {\n anchor: \"topStart\"\n };\n\n public override state: MenuState = {\n menuIsOpen: false\n };\n\n private readonly openMenu = () => {\n this.setState({ menuIsOpen: true }, () => this.props.onOpen && this.props.onOpen());\n };\n\n private readonly closeMenu = () => {\n this.setState({ menuIsOpen: false }, () => this.props.onClose && this.props.onClose());\n };\n\n private readonly renderMenuWithPortal = () => {\n return (\n <BaseMenu\n anchorCorner={this.props.anchor}\n open={this.state.menuIsOpen}\n className={this.props.className}\n onClose={this.closeMenu}\n onSelect={this.props.onSelect}\n renderToPortal={true}\n style={{ zIndex: 99 }} // Fixes Menu in Drawers\n >\n {this.props.children}\n </BaseMenu>\n );\n };\n\n private readonly renderCustomContent = () => {\n const { children } = this.props;\n return (\n <MenuSurface\n open={this.state.menuIsOpen}\n onClose={this.closeMenu}\n renderToPortal={this.props.renderToPortal}\n >\n {typeof children === \"function\"\n ? children({ closeMenu: this.closeMenu })\n : children}\n </MenuSurface>\n );\n };\n\n private readonly renderMenuContent = () => {\n return Array.isArray(this.props.children)\n ? this.renderMenuWithPortal()\n : this.renderCustomContent();\n };\n\n public override render(): React.ReactNode {\n return (\n <MenuSurfaceAnchor data-testid={this.props[\"data-testid\"]}>\n {this.renderMenuContent()}\n {this.props.handle &&\n React.cloneElement(this.props.handle, { onClick: this.openMenu })}\n </MenuSurfaceAnchor>\n );\n }\n}\n\nconst MenuDivider: React.FC = () => {\n return <li className=\"mdc-list-divider\" role=\"separator\" />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n children: React.ReactNode;\n className?: string;\n onClick?: (event: React.MouseEvent) => void;\n \"data-testid\"?: string;\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({ disabled, className, ...rest }) => {\n return (\n <BaseMenuItem\n {...rest}\n className={classNames(className, { [style.disabledMenuItem]: disabled })}\n />\n );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_menu","_emotion","_classnames","_excluded","style","disabledMenuItem","css","opacity","pointerEvents","Menu","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","menuIsOpen","props","disabled","setState","onOpen","onClose","createElement","anchorCorner","anchor","open","state","className","closeMenu","onSelect","renderToPortal","zIndex","children","MenuSurface","isArray","renderMenuWithPortal","renderCustomContent","_createClass2","key","value","render","MenuSurfaceAnchor","renderMenuContent","handle","React","cloneElement","onClick","openMenu","Component","exports","MenuDivider","role","MenuItem","_ref","rest","_objectWithoutProperties2","Object","assign","classNames"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Menu as BaseMenu,\n MenuProps as RmwcMenuProps,\n MenuItem as BaseMenuItem,\n MenuItemProps as BaseMenuItemProps,\n MenuSurface,\n MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n disabledMenuItem: css({\n opacity: 0.5,\n pointerEvents: \"none\"\n })\n};\n\ntype MenuProps = RmwcMenuProps & {\n // One or more MenuItem components.\n children: React.ReactNode;\n\n // A handler which triggers the menu, eg. button or link.\n handle?: React.ReactElement;\n\n // Position the menu to one of anchor corners.\n // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n anchor?:\n | \"bottomEnd\"\n | \"bottomLeft\"\n | \"bottomRight\"\n | \"bottomStart\"\n | \"topEnd\"\n | \"topLeft\"\n | \"topRight\"\n | \"topStart\";\n\n // Class that will be added to the Menu element.\n className?: string;\n\n // If true, prevents menu from opening when clicked.\n disabled?: boolean;\n\n onOpen?: () => void;\n onClose?: () => void;\n\n // For testing purposes.\n \"data-testid\"?: string;\n};\n\ninterface MenuState {\n menuIsOpen: boolean;\n}\n\n/**\n * Use Menu component to display a list of choices, once the handler is triggered.\n */\nclass Menu extends React.Component<MenuProps, MenuState> {\n static defaultProps: Partial<MenuProps> = {\n anchor: \"topStart\"\n };\n\n public override state: MenuState = {\n menuIsOpen: false\n };\n\n private readonly openMenu = () => {\n if (this.props.disabled !== true) {\n this.setState({ menuIsOpen: true }, () => this.props.onOpen && this.props.onOpen());\n }\n };\n\n private readonly closeMenu = () => {\n this.setState({ menuIsOpen: false }, () => this.props.onClose && this.props.onClose());\n };\n\n private readonly renderMenuWithPortal = () => {\n return (\n <BaseMenu\n anchorCorner={this.props.anchor}\n open={this.state.menuIsOpen}\n className={this.props.className}\n onClose={this.closeMenu}\n onSelect={this.props.onSelect}\n renderToPortal={true}\n style={{ zIndex: 99 }} // Fixes Menu in Drawers\n >\n {this.props.children}\n </BaseMenu>\n );\n };\n\n private readonly renderCustomContent = () => {\n const { children } = this.props;\n return (\n <MenuSurface\n open={this.state.menuIsOpen}\n onClose={this.closeMenu}\n renderToPortal={this.props.renderToPortal}\n >\n {typeof children === \"function\"\n ? children({ closeMenu: this.closeMenu })\n : children}\n </MenuSurface>\n );\n };\n\n private readonly renderMenuContent = () => {\n return Array.isArray(this.props.children)\n ? this.renderMenuWithPortal()\n : this.renderCustomContent();\n };\n\n public override render(): React.ReactNode {\n return (\n <MenuSurfaceAnchor data-testid={this.props[\"data-testid\"]}>\n {this.renderMenuContent()}\n {this.props.handle &&\n React.cloneElement(this.props.handle, { onClick: this.openMenu })}\n </MenuSurfaceAnchor>\n );\n }\n}\n\nconst MenuDivider: React.FC = () => {\n return <li className=\"mdc-list-divider\" role=\"separator\" />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n children: React.ReactNode;\n className?: string;\n onClick?: (event: React.MouseEvent) => void;\n \"data-testid\"?: string;\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({ disabled, className, ...rest }) => {\n return (\n <BaseMenuItem\n {...rest}\n className={classNames(className, { [style.disabledMenuItem]: disabled })}\n />\n );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"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"}
@@ -29,4 +29,6 @@ story.add("usage", function () {
29
29
  info: {
30
30
  propTables: [_Menu.Menu, _Menu.MenuItem, _Menu.MenuDivider]
31
31
  }
32
- });
32
+ });
33
+
34
+ //# sourceMappingURL=Menu.stories.js.map
package/Menu/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Menu).forEach(function (key) {
13
13
  return _Menu[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
package/Mosaic/Mosaic.js CHANGED
@@ -27,4 +27,6 @@ Mosaic.defaultProps = {
27
27
  800: 3,
28
28
  1366: 4
29
29
  }
30
- };
30
+ };
31
+
32
+ //# sourceMappingURL=Mosaic.js.map
@@ -75,4 +75,6 @@ story.add("usage", function () {
75
75
  info: {
76
76
  propTables: [_Mosaic.Mosaic]
77
77
  }
78
- });
78
+ });
79
+
80
+ //# sourceMappingURL=Mosaic.stories.js.map
package/Mosaic/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Mosaic).forEach(function (key) {
13
13
  return _Mosaic[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -70,4 +70,6 @@ CircularProgress.defaultProps = {
70
70
  visible: true
71
71
  };
72
72
  var _default = CircularProgress;
73
- exports.default = _default;
73
+ exports.default = _default;
74
+
75
+ //# sourceMappingURL=CircularProgress.js.map
package/Progress/index.js CHANGED
@@ -10,4 +10,6 @@ Object.defineProperty(exports, "CircularProgress", {
10
10
  return _CircularProgress.default;
11
11
  }
12
12
  });
13
- var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
13
+ var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
14
+
15
+ //# sourceMappingURL=index.js.map
package/Radio/Radio.js CHANGED
@@ -60,4 +60,6 @@ var Radio = /*#__PURE__*/function (_React$Component) {
60
60
  return Radio;
61
61
  }(_react.default.Component);
62
62
  var _default = Radio;
63
- exports.default = _default;
63
+ exports.default = _default;
64
+
65
+ //# sourceMappingURL=Radio.js.map
@@ -17,4 +17,6 @@ var webinyRadioTitle = /*#__PURE__*/(0, _emotion.css)({}, {
17
17
  marginBottom: "5px"
18
18
  }
19
19
  }, "label:webinyRadioTitle;");
20
- exports.webinyRadioTitle = webinyRadioTitle;
20
+ exports.webinyRadioTitle = webinyRadioTitle;
21
+
22
+ //# sourceMappingURL=Radio.styles.js.map
@@ -49,4 +49,6 @@ var RadioGroup = /*#__PURE__*/function (_React$Component) {
49
49
  return RadioGroup;
50
50
  }(_react.default.Component);
51
51
  var _default = RadioGroup;
52
- exports.default = _default;
52
+ exports.default = _default;
53
+
54
+ //# sourceMappingURL=RadioGroup.js.map
@@ -55,4 +55,6 @@ story.add("usage", function () {
55
55
  info: {
56
56
  propTables: [_.Radio, _.RadioGroup]
57
57
  }
58
- });
58
+ });
59
+
60
+ //# sourceMappingURL=RadioGroup.stories.js.map
package/Radio/index.js CHANGED
@@ -17,4 +17,6 @@ Object.defineProperty(exports, "RadioGroup", {
17
17
  }
18
18
  });
19
19
  var _Radio = _interopRequireDefault(require("./Radio"));
20
- var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
20
+ var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
21
+
22
+ //# sourceMappingURL=index.js.map
@@ -8,9 +8,13 @@ export interface OnReadyParams {
8
8
  export declare type RichTextEditorValue = OutputBlockData[];
9
9
  export interface RichTextEditorProps {
10
10
  autofocus?: boolean;
11
+ className?: string;
11
12
  context?: {
12
13
  [key: string]: any;
13
14
  };
15
+ description?: string;
16
+ disabled?: boolean;
17
+ label?: string;
14
18
  logLevel?: string;
15
19
  minHeight?: number;
16
20
  onChange?: (data: RichTextEditorValue) => void;
@@ -21,11 +25,7 @@ export interface RichTextEditorProps {
21
25
  tools?: {
22
26
  [toolName: string]: ToolSettings;
23
27
  };
24
- value?: RichTextEditorValue;
25
- label?: string;
26
- description?: string;
27
- disabled?: boolean;
28
28
  validation?: FormComponentProps["validation"];
29
- className?: string;
29
+ value?: RichTextEditorValue;
30
30
  }
31
31
  export declare const RichTextEditor: React.FC<RichTextEditorProps>;
@@ -31,6 +31,25 @@ var classes = {
31
31
  pointerEvents: "none"
32
32
  }, "label:disable;")
33
33
  };
34
+ var waitForDom = function waitForDom(id, callback) {
35
+ var timeSpent = 0;
36
+ var interval = setInterval(function () {
37
+ if (timeSpent > 1000) {
38
+ clearInterval(interval);
39
+ return;
40
+ }
41
+ var dom = document.querySelector("#".concat(id));
42
+ if (!dom) {
43
+ timeSpent += 10;
44
+ return;
45
+ }
46
+ clearInterval(interval);
47
+ callback();
48
+ }, 10);
49
+ return function () {
50
+ clearInterval(interval);
51
+ };
52
+ };
34
53
  var RichTextEditor = function RichTextEditor(props) {
35
54
  var elementId = (0, _react.useRef)("rte-" + _shortid.default.generate());
36
55
  var editorRef = (0, _react.useRef)();
@@ -44,75 +63,78 @@ var RichTextEditor = function RichTextEditor(props) {
44
63
  } : {
45
64
  blocks: []
46
65
  };
47
- editorRef.current = new _editorjs.default((0, _objectSpread2.default)((0, _objectSpread2.default)({}, nativeProps), {}, {
48
- holder: elementId.current,
49
- logLevel: "ERROR",
50
- data: initialData,
51
- onChange: function () {
52
- var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
53
- var _yield$editorRef$curr, data;
54
- return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
55
- while (1) switch (_context.prev = _context.next) {
56
- case 0:
57
- if (editorRef.current) {
58
- _context.next = 2;
59
- break;
60
- }
61
- return _context.abrupt("return");
62
- case 2:
63
- _context.next = 4;
64
- return editorRef.current.save();
65
- case 4:
66
- _yield$editorRef$curr = _context.sent;
67
- data = _yield$editorRef$curr.blocks;
68
- if (props.onChange) {
69
- _context.next = 8;
70
- break;
71
- }
72
- return _context.abrupt("return");
73
- case 8:
74
- props.onChange(data);
75
- case 9:
76
- case "end":
77
- return _context.stop();
78
- }
79
- }, _callee);
80
- }));
81
- function onChange() {
82
- return _onChange.apply(this, arguments);
83
- }
84
- return onChange;
85
- }(),
86
- onReady: function onReady() {
87
- if (typeof _onReady !== "function") {
88
- return;
89
- }
90
- _onReady({
91
- editor: editorRef.current,
92
- initialData: initialData
93
- });
94
- },
95
- tools: Object.keys(props.tools || {}).reduce(function (tools, name) {
96
- var tool = props.tools ? props.tools[name] : null;
97
- if (!tool) {
98
- return tools;
99
- }
100
- tools[name] = tool;
101
- if (!tool.config) {
102
- tool.config = {
103
- context: context
104
- };
105
- } else if (typeof tool.config === "function") {
106
- tool.config = tool.config();
107
- } else {
108
- tool.config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tool.config), {}, {
109
- context: context
66
+ var clearWait = waitForDom(elementId.current, function () {
67
+ editorRef.current = new _editorjs.default((0, _objectSpread2.default)((0, _objectSpread2.default)({}, nativeProps), {}, {
68
+ holder: elementId.current,
69
+ logLevel: "ERROR",
70
+ data: initialData,
71
+ onChange: function () {
72
+ var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
73
+ var _yield$editorRef$curr, data;
74
+ return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
75
+ while (1) switch (_context.prev = _context.next) {
76
+ case 0:
77
+ if (editorRef.current) {
78
+ _context.next = 2;
79
+ break;
80
+ }
81
+ return _context.abrupt("return");
82
+ case 2:
83
+ _context.next = 4;
84
+ return editorRef.current.save();
85
+ case 4:
86
+ _yield$editorRef$curr = _context.sent;
87
+ data = _yield$editorRef$curr.blocks;
88
+ if (props.onChange) {
89
+ _context.next = 8;
90
+ break;
91
+ }
92
+ return _context.abrupt("return");
93
+ case 8:
94
+ props.onChange(data);
95
+ case 9:
96
+ case "end":
97
+ return _context.stop();
98
+ }
99
+ }, _callee);
100
+ }));
101
+ function onChange() {
102
+ return _onChange.apply(this, arguments);
103
+ }
104
+ return onChange;
105
+ }(),
106
+ onReady: function onReady() {
107
+ if (typeof _onReady !== "function") {
108
+ return;
109
+ }
110
+ _onReady({
111
+ editor: editorRef.current,
112
+ initialData: initialData
110
113
  });
111
- }
112
- return tools;
113
- }, {})
114
- }));
114
+ },
115
+ tools: Object.keys(props.tools || {}).reduce(function (tools, name) {
116
+ var tool = props.tools ? props.tools[name] : null;
117
+ if (!tool) {
118
+ return tools;
119
+ }
120
+ tools[name] = tool;
121
+ if (!tool.config) {
122
+ tool.config = {
123
+ context: context
124
+ };
125
+ } else if (typeof tool.config === "function") {
126
+ tool.config = tool.config();
127
+ } else {
128
+ tool.config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tool.config), {}, {
129
+ context: context
130
+ });
131
+ }
132
+ return tools;
133
+ }, {})
134
+ }));
135
+ });
115
136
  return function () {
137
+ clearWait();
116
138
  if (!editorRef.current || typeof editorRef.current.destroy !== "function") {
117
139
  return;
118
140
  }
@@ -134,4 +156,6 @@ var RichTextEditor = function RichTextEditor(props) {
134
156
  error: true
135
157
  }, validation.message), validation && validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
136
158
  };
137
- exports.RichTextEditor = RichTextEditor;
159
+ exports.RichTextEditor = RichTextEditor;
160
+
161
+ //# sourceMappingURL=RichTextEditor.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_onChange","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$editorRef$curr","wrap","_callee$","_context","prev","next","abrupt","save","sent","stop","apply","arguments","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","id","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport {\n LogLevels,\n OutputBlockData,\n OutputData,\n SanitizerConfig,\n ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n wrapper: css({\n backgroundColor: \"var(--mdc-theme-background)\",\n padding: \"20px 16px 6px\"\n }),\n label: css({\n marginBottom: \"10px !important\"\n }),\n disable: css({\n opacity: 0.7,\n pointerEvents: \"none\"\n })\n};\n\ninterface EditorJSType {\n destroy?: () => void;\n save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n editor: any;\n initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n autofocus?: boolean;\n context?: { [key: string]: any };\n logLevel?: string;\n minHeight?: number;\n onChange?: (data: RichTextEditorValue) => void;\n onReady?: (params: OnReadyParams) => void;\n placeholder?: string;\n readOnly?: boolean;\n sanitizer?: SanitizerConfig;\n tools?: {\n [toolName: string]: ToolSettings;\n };\n value?: RichTextEditorValue;\n label?: string;\n description?: string;\n disabled?: boolean;\n validation?: FormComponentProps[\"validation\"];\n className?: string;\n}\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n const elementId = useRef(\"rte-\" + shortid.generate());\n const editorRef = useRef<EditorJSType>();\n\n useEffect(() => {\n const { value, context, onReady, ...nativeProps } = props;\n\n const initialData = value ? { blocks: value } : { blocks: [] };\n\n editorRef.current = new EditorJS({\n ...nativeProps,\n holder: elementId.current,\n logLevel: \"ERROR\" as LogLevels.ERROR,\n data: initialData,\n onChange: async () => {\n if (!editorRef.current) {\n return;\n }\n const { blocks: data } = await editorRef.current.save();\n if (!props.onChange) {\n return;\n }\n props.onChange(data);\n },\n onReady() {\n if (typeof onReady !== \"function\") {\n return;\n }\n onReady({ editor: editorRef.current, initialData });\n },\n tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n const tool = props.tools ? props.tools[name] : null;\n if (!tool) {\n return tools;\n }\n tools[name] = tool;\n if (!tool.config) {\n tool.config = { context };\n } else if (typeof tool.config === \"function\") {\n tool.config = tool.config();\n } else {\n tool.config = { ...tool.config, context };\n }\n return tools;\n }, {} as Record<string, ToolSettings>)\n });\n\n return () => {\n if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n return;\n }\n\n editorRef.current.destroy();\n };\n }, []);\n\n const { label, description, disabled, validation, className } = props;\n\n return (\n <Fragment>\n <div\n className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n >\n {label && (\n <div\n className={classNames(\n \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n classes.label\n )}\n >\n {label}\n </div>\n )}\n <div id={elementId.current} />\n </div>\n {validation && validation.isValid === false && (\n <FormElementMessage error>{validation.message}</FormElementMessage>\n )}\n {validation && validation.isValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n </Fragment>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_onChange","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$editorRef$curr","wrap","_callee$","_context","prev","next","abrupt","save","sent","stop","apply","arguments","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS, {\n LogLevels,\n OutputBlockData,\n OutputData,\n SanitizerConfig,\n ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n wrapper: css({\n backgroundColor: \"var(--mdc-theme-background)\",\n padding: \"20px 16px 6px\"\n }),\n label: css({\n marginBottom: \"10px !important\"\n }),\n disable: css({\n opacity: 0.7,\n pointerEvents: \"none\"\n })\n};\n\ninterface EditorJSType {\n destroy?: () => void;\n save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n editor: any;\n initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n autofocus?: boolean;\n className?: string;\n context?: { [key: string]: any };\n description?: string;\n disabled?: boolean;\n label?: string;\n logLevel?: string;\n minHeight?: number;\n onChange?: (data: RichTextEditorValue) => void;\n onReady?: (params: OnReadyParams) => void;\n placeholder?: string;\n readOnly?: boolean;\n sanitizer?: SanitizerConfig;\n tools?: {\n [toolName: string]: ToolSettings;\n };\n validation?: FormComponentProps[\"validation\"];\n value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n let timeSpent = 0;\n const interval = setInterval(() => {\n if (timeSpent > 1000) {\n clearInterval(interval);\n return;\n }\n\n const dom = document.querySelector(`#${id}`);\n if (!dom) {\n timeSpent += 10;\n return;\n }\n\n clearInterval(interval);\n callback();\n }, 10);\n\n return () => {\n clearInterval(interval);\n };\n};\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n const elementId = useRef(\"rte-\" + shortid.generate());\n const editorRef = useRef<EditorJSType>();\n\n useEffect(() => {\n const { value, context, onReady, ...nativeProps } = props;\n\n const initialData = value ? { blocks: value } : { blocks: [] };\n\n const clearWait = waitForDom(elementId.current, () => {\n editorRef.current = new EditorJS({\n ...nativeProps,\n holder: elementId.current,\n logLevel: \"ERROR\" as LogLevels.ERROR,\n data: initialData,\n onChange: async () => {\n if (!editorRef.current) {\n return;\n }\n const { blocks: data } = await editorRef.current.save();\n if (!props.onChange) {\n return;\n }\n props.onChange(data);\n },\n onReady() {\n if (typeof onReady !== \"function\") {\n return;\n }\n onReady({ editor: editorRef.current, initialData });\n },\n tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n const tool = props.tools ? props.tools[name] : null;\n if (!tool) {\n return tools;\n }\n tools[name] = tool;\n if (!tool.config) {\n tool.config = { context };\n } else if (typeof tool.config === \"function\") {\n tool.config = tool.config();\n } else {\n tool.config = { ...tool.config, context };\n }\n return tools;\n }, {} as Record<string, ToolSettings>)\n });\n });\n\n return () => {\n clearWait();\n if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n return;\n }\n\n editorRef.current.destroy();\n };\n }, []);\n\n const { label, description, disabled, validation, className } = props;\n\n return (\n <Fragment>\n <div\n className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n >\n {label && (\n <div\n className={classNames(\n \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n classes.label\n )}\n >\n {label}\n </div>\n )}\n <div id={elementId.current} />\n </div>\n {validation && validation.isValid === false && (\n <FormElementMessage error>{validation.message}</FormElementMessage>\n )}\n {validation && validation.isValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n </Fragment>\n );\n};\n"],"mappings":"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"}