@commercetools-uikit/rich-text-utils 12.2.2 → 12.2.6
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.
|
@@ -20,18 +20,18 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instan
|
|
|
20
20
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
21
21
|
var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
|
|
22
22
|
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
23
|
-
var React = require('react');
|
|
24
23
|
var Html = require('slate-html-serializer');
|
|
25
24
|
var flatMap = require('lodash/flatMap');
|
|
26
|
-
var
|
|
27
|
-
var isHotkey = require('is-hotkey');
|
|
28
|
-
var memoize = require('lodash/memoize');
|
|
29
|
-
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
25
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
30
26
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
31
27
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
32
28
|
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
33
29
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
34
30
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
31
|
+
var isHotkey = require('is-hotkey');
|
|
32
|
+
var memoize = require('lodash/memoize');
|
|
33
|
+
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
34
|
+
var react = require('react');
|
|
35
35
|
require('prop-types');
|
|
36
36
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
37
37
|
var _styled = require('@emotion/styled/base');
|
|
@@ -39,11 +39,11 @@ var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
|
|
|
39
39
|
var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
|
|
40
40
|
var reactIntl = require('react-intl');
|
|
41
41
|
require('react-required-if');
|
|
42
|
+
var react$1 = require('@emotion/react');
|
|
42
43
|
var Tooltip = require('@commercetools-uikit/tooltip');
|
|
43
44
|
var icons = require('@commercetools-uikit/icons');
|
|
44
45
|
var Inline = require('@commercetools-uikit/spacings-inline');
|
|
45
46
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
46
|
-
var _extends = require('@babel/runtime-corejs3/helpers/extends');
|
|
47
47
|
var omit = require('lodash/omit');
|
|
48
48
|
var Downshift = require('downshift');
|
|
49
49
|
|
|
@@ -61,16 +61,15 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
|
|
|
61
61
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
62
62
|
var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
|
|
63
63
|
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
64
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
65
64
|
var Html__default = /*#__PURE__*/_interopDefault(Html);
|
|
66
65
|
var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
|
|
67
|
-
var memoize__default = /*#__PURE__*/_interopDefault(memoize);
|
|
68
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
69
66
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
70
67
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
71
68
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
72
69
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
73
70
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
71
|
+
var memoize__default = /*#__PURE__*/_interopDefault(memoize);
|
|
72
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
74
73
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
75
74
|
var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
|
|
76
75
|
var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
|
|
@@ -142,49 +141,67 @@ var rules = [{
|
|
|
142
141
|
// eslint-disable-next-line default-case
|
|
143
142
|
switch (obj.type) {
|
|
144
143
|
case 'code':
|
|
145
|
-
return
|
|
144
|
+
return jsxRuntime.jsx("pre", {
|
|
145
|
+
children: jsxRuntime.jsx("code", {
|
|
146
|
+
children: children
|
|
147
|
+
})
|
|
148
|
+
});
|
|
146
149
|
|
|
147
150
|
case 'bulleted-list':
|
|
148
|
-
return
|
|
151
|
+
return jsxRuntime.jsx("ul", {
|
|
152
|
+
children: children
|
|
153
|
+
});
|
|
149
154
|
|
|
150
155
|
case 'numbered-list':
|
|
151
|
-
return
|
|
156
|
+
return jsxRuntime.jsx("ol", {
|
|
157
|
+
children: children
|
|
158
|
+
});
|
|
152
159
|
|
|
153
160
|
case 'list-item':
|
|
154
|
-
return
|
|
161
|
+
return jsxRuntime.jsx("li", {
|
|
162
|
+
children: children
|
|
163
|
+
});
|
|
155
164
|
|
|
156
165
|
case 'paragraph':
|
|
157
|
-
return
|
|
158
|
-
className: obj.data.get('className')
|
|
159
|
-
|
|
166
|
+
return jsxRuntime.jsx("p", {
|
|
167
|
+
className: obj.data.get('className'),
|
|
168
|
+
children: children
|
|
169
|
+
});
|
|
160
170
|
|
|
161
171
|
case 'heading-one':
|
|
162
|
-
return
|
|
163
|
-
className: obj.data.get('className')
|
|
164
|
-
|
|
172
|
+
return jsxRuntime.jsx("h1", {
|
|
173
|
+
className: obj.data.get('className'),
|
|
174
|
+
children: children
|
|
175
|
+
});
|
|
165
176
|
|
|
166
177
|
case 'heading-two':
|
|
167
|
-
return
|
|
168
|
-
className: obj.data.get('className')
|
|
169
|
-
|
|
178
|
+
return jsxRuntime.jsx("h2", {
|
|
179
|
+
className: obj.data.get('className'),
|
|
180
|
+
children: children
|
|
181
|
+
});
|
|
170
182
|
|
|
171
183
|
case 'heading-three':
|
|
172
|
-
return
|
|
173
|
-
className: obj.data.get('className')
|
|
174
|
-
|
|
184
|
+
return jsxRuntime.jsx("h3", {
|
|
185
|
+
className: obj.data.get('className'),
|
|
186
|
+
children: children
|
|
187
|
+
});
|
|
175
188
|
|
|
176
189
|
case 'heading-four':
|
|
177
|
-
return
|
|
178
|
-
className: obj.data.get('className')
|
|
179
|
-
|
|
190
|
+
return jsxRuntime.jsx("h4", {
|
|
191
|
+
className: obj.data.get('className'),
|
|
192
|
+
children: children
|
|
193
|
+
});
|
|
180
194
|
|
|
181
195
|
case 'heading-five':
|
|
182
|
-
return
|
|
183
|
-
className: obj.data.get('className')
|
|
184
|
-
|
|
196
|
+
return jsxRuntime.jsx("h5", {
|
|
197
|
+
className: obj.data.get('className'),
|
|
198
|
+
children: children
|
|
199
|
+
});
|
|
185
200
|
|
|
186
201
|
case 'block-quote':
|
|
187
|
-
return
|
|
202
|
+
return jsxRuntime.jsx("blockquote", {
|
|
203
|
+
children: children
|
|
204
|
+
});
|
|
188
205
|
}
|
|
189
206
|
}
|
|
190
207
|
}
|
|
@@ -199,18 +216,18 @@ var rules = [{
|
|
|
199
216
|
if (styleAttribute) {
|
|
200
217
|
var _context, _context2;
|
|
201
218
|
|
|
202
|
-
var marks = _filterInstanceProperty__default[
|
|
203
|
-
var split = _trimInstanceProperty__default[
|
|
219
|
+
var marks = _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = flatMap__default["default"](styleAttribute.split(';'), function (val) {
|
|
220
|
+
var split = _trimInstanceProperty__default["default"](val).call(val).split(' ');
|
|
204
221
|
|
|
205
222
|
var _split = _toArray(split),
|
|
206
223
|
key = _split[0],
|
|
207
|
-
values = _sliceInstanceProperty__default[
|
|
224
|
+
values = _sliceInstanceProperty__default["default"](_split).call(_split, 1);
|
|
208
225
|
|
|
209
|
-
return _mapInstanceProperty__default[
|
|
210
|
-
return _defineProperty({}, _sliceInstanceProperty__default[
|
|
226
|
+
return _mapInstanceProperty__default["default"](values).call(values, function (value) {
|
|
227
|
+
return _defineProperty({}, _sliceInstanceProperty__default["default"](key).call(key, 0, -1), value);
|
|
211
228
|
});
|
|
212
229
|
})).call(_context2, function (val) {
|
|
213
|
-
var _Object$entries$ = _slicedToArray(_Object$entries__default[
|
|
230
|
+
var _Object$entries$ = _slicedToArray(_Object$entries__default["default"](val)[0], 2),
|
|
214
231
|
key = _Object$entries$[0],
|
|
215
232
|
value = _Object$entries$[1];
|
|
216
233
|
|
|
@@ -224,7 +241,7 @@ var rules = [{
|
|
|
224
241
|
if (marks && marks.length > 0) {
|
|
225
242
|
tagName = marks[0];
|
|
226
243
|
|
|
227
|
-
_forEachInstanceProperty__default[
|
|
244
|
+
_forEachInstanceProperty__default["default"](marks).call(marks, function (mark) {
|
|
228
245
|
deepestNode.removeChild(childNode);
|
|
229
246
|
var newNode = document.createElement(mark);
|
|
230
247
|
newNode.appendChild(childNode);
|
|
@@ -259,34 +276,52 @@ var rules = [{
|
|
|
259
276
|
// eslint-disable-next-line default-case
|
|
260
277
|
switch (obj.type) {
|
|
261
278
|
case 'span':
|
|
262
|
-
return
|
|
279
|
+
return jsxRuntime.jsx("span", {
|
|
280
|
+
children: children
|
|
281
|
+
});
|
|
263
282
|
|
|
264
283
|
case 'bold':
|
|
265
|
-
return
|
|
284
|
+
return jsxRuntime.jsx("strong", {
|
|
285
|
+
children: children
|
|
286
|
+
});
|
|
266
287
|
|
|
267
288
|
case 'italic':
|
|
268
|
-
return
|
|
289
|
+
return jsxRuntime.jsx("em", {
|
|
290
|
+
children: children
|
|
291
|
+
});
|
|
269
292
|
|
|
270
293
|
case 'underlined':
|
|
271
|
-
return
|
|
294
|
+
return jsxRuntime.jsx("u", {
|
|
295
|
+
children: children
|
|
296
|
+
});
|
|
272
297
|
|
|
273
298
|
case 'superscript':
|
|
274
|
-
return
|
|
299
|
+
return jsxRuntime.jsx("sup", {
|
|
300
|
+
children: children
|
|
301
|
+
});
|
|
275
302
|
|
|
276
303
|
case 'subscript':
|
|
277
|
-
return
|
|
304
|
+
return jsxRuntime.jsx("sub", {
|
|
305
|
+
children: children
|
|
306
|
+
});
|
|
278
307
|
|
|
279
308
|
case 'strikethrough':
|
|
280
|
-
return
|
|
309
|
+
return jsxRuntime.jsx("del", {
|
|
310
|
+
children: children
|
|
311
|
+
});
|
|
281
312
|
|
|
282
313
|
case 'code':
|
|
283
|
-
return
|
|
314
|
+
return jsxRuntime.jsx("pre", {
|
|
315
|
+
children: jsxRuntime.jsx("code", {
|
|
316
|
+
children: children
|
|
317
|
+
})
|
|
318
|
+
});
|
|
284
319
|
}
|
|
285
320
|
}
|
|
286
321
|
}
|
|
287
322
|
}]; // Create a new serializer instance with our `rules` from above.
|
|
288
323
|
|
|
289
|
-
var html = new Html__default[
|
|
324
|
+
var html = new Html__default["default"]({
|
|
290
325
|
rules: rules
|
|
291
326
|
});
|
|
292
327
|
var html$1 = html;
|
|
@@ -309,11 +344,11 @@ var isEmpty = function isEmpty(localizedHtmlValue) {
|
|
|
309
344
|
var _context;
|
|
310
345
|
|
|
311
346
|
if (!localizedHtmlValue) return true;
|
|
312
|
-
return _everyInstanceProperty__default[
|
|
347
|
+
return _everyInstanceProperty__default["default"](_context = _Object$values__default["default"](localizedHtmlValue)).call(_context, isLocalizedHtmlValueEmpty);
|
|
313
348
|
};
|
|
314
349
|
var omitEmptyTranslations = function omitEmptyTranslations(localizedString) {
|
|
315
350
|
var _context2;
|
|
316
|
-
return _reduceInstanceProperty__default[
|
|
351
|
+
return _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](localizedString)).call(_context2, function (localizedStringWithoutEmptyTranslations, _ref) {
|
|
317
352
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
318
353
|
language = _ref2[0],
|
|
319
354
|
value = _ref2[1];
|
|
@@ -330,8 +365,8 @@ var createLocalizedString = function createLocalizedString(languages) {
|
|
|
330
365
|
var _context3;
|
|
331
366
|
|
|
332
367
|
var existingTranslations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
333
|
-
var mergedLanguages = existingTranslations ? uniq__default[
|
|
334
|
-
return _reduceInstanceProperty__default[
|
|
368
|
+
var mergedLanguages = existingTranslations ? uniq__default["default"](_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(languages), _toConsumableArray(_Object$keys__default["default"](existingTranslations)))) : languages;
|
|
369
|
+
return _reduceInstanceProperty__default["default"](mergedLanguages).call(mergedLanguages, function (localizedString, language) {
|
|
335
370
|
// eslint-disable-next-line no-param-reassign
|
|
336
371
|
localizedString[language] = existingTranslations && existingTranslations[language] ? initializeValue(existingTranslations[language]) : initializeValue('');
|
|
337
372
|
return localizedString;
|
|
@@ -345,7 +380,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
345
380
|
omitEmptyTranslations: omitEmptyTranslations
|
|
346
381
|
});
|
|
347
382
|
|
|
348
|
-
var memoizedIsHotkey$2 = memoize__default[
|
|
383
|
+
var memoizedIsHotkey$2 = memoize__default["default"](isHotkey.isKeyHotkey);
|
|
349
384
|
var HOT_KEY$1 = 'mod+z';
|
|
350
385
|
|
|
351
386
|
var _hasUndos = function hasUndos(editor) {
|
|
@@ -386,7 +421,7 @@ var UndoPlugin = function UndoPlugin() {
|
|
|
386
421
|
|
|
387
422
|
var UndoPlugin$1 = UndoPlugin;
|
|
388
423
|
|
|
389
|
-
var memoizedIsHotkey$1 = memoize__default[
|
|
424
|
+
var memoizedIsHotkey$1 = memoize__default["default"](isHotkey.isKeyHotkey);
|
|
390
425
|
var HOT_KEY = 'mod+y';
|
|
391
426
|
|
|
392
427
|
var _hasRedos = function hasRedos(editor) {
|
|
@@ -431,12 +466,15 @@ var RedoPlugin = function RedoPlugin() {
|
|
|
431
466
|
|
|
432
467
|
var RedoPlugin$1 = RedoPlugin;
|
|
433
468
|
|
|
469
|
+
function ownKeys$j(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
470
|
+
|
|
471
|
+
function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$j(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$j(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
434
472
|
var DEFAULT_NODE$1 = BLOCK_TAGS.p;
|
|
435
473
|
|
|
436
474
|
var hasBlock$2 = function hasBlock(type, editor) {
|
|
437
475
|
var _context;
|
|
438
476
|
|
|
439
|
-
return _someInstanceProperty__default[
|
|
477
|
+
return _someInstanceProperty__default["default"](_context = editor.value.blocks).call(_context, function (node) {
|
|
440
478
|
return node.type === type;
|
|
441
479
|
});
|
|
442
480
|
};
|
|
@@ -447,7 +485,7 @@ var toggle = function toggle(editor, typeName) {
|
|
|
447
485
|
// Handle the extra wrapping required for list buttons.
|
|
448
486
|
var isList = hasBlock$2(BLOCK_TAGS.li, editor);
|
|
449
487
|
|
|
450
|
-
var isType = _someInstanceProperty__default[
|
|
488
|
+
var isType = _someInstanceProperty__default["default"](_context2 = editor.value.blocks).call(_context2, function (block) {
|
|
451
489
|
return Boolean(editor.value.document.getClosest(block.key, function (parent) {
|
|
452
490
|
return parent.type === typeName;
|
|
453
491
|
}));
|
|
@@ -482,13 +520,19 @@ var ListPlugin = function ListPlugin() {
|
|
|
482
520
|
|
|
483
521
|
switch (node.type) {
|
|
484
522
|
case BLOCK_TAGS.ul:
|
|
485
|
-
return
|
|
523
|
+
return jsxRuntime.jsx("ul", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
|
|
524
|
+
children: children
|
|
525
|
+
}));
|
|
486
526
|
|
|
487
527
|
case BLOCK_TAGS.li:
|
|
488
|
-
return
|
|
528
|
+
return jsxRuntime.jsx("li", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
|
|
529
|
+
children: children
|
|
530
|
+
}));
|
|
489
531
|
|
|
490
532
|
case BLOCK_TAGS.ol:
|
|
491
|
-
return
|
|
533
|
+
return jsxRuntime.jsx("ol", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
|
|
534
|
+
children: children
|
|
535
|
+
}));
|
|
492
536
|
|
|
493
537
|
default:
|
|
494
538
|
return next();
|
|
@@ -523,12 +567,15 @@ var ListPlugin = function ListPlugin() {
|
|
|
523
567
|
|
|
524
568
|
var ListPlugin$1 = ListPlugin;
|
|
525
569
|
|
|
526
|
-
var
|
|
570
|
+
function ownKeys$i(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
571
|
+
|
|
572
|
+
function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$i(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
573
|
+
var memoizedIsHotkey = memoize__default["default"](isHotkey.isKeyHotkey);
|
|
527
574
|
var requiredOptions = ['typeName', 'hotkey', 'command', 'query', 'RenderMark'];
|
|
528
575
|
|
|
529
576
|
var validate = function validate(options) {
|
|
530
577
|
// eslint-disable-next-line consistent-return
|
|
531
|
-
var missingRequiredOptions = _filterInstanceProperty__default[
|
|
578
|
+
var missingRequiredOptions = _filterInstanceProperty__default["default"](requiredOptions).call(requiredOptions, function (option) {
|
|
532
579
|
return !options[option];
|
|
533
580
|
});
|
|
534
581
|
|
|
@@ -556,7 +603,9 @@ var MarkPlugin = function MarkPlugin() {
|
|
|
556
603
|
|
|
557
604
|
switch (mark.type) {
|
|
558
605
|
case options.typeName:
|
|
559
|
-
return
|
|
606
|
+
return jsxRuntime.jsx(options.RenderMark, _objectSpread$i(_objectSpread$i({}, attributes), {}, {
|
|
607
|
+
children: children
|
|
608
|
+
}));
|
|
560
609
|
|
|
561
610
|
default:
|
|
562
611
|
return next();
|
|
@@ -568,7 +617,7 @@ var MarkPlugin = function MarkPlugin() {
|
|
|
568
617
|
queries: _defineProperty({}, options.query, function (editor) {
|
|
569
618
|
var _context;
|
|
570
619
|
|
|
571
|
-
return _someInstanceProperty__default[
|
|
620
|
+
return _someInstanceProperty__default["default"](_context = editor.value.activeMarks).call(_context, function (mark) {
|
|
572
621
|
return mark.type === options.typeName;
|
|
573
622
|
});
|
|
574
623
|
})
|
|
@@ -577,6 +626,9 @@ var MarkPlugin = function MarkPlugin() {
|
|
|
577
626
|
|
|
578
627
|
var MarkPlugin$1 = MarkPlugin;
|
|
579
628
|
|
|
629
|
+
function ownKeys$h(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
630
|
+
|
|
631
|
+
function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$h(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$h(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
580
632
|
var RenderBlockPlugin = function RenderBlockPlugin() {
|
|
581
633
|
return {
|
|
582
634
|
renderBlock: function renderBlock(props, editor, next) {
|
|
@@ -586,37 +638,61 @@ var RenderBlockPlugin = function RenderBlockPlugin() {
|
|
|
586
638
|
|
|
587
639
|
switch (node.type) {
|
|
588
640
|
case BLOCK_TAGS.pre:
|
|
589
|
-
return
|
|
641
|
+
return jsxRuntime.jsx("pre", {
|
|
642
|
+
children: jsxRuntime.jsx("code", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
643
|
+
children: children
|
|
644
|
+
}))
|
|
645
|
+
});
|
|
590
646
|
|
|
591
647
|
case BLOCK_TAGS.blockquote:
|
|
592
|
-
return
|
|
648
|
+
return jsxRuntime.jsx("blockquote", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
649
|
+
children: children
|
|
650
|
+
}));
|
|
593
651
|
|
|
594
652
|
case BLOCK_TAGS.h1:
|
|
595
|
-
return
|
|
653
|
+
return jsxRuntime.jsx("h1", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
654
|
+
children: children
|
|
655
|
+
}));
|
|
596
656
|
|
|
597
657
|
case BLOCK_TAGS.h2:
|
|
598
|
-
return
|
|
658
|
+
return jsxRuntime.jsx("h2", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
659
|
+
children: children
|
|
660
|
+
}));
|
|
599
661
|
|
|
600
662
|
case BLOCK_TAGS.h3:
|
|
601
|
-
return
|
|
663
|
+
return jsxRuntime.jsx("h3", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
664
|
+
children: children
|
|
665
|
+
}));
|
|
602
666
|
|
|
603
667
|
case BLOCK_TAGS.h4:
|
|
604
|
-
return
|
|
668
|
+
return jsxRuntime.jsx("h4", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
669
|
+
children: children
|
|
670
|
+
}));
|
|
605
671
|
|
|
606
672
|
case BLOCK_TAGS.h5:
|
|
607
|
-
return
|
|
673
|
+
return jsxRuntime.jsx("h5", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
674
|
+
children: children
|
|
675
|
+
}));
|
|
608
676
|
|
|
609
677
|
case BLOCK_TAGS.li:
|
|
610
|
-
return
|
|
678
|
+
return jsxRuntime.jsx("li", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
679
|
+
children: children
|
|
680
|
+
}));
|
|
611
681
|
|
|
612
682
|
case BLOCK_TAGS.ol:
|
|
613
|
-
return
|
|
683
|
+
return jsxRuntime.jsx("ol", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
684
|
+
children: children
|
|
685
|
+
}));
|
|
614
686
|
|
|
615
687
|
case BLOCK_TAGS.ul:
|
|
616
|
-
return
|
|
688
|
+
return jsxRuntime.jsx("ul", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
689
|
+
children: children
|
|
690
|
+
}));
|
|
617
691
|
|
|
618
692
|
case BLOCK_TAGS.p:
|
|
619
|
-
return
|
|
693
|
+
return jsxRuntime.jsx("p", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
694
|
+
children: children
|
|
695
|
+
}));
|
|
620
696
|
|
|
621
697
|
default:
|
|
622
698
|
return next();
|
|
@@ -633,13 +709,19 @@ var RenderMarkPlugin = function RenderMarkPlugin() {
|
|
|
633
709
|
|
|
634
710
|
switch (mark.type) {
|
|
635
711
|
case MARK_TAGS.sup:
|
|
636
|
-
return
|
|
712
|
+
return jsxRuntime.jsx("sup", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
713
|
+
children: children
|
|
714
|
+
}));
|
|
637
715
|
|
|
638
716
|
case MARK_TAGS.sub:
|
|
639
|
-
return
|
|
717
|
+
return jsxRuntime.jsx("sub", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
718
|
+
children: children
|
|
719
|
+
}));
|
|
640
720
|
|
|
641
721
|
case MARK_TAGS.del:
|
|
642
|
-
return
|
|
722
|
+
return jsxRuntime.jsx("del", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
|
|
723
|
+
children: children
|
|
724
|
+
}));
|
|
643
725
|
|
|
644
726
|
default:
|
|
645
727
|
return next();
|
|
@@ -648,9 +730,9 @@ var RenderMarkPlugin = function RenderMarkPlugin() {
|
|
|
648
730
|
};
|
|
649
731
|
};
|
|
650
732
|
|
|
651
|
-
function ownKeys$
|
|
733
|
+
function ownKeys$g(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
652
734
|
|
|
653
|
-
function _objectSpread$
|
|
735
|
+
function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
654
736
|
var instanceCounter = 0;
|
|
655
737
|
/**
|
|
656
738
|
* A plugin that renders a React placeholder for a given Slate node.
|
|
@@ -718,7 +800,7 @@ function SlateReactPlaceholder() {
|
|
|
718
800
|
path: lastPath
|
|
719
801
|
}
|
|
720
802
|
};
|
|
721
|
-
return _concatInstanceProperty__default[
|
|
803
|
+
return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(others), [decoration]);
|
|
722
804
|
}
|
|
723
805
|
/**
|
|
724
806
|
* Render an inline placeholder for the placeholder mark.
|
|
@@ -735,7 +817,7 @@ function SlateReactPlaceholder() {
|
|
|
735
817
|
deco = props.decoration;
|
|
736
818
|
|
|
737
819
|
if (deco.type === 'placeholder' && deco.data.get('key') === instanceId) {
|
|
738
|
-
var placeHolderStyle = _objectSpread$
|
|
820
|
+
var placeHolderStyle = _objectSpread$g({
|
|
739
821
|
pointerEvents: 'none',
|
|
740
822
|
display: 'inline-block',
|
|
741
823
|
position: 'absolute',
|
|
@@ -746,10 +828,13 @@ function SlateReactPlaceholder() {
|
|
|
746
828
|
verticalAlign: 'text-top'
|
|
747
829
|
}, style);
|
|
748
830
|
|
|
749
|
-
return
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
831
|
+
return jsxRuntime.jsxs("span", {
|
|
832
|
+
children: [jsxRuntime.jsx("span", {
|
|
833
|
+
contentEditable: false,
|
|
834
|
+
style: placeHolderStyle,
|
|
835
|
+
children: editor.props.options.placeholder
|
|
836
|
+
}), children]
|
|
837
|
+
});
|
|
753
838
|
}
|
|
754
839
|
|
|
755
840
|
return next();
|
|
@@ -767,18 +852,22 @@ function SlateReactPlaceholder() {
|
|
|
767
852
|
};
|
|
768
853
|
}
|
|
769
854
|
|
|
855
|
+
function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
856
|
+
|
|
857
|
+
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$f(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
858
|
+
|
|
770
859
|
var RenderMark_Strong = function RenderMark_Strong(props) {
|
|
771
|
-
return
|
|
860
|
+
return jsxRuntime.jsx("strong", _objectSpread$f({}, props));
|
|
772
861
|
}; // eslint-disable-next-line camelcase, react/display-name
|
|
773
862
|
|
|
774
863
|
|
|
775
864
|
var RenderMark_Em = function RenderMark_Em(props) {
|
|
776
|
-
return
|
|
865
|
+
return jsxRuntime.jsx("em", _objectSpread$f({}, props));
|
|
777
866
|
}; // eslint-disable-next-line camelcase, react/display-name
|
|
778
867
|
|
|
779
868
|
|
|
780
869
|
var RenderMark_U = function RenderMark_U(props) {
|
|
781
|
-
return
|
|
870
|
+
return jsxRuntime.jsx("u", _objectSpread$f({}, props));
|
|
782
871
|
};
|
|
783
872
|
|
|
784
873
|
var plugins = [{
|
|
@@ -788,11 +877,11 @@ var plugins = [{
|
|
|
788
877
|
var _context, _context2;
|
|
789
878
|
|
|
790
879
|
var isEditorEmpty = editor.value.document.text === '';
|
|
791
|
-
var hasOneNode = _mapInstanceProperty__default[
|
|
880
|
+
var hasOneNode = _mapInstanceProperty__default["default"](_context = editor.value.document.nodes).call(_context, function (node) {
|
|
792
881
|
return node.text;
|
|
793
882
|
}).toArray().length === 1;
|
|
794
883
|
|
|
795
|
-
var blocks = _mapInstanceProperty__default[
|
|
884
|
+
var blocks = _mapInstanceProperty__default["default"](_context2 = editor.value.blocks).call(_context2, function (block) {
|
|
796
885
|
return block.type;
|
|
797
886
|
}).toArray();
|
|
798
887
|
|
|
@@ -834,17 +923,17 @@ var plugins$1 = plugins;
|
|
|
834
923
|
|
|
835
924
|
var HiddenInput = function HiddenInput(props) {
|
|
836
925
|
var handleFocus = props.handleFocus;
|
|
837
|
-
var onFocus =
|
|
926
|
+
var onFocus = react.useCallback(function (event) {
|
|
838
927
|
event.preventDefault();
|
|
839
928
|
|
|
840
929
|
if (!props.isFocused) {
|
|
841
930
|
handleFocus();
|
|
842
931
|
}
|
|
843
932
|
}, [props.isFocused, handleFocus]);
|
|
844
|
-
var onBlur =
|
|
933
|
+
var onBlur = react.useCallback(function (event) {
|
|
845
934
|
event.preventDefault();
|
|
846
935
|
}, []);
|
|
847
|
-
return
|
|
936
|
+
return jsxRuntime.jsx("input", {
|
|
848
937
|
css: inputUtils.accessibleHiddenInputStyles,
|
|
849
938
|
id: props.id,
|
|
850
939
|
onFocus: onFocus,
|
|
@@ -858,9 +947,9 @@ HiddenInput.displayName = 'HiddenInput';
|
|
|
858
947
|
HiddenInput.propTypes = {};
|
|
859
948
|
var HiddenInput$1 = HiddenInput;
|
|
860
949
|
|
|
861
|
-
function ownKeys$
|
|
950
|
+
function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
862
951
|
|
|
863
|
-
function _objectSpread$
|
|
952
|
+
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
864
953
|
var iconSizes$b = {
|
|
865
954
|
small: 12,
|
|
866
955
|
medium: 16,
|
|
@@ -898,17 +987,17 @@ var getSizeStyle$b = function getSizeStyle(size) {
|
|
|
898
987
|
|
|
899
988
|
switch (size) {
|
|
900
989
|
case 'scale':
|
|
901
|
-
return _concatInstanceProperty__default[
|
|
990
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
902
991
|
|
|
903
992
|
default:
|
|
904
|
-
return _concatInstanceProperty__default[
|
|
993
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
905
994
|
}
|
|
906
995
|
};
|
|
907
996
|
|
|
908
997
|
var getColor$b = function getColor(color, theme) {
|
|
909
998
|
if (!color) return 'inherit';
|
|
910
999
|
|
|
911
|
-
var overwrittenVars = _objectSpread$
|
|
1000
|
+
var overwrittenVars = _objectSpread$e(_objectSpread$e({}, designSystem.customProperties), theme);
|
|
912
1001
|
|
|
913
1002
|
var iconColor;
|
|
914
1003
|
|
|
@@ -954,39 +1043,44 @@ var getColor$b = function getColor(color, theme) {
|
|
|
954
1043
|
};
|
|
955
1044
|
|
|
956
1045
|
var getIconStyles$b = function getIconStyles(props, theme) {
|
|
957
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$b(props.color, theme), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1046
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color, theme), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
958
1047
|
};
|
|
959
1048
|
|
|
960
1049
|
var SvgBold = function SvgBold(props) {
|
|
961
|
-
return
|
|
1050
|
+
return jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
|
|
962
1051
|
width: 24,
|
|
963
1052
|
height: 24,
|
|
964
1053
|
viewBox: "0 0 24 24",
|
|
965
1054
|
xmlns: "http://www.w3.org/2000/svg"
|
|
966
|
-
}, props),
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
1055
|
+
}, props), {}, {
|
|
1056
|
+
children: jsxRuntime.jsx("path", {
|
|
1057
|
+
d: "M6 3h5.599c2.55 0 4.403.363 5.555 1.089 1.153.726 1.729 1.88 1.729 3.464 0 1.074-.252 1.956-.757 2.645a3.023 3.023 0 01-2.012 1.243v.123c1.14.254 1.963.73 2.468 1.427.504.698.756 1.625.756 2.781 0 1.64-.592 2.92-1.778 3.84-1.185.918-2.795 1.377-4.83 1.377H6V3zm3.814 7.124h2.215c1.034 0 1.782-.16 2.246-.48.463-.32.695-.848.695-1.587 0-.689-.252-1.183-.757-1.482-.504-.3-1.302-.45-2.393-.45H9.814v4zm0 3.027v4.688H12.3c1.05 0 1.825-.2 2.326-.602.5-.402.75-1.018.75-1.846 0-1.493-1.066-2.24-3.199-2.24H9.814z",
|
|
1058
|
+
fill: "#1A1A1A",
|
|
1059
|
+
fillRule: "evenodd"
|
|
1060
|
+
})
|
|
970
1061
|
}));
|
|
971
1062
|
};
|
|
972
1063
|
|
|
973
|
-
SvgBold.propTypes = {};
|
|
974
1064
|
SvgBold.displayName = 'SvgBold';
|
|
975
1065
|
|
|
976
1066
|
var BoldIcon = function BoldIcon(props) {
|
|
977
|
-
var theme = react.useTheme();
|
|
978
|
-
return
|
|
979
|
-
|
|
980
|
-
|
|
1067
|
+
var theme = react$1.useTheme();
|
|
1068
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1069
|
+
children: function children(_ref) {
|
|
1070
|
+
var createClass = _ref.css;
|
|
1071
|
+
return jsxRuntime.jsx(SvgBold, _objectSpread$e(_objectSpread$e({}, props), {}, {
|
|
1072
|
+
className: createClass(getIconStyles$b(props, theme))
|
|
1073
|
+
}));
|
|
1074
|
+
}
|
|
1075
|
+
});
|
|
981
1076
|
};
|
|
982
1077
|
|
|
983
|
-
BoldIcon.propTypes = {};
|
|
984
1078
|
BoldIcon.displayName = 'BoldIcon';
|
|
985
1079
|
var BoldIcon$1 = BoldIcon;
|
|
986
1080
|
|
|
987
|
-
function ownKeys$
|
|
1081
|
+
function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
988
1082
|
|
|
989
|
-
function _objectSpread$
|
|
1083
|
+
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
990
1084
|
var iconSizes$a = {
|
|
991
1085
|
small: 12,
|
|
992
1086
|
medium: 16,
|
|
@@ -1024,17 +1118,17 @@ var getSizeStyle$a = function getSizeStyle(size) {
|
|
|
1024
1118
|
|
|
1025
1119
|
switch (size) {
|
|
1026
1120
|
case 'scale':
|
|
1027
|
-
return _concatInstanceProperty__default[
|
|
1121
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1028
1122
|
|
|
1029
1123
|
default:
|
|
1030
|
-
return _concatInstanceProperty__default[
|
|
1124
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1031
1125
|
}
|
|
1032
1126
|
};
|
|
1033
1127
|
|
|
1034
1128
|
var getColor$a = function getColor(color, theme) {
|
|
1035
1129
|
if (!color) return 'inherit';
|
|
1036
1130
|
|
|
1037
|
-
var overwrittenVars = _objectSpread$
|
|
1131
|
+
var overwrittenVars = _objectSpread$d(_objectSpread$d({}, designSystem.customProperties), theme);
|
|
1038
1132
|
|
|
1039
1133
|
var iconColor;
|
|
1040
1134
|
|
|
@@ -1080,39 +1174,44 @@ var getColor$a = function getColor(color, theme) {
|
|
|
1080
1174
|
};
|
|
1081
1175
|
|
|
1082
1176
|
var getIconStyles$a = function getIconStyles(props, theme) {
|
|
1083
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$a(props.color, theme), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1177
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$a(props.color, theme), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1084
1178
|
};
|
|
1085
1179
|
|
|
1086
1180
|
var SvgExpandFull = function SvgExpandFull(props) {
|
|
1087
|
-
return
|
|
1181
|
+
return jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
|
|
1088
1182
|
width: 24,
|
|
1089
1183
|
height: 24,
|
|
1090
1184
|
viewBox: "0 0 24 24",
|
|
1091
1185
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1092
|
-
}, props),
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1186
|
+
}, props), {}, {
|
|
1187
|
+
children: jsxRuntime.jsx("path", {
|
|
1188
|
+
d: "M14.902 13.93l.086.074 4.62 4.62v-2.967a.696.696 0 011.386-.095l.006.095v4.647a.696.696 0 01-.601.69l-.095.006h-4.647a.696.696 0 01-.095-1.386l.095-.006h2.967l-4.62-4.62a.696.696 0 01.898-1.058zm-4.906.074c.245.244.27.626.074.898l-.074.086-4.62 4.62h2.967a.696.696 0 01.095 1.386L8.343 21H3.696a.696.696 0 01-.69-.601L3 20.304v-4.647a.696.696 0 011.386-.095l.006.095v2.967l4.62-4.62a.696.696 0 01.984 0zM8.448 3a.71.71 0 01.096 1.413l-.096.006H5.422l4.57 4.57a.71.71 0 01-.915 1.078l-.088-.075-4.57-4.57v3.026a.71.71 0 01-1.413.097L3 8.449v-4.74a.71.71 0 01.613-.703L3.71 3h4.738zM20.29 3a.71.71 0 01.71.71v4.738a.71.71 0 11-1.42 0V5.423l-4.569 4.57a.708.708 0 01-1.003 0 .71.71 0 010-1.004l4.57-4.57h-3.026a.71.71 0 110-1.419z",
|
|
1189
|
+
fill: "#1A1A1A",
|
|
1190
|
+
fillRule: "evenodd"
|
|
1191
|
+
})
|
|
1096
1192
|
}));
|
|
1097
1193
|
};
|
|
1098
1194
|
|
|
1099
|
-
SvgExpandFull.propTypes = {};
|
|
1100
1195
|
SvgExpandFull.displayName = 'SvgExpandFull';
|
|
1101
1196
|
|
|
1102
1197
|
var ExpandFullIcon = function ExpandFullIcon(props) {
|
|
1103
|
-
var theme = react.useTheme();
|
|
1104
|
-
return
|
|
1105
|
-
|
|
1106
|
-
|
|
1198
|
+
var theme = react$1.useTheme();
|
|
1199
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1200
|
+
children: function children(_ref) {
|
|
1201
|
+
var createClass = _ref.css;
|
|
1202
|
+
return jsxRuntime.jsx(SvgExpandFull, _objectSpread$d(_objectSpread$d({}, props), {}, {
|
|
1203
|
+
className: createClass(getIconStyles$a(props, theme))
|
|
1204
|
+
}));
|
|
1205
|
+
}
|
|
1206
|
+
});
|
|
1107
1207
|
};
|
|
1108
1208
|
|
|
1109
|
-
ExpandFullIcon.propTypes = {};
|
|
1110
1209
|
ExpandFullIcon.displayName = 'ExpandFullIcon';
|
|
1111
1210
|
var ExpandFullIcon$1 = ExpandFullIcon;
|
|
1112
1211
|
|
|
1113
|
-
function ownKeys$
|
|
1212
|
+
function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1114
1213
|
|
|
1115
|
-
function _objectSpread$
|
|
1214
|
+
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1116
1215
|
var iconSizes$9 = {
|
|
1117
1216
|
small: 12,
|
|
1118
1217
|
medium: 16,
|
|
@@ -1150,17 +1249,17 @@ var getSizeStyle$9 = function getSizeStyle(size) {
|
|
|
1150
1249
|
|
|
1151
1250
|
switch (size) {
|
|
1152
1251
|
case 'scale':
|
|
1153
|
-
return _concatInstanceProperty__default[
|
|
1252
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1154
1253
|
|
|
1155
1254
|
default:
|
|
1156
|
-
return _concatInstanceProperty__default[
|
|
1255
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1157
1256
|
}
|
|
1158
1257
|
};
|
|
1159
1258
|
|
|
1160
1259
|
var getColor$9 = function getColor(color, theme) {
|
|
1161
1260
|
if (!color) return 'inherit';
|
|
1162
1261
|
|
|
1163
|
-
var overwrittenVars = _objectSpread$
|
|
1262
|
+
var overwrittenVars = _objectSpread$c(_objectSpread$c({}, designSystem.customProperties), theme);
|
|
1164
1263
|
|
|
1165
1264
|
var iconColor;
|
|
1166
1265
|
|
|
@@ -1206,39 +1305,44 @@ var getColor$9 = function getColor(color, theme) {
|
|
|
1206
1305
|
};
|
|
1207
1306
|
|
|
1208
1307
|
var getIconStyles$9 = function getIconStyles(props, theme) {
|
|
1209
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$9(props.color, theme), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1308
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$9(props.color, theme), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1210
1309
|
};
|
|
1211
1310
|
|
|
1212
1311
|
var SvgItalic = function SvgItalic(props) {
|
|
1213
|
-
return
|
|
1312
|
+
return jsxRuntime.jsx("svg", _objectSpread$c(_objectSpread$c({
|
|
1214
1313
|
width: 24,
|
|
1215
1314
|
height: 24,
|
|
1216
1315
|
viewBox: "0 0 24 24",
|
|
1217
1316
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1218
|
-
}, props),
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1317
|
+
}, props), {}, {
|
|
1318
|
+
children: jsxRuntime.jsx("path", {
|
|
1319
|
+
d: "M9 20.99L12.827 3h2.067l-3.827 17.99z",
|
|
1320
|
+
fill: "#1A1A1A",
|
|
1321
|
+
fillRule: "evenodd"
|
|
1322
|
+
})
|
|
1222
1323
|
}));
|
|
1223
1324
|
};
|
|
1224
1325
|
|
|
1225
|
-
SvgItalic.propTypes = {};
|
|
1226
1326
|
SvgItalic.displayName = 'SvgItalic';
|
|
1227
1327
|
|
|
1228
1328
|
var ItalicIcon = function ItalicIcon(props) {
|
|
1229
|
-
var theme = react.useTheme();
|
|
1230
|
-
return
|
|
1231
|
-
|
|
1232
|
-
|
|
1329
|
+
var theme = react$1.useTheme();
|
|
1330
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1331
|
+
children: function children(_ref) {
|
|
1332
|
+
var createClass = _ref.css;
|
|
1333
|
+
return jsxRuntime.jsx(SvgItalic, _objectSpread$c(_objectSpread$c({}, props), {}, {
|
|
1334
|
+
className: createClass(getIconStyles$9(props, theme))
|
|
1335
|
+
}));
|
|
1336
|
+
}
|
|
1337
|
+
});
|
|
1233
1338
|
};
|
|
1234
1339
|
|
|
1235
|
-
ItalicIcon.propTypes = {};
|
|
1236
1340
|
ItalicIcon.displayName = 'ItalicIcon';
|
|
1237
1341
|
var ItalicIcon$1 = ItalicIcon;
|
|
1238
1342
|
|
|
1239
|
-
function ownKeys$
|
|
1343
|
+
function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1240
1344
|
|
|
1241
|
-
function _objectSpread$
|
|
1345
|
+
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$b(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1242
1346
|
var iconSizes$8 = {
|
|
1243
1347
|
small: 12,
|
|
1244
1348
|
medium: 16,
|
|
@@ -1276,17 +1380,17 @@ var getSizeStyle$8 = function getSizeStyle(size) {
|
|
|
1276
1380
|
|
|
1277
1381
|
switch (size) {
|
|
1278
1382
|
case 'scale':
|
|
1279
|
-
return _concatInstanceProperty__default[
|
|
1383
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1280
1384
|
|
|
1281
1385
|
default:
|
|
1282
|
-
return _concatInstanceProperty__default[
|
|
1386
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1283
1387
|
}
|
|
1284
1388
|
};
|
|
1285
1389
|
|
|
1286
1390
|
var getColor$8 = function getColor(color, theme) {
|
|
1287
1391
|
if (!color) return 'inherit';
|
|
1288
1392
|
|
|
1289
|
-
var overwrittenVars = _objectSpread$
|
|
1393
|
+
var overwrittenVars = _objectSpread$b(_objectSpread$b({}, designSystem.customProperties), theme);
|
|
1290
1394
|
|
|
1291
1395
|
var iconColor;
|
|
1292
1396
|
|
|
@@ -1332,43 +1436,50 @@ var getColor$8 = function getColor(color, theme) {
|
|
|
1332
1436
|
};
|
|
1333
1437
|
|
|
1334
1438
|
var getIconStyles$8 = function getIconStyles(props, theme) {
|
|
1335
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$8(props.color, theme), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1439
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$8(props.color, theme), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1336
1440
|
};
|
|
1337
1441
|
|
|
1338
1442
|
var SvgMoreStyles = function SvgMoreStyles(props) {
|
|
1339
|
-
return
|
|
1443
|
+
return jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
|
|
1340
1444
|
width: 24,
|
|
1341
1445
|
height: 24,
|
|
1342
1446
|
viewBox: "0 0 24 24",
|
|
1343
1447
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1344
1448
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
1345
|
-
}, props),
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1449
|
+
}, props), {}, {
|
|
1450
|
+
children: [jsxRuntime.jsx("defs", {
|
|
1451
|
+
children: jsxRuntime.jsx("path", {
|
|
1452
|
+
d: "M9.261 8.057a8.97 8.97 0 013.548.738l-.605 1.384c-1.128-.465-2.15-.697-3.066-.697-.806 0-1.415.126-1.825.38-.41.252-.615.6-.615 1.045 0 .301.077.557.23.77.155.211.402.413.744.604.342.192.998.469 1.969.83.355.13.68.26.974.39L13.5 13.5v1.25h-1.007c.368.462.552 1.023.552 1.684 0 1.046-.39 1.853-1.169 2.42-.78.567-1.873.851-3.281.851-1.49 0-2.652-.236-3.486-.707v-1.58c.54.274 1.119.49 1.738.646a7.258 7.258 0 001.789.236c.889 0 1.572-.142 2.05-.425.48-.284.719-.716.719-1.297 0-.438-.19-.812-.57-1.123-.255-.21-.673-.444-1.255-.704L4.5 14.75V13.5h2.164a4.444 4.444 0 01-.279-.168c-.44-.29-.769-.62-.984-.99-.215-.368-.323-.81-.323-1.322 0-.916.372-1.639 1.118-2.169.745-.53 1.767-.794 3.065-.794zm11.27 2.443c.127 0 .237.05.33.148.092.099.139.215.139.35a.492.492 0 01-.078.273l-.061.078-3.281 3.489a.438.438 0 01-.587.064l-.073-.064-3.28-3.49a.494.494 0 01-.14-.35c0-.135.046-.251.14-.35a.448.448 0 01.237-.139l.092-.009h6.562zm-7.076-7.094l.795 1.303.802-1.303h1.267l-1.333 2.003L16.381 7.5h-1.27l-.861-1.403-.864 1.403h-1.267l1.388-2.091-1.319-2.003h1.267z",
|
|
1453
|
+
id: "more-styles_react_svg__a"
|
|
1454
|
+
})
|
|
1455
|
+
}), jsxRuntime.jsx("use", {
|
|
1456
|
+
fill: "#1A1A1A",
|
|
1457
|
+
xlinkHref: "#more-styles_react_svg__a",
|
|
1458
|
+
fillRule: "evenodd"
|
|
1459
|
+
})]
|
|
1352
1460
|
}));
|
|
1353
1461
|
};
|
|
1354
1462
|
|
|
1355
|
-
SvgMoreStyles.propTypes = {};
|
|
1356
1463
|
SvgMoreStyles.displayName = 'SvgMoreStyles';
|
|
1357
1464
|
|
|
1358
1465
|
var MoreStylesIcon = function MoreStylesIcon(props) {
|
|
1359
|
-
var theme = react.useTheme();
|
|
1360
|
-
return
|
|
1361
|
-
|
|
1362
|
-
|
|
1466
|
+
var theme = react$1.useTheme();
|
|
1467
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1468
|
+
children: function children(_ref) {
|
|
1469
|
+
var createClass = _ref.css;
|
|
1470
|
+
return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$b(_objectSpread$b({}, props), {}, {
|
|
1471
|
+
className: createClass(getIconStyles$8(props, theme))
|
|
1472
|
+
}));
|
|
1473
|
+
}
|
|
1474
|
+
});
|
|
1363
1475
|
};
|
|
1364
1476
|
|
|
1365
|
-
MoreStylesIcon.propTypes = {};
|
|
1366
1477
|
MoreStylesIcon.displayName = 'MoreStylesIcon';
|
|
1367
1478
|
var MoreStylesIcon$1 = MoreStylesIcon;
|
|
1368
1479
|
|
|
1369
|
-
function ownKeys$
|
|
1480
|
+
function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1370
1481
|
|
|
1371
|
-
function _objectSpread$
|
|
1482
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1372
1483
|
var iconSizes$7 = {
|
|
1373
1484
|
small: 12,
|
|
1374
1485
|
medium: 16,
|
|
@@ -1406,17 +1517,17 @@ var getSizeStyle$7 = function getSizeStyle(size) {
|
|
|
1406
1517
|
|
|
1407
1518
|
switch (size) {
|
|
1408
1519
|
case 'scale':
|
|
1409
|
-
return _concatInstanceProperty__default[
|
|
1520
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1410
1521
|
|
|
1411
1522
|
default:
|
|
1412
|
-
return _concatInstanceProperty__default[
|
|
1523
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1413
1524
|
}
|
|
1414
1525
|
};
|
|
1415
1526
|
|
|
1416
1527
|
var getColor$7 = function getColor(color, theme) {
|
|
1417
1528
|
if (!color) return 'inherit';
|
|
1418
1529
|
|
|
1419
|
-
var overwrittenVars = _objectSpread$
|
|
1530
|
+
var overwrittenVars = _objectSpread$a(_objectSpread$a({}, designSystem.customProperties), theme);
|
|
1420
1531
|
|
|
1421
1532
|
var iconColor;
|
|
1422
1533
|
|
|
@@ -1462,39 +1573,44 @@ var getColor$7 = function getColor(color, theme) {
|
|
|
1462
1573
|
};
|
|
1463
1574
|
|
|
1464
1575
|
var getIconStyles$7 = function getIconStyles(props, theme) {
|
|
1465
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$7(props.color, theme), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1576
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$7(props.color, theme), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1466
1577
|
};
|
|
1467
1578
|
|
|
1468
1579
|
var SvgOrderedList = function SvgOrderedList(props) {
|
|
1469
|
-
return
|
|
1580
|
+
return jsxRuntime.jsx("svg", _objectSpread$a(_objectSpread$a({
|
|
1470
1581
|
width: 24,
|
|
1471
1582
|
height: 24,
|
|
1472
1583
|
viewBox: "0 0 24 24",
|
|
1473
1584
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1474
|
-
}, props),
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1585
|
+
}, props), {}, {
|
|
1586
|
+
children: jsxRuntime.jsx("path", {
|
|
1587
|
+
d: "M4.42 16c.449 0 .803.102 1.063.306.26.204.39.488.39.852 0 .304-.082.562-.247.775a1.25 1.25 0 01-.69.439v.02c.35.049.614.168.794.358.18.19.27.445.27.766 0 .468-.151.833-.454 1.093-.302.26-.734.391-1.295.391-.47 0-.887-.088-1.251-.263v-.875c.168.096.353.173.554.233.202.06.402.09.6.09.302 0 .525-.058.67-.173.143-.115.216-.3.216-.556 0-.228-.083-.39-.25-.485-.165-.096-.43-.143-.794-.143h-.329v-.789h.335c.336 0 .581-.05.737-.148.155-.098.232-.268.232-.507 0-.368-.205-.552-.616-.552-.143 0-.287.026-.435.08a2.04 2.04 0 00-.49.276l-.424-.709C3.4 16.159 3.873 16 4.42 16zm16.33 1.962a.39.39 0 01.176.037.145.145 0 01.066.055l.008.033v.75c0 .033-.025.063-.074.088a.35.35 0 01-.111.032l-.065.005h-10.5a.389.389 0 01-.176-.037.144.144 0 01-.066-.056L10 18.837v-.75c0-.034.025-.064.074-.088a.352.352 0 01.111-.033l.065-.004h10.5zM4.526 9c.267 0 .503.056.708.169.205.112.363.27.477.472a1.4 1.4 0 01.17.694c0 .227-.035.44-.105.639-.069.199-.176.403-.321.612-.146.209-.401.507-.768.893l-.55.597v.047H6V14H3.012v-.725l1.073-1.25c.318-.376.525-.636.623-.781.097-.145.167-.28.21-.403.043-.124.064-.252.064-.384 0-.198-.047-.346-.141-.442a.506.506 0 00-.379-.145.972.972 0 00-.482.131 2.493 2.493 0 00-.489.375L3 9.705c.21-.207.385-.353.523-.439.139-.085.29-.15.454-.197.163-.046.347-.069.55-.069zm16.224 2.5a.39.39 0 01.176.037.145.145 0 01.066.056l.008.032v.75c0 .034-.025.063-.074.088a.352.352 0 01-.111.033l-.065.004h-10.5a.39.39 0 01-.176-.037.145.145 0 01-.066-.056L10 12.375v-.75c0-.034.025-.063.074-.088a.35.35 0 01.111-.033l.065-.004h10.5zM5 3v4h-.852V4.685l.008-.38.014-.416a4.47 4.47 0 01-.296.277l-.463.369L3 4.026 4.3 3H5zm15.75 2.038a.39.39 0 01.176.038.145.145 0 01.066.055l.008.032v.75c0 .034-.025.064-.074.088a.35.35 0 01-.111.033l-.065.004h-10.5a.388.388 0 01-.176-.037.145.145 0 01-.066-.055L10 5.913v-.75c0-.033.025-.063.074-.087a.35.35 0 01.111-.033l.065-.005h10.5z",
|
|
1588
|
+
fill: "#1A1A1A",
|
|
1589
|
+
fillRule: "evenodd"
|
|
1590
|
+
})
|
|
1478
1591
|
}));
|
|
1479
1592
|
};
|
|
1480
1593
|
|
|
1481
|
-
SvgOrderedList.propTypes = {};
|
|
1482
1594
|
SvgOrderedList.displayName = 'SvgOrderedList';
|
|
1483
1595
|
|
|
1484
1596
|
var OrderedListIcon = function OrderedListIcon(props) {
|
|
1485
|
-
var theme = react.useTheme();
|
|
1486
|
-
return
|
|
1487
|
-
|
|
1488
|
-
|
|
1597
|
+
var theme = react$1.useTheme();
|
|
1598
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1599
|
+
children: function children(_ref) {
|
|
1600
|
+
var createClass = _ref.css;
|
|
1601
|
+
return jsxRuntime.jsx(SvgOrderedList, _objectSpread$a(_objectSpread$a({}, props), {}, {
|
|
1602
|
+
className: createClass(getIconStyles$7(props, theme))
|
|
1603
|
+
}));
|
|
1604
|
+
}
|
|
1605
|
+
});
|
|
1489
1606
|
};
|
|
1490
1607
|
|
|
1491
|
-
OrderedListIcon.propTypes = {};
|
|
1492
1608
|
OrderedListIcon.displayName = 'OrderedListIcon';
|
|
1493
1609
|
var OrderedListIcon$1 = OrderedListIcon;
|
|
1494
1610
|
|
|
1495
|
-
function ownKeys$
|
|
1611
|
+
function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1496
1612
|
|
|
1497
|
-
function _objectSpread$
|
|
1613
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1498
1614
|
var iconSizes$6 = {
|
|
1499
1615
|
small: 12,
|
|
1500
1616
|
medium: 16,
|
|
@@ -1532,17 +1648,17 @@ var getSizeStyle$6 = function getSizeStyle(size) {
|
|
|
1532
1648
|
|
|
1533
1649
|
switch (size) {
|
|
1534
1650
|
case 'scale':
|
|
1535
|
-
return _concatInstanceProperty__default[
|
|
1651
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1536
1652
|
|
|
1537
1653
|
default:
|
|
1538
|
-
return _concatInstanceProperty__default[
|
|
1654
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1539
1655
|
}
|
|
1540
1656
|
};
|
|
1541
1657
|
|
|
1542
1658
|
var getColor$6 = function getColor(color, theme) {
|
|
1543
1659
|
if (!color) return 'inherit';
|
|
1544
1660
|
|
|
1545
|
-
var overwrittenVars = _objectSpread$
|
|
1661
|
+
var overwrittenVars = _objectSpread$9(_objectSpread$9({}, designSystem.customProperties), theme);
|
|
1546
1662
|
|
|
1547
1663
|
var iconColor;
|
|
1548
1664
|
|
|
@@ -1588,44 +1704,51 @@ var getColor$6 = function getColor(color, theme) {
|
|
|
1588
1704
|
};
|
|
1589
1705
|
|
|
1590
1706
|
var getIconStyles$6 = function getIconStyles(props, theme) {
|
|
1591
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$6(props.color, theme), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1707
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$6(props.color, theme), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1592
1708
|
};
|
|
1593
1709
|
|
|
1594
1710
|
var SvgRedo = function SvgRedo(props) {
|
|
1595
|
-
return
|
|
1711
|
+
return jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
|
|
1596
1712
|
width: 24,
|
|
1597
1713
|
height: 24,
|
|
1598
1714
|
viewBox: "0 0 24 24",
|
|
1599
1715
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1600
1716
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
1601
|
-
}, props),
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1717
|
+
}, props), {}, {
|
|
1718
|
+
children: [jsxRuntime.jsx("defs", {
|
|
1719
|
+
children: jsxRuntime.jsx("path", {
|
|
1720
|
+
d: "M12.458 7.41a8.524 8.524 0 00-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 015.697-3.64 6.283 6.283 0 016.277 6.085 8.542 8.542 0 00-8.531-8.948z",
|
|
1721
|
+
id: "redo_react_svg__a"
|
|
1722
|
+
})
|
|
1723
|
+
}), jsxRuntime.jsx("use", {
|
|
1724
|
+
fill: "#1A1A1A",
|
|
1725
|
+
xlinkHref: "#redo_react_svg__a",
|
|
1726
|
+
transform: "matrix(-1 0 0 1 24 0)",
|
|
1727
|
+
fillRule: "evenodd"
|
|
1728
|
+
})]
|
|
1609
1729
|
}));
|
|
1610
1730
|
};
|
|
1611
1731
|
|
|
1612
|
-
SvgRedo.propTypes = {};
|
|
1613
1732
|
SvgRedo.displayName = 'SvgRedo';
|
|
1614
1733
|
|
|
1615
1734
|
var RedoIcon = function RedoIcon(props) {
|
|
1616
|
-
var theme = react.useTheme();
|
|
1617
|
-
return
|
|
1618
|
-
|
|
1619
|
-
|
|
1735
|
+
var theme = react$1.useTheme();
|
|
1736
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1737
|
+
children: function children(_ref) {
|
|
1738
|
+
var createClass = _ref.css;
|
|
1739
|
+
return jsxRuntime.jsx(SvgRedo, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1740
|
+
className: createClass(getIconStyles$6(props, theme))
|
|
1741
|
+
}));
|
|
1742
|
+
}
|
|
1743
|
+
});
|
|
1620
1744
|
};
|
|
1621
1745
|
|
|
1622
|
-
RedoIcon.propTypes = {};
|
|
1623
1746
|
RedoIcon.displayName = 'RedoIcon';
|
|
1624
1747
|
var RedoIcon$1 = RedoIcon;
|
|
1625
1748
|
|
|
1626
|
-
function ownKeys$
|
|
1749
|
+
function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1627
1750
|
|
|
1628
|
-
function _objectSpread$
|
|
1751
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1629
1752
|
var iconSizes$5 = {
|
|
1630
1753
|
small: 12,
|
|
1631
1754
|
medium: 16,
|
|
@@ -1663,17 +1786,17 @@ var getSizeStyle$5 = function getSizeStyle(size) {
|
|
|
1663
1786
|
|
|
1664
1787
|
switch (size) {
|
|
1665
1788
|
case 'scale':
|
|
1666
|
-
return _concatInstanceProperty__default[
|
|
1789
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1667
1790
|
|
|
1668
1791
|
default:
|
|
1669
|
-
return _concatInstanceProperty__default[
|
|
1792
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1670
1793
|
}
|
|
1671
1794
|
};
|
|
1672
1795
|
|
|
1673
1796
|
var getColor$5 = function getColor(color, theme) {
|
|
1674
1797
|
if (!color) return 'inherit';
|
|
1675
1798
|
|
|
1676
|
-
var overwrittenVars = _objectSpread$
|
|
1799
|
+
var overwrittenVars = _objectSpread$8(_objectSpread$8({}, designSystem.customProperties), theme);
|
|
1677
1800
|
|
|
1678
1801
|
var iconColor;
|
|
1679
1802
|
|
|
@@ -1719,39 +1842,44 @@ var getColor$5 = function getColor(color, theme) {
|
|
|
1719
1842
|
};
|
|
1720
1843
|
|
|
1721
1844
|
var getIconStyles$5 = function getIconStyles(props, theme) {
|
|
1722
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$5(props.color, theme), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1845
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$5(props.color, theme), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1723
1846
|
};
|
|
1724
1847
|
|
|
1725
1848
|
var SvgStrikethrough = function SvgStrikethrough(props) {
|
|
1726
|
-
return
|
|
1849
|
+
return jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
|
|
1727
1850
|
width: 24,
|
|
1728
1851
|
height: 24,
|
|
1729
1852
|
viewBox: "0 0 24 24",
|
|
1730
1853
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1731
|
-
}, props),
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1854
|
+
}, props), {}, {
|
|
1855
|
+
children: jsxRuntime.jsx("path", {
|
|
1856
|
+
d: "M11.648 3c1.704 0 3.27.312 4.7.938l-.621 1.734c-1.415-.594-2.79-.89-4.125-.89-1.055 0-1.88.226-2.473.679-.594.453-.89 1.082-.89 1.887 0 .593.109 1.08.327 1.459.22.379.588.726 1.108 1.043.52.316 1.314.666 2.385 1.048.99.353 1.81.72 2.459 1.102H19.5v1.25l-3.493-.002c.516.69.774 1.548.774 2.572 0 1.508-.547 2.684-1.64 3.528-1.094.843-2.578 1.265-4.454 1.265-2.03 0-3.593-.261-4.687-.785v-1.922c.703.297 1.469.531 2.297.703.828.172 1.648.258 2.46.258 1.329 0 2.329-.252 3-.756.673-.504 1.009-1.205 1.009-2.103 0-.594-.12-1.08-.358-1.46-.238-.378-.637-.728-1.195-1.048-.14-.08-.3-.164-.478-.25H4.5V12h5.137c-1.066-.476-1.863-1.016-2.389-1.617-.684-.781-1.025-1.801-1.025-3.059 0-1.32.496-2.37 1.488-3.152C8.703 3.39 10.016 3 11.648 3z",
|
|
1857
|
+
fill: "#1A1A1A",
|
|
1858
|
+
fillRule: "evenodd"
|
|
1859
|
+
})
|
|
1735
1860
|
}));
|
|
1736
1861
|
};
|
|
1737
1862
|
|
|
1738
|
-
SvgStrikethrough.propTypes = {};
|
|
1739
1863
|
SvgStrikethrough.displayName = 'SvgStrikethrough';
|
|
1740
1864
|
|
|
1741
1865
|
var StrikethroughIcon = function StrikethroughIcon(props) {
|
|
1742
|
-
var theme = react.useTheme();
|
|
1743
|
-
return
|
|
1744
|
-
|
|
1745
|
-
|
|
1866
|
+
var theme = react$1.useTheme();
|
|
1867
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1868
|
+
children: function children(_ref) {
|
|
1869
|
+
var createClass = _ref.css;
|
|
1870
|
+
return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$8(_objectSpread$8({}, props), {}, {
|
|
1871
|
+
className: createClass(getIconStyles$5(props, theme))
|
|
1872
|
+
}));
|
|
1873
|
+
}
|
|
1874
|
+
});
|
|
1746
1875
|
};
|
|
1747
1876
|
|
|
1748
|
-
StrikethroughIcon.propTypes = {};
|
|
1749
1877
|
StrikethroughIcon.displayName = 'StrikethroughIcon';
|
|
1750
1878
|
var StrikethroughIcon$1 = StrikethroughIcon;
|
|
1751
1879
|
|
|
1752
|
-
function ownKeys$
|
|
1880
|
+
function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1753
1881
|
|
|
1754
|
-
function _objectSpread$
|
|
1882
|
+
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1755
1883
|
var iconSizes$4 = {
|
|
1756
1884
|
small: 12,
|
|
1757
1885
|
medium: 16,
|
|
@@ -1789,17 +1917,17 @@ var getSizeStyle$4 = function getSizeStyle(size) {
|
|
|
1789
1917
|
|
|
1790
1918
|
switch (size) {
|
|
1791
1919
|
case 'scale':
|
|
1792
|
-
return _concatInstanceProperty__default[
|
|
1920
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1793
1921
|
|
|
1794
1922
|
default:
|
|
1795
|
-
return _concatInstanceProperty__default[
|
|
1923
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1796
1924
|
}
|
|
1797
1925
|
};
|
|
1798
1926
|
|
|
1799
1927
|
var getColor$4 = function getColor(color, theme) {
|
|
1800
1928
|
if (!color) return 'inherit';
|
|
1801
1929
|
|
|
1802
|
-
var overwrittenVars = _objectSpread$
|
|
1930
|
+
var overwrittenVars = _objectSpread$7(_objectSpread$7({}, designSystem.customProperties), theme);
|
|
1803
1931
|
|
|
1804
1932
|
var iconColor;
|
|
1805
1933
|
|
|
@@ -1845,40 +1973,46 @@ var getColor$4 = function getColor(color, theme) {
|
|
|
1845
1973
|
};
|
|
1846
1974
|
|
|
1847
1975
|
var getIconStyles$4 = function getIconStyles(props, theme) {
|
|
1848
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$4(props.color, theme), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + ("" ));
|
|
1976
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$4(props.color, theme), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1849
1977
|
};
|
|
1850
1978
|
|
|
1851
1979
|
var SvgSubscript = function SvgSubscript(props) {
|
|
1852
|
-
return
|
|
1980
|
+
return jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
|
|
1853
1981
|
width: 24,
|
|
1854
1982
|
height: 24,
|
|
1855
1983
|
viewBox: "0 0 24 24",
|
|
1856
1984
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1857
|
-
}, props),
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1985
|
+
}, props), {}, {
|
|
1986
|
+
children: jsxRuntime.jsx("g", {
|
|
1987
|
+
fillRule: "nonzero",
|
|
1988
|
+
fill: "#333",
|
|
1989
|
+
children: jsxRuntime.jsx("path", {
|
|
1990
|
+
d: "M6.609 9.937L3.18 15.145h3.294l2.067-3.39 2.085 3.39h3.294l-3.466-5.208L14.083 4.5h-3.304L8.542 8.147 6.294 4.5H3zM21.044 19.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 00-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 01.907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V19.5z"
|
|
1991
|
+
})
|
|
1992
|
+
})
|
|
1993
|
+
}));
|
|
1863
1994
|
};
|
|
1864
1995
|
|
|
1865
|
-
SvgSubscript.propTypes = {};
|
|
1866
1996
|
SvgSubscript.displayName = 'SvgSubscript';
|
|
1867
1997
|
|
|
1868
1998
|
var SubscriptIcon = function SubscriptIcon(props) {
|
|
1869
|
-
var theme = react.useTheme();
|
|
1870
|
-
return
|
|
1871
|
-
|
|
1872
|
-
|
|
1999
|
+
var theme = react$1.useTheme();
|
|
2000
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
2001
|
+
children: function children(_ref) {
|
|
2002
|
+
var createClass = _ref.css;
|
|
2003
|
+
return jsxRuntime.jsx(SvgSubscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
2004
|
+
className: createClass(getIconStyles$4(props, theme))
|
|
2005
|
+
}));
|
|
2006
|
+
}
|
|
2007
|
+
});
|
|
1873
2008
|
};
|
|
1874
2009
|
|
|
1875
|
-
SubscriptIcon.propTypes = {};
|
|
1876
2010
|
SubscriptIcon.displayName = 'SubscriptIcon';
|
|
1877
2011
|
var SubscriptIcon$1 = SubscriptIcon;
|
|
1878
2012
|
|
|
1879
|
-
function ownKeys$
|
|
2013
|
+
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1880
2014
|
|
|
1881
|
-
function _objectSpread$
|
|
2015
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1882
2016
|
var iconSizes$3 = {
|
|
1883
2017
|
small: 12,
|
|
1884
2018
|
medium: 16,
|
|
@@ -1916,17 +2050,17 @@ var getSizeStyle$3 = function getSizeStyle(size) {
|
|
|
1916
2050
|
|
|
1917
2051
|
switch (size) {
|
|
1918
2052
|
case 'scale':
|
|
1919
|
-
return _concatInstanceProperty__default[
|
|
2053
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
1920
2054
|
|
|
1921
2055
|
default:
|
|
1922
|
-
return _concatInstanceProperty__default[
|
|
2056
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
1923
2057
|
}
|
|
1924
2058
|
};
|
|
1925
2059
|
|
|
1926
2060
|
var getColor$3 = function getColor(color, theme) {
|
|
1927
2061
|
if (!color) return 'inherit';
|
|
1928
2062
|
|
|
1929
|
-
var overwrittenVars = _objectSpread$
|
|
2063
|
+
var overwrittenVars = _objectSpread$6(_objectSpread$6({}, designSystem.customProperties), theme);
|
|
1930
2064
|
|
|
1931
2065
|
var iconColor;
|
|
1932
2066
|
|
|
@@ -1972,41 +2106,47 @@ var getColor$3 = function getColor(color, theme) {
|
|
|
1972
2106
|
};
|
|
1973
2107
|
|
|
1974
2108
|
var getIconStyles$3 = function getIconStyles(props, theme) {
|
|
1975
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$3(props.color, theme), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + ("" ));
|
|
2109
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$3(props.color, theme), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1976
2110
|
};
|
|
1977
2111
|
|
|
1978
2112
|
var SvgSuperscript = function SvgSuperscript(props) {
|
|
1979
|
-
return
|
|
2113
|
+
return jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1980
2114
|
width: 24,
|
|
1981
2115
|
height: 24,
|
|
1982
2116
|
viewBox: "0 0 24 24",
|
|
1983
2117
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1984
|
-
}, props),
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
2118
|
+
}, props), {}, {
|
|
2119
|
+
children: jsxRuntime.jsx("g", {
|
|
2120
|
+
fillRule: "evenodd",
|
|
2121
|
+
children: jsxRuntime.jsx("path", {
|
|
2122
|
+
fill: "#333",
|
|
2123
|
+
fillRule: "nonzero",
|
|
2124
|
+
d: "M7.067 14.063L3.64 8.855h3.295L9 12.245l2.085-3.39h3.295l-3.466 5.208 3.628 5.437h-3.304L9 15.853 6.753 19.5H3.458zM21.044 13.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 00-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 01.907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V13.5z"
|
|
2125
|
+
})
|
|
2126
|
+
})
|
|
2127
|
+
}));
|
|
1991
2128
|
};
|
|
1992
2129
|
|
|
1993
|
-
SvgSuperscript.propTypes = {};
|
|
1994
2130
|
SvgSuperscript.displayName = 'SvgSuperscript';
|
|
1995
2131
|
|
|
1996
2132
|
var SuperscriptIcon = function SuperscriptIcon(props) {
|
|
1997
|
-
var theme = react.useTheme();
|
|
1998
|
-
return
|
|
1999
|
-
|
|
2000
|
-
|
|
2133
|
+
var theme = react$1.useTheme();
|
|
2134
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
2135
|
+
children: function children(_ref) {
|
|
2136
|
+
var createClass = _ref.css;
|
|
2137
|
+
return jsxRuntime.jsx(SvgSuperscript, _objectSpread$6(_objectSpread$6({}, props), {}, {
|
|
2138
|
+
className: createClass(getIconStyles$3(props, theme))
|
|
2139
|
+
}));
|
|
2140
|
+
}
|
|
2141
|
+
});
|
|
2001
2142
|
};
|
|
2002
2143
|
|
|
2003
|
-
SuperscriptIcon.propTypes = {};
|
|
2004
2144
|
SuperscriptIcon.displayName = 'SuperscriptIcon';
|
|
2005
2145
|
var SuperscriptIcon$1 = SuperscriptIcon;
|
|
2006
2146
|
|
|
2007
|
-
function ownKeys$
|
|
2147
|
+
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2008
2148
|
|
|
2009
|
-
function _objectSpread$
|
|
2149
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2010
2150
|
var iconSizes$2 = {
|
|
2011
2151
|
small: 12,
|
|
2012
2152
|
medium: 16,
|
|
@@ -2044,17 +2184,17 @@ var getSizeStyle$2 = function getSizeStyle(size) {
|
|
|
2044
2184
|
|
|
2045
2185
|
switch (size) {
|
|
2046
2186
|
case 'scale':
|
|
2047
|
-
return _concatInstanceProperty__default[
|
|
2187
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
2048
2188
|
|
|
2049
2189
|
default:
|
|
2050
|
-
return _concatInstanceProperty__default[
|
|
2190
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
2051
2191
|
}
|
|
2052
2192
|
};
|
|
2053
2193
|
|
|
2054
2194
|
var getColor$2 = function getColor(color, theme) {
|
|
2055
2195
|
if (!color) return 'inherit';
|
|
2056
2196
|
|
|
2057
|
-
var overwrittenVars = _objectSpread$
|
|
2197
|
+
var overwrittenVars = _objectSpread$5(_objectSpread$5({}, designSystem.customProperties), theme);
|
|
2058
2198
|
|
|
2059
2199
|
var iconColor;
|
|
2060
2200
|
|
|
@@ -2100,39 +2240,44 @@ var getColor$2 = function getColor(color, theme) {
|
|
|
2100
2240
|
};
|
|
2101
2241
|
|
|
2102
2242
|
var getIconStyles$2 = function getIconStyles(props, theme) {
|
|
2103
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$2(props.color, theme), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + ("" ));
|
|
2243
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$2(props.color, theme), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
2104
2244
|
};
|
|
2105
2245
|
|
|
2106
2246
|
var SvgUnderline = function SvgUnderline(props) {
|
|
2107
|
-
return
|
|
2247
|
+
return jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
|
|
2108
2248
|
width: 24,
|
|
2109
2249
|
height: 24,
|
|
2110
2250
|
viewBox: "0 0 24 24",
|
|
2111
2251
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2112
|
-
}, props),
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2252
|
+
}, props), {}, {
|
|
2253
|
+
children: jsxRuntime.jsx("path", {
|
|
2254
|
+
d: "M19.5 19.625v1.25h-15v-1.25h15zM8.69 3.223v9.642c0 1.234.313 2.18.938 2.84.626.661 1.546.991 2.76.991 1.156 0 2.048-.332 2.673-.995.626-.664.939-1.616.939-2.856V3.223h1.595v9.562c0 1.684-.472 3.008-1.417 3.972-.945.963-2.243 1.445-3.894 1.445-1.652 0-2.93-.485-3.833-1.455-.904-.97-1.356-2.305-1.356-4.003V3.223H8.69z",
|
|
2255
|
+
fill: "#1A1A1A",
|
|
2256
|
+
fillRule: "evenodd"
|
|
2257
|
+
})
|
|
2116
2258
|
}));
|
|
2117
2259
|
};
|
|
2118
2260
|
|
|
2119
|
-
SvgUnderline.propTypes = {};
|
|
2120
2261
|
SvgUnderline.displayName = 'SvgUnderline';
|
|
2121
2262
|
|
|
2122
2263
|
var UnderlineIcon = function UnderlineIcon(props) {
|
|
2123
|
-
var theme = react.useTheme();
|
|
2124
|
-
return
|
|
2125
|
-
|
|
2126
|
-
|
|
2264
|
+
var theme = react$1.useTheme();
|
|
2265
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
2266
|
+
children: function children(_ref) {
|
|
2267
|
+
var createClass = _ref.css;
|
|
2268
|
+
return jsxRuntime.jsx(SvgUnderline, _objectSpread$5(_objectSpread$5({}, props), {}, {
|
|
2269
|
+
className: createClass(getIconStyles$2(props, theme))
|
|
2270
|
+
}));
|
|
2271
|
+
}
|
|
2272
|
+
});
|
|
2127
2273
|
};
|
|
2128
2274
|
|
|
2129
|
-
UnderlineIcon.propTypes = {};
|
|
2130
2275
|
UnderlineIcon.displayName = 'UnderlineIcon';
|
|
2131
2276
|
var UnderlineIcon$1 = UnderlineIcon;
|
|
2132
2277
|
|
|
2133
|
-
function ownKeys$
|
|
2278
|
+
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2134
2279
|
|
|
2135
|
-
function _objectSpread$
|
|
2280
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2136
2281
|
var iconSizes$1 = {
|
|
2137
2282
|
small: 12,
|
|
2138
2283
|
medium: 16,
|
|
@@ -2170,17 +2315,17 @@ var getSizeStyle$1 = function getSizeStyle(size) {
|
|
|
2170
2315
|
|
|
2171
2316
|
switch (size) {
|
|
2172
2317
|
case 'scale':
|
|
2173
|
-
return _concatInstanceProperty__default[
|
|
2318
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
2174
2319
|
|
|
2175
2320
|
default:
|
|
2176
|
-
return _concatInstanceProperty__default[
|
|
2321
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
2177
2322
|
}
|
|
2178
2323
|
};
|
|
2179
2324
|
|
|
2180
2325
|
var getColor$1 = function getColor(color, theme) {
|
|
2181
2326
|
if (!color) return 'inherit';
|
|
2182
2327
|
|
|
2183
|
-
var overwrittenVars = _objectSpread$
|
|
2328
|
+
var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), theme);
|
|
2184
2329
|
|
|
2185
2330
|
var iconColor;
|
|
2186
2331
|
|
|
@@ -2226,43 +2371,50 @@ var getColor$1 = function getColor(color, theme) {
|
|
|
2226
2371
|
};
|
|
2227
2372
|
|
|
2228
2373
|
var getIconStyles$1 = function getIconStyles(props, theme) {
|
|
2229
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ));
|
|
2374
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
2230
2375
|
};
|
|
2231
2376
|
|
|
2232
2377
|
var SvgUndo = function SvgUndo(props) {
|
|
2233
|
-
return
|
|
2378
|
+
return jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
|
|
2234
2379
|
width: 24,
|
|
2235
2380
|
height: 24,
|
|
2236
2381
|
viewBox: "0 0 24 24",
|
|
2237
2382
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2238
2383
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
2239
|
-
}, props),
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2384
|
+
}, props), {}, {
|
|
2385
|
+
children: [jsxRuntime.jsx("defs", {
|
|
2386
|
+
children: jsxRuntime.jsx("path", {
|
|
2387
|
+
d: "M12.458 7.41a8.524 8.524 0 00-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 015.697-3.64 6.283 6.283 0 016.277 6.085 8.542 8.542 0 00-8.531-8.948z",
|
|
2388
|
+
id: "undo_react_svg__a"
|
|
2389
|
+
})
|
|
2390
|
+
}), jsxRuntime.jsx("use", {
|
|
2391
|
+
fill: "#1A1A1A",
|
|
2392
|
+
xlinkHref: "#undo_react_svg__a",
|
|
2393
|
+
fillRule: "evenodd"
|
|
2394
|
+
})]
|
|
2246
2395
|
}));
|
|
2247
2396
|
};
|
|
2248
2397
|
|
|
2249
|
-
SvgUndo.propTypes = {};
|
|
2250
2398
|
SvgUndo.displayName = 'SvgUndo';
|
|
2251
2399
|
|
|
2252
2400
|
var UndoIcon = function UndoIcon(props) {
|
|
2253
|
-
var theme = react.useTheme();
|
|
2254
|
-
return
|
|
2255
|
-
|
|
2256
|
-
|
|
2401
|
+
var theme = react$1.useTheme();
|
|
2402
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
2403
|
+
children: function children(_ref) {
|
|
2404
|
+
var createClass = _ref.css;
|
|
2405
|
+
return jsxRuntime.jsx(SvgUndo, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
2406
|
+
className: createClass(getIconStyles$1(props, theme))
|
|
2407
|
+
}));
|
|
2408
|
+
}
|
|
2409
|
+
});
|
|
2257
2410
|
};
|
|
2258
2411
|
|
|
2259
|
-
UndoIcon.propTypes = {};
|
|
2260
2412
|
UndoIcon.displayName = 'UndoIcon';
|
|
2261
2413
|
var UndoIcon$1 = UndoIcon;
|
|
2262
2414
|
|
|
2263
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2415
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2264
2416
|
|
|
2265
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default[
|
|
2417
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2266
2418
|
var iconSizes = {
|
|
2267
2419
|
small: 12,
|
|
2268
2420
|
medium: 16,
|
|
@@ -2300,17 +2452,17 @@ var getSizeStyle = function getSizeStyle(size) {
|
|
|
2300
2452
|
|
|
2301
2453
|
switch (size) {
|
|
2302
2454
|
case 'scale':
|
|
2303
|
-
return _concatInstanceProperty__default[
|
|
2455
|
+
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
2304
2456
|
|
|
2305
2457
|
default:
|
|
2306
|
-
return _concatInstanceProperty__default[
|
|
2458
|
+
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
2307
2459
|
}
|
|
2308
2460
|
};
|
|
2309
2461
|
|
|
2310
2462
|
var getColor = function getColor(color, theme) {
|
|
2311
2463
|
if (!color) return 'inherit';
|
|
2312
2464
|
|
|
2313
|
-
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
2465
|
+
var overwrittenVars = _objectSpread$3(_objectSpread$3({}, designSystem.customProperties), theme);
|
|
2314
2466
|
|
|
2315
2467
|
var iconColor;
|
|
2316
2468
|
|
|
@@ -2356,84 +2508,91 @@ var getColor = function getColor(color, theme) {
|
|
|
2356
2508
|
};
|
|
2357
2509
|
|
|
2358
2510
|
var getIconStyles = function getIconStyles(props, theme) {
|
|
2359
|
-
return /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ));
|
|
2511
|
+
return /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
2360
2512
|
};
|
|
2361
2513
|
|
|
2362
2514
|
var SvgUnorderedList = function SvgUnorderedList(props) {
|
|
2363
|
-
return
|
|
2515
|
+
return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
|
|
2364
2516
|
width: 24,
|
|
2365
2517
|
height: 24,
|
|
2366
2518
|
viewBox: "0 0 24 24",
|
|
2367
2519
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2368
2520
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
2369
|
-
}, props),
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2521
|
+
}, props), {}, {
|
|
2522
|
+
children: [jsxRuntime.jsx("defs", {
|
|
2523
|
+
children: jsxRuntime.jsx("path", {
|
|
2524
|
+
d: "M5.625 17a.36.36 0 01.264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 01-.111.264.363.363 0 01-.19.104L5.625 20h-2.25a.36.36 0 01-.264-.111.364.364 0 01-.104-.19L3 19.625v-2.25a.36.36 0 01.111-.264.366.366 0 01.19-.104L3.375 17h2.25zm15.125 1a.39.39 0 01.176.037.145.145 0 01.066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 01-.111.033L20.75 19h-10.5a.389.389 0 01-.176-.037.144.144 0 01-.066-.056L10 18.875v-.75c0-.034.025-.063.074-.088a.352.352 0 01.111-.033L10.25 18h10.5zM5.625 10a.36.36 0 01.264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 01-.111.264.365.365 0 01-.19.104L5.625 13h-2.25a.361.361 0 01-.264-.111.364.364 0 01-.104-.19L3 12.625v-2.25a.36.36 0 01.111-.264.364.364 0 01.19-.104L3.375 10h2.25zm15.125 1a.39.39 0 01.176.037c.05.025.074.054.074.088v.75c0 .034-.025.063-.074.088a.39.39 0 01-.176.037h-10.5a.39.39 0 01-.176-.037c-.05-.025-.074-.054-.074-.088v-.75c0-.034.025-.063.074-.088A.389.389 0 0110.25 11zM5.625 4c.102 0 .19.037.264.111.055.056.09.12.104.19L6 4.375v2.25a.36.36 0 01-.111.264.363.363 0 01-.19.104L5.625 7h-2.25a.36.36 0 01-.264-.111.364.364 0 01-.104-.19L3 6.625v-2.25a.36.36 0 01.111-.264.364.364 0 01.19-.104L3.375 4h2.25zm4.625 1h10.5a.39.39 0 01.176.037.145.145 0 01.066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 01-.111.033L20.75 6h-10.5a.388.388 0 01-.176-.037.145.145 0 01-.066-.056L10 5.875v-.75c0-.034.025-.063.074-.088a.35.35 0 01.111-.033L10.25 5h10.5z",
|
|
2525
|
+
id: "unordered-list_react_svg__a"
|
|
2526
|
+
})
|
|
2527
|
+
}), jsxRuntime.jsx("use", {
|
|
2528
|
+
fill: "#1A1A1A",
|
|
2529
|
+
xlinkHref: "#unordered-list_react_svg__a",
|
|
2530
|
+
fillRule: "evenodd"
|
|
2531
|
+
})]
|
|
2376
2532
|
}));
|
|
2377
2533
|
};
|
|
2378
2534
|
|
|
2379
|
-
SvgUnorderedList.propTypes = {};
|
|
2380
2535
|
SvgUnorderedList.displayName = 'SvgUnorderedList';
|
|
2381
2536
|
|
|
2382
2537
|
var UnorderedListIcon = function UnorderedListIcon(props) {
|
|
2383
|
-
var theme = react.useTheme();
|
|
2384
|
-
return
|
|
2385
|
-
|
|
2386
|
-
|
|
2538
|
+
var theme = react$1.useTheme();
|
|
2539
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
2540
|
+
children: function children(_ref) {
|
|
2541
|
+
var createClass = _ref.css;
|
|
2542
|
+
return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
2543
|
+
className: createClass(getIconStyles(props, theme))
|
|
2544
|
+
}));
|
|
2545
|
+
}
|
|
2546
|
+
});
|
|
2387
2547
|
};
|
|
2388
2548
|
|
|
2389
|
-
UnorderedListIcon.propTypes = {};
|
|
2390
2549
|
UnorderedListIcon.displayName = 'UnorderedListIcon';
|
|
2391
2550
|
var UnorderedListIcon$1 = UnorderedListIcon;
|
|
2392
2551
|
|
|
2393
2552
|
var getBorderColor = function getBorderColor(props) {
|
|
2394
2553
|
if (props.isDisabled) {
|
|
2395
|
-
return /*#__PURE__*/react.css("border-color:", designSystem.customProperties.borderColorForInputWhenDisabled, ";" + ("" ));
|
|
2554
|
+
return /*#__PURE__*/react$1.css("border-color:", designSystem.customProperties.borderColorForInputWhenDisabled, ";" + ("" ), "" );
|
|
2396
2555
|
}
|
|
2397
2556
|
|
|
2398
2557
|
if (props.hasError) {
|
|
2399
|
-
return /*#__PURE__*/react.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";" + ("" ));
|
|
2558
|
+
return /*#__PURE__*/react$1.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";" + ("" ), "" );
|
|
2400
2559
|
}
|
|
2401
2560
|
|
|
2402
2561
|
if (props.hasWarning) {
|
|
2403
|
-
return /*#__PURE__*/react.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";" + ("" ));
|
|
2562
|
+
return /*#__PURE__*/react$1.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";" + ("" ), "" );
|
|
2404
2563
|
}
|
|
2405
2564
|
|
|
2406
2565
|
if (props.isReadOnly) {
|
|
2407
|
-
return /*#__PURE__*/react.css("border-color:", designSystem.customProperties.borderColorForInputWhenReadonly, ";" + ("" ));
|
|
2566
|
+
return /*#__PURE__*/react$1.css("border-color:", designSystem.customProperties.borderColorForInputWhenReadonly, ";" + ("" ), "" );
|
|
2408
2567
|
}
|
|
2409
2568
|
|
|
2410
|
-
return /*#__PURE__*/react.css("border-color:", designSystem.customProperties.borderColorForInput, ";" + ("" ));
|
|
2569
|
+
return /*#__PURE__*/react$1.css("border-color:", designSystem.customProperties.borderColorForInput, ";" + ("" ), "" );
|
|
2411
2570
|
};
|
|
2412
2571
|
|
|
2413
2572
|
var getBackgroundColor = function getBackgroundColor(props) {
|
|
2414
2573
|
if (props.isDisabled) {
|
|
2415
|
-
return /*#__PURE__*/react.css("background-color:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";" + ("" ));
|
|
2574
|
+
return /*#__PURE__*/react$1.css("background-color:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";" + ("" ), "" );
|
|
2416
2575
|
}
|
|
2417
2576
|
|
|
2418
2577
|
if (props.isReadOnly) {
|
|
2419
|
-
return /*#__PURE__*/react.css("background-color:", designSystem.customProperties.backgroundColorForInputWhenReadonly, ";" + ("" ));
|
|
2578
|
+
return /*#__PURE__*/react$1.css("background-color:", designSystem.customProperties.backgroundColorForInputWhenReadonly, ";" + ("" ), "" );
|
|
2420
2579
|
}
|
|
2421
2580
|
|
|
2422
|
-
return /*#__PURE__*/react.css("background-color:", designSystem.customProperties.backgroundColorForInput, ";" + ("" ));
|
|
2581
|
+
return /*#__PURE__*/react$1.css("background-color:", designSystem.customProperties.backgroundColorForInput, ";" + ("" ), "" );
|
|
2423
2582
|
};
|
|
2424
2583
|
|
|
2425
|
-
var ToolbarMainControls = _styled__default[
|
|
2584
|
+
var ToolbarMainControls = _styled__default["default"]("div", {
|
|
2426
2585
|
target: "e10epvnp4"
|
|
2427
2586
|
} )({
|
|
2428
2587
|
name: "tg5p88",
|
|
2429
2588
|
styles: "display:flex;flex-wrap:wrap;flex:1;align-items:flex-start;>*{margin-left:1px;}"
|
|
2430
2589
|
} );
|
|
2431
|
-
var ToolbarRightControls = _styled__default[
|
|
2590
|
+
var ToolbarRightControls = _styled__default["default"]("div", {
|
|
2432
2591
|
target: "e10epvnp3"
|
|
2433
|
-
} )();
|
|
2434
|
-
var Toolbar = _styled__default[
|
|
2592
|
+
} )("" );
|
|
2593
|
+
var Toolbar = _styled__default["default"]("div", {
|
|
2435
2594
|
target: "e10epvnp2"
|
|
2436
|
-
} )("display:flex;flex-wrap:wrap;font-family:", designSystem.customProperties.fontFamilyDefault, ";border-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom:0;padding:", designSystem.customProperties.spacingXs, " calc(", designSystem.customProperties.spacingS, " - 1px);padding-left:calc(", designSystem.customProperties.spacingXs, " - 1px);align-items:flex-start;align-content:stretch;position:relative;&::after{position:absolute;content:'';width:calc(100% - ", designSystem.customProperties.spacingS, ");height:1px;background:", designSystem.customProperties.colorNeutral, ";left:50%;transform:translateX(-50%);bottom:-1px;}&:focus{outline:none;}");
|
|
2595
|
+
} )("display:flex;flex-wrap:wrap;font-family:", designSystem.customProperties.fontFamilyDefault, ";border-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom:0;padding:", designSystem.customProperties.spacingXs, " calc(", designSystem.customProperties.spacingS, " - 1px);padding-left:calc(", designSystem.customProperties.spacingXs, " - 1px);align-items:flex-start;align-content:stretch;position:relative;&::after{position:absolute;content:'';width:calc(100% - ", designSystem.customProperties.spacingS, ");height:1px;background:", designSystem.customProperties.colorNeutral, ";left:50%;transform:translateX(-50%);bottom:-1px;}&:focus{outline:none;}" + ("" ));
|
|
2437
2596
|
|
|
2438
2597
|
var _ref$2 = {
|
|
2439
2598
|
name: "7g2mws",
|
|
@@ -2441,18 +2600,21 @@ var _ref$2 = {
|
|
|
2441
2600
|
} ;
|
|
2442
2601
|
|
|
2443
2602
|
var reset = function reset(props) {
|
|
2444
|
-
return [_ref$2, props.isReadOnly && /*#__PURE__*/react.css("color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";" + ("" )), props.isDisabled && /*#__PURE__*/react.css("color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";" + ("" ))];
|
|
2603
|
+
return [_ref$2, props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";" + ("" ), "" )];
|
|
2445
2604
|
};
|
|
2446
2605
|
|
|
2447
|
-
var EditorContainer = _styled__default[
|
|
2606
|
+
var EditorContainer = _styled__default["default"]("div", {
|
|
2448
2607
|
target: "e10epvnp1"
|
|
2449
|
-
} )("padding:4px ", designSystem.customProperties.spacingS, ";padding-top:6px;border-radius:", designSystem.customProperties.borderRadiusForInput, ";font-family:", designSystem.customProperties.fontFamilyDefault, ";", getBorderColor, " overflow-y:scroll;", reset, ";");
|
|
2450
|
-
var Container = _styled__default[
|
|
2608
|
+
} )("padding:4px ", designSystem.customProperties.spacingS, ";padding-top:6px;border-radius:", designSystem.customProperties.borderRadiusForInput, ";font-family:", designSystem.customProperties.fontFamilyDefault, ";", getBorderColor, " overflow-y:scroll;", reset, ";" + ("" ));
|
|
2609
|
+
var Container = _styled__default["default"]("div", {
|
|
2451
2610
|
target: "e10epvnp0"
|
|
2452
2611
|
} )("border-radius:", designSystem.customProperties.borderRadiusForInput, ";border:1px solid ", designSystem.customProperties.borderColorForInput, ";transition:", designSystem.customProperties.transitionStandard, ";", getBorderColor, " ", getBackgroundColor, " pointer-events:", function (props) {
|
|
2453
2612
|
return props.isDisabled || props.isReadOnly ? 'none' : 'inherit';
|
|
2454
|
-
}, ";position:relative;&:hover{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}&:focus{outline:none;box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";}", Toolbar, "{border-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:", designSystem.customProperties.borderColorForInput, ";}&:focus-within{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";", Toolbar, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}", EditorContainer, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}}");
|
|
2613
|
+
}, ";position:relative;&:hover{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}&:focus{outline:none;box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";}", Toolbar, "{border-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:", designSystem.customProperties.borderColorForInput, ";}&:focus-within{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";", Toolbar, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}", EditorContainer, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}}" + ("" ));
|
|
2455
2614
|
|
|
2615
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2616
|
+
|
|
2617
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2456
2618
|
var propsToOmit = ['isActive', 'label', 'isDisabled', 'isReadOnly'];
|
|
2457
2619
|
|
|
2458
2620
|
function getFillColor(props) {
|
|
@@ -2461,32 +2623,33 @@ function getFillColor(props) {
|
|
|
2461
2623
|
}
|
|
2462
2624
|
|
|
2463
2625
|
var RichTextBodyButton = function RichTextBodyButton(props) {
|
|
2464
|
-
var restOfProps = omit__default[
|
|
2465
|
-
return
|
|
2626
|
+
var restOfProps = omit__default["default"](props, propsToOmit);
|
|
2627
|
+
return jsxRuntime.jsx("button", _objectSpread$2(_objectSpread$2({}, restOfProps), {}, {
|
|
2466
2628
|
type: "button",
|
|
2467
2629
|
tabIndex: -1,
|
|
2468
2630
|
"aria-disabled": props.isDisabled,
|
|
2469
2631
|
disabled: props.isDisabled,
|
|
2470
2632
|
"aria-label": props.label,
|
|
2471
|
-
css: [/*#__PURE__*/react.css("border:0;cursor:pointer;background:", props.isActive ? designSystem.customProperties.colorAccent30 : 'transparent', ";display:flex;justify-content:center;align-items:center;border-radius:", designSystem.customProperties.spacingXs, ";padding:", designSystem.customProperties.spacingXs, ";&:focus{outline:none;}&:hover,&:focus{background:", props.isActive ? designSystem.customProperties.colorAccent30 : designSystem.customProperties.colorNeutral90, ";}svg{fill:", getFillColor(props), ";}&:disabled{pointer-events:none;svg{fill:", designSystem.customProperties.colorNeutral60, ";}}" + ("" )), props.isReadOnly && /*#__PURE__*/react.css("svg{fill:", designSystem.customProperties.colorNeutral60, ";}" + ("" )), "" ]
|
|
2472
|
-
|
|
2633
|
+
css: [/*#__PURE__*/react$1.css("border:0;cursor:pointer;background:", props.isActive ? designSystem.customProperties.colorAccent30 : 'transparent', ";display:flex;justify-content:center;align-items:center;border-radius:", designSystem.customProperties.spacingXs, ";padding:", designSystem.customProperties.spacingXs, ";&:focus{outline:none;}&:hover,&:focus{background:", props.isActive ? designSystem.customProperties.colorAccent30 : designSystem.customProperties.colorNeutral90, ";}svg{fill:", getFillColor(props), ";}&:disabled{pointer-events:none;svg{fill:", designSystem.customProperties.colorNeutral60, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("svg{fill:", designSystem.customProperties.colorNeutral60, ";}" + ("" ), "" ), "" , "" ],
|
|
2634
|
+
children: props.children
|
|
2635
|
+
}));
|
|
2473
2636
|
};
|
|
2474
2637
|
|
|
2475
2638
|
RichTextBodyButton.propTypes = {};
|
|
2476
2639
|
RichTextBodyButton.displayName = 'RichTextInputButton';
|
|
2477
2640
|
var Button = RichTextBodyButton;
|
|
2478
2641
|
|
|
2479
|
-
var Divider = _styled__default[
|
|
2642
|
+
var Divider = _styled__default["default"]("span", {
|
|
2480
2643
|
target: "ek11h3e0"
|
|
2481
|
-
} )("width:1px;height:", designSystem.customProperties.spacingL, ";background:", designSystem.customProperties.colorNeutral, ";margin:0 ", designSystem.customProperties.spacingXs, ";");
|
|
2644
|
+
} )("width:1px;height:", designSystem.customProperties.spacingL, ";background:", designSystem.customProperties.colorNeutral, ";margin:0 ", designSystem.customProperties.spacingXs, ";" + ("" ));
|
|
2482
2645
|
|
|
2483
2646
|
var Divider$1 = Divider;
|
|
2484
2647
|
|
|
2485
|
-
var DropdownItem = _styled__default[
|
|
2648
|
+
var DropdownItem = _styled__default["default"]("button", {
|
|
2486
2649
|
target: "e10zulpn1"
|
|
2487
2650
|
} )("width:100%;border:0;font-size:1rem;cursor:pointer;padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";font-family:", designSystem.customProperties.fontFamilyDefault, ";display:block;background-color:", function (props) {
|
|
2488
2651
|
return props.isSelected ? designSystem.customProperties.colorAccent95 : designSystem.customProperties.colorSurface;
|
|
2489
|
-
}, ";&:focus,&:hover{outline:none;background-color:", designSystem.customProperties.colorNeutral90, ";}");
|
|
2652
|
+
}, ";&:focus,&:hover{outline:none;background-color:", designSystem.customProperties.colorNeutral90, ";}" + ("" ));
|
|
2490
2653
|
|
|
2491
2654
|
var getButtonStyles = function getButtonStyles() {
|
|
2492
2655
|
var _context;
|
|
@@ -2494,22 +2657,26 @@ var getButtonStyles = function getButtonStyles() {
|
|
|
2494
2657
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
2495
2658
|
isStyleButton: true
|
|
2496
2659
|
};
|
|
2497
|
-
return [/*#__PURE__*/react.css("border:0;font-family:", designSystem.customProperties.fontFamilyDefault, ";border-radius:", designSystem.customProperties.borderRadius4, ";cursor:pointer;font-size:", designSystem.customProperties.fontSizeForInput, ";color:", designSystem.customProperties.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? _concatInstanceProperty__default[
|
|
2660
|
+
return [/*#__PURE__*/react$1.css("border:0;font-family:", designSystem.customProperties.fontFamilyDefault, ";border-radius:", designSystem.customProperties.borderRadius4, ";cursor:pointer;font-size:", designSystem.customProperties.fontSizeForInput, ";color:", designSystem.customProperties.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? _concatInstanceProperty__default["default"](_context = "calc(".concat(designSystem.customProperties.spacingXs, " - 1px) ")).call(_context, designSystem.customProperties.spacingS) : designSystem.customProperties.spacingXs, ";&:hover{background-color:", designSystem.customProperties.colorNeutral90, ";}" + ("" ), "" ), props.isIndeterminate && /*#__PURE__*/react$1.css("background-color:", designSystem.customProperties.colorAccent95, ";" + ("" ), "" ), props.isOpen && /*#__PURE__*/react$1.css("&:not(:hover){background-color:", designSystem.customProperties.colorAccent30, ";color:", designSystem.customProperties.colorSurface, ";svg{fill:", designSystem.customProperties.colorSurface, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorNeutral60, ";svg{fill:", designSystem.customProperties.colorNeutral60, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorNeutral60, ";svg{fill:", designSystem.customProperties.colorNeutral60, ";}" + ("" ), "" )];
|
|
2498
2661
|
};
|
|
2499
2662
|
|
|
2500
|
-
var DropdownContainer = _styled__default[
|
|
2663
|
+
var DropdownContainer = _styled__default["default"]("div", {
|
|
2501
2664
|
target: "e10zulpn0"
|
|
2502
|
-
} )("position:absolute;cursor:pointer;font-size:", designSystem.customProperties.fontSizeForInput, ";top:", designSystem.customProperties.spacingXs, ";margin-top:", designSystem.customProperties.spacingXs, ";left:0;white-space:nowrap;background:", designSystem.customProperties.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.customProperties.colorPrimary, ";border-radius:", designSystem.customProperties.borderRadius6, ";");
|
|
2665
|
+
} )("position:absolute;cursor:pointer;font-size:", designSystem.customProperties.fontSizeForInput, ";top:", designSystem.customProperties.spacingXs, ";margin-top:", designSystem.customProperties.spacingXs, ";left:0;white-space:nowrap;background:", designSystem.customProperties.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.customProperties.colorPrimary, ";border-radius:", designSystem.customProperties.borderRadius6, ";" + ("" ));
|
|
2666
|
+
|
|
2667
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2668
|
+
|
|
2669
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(source), true)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context6; _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2503
2670
|
|
|
2504
2671
|
var getIsSelected = function getIsSelected(props, item) {
|
|
2505
2672
|
var _context;
|
|
2506
2673
|
|
|
2507
|
-
return !props.isMulti ? item.value === props.value : _findInstanceProperty__default[
|
|
2674
|
+
return !props.isMulti ? item.value === props.value : _findInstanceProperty__default["default"](_context = props.value).call(_context, function (selectedItem) {
|
|
2508
2675
|
return selectedItem === item.value;
|
|
2509
2676
|
});
|
|
2510
2677
|
};
|
|
2511
2678
|
|
|
2512
|
-
var Label = _styled__default[
|
|
2679
|
+
var Label = _styled__default["default"]("div", {
|
|
2513
2680
|
target: "eow992s0"
|
|
2514
2681
|
} );
|
|
2515
2682
|
|
|
@@ -2522,52 +2689,62 @@ var Dropdown = function Dropdown(props) {
|
|
|
2522
2689
|
var DropdownItem = props.components.Item;
|
|
2523
2690
|
var DropdownLabel = props.components.Label;
|
|
2524
2691
|
var isIndeterminate = props.isMulti && props.value && props.value.length > 0;
|
|
2525
|
-
return
|
|
2692
|
+
return jsxRuntime.jsx(Downshift__default["default"], {
|
|
2526
2693
|
onChange: props.onChange,
|
|
2527
2694
|
selectedItem: props.value,
|
|
2528
2695
|
itemToString: function itemToString(headings) {
|
|
2529
2696
|
return headings ? headings.label : '';
|
|
2530
|
-
}
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2697
|
+
},
|
|
2698
|
+
children: function children(_ref2) {
|
|
2699
|
+
var _context2;
|
|
2700
|
+
|
|
2701
|
+
var isOpen = _ref2.isOpen,
|
|
2702
|
+
getToggleButtonProps = _ref2.getToggleButtonProps,
|
|
2703
|
+
getItemProps = _ref2.getItemProps;
|
|
2704
|
+
var toggleButtonProps = getToggleButtonProps();
|
|
2705
|
+
return jsxRuntime.jsxs("div", {
|
|
2706
|
+
children: [jsxRuntime.jsx(Tooltip__default["default"], {
|
|
2707
|
+
title: props.label,
|
|
2708
|
+
placement: "bottom",
|
|
2709
|
+
off: isOpen,
|
|
2710
|
+
style: {
|
|
2711
|
+
body: {
|
|
2712
|
+
zIndex: 9999
|
|
2713
|
+
}
|
|
2714
|
+
},
|
|
2715
|
+
children: jsxRuntime.jsx(Button, _objectSpread$1(_objectSpread$1({}, toggleButtonProps), {}, {
|
|
2716
|
+
label: props.label,
|
|
2717
|
+
css: getButtonStyles({
|
|
2718
|
+
isOpen: isOpen,
|
|
2719
|
+
isIndeterminate: isIndeterminate,
|
|
2720
|
+
isStyleButton: !props.isMulti,
|
|
2721
|
+
isDisabled: props.isDisabled,
|
|
2722
|
+
isReadOnly: props.isReadOnly
|
|
2723
|
+
}),
|
|
2724
|
+
children: jsxRuntime.jsx(DropdownLabel, {
|
|
2725
|
+
children: props.label
|
|
2726
|
+
})
|
|
2727
|
+
}))
|
|
2728
|
+
}), isOpen ? jsxRuntime.jsx("div", {
|
|
2729
|
+
css: _ref$1,
|
|
2730
|
+
children: jsxRuntime.jsx(DropdownContainer, {
|
|
2731
|
+
children: _mapInstanceProperty__default["default"](_context2 = props.options).call(_context2, function (item, index) {
|
|
2732
|
+
var itemProps = getItemProps({
|
|
2733
|
+
index: index,
|
|
2734
|
+
item: item
|
|
2735
|
+
});
|
|
2736
|
+
var dropdownItemProps = itemProps;
|
|
2737
|
+
var isSelected = getIsSelected(props, item);
|
|
2738
|
+
return react$1.createElement(DropdownItem, _objectSpread$1(_objectSpread$1({}, dropdownItemProps), {}, {
|
|
2739
|
+
key: index,
|
|
2740
|
+
value: item.value,
|
|
2741
|
+
isSelected: isSelected
|
|
2742
|
+
}), item.label);
|
|
2743
|
+
})
|
|
2744
|
+
})
|
|
2745
|
+
}) : null]
|
|
2562
2746
|
});
|
|
2563
|
-
|
|
2564
|
-
var isSelected = getIsSelected(props, item);
|
|
2565
|
-
return react.jsx(DropdownItem, _extends({}, dropdownItemProps, {
|
|
2566
|
-
key: index,
|
|
2567
|
-
value: item.value,
|
|
2568
|
-
isSelected: isSelected
|
|
2569
|
-
}), item.label);
|
|
2570
|
-
}))) : null);
|
|
2747
|
+
}
|
|
2571
2748
|
});
|
|
2572
2749
|
};
|
|
2573
2750
|
|
|
@@ -2585,7 +2762,7 @@ var Dropdown$1 = Dropdown;
|
|
|
2585
2762
|
var hasBlock = function hasBlock(type, editor) {
|
|
2586
2763
|
var _context;
|
|
2587
2764
|
|
|
2588
|
-
return _someInstanceProperty__default[
|
|
2765
|
+
return _someInstanceProperty__default["default"](_context = editor.value.blocks).call(_context, function (node) {
|
|
2589
2766
|
return node.type === type;
|
|
2590
2767
|
});
|
|
2591
2768
|
};
|
|
@@ -2700,8 +2877,12 @@ var messages = reactIntl.defineMessages({
|
|
|
2700
2877
|
}
|
|
2701
2878
|
});
|
|
2702
2879
|
|
|
2880
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2881
|
+
|
|
2882
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2883
|
+
|
|
2703
2884
|
var MoreStylesDropdownLabel = function MoreStylesDropdownLabel() {
|
|
2704
|
-
return
|
|
2885
|
+
return jsxRuntime.jsx(MoreStylesIcon$1, {
|
|
2705
2886
|
size: "medium"
|
|
2706
2887
|
});
|
|
2707
2888
|
};
|
|
@@ -2724,32 +2905,40 @@ var MoreStylesDropdownItem = function MoreStylesDropdownItem(props) {
|
|
|
2724
2905
|
Icon = SuperscriptIcon$1;
|
|
2725
2906
|
}
|
|
2726
2907
|
|
|
2727
|
-
return
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2908
|
+
return jsxRuntime.jsx(DropdownItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
2909
|
+
children: jsxRuntime.jsxs(Inline__default["default"], {
|
|
2910
|
+
scale: "xs",
|
|
2911
|
+
alignItems: "center",
|
|
2912
|
+
justifyContent: "flex-start",
|
|
2913
|
+
children: [jsxRuntime.jsx(Icon, {
|
|
2914
|
+
size: "medium"
|
|
2915
|
+
}), jsxRuntime.jsx("div", {
|
|
2916
|
+
children: props.children
|
|
2917
|
+
})]
|
|
2918
|
+
})
|
|
2919
|
+
}));
|
|
2734
2920
|
};
|
|
2735
2921
|
|
|
2736
2922
|
MoreStylesDropdownItem.displayName = 'MoreStylesDropdownItem';
|
|
2737
2923
|
MoreStylesDropdownItem.propTypes = {};
|
|
2738
2924
|
|
|
2739
2925
|
var DropdownLabel = function DropdownLabel(props) {
|
|
2740
|
-
return
|
|
2926
|
+
return jsxRuntime.jsxs(Inline__default["default"], {
|
|
2741
2927
|
scale: "xs",
|
|
2742
2928
|
alignItems: "center",
|
|
2743
|
-
justifyContent: "center"
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2929
|
+
justifyContent: "center",
|
|
2930
|
+
children: [jsxRuntime.jsx("span", {
|
|
2931
|
+
children: props.children
|
|
2932
|
+
}), jsxRuntime.jsx(icons.CaretDownIcon, {
|
|
2933
|
+
size: "small"
|
|
2934
|
+
})]
|
|
2935
|
+
});
|
|
2747
2936
|
};
|
|
2748
2937
|
|
|
2749
2938
|
DropdownLabel.displayName = 'DropdownLabel';
|
|
2750
2939
|
DropdownLabel.propTypes = {};
|
|
2751
2940
|
|
|
2752
|
-
var Item = _styled__default[
|
|
2941
|
+
var Item = _styled__default["default"]("div", {
|
|
2753
2942
|
target: "e1i52mlj0"
|
|
2754
2943
|
} )({
|
|
2755
2944
|
name: "1rmndyi",
|
|
@@ -2759,12 +2948,15 @@ var Item = _styled__default['default']("div", {
|
|
|
2759
2948
|
var StylesDropdownItem = function StylesDropdownItem(props) {
|
|
2760
2949
|
var _context;
|
|
2761
2950
|
|
|
2762
|
-
var as = _findInstanceProperty__default[
|
|
2951
|
+
var as = _findInstanceProperty__default["default"](_context = _Object$keys__default["default"](BLOCK_TAGS)).call(_context, function (key) {
|
|
2763
2952
|
return BLOCK_TAGS[key] === props.value;
|
|
2764
2953
|
}) || 'div';
|
|
2765
|
-
return
|
|
2766
|
-
|
|
2767
|
-
|
|
2954
|
+
return jsxRuntime.jsx(DropdownItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
2955
|
+
children: jsxRuntime.jsx(Item, {
|
|
2956
|
+
as: as,
|
|
2957
|
+
children: props.children
|
|
2958
|
+
})
|
|
2959
|
+
}));
|
|
2768
2960
|
};
|
|
2769
2961
|
|
|
2770
2962
|
StylesDropdownItem.propTypes = {};
|
|
@@ -2822,7 +3014,7 @@ var _ref = {
|
|
|
2822
3014
|
styles: "display:flex;flex-wrap:wrap;>*{margin-left:1px;}"
|
|
2823
3015
|
} ;
|
|
2824
3016
|
|
|
2825
|
-
var RichTextEditorBody = /*#__PURE__*/
|
|
3017
|
+
var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
2826
3018
|
var registerContentNode = ref.registerContentNode,
|
|
2827
3019
|
containerRef = ref.containerRef;
|
|
2828
3020
|
var intl = reactIntl.useIntl();
|
|
@@ -2830,7 +3022,7 @@ var RichTextEditorBody = /*#__PURE__*/React__default['default'].forwardRef(funct
|
|
|
2830
3022
|
var styleDropdownOptions = createStyleDropdownOptions(intl);
|
|
2831
3023
|
var hasUndos = props.editor.hasUndos();
|
|
2832
3024
|
var hasRedos = props.editor.hasRedos();
|
|
2833
|
-
var onClickBlock =
|
|
3025
|
+
var onClickBlock = react.useCallback(function (_ref2) {
|
|
2834
3026
|
var type = _ref2.value;
|
|
2835
3027
|
|
|
2836
3028
|
// Handle everything but list buttons.
|
|
@@ -2849,7 +3041,7 @@ var RichTextEditorBody = /*#__PURE__*/React__default['default'].forwardRef(funct
|
|
|
2849
3041
|
// Handle the extra wrapping required for list buttons.
|
|
2850
3042
|
var _isList = hasBlock$1(BLOCK_TAGS.li, props.editor);
|
|
2851
3043
|
|
|
2852
|
-
var isType = _someInstanceProperty__default[
|
|
3044
|
+
var isType = _someInstanceProperty__default["default"](_context2 = props.editor.value.blocks).call(_context2, function (block) {
|
|
2853
3045
|
return !!props.editor.value.document.getClosest(block.key, function (parent) {
|
|
2854
3046
|
return parent.type === type;
|
|
2855
3047
|
});
|
|
@@ -2864,7 +3056,7 @@ var RichTextEditorBody = /*#__PURE__*/React__default['default'].forwardRef(funct
|
|
|
2864
3056
|
}
|
|
2865
3057
|
}
|
|
2866
3058
|
}, [props.editor]);
|
|
2867
|
-
var onChangeMoreStyles =
|
|
3059
|
+
var onChangeMoreStyles = react.useCallback(function (val) {
|
|
2868
3060
|
props.editor.toggleMark(val.value);
|
|
2869
3061
|
}, [props.editor]);
|
|
2870
3062
|
var activeBlock = props.editor.value.blocks.first() && props.editor.value.blocks.first().type || ''; // so that we don't show our multi dropdown in an `indeterminate`
|
|
@@ -2875,12 +3067,12 @@ var RichTextEditorBody = /*#__PURE__*/React__default['default'].forwardRef(funct
|
|
|
2875
3067
|
if (props.editor.value.selection.isFocused) {
|
|
2876
3068
|
var _context3;
|
|
2877
3069
|
|
|
2878
|
-
var activeMarks = _mapInstanceProperty__default[
|
|
3070
|
+
var activeMarks = _mapInstanceProperty__default["default"](_context3 = _Array$from__default["default"](props.editor.value.activeMarks)).call(_context3, function (mark) {
|
|
2879
3071
|
return mark.type;
|
|
2880
3072
|
});
|
|
2881
3073
|
|
|
2882
|
-
activeMoreStyleMarks = _filterInstanceProperty__default[
|
|
2883
|
-
return _someInstanceProperty__default[
|
|
3074
|
+
activeMoreStyleMarks = _filterInstanceProperty__default["default"](activeMarks).call(activeMarks, function (activeMark) {
|
|
3075
|
+
return _someInstanceProperty__default["default"](dropdownOptions).call(dropdownOptions, function (dropdownOption) {
|
|
2884
3076
|
return activeMark === dropdownOption.value;
|
|
2885
3077
|
});
|
|
2886
3078
|
});
|
|
@@ -2889,148 +3081,174 @@ var RichTextEditorBody = /*#__PURE__*/React__default['default'].forwardRef(funct
|
|
|
2889
3081
|
// from blurring our input.
|
|
2890
3082
|
|
|
2891
3083
|
|
|
2892
|
-
var onToolbarMouseDown =
|
|
3084
|
+
var onToolbarMouseDown = react.useCallback(function (event) {
|
|
2893
3085
|
event.preventDefault();
|
|
2894
3086
|
}, []);
|
|
2895
|
-
return
|
|
3087
|
+
return jsxRuntime.jsxs(Container, {
|
|
2896
3088
|
css: props.styles.container,
|
|
2897
|
-
hasError: props.hasError,
|
|
2898
|
-
hasWarning: props.hasWarning,
|
|
2899
|
-
isReadOnly: props.isReadOnly,
|
|
2900
|
-
isDisabled: props.isDisabled
|
|
2901
|
-
}, react.jsx(Toolbar, {
|
|
2902
|
-
onMouseDown: onToolbarMouseDown
|
|
2903
|
-
}, react.jsx(ToolbarMainControls, null, react.jsx(Dropdown$1, {
|
|
2904
|
-
label: intl.formatMessage(messages.styleDropdownLabel),
|
|
2905
|
-
value: activeBlock,
|
|
2906
|
-
onChange: onClickBlock,
|
|
2907
|
-
options: styleDropdownOptions,
|
|
2908
|
-
components: {
|
|
2909
|
-
Item: StylesDropdownItem,
|
|
2910
|
-
Label: DropdownLabel
|
|
2911
|
-
},
|
|
2912
|
-
isDisabled: props.isDisabled,
|
|
2913
|
-
isReadOnly: props.isReadOnly
|
|
2914
|
-
}), react.jsx(Tooltip__default['default'], {
|
|
2915
|
-
title: intl.formatMessage(messages.boldButtonLabel),
|
|
2916
|
-
placement: "bottom",
|
|
2917
|
-
styles: tooltipStyles
|
|
2918
|
-
}, react.jsx(Button, {
|
|
2919
|
-
isActive: props.editor.value.selection.isFocused && props.editor.hasBoldMark(),
|
|
2920
|
-
isDisabled: props.isDisabled,
|
|
2921
|
-
isReadOnly: props.isReadOnly,
|
|
2922
|
-
label: intl.formatMessage(messages.boldButtonLabel),
|
|
2923
|
-
onClick: props.editor.toggleBoldMark
|
|
2924
|
-
}, react.jsx(BoldIcon$1, {
|
|
2925
|
-
size: "medium"
|
|
2926
|
-
}))), react.jsx(Tooltip__default['default'], {
|
|
2927
|
-
title: intl.formatMessage(messages.italicButtonLabel),
|
|
2928
|
-
placement: "bottom",
|
|
2929
|
-
styles: tooltipStyles
|
|
2930
|
-
}, react.jsx(Button, {
|
|
2931
|
-
isActive: props.editor.value.selection.isFocused && props.editor.hasItalicMark(),
|
|
2932
|
-
isDisabled: props.isDisabled,
|
|
2933
|
-
isReadOnly: props.isReadOnly,
|
|
2934
|
-
label: intl.formatMessage(messages.italicButtonLabel),
|
|
2935
|
-
onClick: props.editor.toggleItalicMark
|
|
2936
|
-
}, react.jsx(ItalicIcon$1, {
|
|
2937
|
-
size: "medium"
|
|
2938
|
-
}))), react.jsx(Tooltip__default['default'], {
|
|
2939
|
-
title: intl.formatMessage(messages.underlinedButtonLabel),
|
|
2940
|
-
placement: "bottom",
|
|
2941
|
-
styles: tooltipStyles
|
|
2942
|
-
}, react.jsx(Button, {
|
|
2943
|
-
isActive: props.editor.value.selection.isFocused && props.editor.hasUnderlinedMark(),
|
|
2944
|
-
isDisabled: props.isDisabled,
|
|
2945
|
-
isReadOnly: props.isReadOnly,
|
|
2946
|
-
label: intl.formatMessage(messages.underlinedButtonLabel),
|
|
2947
|
-
onClick: props.editor.toggleUnderlinedMark
|
|
2948
|
-
}, react.jsx(UnderlineIcon$1, {
|
|
2949
|
-
size: "medium"
|
|
2950
|
-
}))), react.jsx(Dropdown$1, {
|
|
2951
|
-
isMulti: true,
|
|
2952
|
-
label: intl.formatMessage(messages.moreStylesDropdownLabel),
|
|
2953
|
-
options: dropdownOptions,
|
|
2954
|
-
value: activeMoreStyleMarks,
|
|
2955
|
-
onChange: onChangeMoreStyles,
|
|
2956
|
-
isDisabled: props.isDisabled,
|
|
2957
|
-
isReadOnly: props.isReadOnly,
|
|
2958
|
-
components: {
|
|
2959
|
-
Item: MoreStylesDropdownItem,
|
|
2960
|
-
Label: MoreStylesDropdownLabel
|
|
2961
|
-
}
|
|
2962
|
-
}), react.jsx(Divider$1, null), react.jsx(Tooltip__default['default'], {
|
|
2963
|
-
title: intl.formatMessage(messages.orderedListButtonLabel),
|
|
2964
|
-
placement: "bottom",
|
|
2965
|
-
styles: tooltipStyles
|
|
2966
|
-
}, react.jsx(Button, {
|
|
2967
|
-
isActive: props.editor.value.selection.isFocused && props.editor.hasNumberedListBlock(),
|
|
2968
|
-
isDisabled: props.isDisabled,
|
|
2969
|
-
isReadOnly: props.isReadOnly,
|
|
2970
|
-
label: intl.formatMessage(messages.orderedListButtonLabel),
|
|
2971
|
-
onClick: props.editor.toggleNumberedListBlock
|
|
2972
|
-
}, react.jsx(OrderedListIcon$1, {
|
|
2973
|
-
size: "medium"
|
|
2974
|
-
}))), react.jsx(Tooltip__default['default'], {
|
|
2975
|
-
title: intl.formatMessage(messages.unorderedListButtonLabel),
|
|
2976
|
-
placement: "bottom",
|
|
2977
|
-
styles: tooltipStyles
|
|
2978
|
-
}, react.jsx(Button, {
|
|
2979
|
-
isActive: props.editor.value.selection.isFocused && props.editor.hasBulletedListBlock(),
|
|
2980
|
-
isDisabled: props.isDisabled,
|
|
2981
|
-
isReadOnly: props.isReadOnly,
|
|
2982
|
-
label: intl.formatMessage(messages.unorderedListButtonLabel),
|
|
2983
|
-
onClick: props.editor.toggleBulletedListBlock
|
|
2984
|
-
}, react.jsx(UnorderedListIcon$1, {
|
|
2985
|
-
size: "medium"
|
|
2986
|
-
})))), react.jsx(ToolbarRightControls, {
|
|
2987
|
-
css: _ref
|
|
2988
|
-
}, react.jsx(Tooltip__default['default'], {
|
|
2989
|
-
title: intl.formatMessage(messages.undoButtonLabel),
|
|
2990
|
-
placement: "bottom",
|
|
2991
|
-
off: !hasUndos
|
|
2992
|
-
}, react.jsx(Button, {
|
|
2993
|
-
isActive: false,
|
|
2994
|
-
label: intl.formatMessage(messages.undoButtonLabel),
|
|
2995
|
-
isDisabled: !hasUndos || props.isDisabled,
|
|
2996
|
-
isReadOnly: props.isReadOnly,
|
|
2997
|
-
onClick: props.editor.toggleUndo
|
|
2998
|
-
}, react.jsx(UndoIcon$1, {
|
|
2999
|
-
size: "medium"
|
|
3000
|
-
}))), react.jsx(Tooltip__default['default'], {
|
|
3001
|
-
title: intl.formatMessage(messages.redoButtonLabel),
|
|
3002
|
-
placement: "bottom",
|
|
3003
|
-
off: !hasRedos
|
|
3004
|
-
}, react.jsx(Button, {
|
|
3005
|
-
isActive: false,
|
|
3006
|
-
label: intl.formatMessage(messages.redoButtonLabel),
|
|
3007
|
-
isDisabled: !hasRedos || props.isDisabled,
|
|
3008
|
-
isReadOnly: props.isReadOnly,
|
|
3009
|
-
onClick: props.editor.toggleRedo
|
|
3010
|
-
}, react.jsx(RedoIcon$1, {
|
|
3011
|
-
size: "medium"
|
|
3012
|
-
}))), props.showExpandIcon && react.jsx(React__default['default'].Fragment, null, react.jsx(Divider$1, null), react.jsx(Tooltip__default['default'], {
|
|
3013
|
-
title: intl.formatMessage(messages.expandButtonLabel),
|
|
3014
|
-
placement: "bottom-end"
|
|
3015
|
-
}, react.jsx(Button, {
|
|
3016
|
-
isActive: false,
|
|
3017
|
-
isDisabled: props.isDisabled,
|
|
3018
|
-
isReadOnly: props.isReadOnly,
|
|
3019
|
-
label: intl.formatMessage(messages.expandButtonLabel),
|
|
3020
|
-
onClick: props.onClickExpand
|
|
3021
|
-
}, react.jsx(ExpandFullIcon$1, {
|
|
3022
|
-
size: "medium"
|
|
3023
|
-
})))))), react.jsx("div", {
|
|
3024
|
-
style: props.containerStyles
|
|
3025
|
-
}, react.jsx("div", {
|
|
3026
|
-
ref: registerContentNode
|
|
3027
|
-
}, react.jsx(EditorContainer, {
|
|
3028
3089
|
hasError: props.hasError,
|
|
3029
3090
|
hasWarning: props.hasWarning,
|
|
3030
3091
|
isReadOnly: props.isReadOnly,
|
|
3031
3092
|
isDisabled: props.isDisabled,
|
|
3032
|
-
|
|
3033
|
-
|
|
3093
|
+
children: [jsxRuntime.jsxs(Toolbar, {
|
|
3094
|
+
onMouseDown: onToolbarMouseDown,
|
|
3095
|
+
children: [jsxRuntime.jsxs(ToolbarMainControls, {
|
|
3096
|
+
children: [jsxRuntime.jsx(Dropdown$1, {
|
|
3097
|
+
label: intl.formatMessage(messages.styleDropdownLabel),
|
|
3098
|
+
value: activeBlock,
|
|
3099
|
+
onChange: onClickBlock,
|
|
3100
|
+
options: styleDropdownOptions,
|
|
3101
|
+
components: {
|
|
3102
|
+
Item: StylesDropdownItem,
|
|
3103
|
+
Label: DropdownLabel
|
|
3104
|
+
},
|
|
3105
|
+
isDisabled: props.isDisabled,
|
|
3106
|
+
isReadOnly: props.isReadOnly
|
|
3107
|
+
}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3108
|
+
title: intl.formatMessage(messages.boldButtonLabel),
|
|
3109
|
+
placement: "bottom",
|
|
3110
|
+
styles: tooltipStyles,
|
|
3111
|
+
children: jsxRuntime.jsx(Button, {
|
|
3112
|
+
isActive: props.editor.value.selection.isFocused && props.editor.hasBoldMark(),
|
|
3113
|
+
isDisabled: props.isDisabled,
|
|
3114
|
+
isReadOnly: props.isReadOnly,
|
|
3115
|
+
label: intl.formatMessage(messages.boldButtonLabel),
|
|
3116
|
+
onClick: props.editor.toggleBoldMark,
|
|
3117
|
+
children: jsxRuntime.jsx(BoldIcon$1, {
|
|
3118
|
+
size: "medium"
|
|
3119
|
+
})
|
|
3120
|
+
})
|
|
3121
|
+
}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3122
|
+
title: intl.formatMessage(messages.italicButtonLabel),
|
|
3123
|
+
placement: "bottom",
|
|
3124
|
+
styles: tooltipStyles,
|
|
3125
|
+
children: jsxRuntime.jsx(Button, {
|
|
3126
|
+
isActive: props.editor.value.selection.isFocused && props.editor.hasItalicMark(),
|
|
3127
|
+
isDisabled: props.isDisabled,
|
|
3128
|
+
isReadOnly: props.isReadOnly,
|
|
3129
|
+
label: intl.formatMessage(messages.italicButtonLabel),
|
|
3130
|
+
onClick: props.editor.toggleItalicMark,
|
|
3131
|
+
children: jsxRuntime.jsx(ItalicIcon$1, {
|
|
3132
|
+
size: "medium"
|
|
3133
|
+
})
|
|
3134
|
+
})
|
|
3135
|
+
}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3136
|
+
title: intl.formatMessage(messages.underlinedButtonLabel),
|
|
3137
|
+
placement: "bottom",
|
|
3138
|
+
styles: tooltipStyles,
|
|
3139
|
+
children: jsxRuntime.jsx(Button, {
|
|
3140
|
+
isActive: props.editor.value.selection.isFocused && props.editor.hasUnderlinedMark(),
|
|
3141
|
+
isDisabled: props.isDisabled,
|
|
3142
|
+
isReadOnly: props.isReadOnly,
|
|
3143
|
+
label: intl.formatMessage(messages.underlinedButtonLabel),
|
|
3144
|
+
onClick: props.editor.toggleUnderlinedMark,
|
|
3145
|
+
children: jsxRuntime.jsx(UnderlineIcon$1, {
|
|
3146
|
+
size: "medium"
|
|
3147
|
+
})
|
|
3148
|
+
})
|
|
3149
|
+
}), jsxRuntime.jsx(Dropdown$1, {
|
|
3150
|
+
isMulti: true,
|
|
3151
|
+
label: intl.formatMessage(messages.moreStylesDropdownLabel),
|
|
3152
|
+
options: dropdownOptions,
|
|
3153
|
+
value: activeMoreStyleMarks,
|
|
3154
|
+
onChange: onChangeMoreStyles,
|
|
3155
|
+
isDisabled: props.isDisabled,
|
|
3156
|
+
isReadOnly: props.isReadOnly,
|
|
3157
|
+
components: {
|
|
3158
|
+
Item: MoreStylesDropdownItem,
|
|
3159
|
+
Label: MoreStylesDropdownLabel
|
|
3160
|
+
}
|
|
3161
|
+
}), jsxRuntime.jsx(Divider$1, {}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3162
|
+
title: intl.formatMessage(messages.orderedListButtonLabel),
|
|
3163
|
+
placement: "bottom",
|
|
3164
|
+
styles: tooltipStyles,
|
|
3165
|
+
children: jsxRuntime.jsx(Button, {
|
|
3166
|
+
isActive: props.editor.value.selection.isFocused && props.editor.hasNumberedListBlock(),
|
|
3167
|
+
isDisabled: props.isDisabled,
|
|
3168
|
+
isReadOnly: props.isReadOnly,
|
|
3169
|
+
label: intl.formatMessage(messages.orderedListButtonLabel),
|
|
3170
|
+
onClick: props.editor.toggleNumberedListBlock,
|
|
3171
|
+
children: jsxRuntime.jsx(OrderedListIcon$1, {
|
|
3172
|
+
size: "medium"
|
|
3173
|
+
})
|
|
3174
|
+
})
|
|
3175
|
+
}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3176
|
+
title: intl.formatMessage(messages.unorderedListButtonLabel),
|
|
3177
|
+
placement: "bottom",
|
|
3178
|
+
styles: tooltipStyles,
|
|
3179
|
+
children: jsxRuntime.jsx(Button, {
|
|
3180
|
+
isActive: props.editor.value.selection.isFocused && props.editor.hasBulletedListBlock(),
|
|
3181
|
+
isDisabled: props.isDisabled,
|
|
3182
|
+
isReadOnly: props.isReadOnly,
|
|
3183
|
+
label: intl.formatMessage(messages.unorderedListButtonLabel),
|
|
3184
|
+
onClick: props.editor.toggleBulletedListBlock,
|
|
3185
|
+
children: jsxRuntime.jsx(UnorderedListIcon$1, {
|
|
3186
|
+
size: "medium"
|
|
3187
|
+
})
|
|
3188
|
+
})
|
|
3189
|
+
})]
|
|
3190
|
+
}), jsxRuntime.jsxs(ToolbarRightControls, {
|
|
3191
|
+
css: _ref,
|
|
3192
|
+
children: [jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3193
|
+
title: intl.formatMessage(messages.undoButtonLabel),
|
|
3194
|
+
placement: "bottom",
|
|
3195
|
+
off: !hasUndos,
|
|
3196
|
+
children: jsxRuntime.jsx(Button, {
|
|
3197
|
+
isActive: false,
|
|
3198
|
+
label: intl.formatMessage(messages.undoButtonLabel),
|
|
3199
|
+
isDisabled: !hasUndos || props.isDisabled,
|
|
3200
|
+
isReadOnly: props.isReadOnly,
|
|
3201
|
+
onClick: props.editor.toggleUndo,
|
|
3202
|
+
children: jsxRuntime.jsx(UndoIcon$1, {
|
|
3203
|
+
size: "medium"
|
|
3204
|
+
})
|
|
3205
|
+
})
|
|
3206
|
+
}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3207
|
+
title: intl.formatMessage(messages.redoButtonLabel),
|
|
3208
|
+
placement: "bottom",
|
|
3209
|
+
off: !hasRedos,
|
|
3210
|
+
children: jsxRuntime.jsx(Button, {
|
|
3211
|
+
isActive: false,
|
|
3212
|
+
label: intl.formatMessage(messages.redoButtonLabel),
|
|
3213
|
+
isDisabled: !hasRedos || props.isDisabled,
|
|
3214
|
+
isReadOnly: props.isReadOnly,
|
|
3215
|
+
onClick: props.editor.toggleRedo,
|
|
3216
|
+
children: jsxRuntime.jsx(RedoIcon$1, {
|
|
3217
|
+
size: "medium"
|
|
3218
|
+
})
|
|
3219
|
+
})
|
|
3220
|
+
}), props.showExpandIcon && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
3221
|
+
children: [jsxRuntime.jsx(Divider$1, {}), jsxRuntime.jsx(Tooltip__default["default"], {
|
|
3222
|
+
title: intl.formatMessage(messages.expandButtonLabel),
|
|
3223
|
+
placement: "bottom-end",
|
|
3224
|
+
children: jsxRuntime.jsx(Button, {
|
|
3225
|
+
isActive: false,
|
|
3226
|
+
isDisabled: props.isDisabled,
|
|
3227
|
+
isReadOnly: props.isReadOnly,
|
|
3228
|
+
label: intl.formatMessage(messages.expandButtonLabel),
|
|
3229
|
+
onClick: props.onClickExpand,
|
|
3230
|
+
children: jsxRuntime.jsx(ExpandFullIcon$1, {
|
|
3231
|
+
size: "medium"
|
|
3232
|
+
})
|
|
3233
|
+
})
|
|
3234
|
+
})]
|
|
3235
|
+
})]
|
|
3236
|
+
})]
|
|
3237
|
+
}), jsxRuntime.jsx("div", {
|
|
3238
|
+
style: props.containerStyles,
|
|
3239
|
+
children: jsxRuntime.jsx("div", {
|
|
3240
|
+
ref: registerContentNode,
|
|
3241
|
+
children: jsxRuntime.jsx(EditorContainer, {
|
|
3242
|
+
hasError: props.hasError,
|
|
3243
|
+
hasWarning: props.hasWarning,
|
|
3244
|
+
isReadOnly: props.isReadOnly,
|
|
3245
|
+
isDisabled: props.isDisabled,
|
|
3246
|
+
ref: containerRef,
|
|
3247
|
+
children: props.children
|
|
3248
|
+
})
|
|
3249
|
+
})
|
|
3250
|
+
})]
|
|
3251
|
+
});
|
|
3034
3252
|
});
|
|
3035
3253
|
RichTextEditorBody.displayName = 'RichTextEditorBody';
|
|
3036
3254
|
RichTextEditorBody.propTypes = {};
|
|
@@ -3039,8 +3257,8 @@ RichTextEditorBody.defaultProps = {
|
|
|
3039
3257
|
};
|
|
3040
3258
|
var RichTextEditorBody$1 = RichTextEditorBody;
|
|
3041
3259
|
|
|
3042
|
-
// NOTE: This string will be replaced
|
|
3043
|
-
var version =
|
|
3260
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
3261
|
+
var version = "12.2.6";
|
|
3044
3262
|
|
|
3045
3263
|
exports.HiddenInput = HiddenInput$1;
|
|
3046
3264
|
exports.RichTextBody = RichTextEditorBody$1;
|