@webiny/ui 5.37.8 → 5.38.0-beta.1

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 +12 -2
  61. package/DataTable/DataTable.js +79 -21
  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
@@ -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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"}
@@ -20,4 +20,6 @@ story.add("usage", function () {
20
20
  info: {
21
21
  propTables: [_index.RichTextEditor]
22
22
  }
23
- });
23
+ });
24
+
25
+ //# sourceMappingURL=RichTextEditor.stories.js.map
@@ -26,4 +26,6 @@ var createPropsFromConfig = function createPropsFromConfig(config) {
26
26
  }, {})
27
27
  };
28
28
  };
29
- exports.createPropsFromConfig = createPropsFromConfig;
29
+ exports.createPropsFromConfig = createPropsFromConfig;
30
+
31
+ //# sourceMappingURL=createPropsFromConfig.js.map
@@ -24,4 +24,6 @@ Object.keys(_RichTextEditor).forEach(function (key) {
24
24
  }
25
25
  });
26
26
  });
27
- var _createPropsFromConfig = require("./createPropsFromConfig");
27
+ var _createPropsFromConfig = require("./createPropsFromConfig");
28
+
29
+ //# sourceMappingURL=index.js.map
package/Ripple/Ripple.js CHANGED
@@ -16,4 +16,6 @@ var Ripple = function Ripple(props) {
16
16
  var type = props.type || "surface";
17
17
  return /*#__PURE__*/_react.default.createElement(_ripple.Ripple, Object.assign({}, (0, _defineProperty2.default)({}, type, true), props), props.children);
18
18
  };
19
- exports.Ripple = Ripple;
19
+ exports.Ripple = Ripple;
20
+
21
+ //# sourceMappingURL=Ripple.js.map
@@ -71,4 +71,6 @@ story.add("usage", function () {
71
71
  info: {
72
72
  propTables: [_Ripple.Ripple]
73
73
  }
74
- });
74
+ });
75
+
76
+ //# sourceMappingURL=Ripple.stories.js.map
package/Ripple/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Ripple).forEach(function (key) {
13
13
  return _Ripple[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -13,4 +13,6 @@ var _reactCustomScrollbars = require("react-custom-scrollbars");
13
13
  var Scrollbar = function Scrollbar(props) {
14
14
  return /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.Scrollbars, props);
15
15
  };
16
- exports.Scrollbar = Scrollbar;
16
+ exports.Scrollbar = Scrollbar;
17
+
18
+ //# sourceMappingURL=Scrollbar.js.map
@@ -20,4 +20,6 @@ story.add("usage", function () {
20
20
  info: {
21
21
  propTables: [_Scrollbar.Scrollbar]
22
22
  }
23
- });
23
+ });
24
+
25
+ //# sourceMappingURL=Scrollbar.stories.js.map
@@ -13,4 +13,6 @@ Object.keys(_Scrollbar).forEach(function (key) {
13
13
  return _Scrollbar[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -25,4 +25,6 @@ story.add("usage", function () {
25
25
  info: {
26
26
  propTables: [_index.default]
27
27
  }
28
- });
28
+ });
29
+
30
+ //# sourceMappingURL=Section.stories.js.map
package/Section/index.js CHANGED
@@ -50,4 +50,6 @@ var Section = function Section(_ref) {
50
50
  }, /*#__PURE__*/_react.default.createElement(ElevationContent, null, children)));
51
51
  };
52
52
  var _default = Section;
53
- exports.default = _default;
53
+ exports.default = _default;
54
+
55
+ //# sourceMappingURL=index.js.map
package/Select/Select.js CHANGED
@@ -97,4 +97,6 @@ var Select = function Select(props) {
97
97
  };
98
98
  exports.Select = Select;
99
99
  var _default = Select;
