@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.
- package/Accordion/Accordion.js +3 -1
- package/Accordion/Accordion.stories.js +3 -1
- package/Accordion/AccordionItem.d.ts +2 -1
- package/Accordion/AccordionItem.js +5 -2
- package/Accordion/AccordionItem.js.map +1 -1
- package/Accordion/AccordionItemActions.d.ts +4 -0
- package/Accordion/AccordionItemActions.js +13 -2
- package/Accordion/AccordionItemActions.js.map +1 -1
- package/Accordion/index.js +3 -1
- package/Alert/Alert.js +3 -1
- package/Alert/Alert.stories.js +3 -1
- package/Alert/index.js +3 -1
- package/AutoComplete/AutoComplete.js +3 -1
- package/AutoComplete/AutoComplete.stories.js +3 -1
- package/AutoComplete/MultiAutoComplete.d.ts +5 -1
- package/AutoComplete/MultiAutoComplete.js +10 -1
- package/AutoComplete/MultiAutoComplete.js.map +1 -1
- package/AutoComplete/MultiAutoComplete.stories.js +3 -1
- package/AutoComplete/index.js +3 -1
- package/AutoComplete/styles.js +3 -1
- package/AutoComplete/types.js +3 -1
- package/AutoComplete/utils.js +3 -1
- package/Avatar/Avatar.js +3 -1
- package/Avatar/Avatar.stories.js +3 -1
- package/Avatar/index.js +3 -1
- package/Button/Button.js +3 -1
- package/Button/Button.stories.js +3 -1
- package/Button/Button.styles.js +3 -1
- package/Button/CopyButton/CopyButton.js +3 -1
- package/Button/CopyButton/CopyButton.stories.js +3 -1
- package/Button/IconButton/IconButton.js +3 -1
- package/Button/IconButton/IconButton.stories.js +3 -1
- package/Button/index.js +3 -1
- package/Carousel/Carousel.js +3 -1
- package/Carousel/Carouser.stories.js +3 -1
- package/Carousel/index.js +3 -1
- package/Checkbox/Checkbox.js +3 -1
- package/Checkbox/Checkbox.stories.js +3 -1
- package/Checkbox/Checkbox.styles.js +3 -1
- package/Checkbox/CheckboxGroup.js +3 -1
- package/Checkbox/CheckboxGroup.stories.js +3 -1
- package/Checkbox/index.js +3 -1
- package/Chips/Chip.js +3 -1
- package/Chips/Chips.js +3 -1
- package/Chips/Chips.stories.js +3 -1
- package/Chips/index.js +3 -1
- package/Chips/styles.js +3 -1
- package/CodeEditor/CodeEditor.d.ts +3 -0
- package/CodeEditor/CodeEditor.js +10 -2
- package/CodeEditor/CodeEditor.js.map +1 -1
- package/CodeEditor/CodeEditor.stories.js +3 -1
- package/CodeEditor/index.js +3 -1
- package/ColorPicker/ColorPicker.js +3 -1
- package/ColorPicker/ColorPicker.stories.js +3 -1
- package/ColorPicker/index.js +3 -1
- package/ConfirmationDialog/ConfirmationDialog.js +3 -1
- package/ConfirmationDialog/ConfirmationDialog.stories.js +3 -1
- package/ConfirmationDialog/index.js +3 -1
- package/ConfirmationDialog/withConfirmation.js +3 -1
- package/DataTable/DataTable.d.ts +12 -2
- package/DataTable/DataTable.js +79 -21
- package/DataTable/DataTable.js.map +1 -1
- package/DataTable/DataTable.stories.js +3 -1
- package/DataTable/index.js +3 -1
- package/DataTable/styled.d.ts +16 -3
- package/DataTable/styled.js +23 -7
- package/DataTable/styled.js.map +1 -1
- package/DelayedOnChange/DelayedOnChange.js +3 -1
- package/DelayedOnChange/index.js +3 -1
- package/DelayedOnChange/withDelayedOnChange.js +3 -1
- package/Dialog/Dialog.js +3 -1
- package/Dialog/Dialog.stories.js +3 -1
- package/Dialog/index.js +3 -1
- package/Drawer/Drawer.d.ts +11 -1
- package/Drawer/Drawer.js +3 -1
- package/Drawer/Drawer.js.map +1 -1
- package/Drawer/Drawer.stories.js +3 -1
- package/Drawer/index.js +3 -1
- package/DynamicFieldset/Fieldset.js +3 -1
- package/DynamicFieldset/index.js +3 -1
- package/Elevation/Elevation.js +3 -1
- package/Elevation/Elevation.stories.js +3 -1
- package/Elevation/index.js +3 -1
- package/FormElementMessage/FormElementMessage.js +3 -1
- package/FormElementMessage/index.js +3 -1
- package/FullName/FullName.js +3 -1
- package/FullName/index.js +3 -1
- package/Grid/Grid.js +3 -1
- package/Grid/Grid.stories.js +3 -1
- package/Grid/index.js +3 -1
- package/Helpers/ClassNames.js +3 -1
- package/Helpers/index.js +3 -1
- package/Icon/Icon.js +3 -1
- package/Icon/Icon.stories.js +3 -1
- package/Icon/index.js +3 -1
- package/Image/Image.js +3 -1
- package/Image/Image.stories.js +3 -1
- package/Image/index.js +3 -1
- package/ImageEditor/ImageEditor.js +3 -1
- package/ImageEditor/index.js +3 -1
- package/ImageEditor/toolbar/crop.js +3 -1
- package/ImageEditor/toolbar/filter.js +3 -1
- package/ImageEditor/toolbar/flip.js +3 -1
- package/ImageEditor/toolbar/icons/index.js +3 -1
- package/ImageEditor/toolbar/index.js +3 -1
- package/ImageEditor/toolbar/rotate.js +3 -1
- package/ImageEditor/toolbar/types.js +3 -1
- package/ImageUpload/Image.js +3 -1
- package/ImageUpload/ImageEditorDialog.js +3 -1
- package/ImageUpload/MultiImageUpload.js +3 -1
- package/ImageUpload/MultiImageUpload.stories.js +3 -1
- package/ImageUpload/SingleImageUpload.js +3 -1
- package/ImageUpload/SingleImageUpload.stories.js +3 -1
- package/ImageUpload/index.js +3 -1
- package/ImageUpload/styled.js +3 -1
- package/Input/Input.js +3 -1
- package/Input/Input.stories.js +3 -1
- package/Input/__tests__/Input.test.js +3 -1
- package/Input/index.js +3 -1
- package/Input/styled.js +3 -1
- package/List/CollapsibleList/CollapsibleList.stories.js +3 -1
- package/List/CollapsibleList/index.js +3 -1
- package/List/DataList/DataList.js +3 -1
- package/List/DataList/DataList.stories.js +3 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlay.js +3 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js +3 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js +3 -1
- package/List/DataList/DataListModalOverlay/index.js +3 -1
- package/List/DataList/DataListWithSections.js +3 -1
- package/List/DataList/Loader.js +3 -1
- package/List/DataList/NoData.js +3 -1
- package/List/DataList/icons/index.js +3 -1
- package/List/DataList/index.js +3 -1
- package/List/DataList/types.js +3 -1
- package/List/List.js +3 -1
- package/List/List.stories.js +3 -1
- package/List/icons/index.js +3 -1
- package/List/index.js +3 -1
- package/Menu/Menu.d.ts +1 -0
- package/Menu/Menu.js +10 -6
- package/Menu/Menu.js.map +1 -1
- package/Menu/Menu.stories.js +3 -1
- package/Menu/index.js +3 -1
- package/Mosaic/Mosaic.js +3 -1
- package/Mosaic/Mosaic.stories.js +3 -1
- package/Mosaic/index.js +3 -1
- package/Progress/CircularProgress.js +3 -1
- package/Progress/index.js +3 -1
- package/Radio/Radio.js +3 -1
- package/Radio/Radio.styles.js +3 -1
- package/Radio/RadioGroup.js +3 -1
- package/Radio/RadioGroup.stories.js +3 -1
- package/Radio/index.js +3 -1
- package/RichTextEditor/RichTextEditor.d.ts +5 -5
- package/RichTextEditor/RichTextEditor.js +92 -68
- package/RichTextEditor/RichTextEditor.js.map +1 -1
- package/RichTextEditor/RichTextEditor.stories.js +3 -1
- package/RichTextEditor/createPropsFromConfig.js +3 -1
- package/RichTextEditor/index.js +3 -1
- package/Ripple/Ripple.js +3 -1
- package/Ripple/Ripple.stories.js +3 -1
- package/Ripple/index.js +3 -1
- package/Scrollbar/Scrollbar.js +3 -1
- package/Scrollbar/Scrollbar.stories.js +3 -1
- package/Scrollbar/index.js +3 -1
- package/Section/Section.stories.js +3 -1
- package/Section/index.js +3 -1
- package/Select/Select.js +3 -1
- package/Select/Select.stories.js +3 -1
- package/Select/index.js +3 -1
- package/Select/styled.js +3 -1
- package/Skeleton/Skeleton.js +3 -1
- package/Skeleton/Skeleton.stories.js +3 -1
- package/Skeleton/index.js +3 -1
- package/Slider/Slider.js +3 -1
- package/Slider/Slider.stories.js +3 -1
- package/Slider/index.js +3 -1
- package/Snackbar/Snackbar.js +3 -1
- package/Snackbar/Snackbar.stories.js +3 -1
- package/Snackbar/index.js +3 -1
- package/Switch/Switch.js +3 -1
- package/Switch/Switch.stories.js +3 -1
- package/Switch/index.js +3 -1
- package/Tabs/Tab.js +3 -1
- package/Tabs/Tabs.js +3 -1
- package/Tabs/Tabs.stories.js +3 -1
- package/Tabs/index.js +3 -1
- package/Tags/Tags.js +3 -1
- package/Tags/Tags.stories.js +3 -1
- package/Tags/index.js +3 -1
- package/Tooltip/Tooltip.js +3 -1
- package/Tooltip/Tooltip.stories.js +3 -1
- package/Tooltip/index.js +3 -1
- package/TopAppBar/TopAppBar.js +3 -1
- package/TopAppBar/TopAppBar.stories.js +3 -1
- package/TopAppBar/TopAppBarActionItem.js +3 -1
- package/TopAppBar/TopAppBarNavigationIcon.js +3 -1
- package/TopAppBar/TopAppBarPrimary.js +3 -1
- package/TopAppBar/TopAppBarSecondary.js +3 -1
- package/TopAppBar/TopAppBarSection.js +3 -1
- package/TopAppBar/TopAppBarTitle.js +3 -1
- package/TopAppBar/index.js +3 -1
- package/TopProgressBar/TopProgressBar.js +3 -1
- package/TopProgressBar/TopProgressBar.stories.js +3 -1
- package/TopProgressBar/hoc/index.js +3 -1
- package/TopProgressBar/hoc/withTopProgressBar.js +3 -1
- package/TopProgressBar/index.js +3 -1
- package/Typography/Typography.js +3 -1
- package/Typography/Typography.stories.js +3 -1
- package/Typography/index.js +3 -1
- package/package.json +7 -7
- 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
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
-
|
|
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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"}
|
package/RichTextEditor/index.js
CHANGED
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
|
package/Ripple/Ripple.stories.js
CHANGED
package/Ripple/index.js
CHANGED
package/Scrollbar/Scrollbar.js
CHANGED
|
@@ -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
|
package/Scrollbar/index.js
CHANGED
package/Section/index.js
CHANGED
package/Select/Select.js
CHANGED
package/Select/Select.stories.js
CHANGED
package/Select/index.js
CHANGED
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
|
package/Skeleton/Skeleton.js
CHANGED
|
@@ -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
|
package/Skeleton/index.js
CHANGED
package/Slider/Slider.js
CHANGED
package/Slider/Slider.stories.js
CHANGED
package/Slider/index.js
CHANGED
package/Snackbar/Snackbar.js
CHANGED
package/Snackbar/index.js
CHANGED
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
|
package/Switch/Switch.stories.js
CHANGED
package/Switch/index.js
CHANGED
package/Tabs/Tab.js
CHANGED
package/Tabs/Tabs.js
CHANGED
package/Tabs/Tabs.stories.js
CHANGED
package/Tabs/index.js
CHANGED
package/Tags/Tags.js
CHANGED
package/Tags/Tags.stories.js
CHANGED
package/Tags/index.js
CHANGED
package/Tooltip/Tooltip.js
CHANGED
package/Tooltip/index.js
CHANGED
package/TopAppBar/TopAppBar.js
CHANGED
|
@@ -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
|
|
@@ -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
|
|
@@ -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
|