@commercetools-uikit/rich-text-utils 19.7.0 → 19.9.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.
- package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js +356 -315
- package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js +356 -315
- package/dist/commercetools-uikit-rich-text-utils.esm.js +446 -406
- package/dist/declarations/src/index.d.ts +1 -1
- package/dist/declarations/src/slate-helpers.d.ts +9 -1
- package/package.json +7 -7
|
@@ -14,7 +14,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
14
14
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
15
15
|
var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
16
16
|
var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
|
|
17
|
-
var _Array$
|
|
17
|
+
var _Array$from3 = require('@babel/runtime-corejs3/core-js-stable/array/from');
|
|
18
18
|
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
19
19
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
20
20
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
@@ -27,10 +27,10 @@ var slate = require('slate');
|
|
|
27
27
|
var slateHyperscript = require('slate-hyperscript');
|
|
28
28
|
var parse = require('style-to-object');
|
|
29
29
|
var isEmpty$2 = require('lodash/isEmpty');
|
|
30
|
-
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
31
30
|
var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
|
|
32
31
|
var slateReact = require('slate-react');
|
|
33
32
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
33
|
+
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
34
34
|
require('prop-types');
|
|
35
35
|
var react = require('react');
|
|
36
36
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
@@ -57,7 +57,7 @@ var uniq__default = /*#__PURE__*/_interopDefault(uniq);
|
|
|
57
57
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
58
58
|
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
59
59
|
var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
|
|
60
|
-
var _Array$
|
|
60
|
+
var _Array$from3__default = /*#__PURE__*/_interopDefault(_Array$from3);
|
|
61
61
|
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
62
62
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
63
63
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
@@ -68,8 +68,8 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
68
68
|
var escapeHtml__default = /*#__PURE__*/_interopDefault(escapeHtml);
|
|
69
69
|
var parse__default = /*#__PURE__*/_interopDefault(parse);
|
|
70
70
|
var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$2);
|
|
71
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
72
71
|
var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
|
|
72
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
73
73
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
74
74
|
var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
|
|
75
75
|
var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
|
|
@@ -78,8 +78,293 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
|
78
78
|
var DownshiftUntyped__default = /*#__PURE__*/_interopDefault(DownshiftUntyped);
|
|
79
79
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
80
80
|
|
|
81
|
+
const BLOCK_TAGS = {
|
|
82
|
+
blockquote: 'block-quote',
|
|
83
|
+
p: 'paragraph',
|
|
84
|
+
h1: 'heading-one',
|
|
85
|
+
h2: 'heading-two',
|
|
86
|
+
h3: 'heading-three',
|
|
87
|
+
h4: 'heading-four',
|
|
88
|
+
h5: 'heading-five',
|
|
89
|
+
pre: 'code',
|
|
90
|
+
li: 'list-item',
|
|
91
|
+
ol: 'numbered-list',
|
|
92
|
+
ul: 'bulleted-list'
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
// Add a dictionary of mark tags.
|
|
96
|
+
const MARK_TAGS = {
|
|
97
|
+
em: 'italic',
|
|
98
|
+
strong: 'bold',
|
|
99
|
+
u: 'underline',
|
|
100
|
+
sup: 'superscript',
|
|
101
|
+
sub: 'subscript',
|
|
102
|
+
del: 'strikethrough',
|
|
103
|
+
span: 'span'
|
|
104
|
+
};
|
|
105
|
+
|
|
81
106
|
function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
82
|
-
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
107
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
108
|
+
const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
|
|
109
|
+
|
|
110
|
+
/*
|
|
111
|
+
From Slate's own implementation of rich text editor
|
|
112
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L133:L179
|
|
113
|
+
*/
|
|
114
|
+
const Element = _ref => {
|
|
115
|
+
let attributes = _ref.attributes,
|
|
116
|
+
children = _ref.children,
|
|
117
|
+
element = _ref.element;
|
|
118
|
+
const style = {
|
|
119
|
+
textAlign: element.align
|
|
120
|
+
};
|
|
121
|
+
switch (element.type) {
|
|
122
|
+
case BLOCK_TAGS.blockquote:
|
|
123
|
+
return jsxRuntime.jsx("blockquote", _objectSpread$g(_objectSpread$g({
|
|
124
|
+
style: style
|
|
125
|
+
}, attributes), {}, {
|
|
126
|
+
children: children
|
|
127
|
+
}));
|
|
128
|
+
case BLOCK_TAGS.ul:
|
|
129
|
+
return jsxRuntime.jsx("ul", _objectSpread$g(_objectSpread$g({
|
|
130
|
+
style: style
|
|
131
|
+
}, attributes), {}, {
|
|
132
|
+
children: children
|
|
133
|
+
}));
|
|
134
|
+
case BLOCK_TAGS.h1:
|
|
135
|
+
return jsxRuntime.jsx("h1", _objectSpread$g(_objectSpread$g({
|
|
136
|
+
style: style
|
|
137
|
+
}, attributes), {}, {
|
|
138
|
+
children: children
|
|
139
|
+
}));
|
|
140
|
+
case BLOCK_TAGS.h2:
|
|
141
|
+
return jsxRuntime.jsx("h2", _objectSpread$g(_objectSpread$g({
|
|
142
|
+
style: style
|
|
143
|
+
}, attributes), {}, {
|
|
144
|
+
children: children
|
|
145
|
+
}));
|
|
146
|
+
case BLOCK_TAGS.h3:
|
|
147
|
+
return jsxRuntime.jsx("h3", _objectSpread$g(_objectSpread$g({
|
|
148
|
+
style: style
|
|
149
|
+
}, attributes), {}, {
|
|
150
|
+
children: children
|
|
151
|
+
}));
|
|
152
|
+
case BLOCK_TAGS.h4:
|
|
153
|
+
return jsxRuntime.jsx("h4", _objectSpread$g(_objectSpread$g({
|
|
154
|
+
style: style
|
|
155
|
+
}, attributes), {}, {
|
|
156
|
+
children: children
|
|
157
|
+
}));
|
|
158
|
+
case BLOCK_TAGS.h5:
|
|
159
|
+
return jsxRuntime.jsx("h5", _objectSpread$g(_objectSpread$g({
|
|
160
|
+
style: style
|
|
161
|
+
}, attributes), {}, {
|
|
162
|
+
children: children
|
|
163
|
+
}));
|
|
164
|
+
case BLOCK_TAGS.li:
|
|
165
|
+
return jsxRuntime.jsx("li", _objectSpread$g(_objectSpread$g({
|
|
166
|
+
style: style
|
|
167
|
+
}, attributes), {}, {
|
|
168
|
+
children: children
|
|
169
|
+
}));
|
|
170
|
+
case BLOCK_TAGS.ol:
|
|
171
|
+
return jsxRuntime.jsx("ol", _objectSpread$g(_objectSpread$g({
|
|
172
|
+
style: style
|
|
173
|
+
}, attributes), {}, {
|
|
174
|
+
children: children
|
|
175
|
+
}));
|
|
176
|
+
default:
|
|
177
|
+
return jsxRuntime.jsx("p", _objectSpread$g(_objectSpread$g({
|
|
178
|
+
style: style
|
|
179
|
+
}, attributes), {}, {
|
|
180
|
+
children: children
|
|
181
|
+
}));
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
|
|
185
|
+
/*
|
|
186
|
+
From Slate's own implementation of rich text editor
|
|
187
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L181:L199
|
|
188
|
+
*/
|
|
189
|
+
const Leaf = _ref2 => {
|
|
190
|
+
let attributes = _ref2.attributes,
|
|
191
|
+
children = _ref2.children,
|
|
192
|
+
leaf = _ref2.leaf;
|
|
193
|
+
if (leaf.bold) {
|
|
194
|
+
children = jsxRuntime.jsx("strong", {
|
|
195
|
+
children: children
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
if (leaf.code) {
|
|
199
|
+
children = jsxRuntime.jsx("code", {
|
|
200
|
+
children: children
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
if (leaf.italic) {
|
|
204
|
+
children = jsxRuntime.jsx("em", {
|
|
205
|
+
children: children
|
|
206
|
+
});
|
|
207
|
+
}
|
|
208
|
+
if (leaf.underline) {
|
|
209
|
+
children = jsxRuntime.jsx("u", {
|
|
210
|
+
children: children
|
|
211
|
+
});
|
|
212
|
+
}
|
|
213
|
+
if (leaf.superscript) {
|
|
214
|
+
children = jsxRuntime.jsx("sup", {
|
|
215
|
+
children: children
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
if (leaf.subscript) {
|
|
219
|
+
children = jsxRuntime.jsx("sub", {
|
|
220
|
+
children: children
|
|
221
|
+
});
|
|
222
|
+
}
|
|
223
|
+
if (leaf.strikethrough) {
|
|
224
|
+
children = jsxRuntime.jsx("del", {
|
|
225
|
+
children: children
|
|
226
|
+
});
|
|
227
|
+
}
|
|
228
|
+
return jsxRuntime.jsx("span", _objectSpread$g(_objectSpread$g({}, attributes), {}, {
|
|
229
|
+
children: children
|
|
230
|
+
}));
|
|
231
|
+
};
|
|
232
|
+
|
|
233
|
+
/*
|
|
234
|
+
From Slate's own implementation of rich text editor
|
|
235
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L128:L131
|
|
236
|
+
*/
|
|
237
|
+
const isMarkActive = (editor, format) => {
|
|
238
|
+
const marks = slate.Editor.marks(editor);
|
|
239
|
+
return marks ? marks[format] === true : false;
|
|
240
|
+
};
|
|
241
|
+
|
|
242
|
+
/*
|
|
243
|
+
From Slate's own implementation of rich text editor
|
|
244
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L101:L09
|
|
245
|
+
*/
|
|
246
|
+
const toggleMark = (editor, format) => {
|
|
247
|
+
const isActive = isMarkActive(editor, format);
|
|
248
|
+
if (isActive) {
|
|
249
|
+
slate.Editor.removeMark(editor, format);
|
|
250
|
+
} else {
|
|
251
|
+
slate.Editor.addMark(editor, format, true);
|
|
252
|
+
}
|
|
253
|
+
};
|
|
254
|
+
|
|
255
|
+
/*
|
|
256
|
+
From Slate's own implementation of rich text editor
|
|
257
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L111:L126
|
|
258
|
+
*/
|
|
259
|
+
const isBlockActive = (editor, format) => {
|
|
260
|
+
const selection = editor.selection;
|
|
261
|
+
if (!selection) return false;
|
|
262
|
+
const _Array$from = _Array$from3__default["default"](slate.Editor.nodes(editor, {
|
|
263
|
+
at: slate.Editor.unhangRange(editor, selection),
|
|
264
|
+
match: n => !slate.Editor.isEditor(n) && slate.Element.isElement(n) && n.type === format
|
|
265
|
+
})),
|
|
266
|
+
_Array$from2 = _slicedToArray(_Array$from, 1),
|
|
267
|
+
match = _Array$from2[0];
|
|
268
|
+
return Boolean(match);
|
|
269
|
+
};
|
|
270
|
+
|
|
271
|
+
/*
|
|
272
|
+
From slate's own implementation of rich text editor
|
|
273
|
+
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L67:L99
|
|
274
|
+
*/
|
|
275
|
+
const toggleBlock = (editor, format) => {
|
|
276
|
+
const isActive = isBlockActive(editor, format);
|
|
277
|
+
const isList = _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, format);
|
|
278
|
+
slate.Transforms.unwrapNodes(editor, {
|
|
279
|
+
match: n => !slate.Editor.isEditor(n) && slate.Element.isElement(n) && _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, n.type),
|
|
280
|
+
split: true
|
|
281
|
+
});
|
|
282
|
+
const newProperties = {
|
|
283
|
+
type: isActive ? BLOCK_TAGS.p : isList ? BLOCK_TAGS.li : format
|
|
284
|
+
};
|
|
285
|
+
slate.Transforms.setNodes(editor, newProperties);
|
|
286
|
+
if (!isActive && isList) {
|
|
287
|
+
const block = {
|
|
288
|
+
type: format,
|
|
289
|
+
children: []
|
|
290
|
+
};
|
|
291
|
+
slate.Transforms.wrapNodes(editor, block);
|
|
292
|
+
}
|
|
293
|
+
};
|
|
294
|
+
function nonNullable(value) {
|
|
295
|
+
return value !== null && value !== undefined;
|
|
296
|
+
}
|
|
297
|
+
const validSlateStateAdapter = value => {
|
|
298
|
+
const valueAsArray = _Array$isArray__default["default"](value) ? value : [value];
|
|
299
|
+
if (slate.Element.isElementList(value) || slate.Text.isTextList(value) ||
|
|
300
|
+
// in case of an array of mixed text and element nodes
|
|
301
|
+
_Array$isArray__default["default"](value) && _everyInstanceProperty__default["default"](value).call(value, node => slate.Element.isElement(node) || slate.Text.isText(node))) {
|
|
302
|
+
var _context;
|
|
303
|
+
return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](valueAsArray).call(valueAsArray, node => slate.Text.isText(node) ? {
|
|
304
|
+
type: 'text',
|
|
305
|
+
children: [node]
|
|
306
|
+
} : node)).call(_context, nonNullable);
|
|
307
|
+
}
|
|
308
|
+
return defaultSlateState;
|
|
309
|
+
};
|
|
310
|
+
const resetEditor = (editor, resetValue) => {
|
|
311
|
+
slate.Transforms.delete(editor, {
|
|
312
|
+
at: {
|
|
313
|
+
anchor: slate.Editor.start(editor, []),
|
|
314
|
+
focus: slate.Editor.end(editor, [])
|
|
315
|
+
}
|
|
316
|
+
});
|
|
317
|
+
|
|
318
|
+
// remove empty node
|
|
319
|
+
slate.Transforms.removeNodes(editor, {
|
|
320
|
+
at: [0]
|
|
321
|
+
});
|
|
322
|
+
const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
|
|
323
|
+
|
|
324
|
+
// insert all new nodes
|
|
325
|
+
slate.Transforms.insertNodes(editor, newState);
|
|
326
|
+
};
|
|
327
|
+
const focusEditor = editor => {
|
|
328
|
+
slateReact.ReactEditor.focus(editor);
|
|
329
|
+
slate.Transforms.select(editor, slate.Editor.end(editor, []));
|
|
330
|
+
};
|
|
331
|
+
|
|
332
|
+
/**
|
|
333
|
+
* Softbreaker is a helper that is used to ensure
|
|
334
|
+
* that slate editor can handle html-linebreaks correctly.
|
|
335
|
+
*/
|
|
336
|
+
const Softbreaker = {
|
|
337
|
+
/**
|
|
338
|
+
* The character that slate-editor considers a soft-linebreak
|
|
339
|
+
*/
|
|
340
|
+
placeholderCharacter: '\n',
|
|
341
|
+
/**
|
|
342
|
+
* Returns a formatted version of the soft-linebreak character
|
|
343
|
+
* which can be used by internal slate editor functions
|
|
344
|
+
*/
|
|
345
|
+
getSlatePlaceholder() {
|
|
346
|
+
return {
|
|
347
|
+
text: this.placeholderCharacter
|
|
348
|
+
};
|
|
349
|
+
},
|
|
350
|
+
/**
|
|
351
|
+
* replaces the slate-placeholder character with the html
|
|
352
|
+
* equivalent = <br/>
|
|
353
|
+
*/
|
|
354
|
+
serialize(str) {
|
|
355
|
+
return str.split(this.placeholderCharacter).join('<br/>');
|
|
356
|
+
},
|
|
357
|
+
/**
|
|
358
|
+
* Initial HMTL needs to be cleaned from soft-linebreak characters,
|
|
359
|
+
* otherwise they are being transformed into <br/> tags
|
|
360
|
+
*/
|
|
361
|
+
cleanHtml(html) {
|
|
362
|
+
return html.split(this.placeholderCharacter).join('');
|
|
363
|
+
}
|
|
364
|
+
};
|
|
365
|
+
|
|
366
|
+
function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
367
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$f(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$f(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
83
368
|
|
|
84
369
|
// Slate's way of providing custom type annotations comes down to extending `CustomTypes` interface
|
|
85
370
|
// more: https://docs.slatejs.org/concepts/12-typescript
|
|
@@ -110,6 +395,9 @@ const serializeNode = node => {
|
|
|
110
395
|
if (node.strikethrough) {
|
|
111
396
|
string = "<del>".concat(string, "</del>");
|
|
112
397
|
}
|
|
398
|
+
|
|
399
|
+
// Replace all Linebreaks (that are caused by the editor) with a br-tag
|
|
400
|
+
string = Softbreaker.serialize(string);
|
|
113
401
|
return string;
|
|
114
402
|
}
|
|
115
403
|
const children = _mapInstanceProperty__default["default"](_context = node.children).call(_context, serializeNode).join('');
|
|
@@ -276,10 +564,13 @@ const deserializeElement = el => {
|
|
|
276
564
|
}
|
|
277
565
|
const nodeName = el.nodeName;
|
|
278
566
|
let parent = el;
|
|
567
|
+
if (nodeName === 'BR') {
|
|
568
|
+
return Softbreaker.getSlatePlaceholder();
|
|
569
|
+
}
|
|
279
570
|
if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {
|
|
280
571
|
parent = el.childNodes[0];
|
|
281
572
|
}
|
|
282
|
-
let children = _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = _Array$
|
|
573
|
+
let children = _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = _Array$from3__default["default"](parent.childNodes)).call(_context3, deserializeElement)).call(_context2);
|
|
283
574
|
if (children.length === 0) {
|
|
284
575
|
children = [{
|
|
285
576
|
text: ''
|
|
@@ -309,7 +600,7 @@ const deserializeElement = el => {
|
|
|
309
600
|
var _mapper$key;
|
|
310
601
|
if ((_mapper$key = mapper[key]) !== null && _mapper$key !== void 0 && _mapper$key[splittedValue]) {
|
|
311
602
|
// checking if the parsed style attr value has representation in the mapper obj
|
|
312
|
-
mappedAttrObj = _objectSpread$
|
|
603
|
+
mappedAttrObj = _objectSpread$f(_objectSpread$f({}, mappedAttrObj), mapper[key][splittedValue]);
|
|
313
604
|
}
|
|
314
605
|
});
|
|
315
606
|
return mappedAttrObj;
|
|
@@ -336,7 +627,7 @@ const deserializeElement = el => {
|
|
|
336
627
|
return children;
|
|
337
628
|
};
|
|
338
629
|
const deserialize = html => {
|
|
339
|
-
const document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
|
|
630
|
+
const document = new DOMParser().parseFromString(Softbreaker.cleanHtml(html) || '<p></p>', 'text/html');
|
|
340
631
|
return deserializeElement(document.body);
|
|
341
632
|
};
|
|
342
633
|
const defaultSlateState = [{
|
|
@@ -438,8 +729,8 @@ HiddenInput.propTypes = {};
|
|
|
438
729
|
HiddenInput.displayName = 'HiddenInput';
|
|
439
730
|
var HiddenInput$1 = HiddenInput;
|
|
440
731
|
|
|
441
|
-
function ownKeys$
|
|
442
|
-
function _objectSpread$
|
|
732
|
+
function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
733
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
443
734
|
const iconSizes$b = {
|
|
444
735
|
small: 12,
|
|
445
736
|
medium: 16,
|
|
@@ -522,7 +813,7 @@ const getColor$b = color => {
|
|
|
522
813
|
return iconColor;
|
|
523
814
|
};
|
|
524
815
|
const getIconStyles$b = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
525
|
-
const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
816
|
+
const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
|
|
526
817
|
xmlns: "http://www.w3.org/2000/svg",
|
|
527
818
|
width: 24,
|
|
528
819
|
height: 24,
|
|
@@ -539,7 +830,7 @@ SvgBold.displayName = 'SvgBold';
|
|
|
539
830
|
const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
540
831
|
children: _ref => {
|
|
541
832
|
let createClass = _ref.css;
|
|
542
|
-
return jsxRuntime.jsx(SvgBold, _objectSpread$
|
|
833
|
+
return jsxRuntime.jsx(SvgBold, _objectSpread$e(_objectSpread$e({}, props), {}, {
|
|
543
834
|
className: createClass(getIconStyles$b(props))
|
|
544
835
|
}));
|
|
545
836
|
}
|
|
@@ -547,8 +838,8 @@ const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
547
838
|
BoldIcon.displayName = 'BoldIcon';
|
|
548
839
|
var BoldIcon$1 = BoldIcon;
|
|
549
840
|
|
|
550
|
-
function ownKeys$
|
|
551
|
-
function _objectSpread$
|
|
841
|
+
function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
842
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
552
843
|
const iconSizes$a = {
|
|
553
844
|
small: 12,
|
|
554
845
|
medium: 16,
|
|
@@ -631,7 +922,7 @@ const getColor$a = color => {
|
|
|
631
922
|
return iconColor;
|
|
632
923
|
};
|
|
633
924
|
const getIconStyles$a = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$a(props.color), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
634
|
-
const SvgExpand = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
925
|
+
const SvgExpand = props => jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
|
|
635
926
|
xmlns: "http://www.w3.org/2000/svg",
|
|
636
927
|
width: 24,
|
|
637
928
|
height: 24,
|
|
@@ -646,7 +937,7 @@ SvgExpand.displayName = 'SvgExpand';
|
|
|
646
937
|
const ExpandIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
647
938
|
children: _ref => {
|
|
648
939
|
let createClass = _ref.css;
|
|
649
|
-
return jsxRuntime.jsx(SvgExpand, _objectSpread$
|
|
940
|
+
return jsxRuntime.jsx(SvgExpand, _objectSpread$d(_objectSpread$d({}, props), {}, {
|
|
650
941
|
className: createClass(getIconStyles$a(props))
|
|
651
942
|
}));
|
|
652
943
|
}
|
|
@@ -654,8 +945,8 @@ const ExpandIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
654
945
|
ExpandIcon.displayName = 'ExpandIcon';
|
|
655
946
|
var ExpandIcon$1 = ExpandIcon;
|
|
656
947
|
|
|
657
|
-
function ownKeys$
|
|
658
|
-
function _objectSpread$
|
|
948
|
+
function ownKeys$c(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
949
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
659
950
|
const iconSizes$9 = {
|
|
660
951
|
small: 12,
|
|
661
952
|
medium: 16,
|
|
@@ -738,7 +1029,7 @@ const getColor$9 = color => {
|
|
|
738
1029
|
return iconColor;
|
|
739
1030
|
};
|
|
740
1031
|
const getIconStyles$9 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$9(props.color), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
741
|
-
const SvgItalic = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1032
|
+
const SvgItalic = props => jsxRuntime.jsx("svg", _objectSpread$c(_objectSpread$c({
|
|
742
1033
|
xmlns: "http://www.w3.org/2000/svg",
|
|
743
1034
|
width: 24,
|
|
744
1035
|
height: 24,
|
|
@@ -755,7 +1046,7 @@ SvgItalic.displayName = 'SvgItalic';
|
|
|
755
1046
|
const ItalicIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
756
1047
|
children: _ref => {
|
|
757
1048
|
let createClass = _ref.css;
|
|
758
|
-
return jsxRuntime.jsx(SvgItalic, _objectSpread$
|
|
1049
|
+
return jsxRuntime.jsx(SvgItalic, _objectSpread$c(_objectSpread$c({}, props), {}, {
|
|
759
1050
|
className: createClass(getIconStyles$9(props))
|
|
760
1051
|
}));
|
|
761
1052
|
}
|
|
@@ -763,8 +1054,8 @@ const ItalicIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
763
1054
|
ItalicIcon.displayName = 'ItalicIcon';
|
|
764
1055
|
var ItalicIcon$1 = ItalicIcon;
|
|
765
1056
|
|
|
766
|
-
function ownKeys$
|
|
767
|
-
function _objectSpread$
|
|
1057
|
+
function ownKeys$b(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1058
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$b(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
768
1059
|
const iconSizes$8 = {
|
|
769
1060
|
small: 12,
|
|
770
1061
|
medium: 16,
|
|
@@ -847,7 +1138,7 @@ const getColor$8 = color => {
|
|
|
847
1138
|
return iconColor;
|
|
848
1139
|
};
|
|
849
1140
|
const getIconStyles$8 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$8(props.color), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
850
|
-
const SvgMoreStyles = props => jsxRuntime.jsxs("svg", _objectSpread$
|
|
1141
|
+
const SvgMoreStyles = props => jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
|
|
851
1142
|
xmlns: "http://www.w3.org/2000/svg",
|
|
852
1143
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
853
1144
|
width: 24,
|
|
@@ -870,7 +1161,7 @@ SvgMoreStyles.displayName = 'SvgMoreStyles';
|
|
|
870
1161
|
const MoreStylesIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
871
1162
|
children: _ref => {
|
|
872
1163
|
let createClass = _ref.css;
|
|
873
|
-
return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$
|
|
1164
|
+
return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$b(_objectSpread$b({}, props), {}, {
|
|
874
1165
|
className: createClass(getIconStyles$8(props))
|
|
875
1166
|
}));
|
|
876
1167
|
}
|
|
@@ -878,8 +1169,8 @@ const MoreStylesIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
878
1169
|
MoreStylesIcon.displayName = 'MoreStylesIcon';
|
|
879
1170
|
var MoreStylesIcon$1 = MoreStylesIcon;
|
|
880
1171
|
|
|
881
|
-
function ownKeys$
|
|
882
|
-
function _objectSpread$
|
|
1172
|
+
function ownKeys$a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1173
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
883
1174
|
const iconSizes$7 = {
|
|
884
1175
|
small: 12,
|
|
885
1176
|
medium: 16,
|
|
@@ -962,7 +1253,7 @@ const getColor$7 = color => {
|
|
|
962
1253
|
return iconColor;
|
|
963
1254
|
};
|
|
964
1255
|
const getIconStyles$7 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$7(props.color), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
965
|
-
const SvgOrderedList = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1256
|
+
const SvgOrderedList = props => jsxRuntime.jsx("svg", _objectSpread$a(_objectSpread$a({
|
|
966
1257
|
xmlns: "http://www.w3.org/2000/svg",
|
|
967
1258
|
width: 24,
|
|
968
1259
|
height: 24,
|
|
@@ -979,7 +1270,7 @@ SvgOrderedList.displayName = 'SvgOrderedList';
|
|
|
979
1270
|
const OrderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
980
1271
|
children: _ref => {
|
|
981
1272
|
let createClass = _ref.css;
|
|
982
|
-
return jsxRuntime.jsx(SvgOrderedList, _objectSpread$
|
|
1273
|
+
return jsxRuntime.jsx(SvgOrderedList, _objectSpread$a(_objectSpread$a({}, props), {}, {
|
|
983
1274
|
className: createClass(getIconStyles$7(props))
|
|
984
1275
|
}));
|
|
985
1276
|
}
|
|
@@ -987,8 +1278,8 @@ const OrderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
987
1278
|
OrderedListIcon.displayName = 'OrderedListIcon';
|
|
988
1279
|
var OrderedListIcon$1 = OrderedListIcon;
|
|
989
1280
|
|
|
990
|
-
function ownKeys$
|
|
991
|
-
function _objectSpread$
|
|
1281
|
+
function ownKeys$9(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1282
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
992
1283
|
const iconSizes$6 = {
|
|
993
1284
|
small: 12,
|
|
994
1285
|
medium: 16,
|
|
@@ -1071,7 +1362,7 @@ const getColor$6 = color => {
|
|
|
1071
1362
|
return iconColor;
|
|
1072
1363
|
};
|
|
1073
1364
|
const getIconStyles$6 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$6(props.color), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1074
|
-
const SvgRedo = props => jsxRuntime.jsxs("svg", _objectSpread$
|
|
1365
|
+
const SvgRedo = props => jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
|
|
1075
1366
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1076
1367
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1077
1368
|
width: 24,
|
|
@@ -1095,7 +1386,7 @@ SvgRedo.displayName = 'SvgRedo';
|
|
|
1095
1386
|
const RedoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1096
1387
|
children: _ref => {
|
|
1097
1388
|
let createClass = _ref.css;
|
|
1098
|
-
return jsxRuntime.jsx(SvgRedo, _objectSpread$
|
|
1389
|
+
return jsxRuntime.jsx(SvgRedo, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1099
1390
|
className: createClass(getIconStyles$6(props))
|
|
1100
1391
|
}));
|
|
1101
1392
|
}
|
|
@@ -1103,8 +1394,8 @@ const RedoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1103
1394
|
RedoIcon.displayName = 'RedoIcon';
|
|
1104
1395
|
var RedoIcon$1 = RedoIcon;
|
|
1105
1396
|
|
|
1106
|
-
function ownKeys$
|
|
1107
|
-
function _objectSpread$
|
|
1397
|
+
function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1398
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1108
1399
|
const iconSizes$5 = {
|
|
1109
1400
|
small: 12,
|
|
1110
1401
|
medium: 16,
|
|
@@ -1187,7 +1478,7 @@ const getColor$5 = color => {
|
|
|
1187
1478
|
return iconColor;
|
|
1188
1479
|
};
|
|
1189
1480
|
const getIconStyles$5 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$5(props.color), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1190
|
-
const SvgStrikethrough = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1481
|
+
const SvgStrikethrough = props => jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
|
|
1191
1482
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1192
1483
|
width: 24,
|
|
1193
1484
|
height: 24,
|
|
@@ -1204,7 +1495,7 @@ SvgStrikethrough.displayName = 'SvgStrikethrough';
|
|
|
1204
1495
|
const StrikethroughIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1205
1496
|
children: _ref => {
|
|
1206
1497
|
let createClass = _ref.css;
|
|
1207
|
-
return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$
|
|
1498
|
+
return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$8(_objectSpread$8({}, props), {}, {
|
|
1208
1499
|
className: createClass(getIconStyles$5(props))
|
|
1209
1500
|
}));
|
|
1210
1501
|
}
|
|
@@ -1212,8 +1503,8 @@ const StrikethroughIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1212
1503
|
StrikethroughIcon.displayName = 'StrikethroughIcon';
|
|
1213
1504
|
var StrikethroughIcon$1 = StrikethroughIcon;
|
|
1214
1505
|
|
|
1215
|
-
function ownKeys$
|
|
1216
|
-
function _objectSpread$
|
|
1506
|
+
function ownKeys$7(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1507
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1217
1508
|
const iconSizes$4 = {
|
|
1218
1509
|
small: 12,
|
|
1219
1510
|
medium: 16,
|
|
@@ -1296,7 +1587,7 @@ const getColor$4 = color => {
|
|
|
1296
1587
|
return iconColor;
|
|
1297
1588
|
};
|
|
1298
1589
|
const getIconStyles$4 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$4(props.color), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1299
|
-
const SvgSubscript = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1590
|
+
const SvgSubscript = props => jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
|
|
1300
1591
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1301
1592
|
width: 24,
|
|
1302
1593
|
height: 24,
|
|
@@ -1315,7 +1606,7 @@ SvgSubscript.displayName = 'SvgSubscript';
|
|
|
1315
1606
|
const SubscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1316
1607
|
children: _ref => {
|
|
1317
1608
|
let createClass = _ref.css;
|
|
1318
|
-
return jsxRuntime.jsx(SvgSubscript, _objectSpread$
|
|
1609
|
+
return jsxRuntime.jsx(SvgSubscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
1319
1610
|
className: createClass(getIconStyles$4(props))
|
|
1320
1611
|
}));
|
|
1321
1612
|
}
|
|
@@ -1323,8 +1614,8 @@ const SubscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1323
1614
|
SubscriptIcon.displayName = 'SubscriptIcon';
|
|
1324
1615
|
var SubscriptIcon$1 = SubscriptIcon;
|
|
1325
1616
|
|
|
1326
|
-
function ownKeys$
|
|
1327
|
-
function _objectSpread$
|
|
1617
|
+
function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1618
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1328
1619
|
const iconSizes$3 = {
|
|
1329
1620
|
small: 12,
|
|
1330
1621
|
medium: 16,
|
|
@@ -1407,7 +1698,7 @@ const getColor$3 = color => {
|
|
|
1407
1698
|
return iconColor;
|
|
1408
1699
|
};
|
|
1409
1700
|
const getIconStyles$3 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$3(props.color), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1410
|
-
const SvgSuperscript = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1701
|
+
const SvgSuperscript = props => jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1411
1702
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1412
1703
|
width: 24,
|
|
1413
1704
|
height: 24,
|
|
@@ -1427,7 +1718,7 @@ SvgSuperscript.displayName = 'SvgSuperscript';
|
|
|
1427
1718
|
const SuperscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1428
1719
|
children: _ref => {
|
|
1429
1720
|
let createClass = _ref.css;
|
|
1430
|
-
return jsxRuntime.jsx(SvgSuperscript, _objectSpread$
|
|
1721
|
+
return jsxRuntime.jsx(SvgSuperscript, _objectSpread$6(_objectSpread$6({}, props), {}, {
|
|
1431
1722
|
className: createClass(getIconStyles$3(props))
|
|
1432
1723
|
}));
|
|
1433
1724
|
}
|
|
@@ -1435,8 +1726,8 @@ const SuperscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1435
1726
|
SuperscriptIcon.displayName = 'SuperscriptIcon';
|
|
1436
1727
|
var SuperscriptIcon$1 = SuperscriptIcon;
|
|
1437
1728
|
|
|
1438
|
-
function ownKeys$
|
|
1439
|
-
function _objectSpread$
|
|
1729
|
+
function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1730
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1440
1731
|
const iconSizes$2 = {
|
|
1441
1732
|
small: 12,
|
|
1442
1733
|
medium: 16,
|
|
@@ -1519,7 +1810,7 @@ const getColor$2 = color => {
|
|
|
1519
1810
|
return iconColor;
|
|
1520
1811
|
};
|
|
1521
1812
|
const getIconStyles$2 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$2(props.color), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1522
|
-
const SvgUnderline = props => jsxRuntime.jsx("svg", _objectSpread$
|
|
1813
|
+
const SvgUnderline = props => jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
|
|
1523
1814
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1524
1815
|
width: 24,
|
|
1525
1816
|
height: 24,
|
|
@@ -1536,7 +1827,7 @@ SvgUnderline.displayName = 'SvgUnderline';
|
|
|
1536
1827
|
const UnderlineIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1537
1828
|
children: _ref => {
|
|
1538
1829
|
let createClass = _ref.css;
|
|
1539
|
-
return jsxRuntime.jsx(SvgUnderline, _objectSpread$
|
|
1830
|
+
return jsxRuntime.jsx(SvgUnderline, _objectSpread$5(_objectSpread$5({}, props), {}, {
|
|
1540
1831
|
className: createClass(getIconStyles$2(props))
|
|
1541
1832
|
}));
|
|
1542
1833
|
}
|
|
@@ -1544,8 +1835,8 @@ const UnderlineIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1544
1835
|
UnderlineIcon.displayName = 'UnderlineIcon';
|
|
1545
1836
|
var UnderlineIcon$1 = UnderlineIcon;
|
|
1546
1837
|
|
|
1547
|
-
function ownKeys$
|
|
1548
|
-
function _objectSpread$
|
|
1838
|
+
function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1839
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1549
1840
|
const iconSizes$1 = {
|
|
1550
1841
|
small: 12,
|
|
1551
1842
|
medium: 16,
|
|
@@ -1628,7 +1919,7 @@ const getColor$1 = color => {
|
|
|
1628
1919
|
return iconColor;
|
|
1629
1920
|
};
|
|
1630
1921
|
const getIconStyles$1 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1631
|
-
const SvgUndo = props => jsxRuntime.jsxs("svg", _objectSpread$
|
|
1922
|
+
const SvgUndo = props => jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
|
|
1632
1923
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1633
1924
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1634
1925
|
width: 24,
|
|
@@ -1651,7 +1942,7 @@ SvgUndo.displayName = 'SvgUndo';
|
|
|
1651
1942
|
const UndoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1652
1943
|
children: _ref => {
|
|
1653
1944
|
let createClass = _ref.css;
|
|
1654
|
-
return jsxRuntime.jsx(SvgUndo, _objectSpread$
|
|
1945
|
+
return jsxRuntime.jsx(SvgUndo, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
1655
1946
|
className: createClass(getIconStyles$1(props))
|
|
1656
1947
|
}));
|
|
1657
1948
|
}
|
|
@@ -1659,8 +1950,8 @@ const UndoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
|
1659
1950
|
UndoIcon.displayName = 'UndoIcon';
|
|
1660
1951
|
var UndoIcon$1 = UndoIcon;
|
|
1661
1952
|
|
|
1662
|
-
function ownKeys$
|
|
1663
|
-
function _objectSpread$
|
|
1953
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1954
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1664
1955
|
const iconSizes = {
|
|
1665
1956
|
small: 12,
|
|
1666
1957
|
medium: 16,
|
|
@@ -1743,7 +2034,7 @@ const getColor = color => {
|
|
|
1743
2034
|
return iconColor;
|
|
1744
2035
|
};
|
|
1745
2036
|
const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1746
|
-
const SvgUnorderedList = props => jsxRuntime.jsxs("svg", _objectSpread$
|
|
2037
|
+
const SvgUnorderedList = props => jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
|
|
1747
2038
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1748
2039
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1749
2040
|
width: 24,
|
|
@@ -1766,7 +2057,7 @@ SvgUnorderedList.displayName = 'SvgUnorderedList';
|
|
|
1766
2057
|
const UnorderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
|
|
1767
2058
|
children: _ref => {
|
|
1768
2059
|
let createClass = _ref.css;
|
|
1769
|
-
return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$
|
|
2060
|
+
return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
1770
2061
|
className: createClass(getIconStyles(props))
|
|
1771
2062
|
}));
|
|
1772
2063
|
}
|
|
@@ -1845,8 +2136,8 @@ const Container = /*#__PURE__*/_styled__default["default"]("div", {
|
|
|
1845
2136
|
target: "e1sckae40"
|
|
1846
2137
|
} )("border-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", designSystem.designTokens.borderColorForInput, ";transition:", designSystem.designTokens.transitionStandard, ";padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", props => getContainerBackgroundColor(props), ";", props => getInputBoxShadow(props), " border-color:", props => getBorderColor(props), ";pointer-events:", props => props.isDisabled || props.isReadOnly ? 'none' : 'inherit', ";position:relative;&:hover{", props => getBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered), ";background-color:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}&:focus{outline:none;box-shadow:inset 0 0 0 2px ", designSystem.designTokens.borderColorForInputWhenFocused, ";}", Toolbar, "{border-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:", designSystem.designTokens.borderColorForInput, ";}&:focus-within{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";box-shadow:", designSystem.designTokens.shadowForInputWhenFocused, ";", Toolbar, "{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}", EditorContainer, "{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}}" + ("" ));
|
|
1847
2138
|
|
|
1848
|
-
function ownKeys$
|
|
1849
|
-
function _objectSpread$
|
|
2139
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2140
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1850
2141
|
const propsToOmit = ['isActive', 'label', 'isDisabled', 'isReadOnly'];
|
|
1851
2142
|
function getFillColor(props) {
|
|
1852
2143
|
if (props.isActive) return designSystem.designTokens.colorSurface;
|
|
@@ -1854,7 +2145,7 @@ function getFillColor(props) {
|
|
|
1854
2145
|
}
|
|
1855
2146
|
const RichTextBodyButton = props => {
|
|
1856
2147
|
const restOfProps = omit__default["default"](props, propsToOmit);
|
|
1857
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
2148
|
+
return jsxRuntime.jsx("button", _objectSpread$2(_objectSpread$2({}, restOfProps), {}, {
|
|
1858
2149
|
type: "button",
|
|
1859
2150
|
tabIndex: -1,
|
|
1860
2151
|
"aria-disabled": props.isDisabled,
|
|
@@ -1884,8 +2175,8 @@ const DropdownItemLabelWrapper = /*#__PURE__*/_styled__default["default"]("div",
|
|
|
1884
2175
|
target: "e1f4n71b0"
|
|
1885
2176
|
} )("margin:0 0 0 ", designSystem.designTokens.spacing20, ";" + ("" ));
|
|
1886
2177
|
|
|
1887
|
-
function ownKeys$
|
|
1888
|
-
function _objectSpread$
|
|
2178
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2179
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1889
2180
|
const Label = _styled__default["default"]("div", {
|
|
1890
2181
|
target: "e176a1kh0"
|
|
1891
2182
|
} );
|
|
@@ -1918,7 +2209,7 @@ const Dropdown = props => {
|
|
|
1918
2209
|
zIndex: 9999
|
|
1919
2210
|
}
|
|
1920
2211
|
},
|
|
1921
|
-
children: jsxRuntime.jsx(Button, _objectSpread$
|
|
2212
|
+
children: jsxRuntime.jsx(Button, _objectSpread$1(_objectSpread$1({}, toggleButtonProps), {}, {
|
|
1922
2213
|
label: props.label,
|
|
1923
2214
|
css: getButtonStyles({
|
|
1924
2215
|
isOpen,
|
|
@@ -1940,7 +2231,7 @@ const Dropdown = props => {
|
|
|
1940
2231
|
item
|
|
1941
2232
|
});
|
|
1942
2233
|
const dropdownItemProps = itemProps;
|
|
1943
|
-
return react$1.createElement(DropdownItem, _objectSpread$
|
|
2234
|
+
return react$1.createElement(DropdownItem, _objectSpread$1(_objectSpread$1({}, dropdownItemProps), {}, {
|
|
1944
2235
|
key: index,
|
|
1945
2236
|
value: item.value,
|
|
1946
2237
|
isSelected: props.getIsItemSelected(item)
|
|
@@ -1965,31 +2256,6 @@ Dropdown.defaultProps = {
|
|
|
1965
2256
|
};
|
|
1966
2257
|
var Dropdown$1 = Dropdown;
|
|
1967
2258
|
|
|
1968
|
-
const BLOCK_TAGS = {
|
|
1969
|
-
blockquote: 'block-quote',
|
|
1970
|
-
p: 'paragraph',
|
|
1971
|
-
h1: 'heading-one',
|
|
1972
|
-
h2: 'heading-two',
|
|
1973
|
-
h3: 'heading-three',
|
|
1974
|
-
h4: 'heading-four',
|
|
1975
|
-
h5: 'heading-five',
|
|
1976
|
-
pre: 'code',
|
|
1977
|
-
li: 'list-item',
|
|
1978
|
-
ol: 'numbered-list',
|
|
1979
|
-
ul: 'bulleted-list'
|
|
1980
|
-
};
|
|
1981
|
-
|
|
1982
|
-
// Add a dictionary of mark tags.
|
|
1983
|
-
const MARK_TAGS = {
|
|
1984
|
-
em: 'italic',
|
|
1985
|
-
strong: 'bold',
|
|
1986
|
-
u: 'underline',
|
|
1987
|
-
sup: 'superscript',
|
|
1988
|
-
sub: 'subscript',
|
|
1989
|
-
del: 'strikethrough',
|
|
1990
|
-
span: 'span'
|
|
1991
|
-
};
|
|
1992
|
-
|
|
1993
2259
|
var messages = reactIntl.defineMessages({
|
|
1994
2260
|
boldButtonLabel: {
|
|
1995
2261
|
id: 'UIKit.RichTextBody.boldButtonLabel',
|
|
@@ -2098,232 +2364,6 @@ var messages = reactIntl.defineMessages({
|
|
|
2098
2364
|
}
|
|
2099
2365
|
});
|
|
2100
2366
|
|
|
2101
|
-
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2102
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
2103
|
-
const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
|
|
2104
|
-
|
|
2105
|
-
/*
|
|
2106
|
-
From Slate's own implementation of rich text editor
|
|
2107
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L133:L179
|
|
2108
|
-
*/
|
|
2109
|
-
const Element = _ref => {
|
|
2110
|
-
let attributes = _ref.attributes,
|
|
2111
|
-
children = _ref.children,
|
|
2112
|
-
element = _ref.element;
|
|
2113
|
-
const style = {
|
|
2114
|
-
textAlign: element.align
|
|
2115
|
-
};
|
|
2116
|
-
switch (element.type) {
|
|
2117
|
-
case BLOCK_TAGS.blockquote:
|
|
2118
|
-
return jsxRuntime.jsx("blockquote", _objectSpread$1(_objectSpread$1({
|
|
2119
|
-
style: style
|
|
2120
|
-
}, attributes), {}, {
|
|
2121
|
-
children: children
|
|
2122
|
-
}));
|
|
2123
|
-
case BLOCK_TAGS.ul:
|
|
2124
|
-
return jsxRuntime.jsx("ul", _objectSpread$1(_objectSpread$1({
|
|
2125
|
-
style: style
|
|
2126
|
-
}, attributes), {}, {
|
|
2127
|
-
children: children
|
|
2128
|
-
}));
|
|
2129
|
-
case BLOCK_TAGS.h1:
|
|
2130
|
-
return jsxRuntime.jsx("h1", _objectSpread$1(_objectSpread$1({
|
|
2131
|
-
style: style
|
|
2132
|
-
}, attributes), {}, {
|
|
2133
|
-
children: children
|
|
2134
|
-
}));
|
|
2135
|
-
case BLOCK_TAGS.h2:
|
|
2136
|
-
return jsxRuntime.jsx("h2", _objectSpread$1(_objectSpread$1({
|
|
2137
|
-
style: style
|
|
2138
|
-
}, attributes), {}, {
|
|
2139
|
-
children: children
|
|
2140
|
-
}));
|
|
2141
|
-
case BLOCK_TAGS.h3:
|
|
2142
|
-
return jsxRuntime.jsx("h3", _objectSpread$1(_objectSpread$1({
|
|
2143
|
-
style: style
|
|
2144
|
-
}, attributes), {}, {
|
|
2145
|
-
children: children
|
|
2146
|
-
}));
|
|
2147
|
-
case BLOCK_TAGS.h4:
|
|
2148
|
-
return jsxRuntime.jsx("h4", _objectSpread$1(_objectSpread$1({
|
|
2149
|
-
style: style
|
|
2150
|
-
}, attributes), {}, {
|
|
2151
|
-
children: children
|
|
2152
|
-
}));
|
|
2153
|
-
case BLOCK_TAGS.h5:
|
|
2154
|
-
return jsxRuntime.jsx("h5", _objectSpread$1(_objectSpread$1({
|
|
2155
|
-
style: style
|
|
2156
|
-
}, attributes), {}, {
|
|
2157
|
-
children: children
|
|
2158
|
-
}));
|
|
2159
|
-
case BLOCK_TAGS.li:
|
|
2160
|
-
return jsxRuntime.jsx("li", _objectSpread$1(_objectSpread$1({
|
|
2161
|
-
style: style
|
|
2162
|
-
}, attributes), {}, {
|
|
2163
|
-
children: children
|
|
2164
|
-
}));
|
|
2165
|
-
case BLOCK_TAGS.ol:
|
|
2166
|
-
return jsxRuntime.jsx("ol", _objectSpread$1(_objectSpread$1({
|
|
2167
|
-
style: style
|
|
2168
|
-
}, attributes), {}, {
|
|
2169
|
-
children: children
|
|
2170
|
-
}));
|
|
2171
|
-
default:
|
|
2172
|
-
return jsxRuntime.jsx("p", _objectSpread$1(_objectSpread$1({
|
|
2173
|
-
style: style
|
|
2174
|
-
}, attributes), {}, {
|
|
2175
|
-
children: children
|
|
2176
|
-
}));
|
|
2177
|
-
}
|
|
2178
|
-
};
|
|
2179
|
-
|
|
2180
|
-
/*
|
|
2181
|
-
From Slate's own implementation of rich text editor
|
|
2182
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L181:L199
|
|
2183
|
-
*/
|
|
2184
|
-
const Leaf = _ref2 => {
|
|
2185
|
-
let attributes = _ref2.attributes,
|
|
2186
|
-
children = _ref2.children,
|
|
2187
|
-
leaf = _ref2.leaf;
|
|
2188
|
-
if (leaf.bold) {
|
|
2189
|
-
children = jsxRuntime.jsx("strong", {
|
|
2190
|
-
children: children
|
|
2191
|
-
});
|
|
2192
|
-
}
|
|
2193
|
-
if (leaf.code) {
|
|
2194
|
-
children = jsxRuntime.jsx("code", {
|
|
2195
|
-
children: children
|
|
2196
|
-
});
|
|
2197
|
-
}
|
|
2198
|
-
if (leaf.italic) {
|
|
2199
|
-
children = jsxRuntime.jsx("em", {
|
|
2200
|
-
children: children
|
|
2201
|
-
});
|
|
2202
|
-
}
|
|
2203
|
-
if (leaf.underline) {
|
|
2204
|
-
children = jsxRuntime.jsx("u", {
|
|
2205
|
-
children: children
|
|
2206
|
-
});
|
|
2207
|
-
}
|
|
2208
|
-
if (leaf.superscript) {
|
|
2209
|
-
children = jsxRuntime.jsx("sup", {
|
|
2210
|
-
children: children
|
|
2211
|
-
});
|
|
2212
|
-
}
|
|
2213
|
-
if (leaf.subscript) {
|
|
2214
|
-
children = jsxRuntime.jsx("sub", {
|
|
2215
|
-
children: children
|
|
2216
|
-
});
|
|
2217
|
-
}
|
|
2218
|
-
if (leaf.strikethrough) {
|
|
2219
|
-
children = jsxRuntime.jsx("del", {
|
|
2220
|
-
children: children
|
|
2221
|
-
});
|
|
2222
|
-
}
|
|
2223
|
-
return jsxRuntime.jsx("span", _objectSpread$1(_objectSpread$1({}, attributes), {}, {
|
|
2224
|
-
children: children
|
|
2225
|
-
}));
|
|
2226
|
-
};
|
|
2227
|
-
|
|
2228
|
-
/*
|
|
2229
|
-
From Slate's own implementation of rich text editor
|
|
2230
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L128:L131
|
|
2231
|
-
*/
|
|
2232
|
-
const isMarkActive = (editor, format) => {
|
|
2233
|
-
const marks = slate.Editor.marks(editor);
|
|
2234
|
-
return marks ? marks[format] === true : false;
|
|
2235
|
-
};
|
|
2236
|
-
|
|
2237
|
-
/*
|
|
2238
|
-
From Slate's own implementation of rich text editor
|
|
2239
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L101:L09
|
|
2240
|
-
*/
|
|
2241
|
-
const toggleMark = (editor, format) => {
|
|
2242
|
-
const isActive = isMarkActive(editor, format);
|
|
2243
|
-
if (isActive) {
|
|
2244
|
-
slate.Editor.removeMark(editor, format);
|
|
2245
|
-
} else {
|
|
2246
|
-
slate.Editor.addMark(editor, format, true);
|
|
2247
|
-
}
|
|
2248
|
-
};
|
|
2249
|
-
|
|
2250
|
-
/*
|
|
2251
|
-
From Slate's own implementation of rich text editor
|
|
2252
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L111:L126
|
|
2253
|
-
*/
|
|
2254
|
-
const isBlockActive = (editor, format) => {
|
|
2255
|
-
const selection = editor.selection;
|
|
2256
|
-
if (!selection) return false;
|
|
2257
|
-
const _Array$from = _Array$from__default["default"](slate.Editor.nodes(editor, {
|
|
2258
|
-
at: slate.Editor.unhangRange(editor, selection),
|
|
2259
|
-
match: n => !slate.Editor.isEditor(n) && slate.Element.isElement(n) && n.type === format
|
|
2260
|
-
})),
|
|
2261
|
-
_Array$from2 = _slicedToArray(_Array$from, 1),
|
|
2262
|
-
match = _Array$from2[0];
|
|
2263
|
-
return Boolean(match);
|
|
2264
|
-
};
|
|
2265
|
-
|
|
2266
|
-
/*
|
|
2267
|
-
From slate's own implementation of rich text editor
|
|
2268
|
-
https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L67:L99
|
|
2269
|
-
*/
|
|
2270
|
-
const toggleBlock = (editor, format) => {
|
|
2271
|
-
const isActive = isBlockActive(editor, format);
|
|
2272
|
-
const isList = _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, format);
|
|
2273
|
-
slate.Transforms.unwrapNodes(editor, {
|
|
2274
|
-
match: n => !slate.Editor.isEditor(n) && slate.Element.isElement(n) && _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, n.type),
|
|
2275
|
-
split: true
|
|
2276
|
-
});
|
|
2277
|
-
const newProperties = {
|
|
2278
|
-
type: isActive ? BLOCK_TAGS.p : isList ? BLOCK_TAGS.li : format
|
|
2279
|
-
};
|
|
2280
|
-
slate.Transforms.setNodes(editor, newProperties);
|
|
2281
|
-
if (!isActive && isList) {
|
|
2282
|
-
const block = {
|
|
2283
|
-
type: format,
|
|
2284
|
-
children: []
|
|
2285
|
-
};
|
|
2286
|
-
slate.Transforms.wrapNodes(editor, block);
|
|
2287
|
-
}
|
|
2288
|
-
};
|
|
2289
|
-
function nonNullable(value) {
|
|
2290
|
-
return value !== null && value !== undefined;
|
|
2291
|
-
}
|
|
2292
|
-
const validSlateStateAdapter = value => {
|
|
2293
|
-
const valueAsArray = _Array$isArray__default["default"](value) ? value : [value];
|
|
2294
|
-
if (slate.Element.isElementList(value) || slate.Text.isTextList(value) ||
|
|
2295
|
-
// in case of an array of mixed text and element nodes
|
|
2296
|
-
_Array$isArray__default["default"](value) && _everyInstanceProperty__default["default"](value).call(value, node => slate.Element.isElement(node) || slate.Text.isText(node))) {
|
|
2297
|
-
var _context;
|
|
2298
|
-
return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](valueAsArray).call(valueAsArray, node => slate.Text.isText(node) ? {
|
|
2299
|
-
type: 'text',
|
|
2300
|
-
children: [node]
|
|
2301
|
-
} : node)).call(_context, nonNullable);
|
|
2302
|
-
}
|
|
2303
|
-
return defaultSlateState;
|
|
2304
|
-
};
|
|
2305
|
-
const resetEditor = (editor, resetValue) => {
|
|
2306
|
-
slate.Transforms.delete(editor, {
|
|
2307
|
-
at: {
|
|
2308
|
-
anchor: slate.Editor.start(editor, []),
|
|
2309
|
-
focus: slate.Editor.end(editor, [])
|
|
2310
|
-
}
|
|
2311
|
-
});
|
|
2312
|
-
|
|
2313
|
-
// remove empty node
|
|
2314
|
-
slate.Transforms.removeNodes(editor, {
|
|
2315
|
-
at: [0]
|
|
2316
|
-
});
|
|
2317
|
-
const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
|
|
2318
|
-
|
|
2319
|
-
// insert all new nodes
|
|
2320
|
-
slate.Transforms.insertNodes(editor, newState);
|
|
2321
|
-
};
|
|
2322
|
-
const focusEditor = editor => {
|
|
2323
|
-
slateReact.ReactEditor.focus(editor);
|
|
2324
|
-
slate.Transforms.select(editor, slate.Editor.end(editor, []));
|
|
2325
|
-
};
|
|
2326
|
-
|
|
2327
2367
|
const MarkButton = props => {
|
|
2328
2368
|
const editor = slateReact.useSlate();
|
|
2329
2369
|
return jsxRuntime.jsx(Button, {
|
|
@@ -2677,12 +2717,13 @@ RichTextEditorBody.defaultProps = defaultProps;
|
|
|
2677
2717
|
var RichTextEditorBody$1 = RichTextEditorBody;
|
|
2678
2718
|
|
|
2679
2719
|
// NOTE: This string will be replaced on build time with the package version.
|
|
2680
|
-
var version = "19.
|
|
2720
|
+
var version = "19.9.0";
|
|
2681
2721
|
|
|
2682
2722
|
exports.Element = Element;
|
|
2683
2723
|
exports.HiddenInput = HiddenInput$1;
|
|
2684
2724
|
exports.Leaf = Leaf;
|
|
2685
2725
|
exports.RichTextBody = RichTextEditorBody$1;
|
|
2726
|
+
exports.Softbreaker = Softbreaker;
|
|
2686
2727
|
exports.focusEditor = focusEditor;
|
|
2687
2728
|
exports.html = html$1;
|
|
2688
2729
|
exports.isBlockActive = isBlockActive;
|