100
- exports.default = _default;
100
+ exports.default = _default;
101
+
102
+ //# sourceMappingURL=Select.js.map
@@ -46,4 +46,6 @@ story.add("usage", function () {
46
46
  info: {
47
47
  propTables: [_Select.Select]
48
48
  }
49
- });
49
+ });
50
+
51
+ //# sourceMappingURL=Select.stories.js.map
package/Select/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Select).forEach(function (key) {
13
13
  return _Select[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
package/Select/styled.js CHANGED
@@ -15,4 +15,6 @@ var webinySelect = /*#__PURE__*/(0, _emotion.css)("display:grid;background-color
15
15
  */
16
16
  exports.webinySelect = webinySelect;
17
17
  var noLabel = /*#__PURE__*/(0, _emotion.css)("&.mdc-select{height:35px;.mdc-select__native-control{paddingTop:0;}&.mdc-select--box{.mdc-select__native-control{height:35px;paddingTop:5px;}}label:noLabel;");
18
- exports.noLabel = noLabel;
18
+ exports.noLabel = noLabel;
19
+
20
+ //# sourceMappingURL=styled.js.map
@@ -19,4 +19,6 @@ var Skeleton = function Skeleton(_ref) {
19
19
  highlightColor: theme === "dark" ? "var(--mdc-theme-background)" : "var(--mdc-theme-surface)"
20
20
  }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, props));
21
21
  };
22
- exports.Skeleton = Skeleton;
22
+ exports.Skeleton = Skeleton;
23
+
24
+ //# sourceMappingURL=Skeleton.js.map
@@ -19,4 +19,6 @@ story.add("usage", function () {
19
19
  info: {
20
20
  propTables: [_Skeleton.Skeleton]
21
21
  }
22
- });
22
+ });
23
+
24
+ //# sourceMappingURL=Skeleton.stories.js.map
package/Skeleton/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Skeleton).forEach(function (key) {
13
13
  return _Skeleton[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
package/Slider/Slider.js CHANGED
@@ -76,4 +76,6 @@ var Slider = /*#__PURE__*/function (_React$Component) {
76
76
  return Slider;
77
77
  }(_react.default.Component);
78
78
  var _default = Slider;
79
- exports.default = _default;
79
+ exports.default = _default;
80
+
81
+ //# sourceMappingURL=Slider.js.map
@@ -44,4 +44,6 @@ story.add("usage", function () {
44
44
  info: {
45
45
  propTables: [_Slider.default]
46
46
  }
47
- });
47
+ });
48
+
49
+ //# sourceMappingURL=Slider.stories.js.map
package/Slider/index.js CHANGED
@@ -10,4 +10,6 @@ Object.defineProperty(exports, "Slider", {
10
10
  return _Slider.default;
11
11
  }
12
12
  });
13
- var _Slider = _interopRequireDefault(require("./Slider"));
13
+ var _Slider = _interopRequireDefault(require("./Slider"));
14
+
15
+ //# sourceMappingURL=index.js.map
@@ -47,4 +47,6 @@ var Snackbar = /*#__PURE__*/function (_React$Component) {
47
47
  }]);
48
48
  return Snackbar;
49
49
  }(_react.default.Component);
50
- exports.Snackbar = Snackbar;
50
+ exports.Snackbar = Snackbar;
51
+
52
+ //# sourceMappingURL=Snackbar.js.map
@@ -65,4 +65,6 @@ story.add("usage", function () {
65
65
  info: {
66
66
  propTables: [_Snackbar.Snackbar]
67
67
  }
68
- });
68
+ });
69
+
70
+ //# sourceMappingURL=Snackbar.stories.js.map
package/Snackbar/index.js CHANGED
@@ -15,4 +15,6 @@ Object.defineProperty(exports, "SnackbarAction", {
15
15
  return _Snackbar.SnackbarAction;
16
16
  }
17
17
  });
18
- var _Snackbar = require("./Snackbar");
18
+ var _Snackbar = require("./Snackbar");
19
+
20
+ //# sourceMappingURL=index.js.map
package/Switch/Switch.js CHANGED
@@ -56,4 +56,6 @@ var Switch = /*#__PURE__*/function (_React$Component) {
56
56
  return Switch;
57
57
  }(_react.default.Component);
58
58
  exports.Switch = Switch;
59
- (0, _defineProperty2.default)(Switch, "rmwcProps", ["id", "disabled", "checked", "label", "rootProps", "className"]);
59
+ (0, _defineProperty2.default)(Switch, "rmwcProps", ["id", "disabled", "checked", "label", "rootProps", "className"]);
60
+
61
+ //# sourceMappingURL=Switch.js.map
@@ -32,4 +32,6 @@ story.add("usage", function () {
32
32
  info: {
33
33
  propTables: [_Switch.Switch]
34
34
  }
35
- });
35
+ });
36
+
37
+ //# sourceMappingURL=Switch.stories.js.map
package/Switch/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Switch).forEach(function (key) {
13
13
  return _Switch[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
package/Tabs/Tab.js CHANGED
@@ -28,4 +28,6 @@ var Tab = /*#__PURE__*/_react.default.memo(function (props) {
28
28
  return null;
29
29
  });
30
30
  exports.Tab = Tab;
31
- Tab.displayName = "Tab";
31
+ Tab.displayName = "Tab";
32
+
33
+ //# sourceMappingURL=Tab.js.map
package/Tabs/Tabs.js CHANGED
@@ -141,4 +141,6 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
141
141
  }, props.children));
142
142
  });
143
143
  exports.Tabs = Tabs;
144
- Tabs.displayName = "Tabs";
144
+ Tabs.displayName = "Tabs";
145
+
146
+ //# sourceMappingURL=Tabs.js.map
@@ -40,4 +40,6 @@ story.add("usage", function () {
40
40
  info: {
41
41
  propTables: [_index.Tabs, _index.Tab]
42
42
  }
43
- });
43
+ });
44
+
45
+ //# sourceMappingURL=Tabs.stories.js.map
package/Tabs/index.js CHANGED
@@ -24,4 +24,6 @@ Object.keys(_Tab).forEach(function (key) {
24
24
  return _Tab[key];
25
25
  }
26
26
  });
27
- });
27
+ });
28
+
29
+ //# sourceMappingURL=index.js.map
package/Tags/Tags.js CHANGED
@@ -116,4 +116,6 @@ var Tags = function Tags(props) {
116
116
  };
117
117
  exports.Tags = Tags;
118
118
  var _default = Tags;
119
- exports.default = _default;
119
+ exports.default = _default;
120
+
121
+ //# sourceMappingURL=Tags.js.map
@@ -32,4 +32,6 @@ story.add("usage", function () {
32
32
  info: {
33
33
  propTables: [_Tags.Tags]
34
34
  }
35
- });
35
+ });
36
+
37
+ //# sourceMappingURL=Tags.stories.js.map
package/Tags/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Tags).forEach(function (key) {
13
13
  return _Tags[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -57,4 +57,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
57
57
  }]);
58
58
  return Tooltip;
59
59
  }(_react.default.Component);
60
- exports.Tooltip = Tooltip;
60
+ exports.Tooltip = Tooltip;
61
+
62
+ //# sourceMappingURL=Tooltip.js.map
@@ -17,4 +17,6 @@ story.add("usage", function () {
17
17
  info: {
18
18
  propTables: [_Tooltip.Tooltip]
19
19
  }
20
- });
20
+ });
21
+
22
+ //# sourceMappingURL=Tooltip.stories.js.map
package/Tooltip/index.js CHANGED
@@ -13,4 +13,6 @@ Object.keys(_Tooltip).forEach(function (key) {
13
13
  return _Tooltip[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map
@@ -14,4 +14,6 @@ var TopAppBar = function TopAppBar(props) {
14
14
  rest = (0, _objectWithoutProperties2.default)(props, _excluded);
15
15
  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBar, rest, /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarRow, null, children));
16
16
  };
17
- exports.TopAppBar = TopAppBar;
17
+ exports.TopAppBar = TopAppBar;
18
+
19
+ //# sourceMappingURL=TopAppBar.js.map
@@ -54,4 +54,6 @@ story.add("usage", function () {
54
54
  info: {
55
55
  propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
56
56
  }
57
- });
57
+ });
58
+
59
+ //# sourceMappingURL=TopAppBar.stories.js.map
@@ -10,4 +10,6 @@ var _topAppBar = require("@rmwc/top-app-bar");
10
10
  var TopAppBarActionItem = function TopAppBarActionItem(props) {
11
11
  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarActionItem, props);
12
12
  };
13
- exports.TopAppBarActionItem = TopAppBarActionItem;
13
+ exports.TopAppBarActionItem = TopAppBarActionItem;
14
+
15
+ //# sourceMappingURL=TopAppBarActionItem.js.map
@@ -10,4 +10,6 @@ var _topAppBar = require("@rmwc/top-app-bar");
10
10
  var TopAppBarNavigationIcon = function TopAppBarNavigationIcon(props) {
11
11
  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarNavigationIcon, props);
12
12
  };
13
- exports.TopAppBarNavigationIcon = TopAppBarNavigationIcon;
13
+ exports.TopAppBarNavigationIcon = TopAppBarNavigationIcon;
14
+
15
+ //# sourceMappingURL=TopAppBarNavigationIcon.js.map
@@ -16,4 +16,6 @@ var TopAppBarPrimary = function TopAppBarPrimary(props) {
16
16
  className: "primary"
17
17
  }), children);
18
18
  };
19
- exports.TopAppBarPrimary = TopAppBarPrimary;
19
+ exports.TopAppBarPrimary = TopAppBarPrimary;
20
+
21
+ //# sourceMappingURL=TopAppBarPrimary.js.map
@@ -18,4 +18,6 @@ var TopAppBarSecondary = function TopAppBarSecondary(props) {
18
18
  style: style
19
19
  }), children);
20
20
  };
21
- exports.TopAppBarSecondary = TopAppBarSecondary;
21
+ exports.TopAppBarSecondary = TopAppBarSecondary;
22
+
23
+ //# sourceMappingURL=TopAppBarSecondary.js.map
@@ -14,4 +14,6 @@ var TopAppBarSection = function TopAppBarSection(props) {
14
14
  rest = (0, _objectWithoutProperties2.default)(props, _excluded);
15
15
  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarSection, rest, children);
16
16
  };
17
- exports.TopAppBarSection = TopAppBarSection;
17
+ exports.TopAppBarSection = TopAppBarSection;
18
+
19
+ //# sourceMappingURL=TopAppBarSection.js.map