@epam/uui 5.8.1-beta.0 → 5.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/effects.scss +2 -2
- package/assets/styles/inputs.scss +4 -0
- package/components/buttons/Button.d.ts +6 -3
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +7 -3
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +12 -5
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +12 -3
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +9 -1
- package/components/buttons/VerticalTabButton.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/inputs/Checkbox.d.ts +2 -3
- package/components/inputs/Checkbox.d.ts.map +1 -1
- package/components/inputs/NumericInput.d.ts +2 -3
- package/components/inputs/NumericInput.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/Switch.d.ts +2 -3
- package/components/inputs/Switch.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts +2 -3
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/layout/LabeledInput.d.ts +2 -3
- package/components/layout/LabeledInput.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +1 -1
- package/components/overlays/Modals.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/DataPickerCell.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/pickers/DataPickerHeader.d.ts.map +1 -1
- package/components/pickers/DataPickerRow.d.ts.map +1 -1
- package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerItem.d.ts.map +1 -1
- package/components/pickers/PickerToggler.d.ts.map +1 -1
- package/components/pickers/PickerTogglerTag.d.ts +1 -1
- package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
- package/components/pickers/highlight.d.ts +0 -1
- package/components/pickers/highlight.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/DataRowsGroups.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/utils.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts +2 -3
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +16 -5
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +21 -3
- package/components/widgets/Tag.d.ts.map +1 -1
- package/helpers/textLayout.d.ts.map +1 -1
- package/helpers/useColumnsWithFilters.d.ts +1 -1
- package/helpers/useColumnsWithFilters.d.ts.map +1 -1
- package/icons/icons.d.ts +0 -1
- package/icons/icons.d.ts.map +1 -1
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.esm.js +245 -346
- package/index.esm.js.map +1 -1
- package/index.js +243 -345
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +19 -1
- package/styles.css +3550 -2948
- package/styles.css.map +1 -1
- package/settings.d.ts +0 -193
- package/settings.d.ts.map +0 -1
package/index.js
CHANGED
|
@@ -314,187 +314,16 @@ const systemIcons = {
|
|
|
314
314
|
info: ForwardRef$L,
|
|
315
315
|
};
|
|
316
316
|
|
|
317
|
-
|
|
318
|
-
sizes: {
|
|
319
|
-
defaults: {
|
|
320
|
-
button: '36',
|
|
321
|
-
checkbox: '18',
|
|
322
|
-
countIndicator: '24',
|
|
323
|
-
dataPickerCell: '36',
|
|
324
|
-
linkButton: '36',
|
|
325
|
-
numericInput: '36',
|
|
326
|
-
pickerToggler: '36',
|
|
327
|
-
pickerItem: '36',
|
|
328
|
-
radioInput: '18',
|
|
329
|
-
switch: '18',
|
|
330
|
-
tabButton: '48',
|
|
331
|
-
tag: '36',
|
|
332
|
-
text: '36',
|
|
333
|
-
textInput: '36',
|
|
334
|
-
rangeDatePicker: '36',
|
|
335
|
-
datePicker: '36',
|
|
336
|
-
},
|
|
337
|
-
tag: {
|
|
338
|
-
countIndicator: {
|
|
339
|
-
18: '12',
|
|
340
|
-
24: '18',
|
|
341
|
-
30: '18',
|
|
342
|
-
36: '18',
|
|
343
|
-
42: '24',
|
|
344
|
-
48: '24',
|
|
345
|
-
},
|
|
346
|
-
},
|
|
347
|
-
mobileDropdownWrapper: {
|
|
348
|
-
linkButton: '48',
|
|
349
|
-
},
|
|
350
|
-
pickerInput: {
|
|
351
|
-
height: 300,
|
|
352
|
-
width: 360,
|
|
353
|
-
rowSize: {
|
|
354
|
-
mobile: '48',
|
|
355
|
-
modal: '36',
|
|
356
|
-
padding: {
|
|
357
|
-
modal: '24',
|
|
358
|
-
default: '12',
|
|
359
|
-
},
|
|
360
|
-
},
|
|
361
|
-
},
|
|
362
|
-
pickerToggler: {
|
|
363
|
-
tag: {
|
|
364
|
-
24: '18',
|
|
365
|
-
30: '24',
|
|
366
|
-
36: '30',
|
|
367
|
-
42: '36',
|
|
368
|
-
48: '42',
|
|
369
|
-
60: '48',
|
|
370
|
-
},
|
|
371
|
-
},
|
|
372
|
-
dataPickerHeader: {
|
|
373
|
-
text: {
|
|
374
|
-
fontWeight: '600',
|
|
375
|
-
size: '48',
|
|
376
|
-
},
|
|
377
|
-
},
|
|
378
|
-
dataPickerBody: {
|
|
379
|
-
flexCell: {
|
|
380
|
-
default: '36',
|
|
381
|
-
},
|
|
382
|
-
searchInput: {
|
|
383
|
-
mobile: '48',
|
|
384
|
-
},
|
|
385
|
-
},
|
|
386
|
-
pickerItem: {
|
|
387
|
-
avatar: {
|
|
388
|
-
rest: {
|
|
389
|
-
24: '18',
|
|
390
|
-
30: '24',
|
|
391
|
-
36: '30',
|
|
392
|
-
42: '36',
|
|
393
|
-
48: '36', // no design
|
|
394
|
-
},
|
|
395
|
-
multiline: {
|
|
396
|
-
24: '30',
|
|
397
|
-
30: '30',
|
|
398
|
-
36: '36',
|
|
399
|
-
42: '42',
|
|
400
|
-
48: '48', // no design
|
|
401
|
-
},
|
|
402
|
-
},
|
|
403
|
-
},
|
|
404
|
-
dataPickerCell: {
|
|
405
|
-
isBoldIcon: {
|
|
406
|
-
24: true,
|
|
407
|
-
},
|
|
408
|
-
padding: {
|
|
409
|
-
default: '12',
|
|
410
|
-
},
|
|
411
|
-
paddingLeft: {
|
|
412
|
-
default: '24',
|
|
413
|
-
},
|
|
414
|
-
text: {
|
|
415
|
-
24: '24',
|
|
416
|
-
30: '30',
|
|
417
|
-
36: '36',
|
|
418
|
-
42: '42',
|
|
419
|
-
48: '48',
|
|
420
|
-
60: '48',
|
|
421
|
-
},
|
|
422
|
-
},
|
|
423
|
-
dataPickerRow: {
|
|
424
|
-
padding: {
|
|
425
|
-
default: '24',
|
|
426
|
-
},
|
|
427
|
-
dataPickerCell: {
|
|
428
|
-
default: '36',
|
|
429
|
-
},
|
|
430
|
-
},
|
|
431
|
-
dataPickerFooter: {
|
|
432
|
-
flexRowPadding: '12',
|
|
433
|
-
switch: {
|
|
434
|
-
24: '12',
|
|
435
|
-
30: '18',
|
|
436
|
-
36: '18',
|
|
437
|
-
42: '24',
|
|
438
|
-
48: '24',
|
|
439
|
-
},
|
|
440
|
-
linkButton: {
|
|
441
|
-
24: '12',
|
|
442
|
-
30: '18',
|
|
443
|
-
36: '18',
|
|
444
|
-
42: '24',
|
|
445
|
-
48: '24',
|
|
446
|
-
mobile: '48',
|
|
447
|
-
},
|
|
448
|
-
},
|
|
449
|
-
rowAddons: {
|
|
450
|
-
checkbox: {
|
|
451
|
-
24: '12',
|
|
452
|
-
30: '18',
|
|
453
|
-
36: '18',
|
|
454
|
-
42: '18',
|
|
455
|
-
48: '18',
|
|
456
|
-
60: '18',
|
|
457
|
-
},
|
|
458
|
-
indentUnit: {
|
|
459
|
-
24: 6,
|
|
460
|
-
30: 12,
|
|
461
|
-
36: 12,
|
|
462
|
-
42: 24,
|
|
463
|
-
48: 24,
|
|
464
|
-
60: 24,
|
|
465
|
-
default: 24,
|
|
466
|
-
},
|
|
467
|
-
indentWidth: {
|
|
468
|
-
24: 12,
|
|
469
|
-
30: 18,
|
|
470
|
-
36: 18,
|
|
471
|
-
42: 24,
|
|
472
|
-
48: 24,
|
|
473
|
-
60: 24,
|
|
474
|
-
default: 12,
|
|
475
|
-
},
|
|
476
|
-
},
|
|
477
|
-
text: {
|
|
478
|
-
18: { lineHeight: 12, fontSize: 10 },
|
|
479
|
-
24: { lineHeight: 18, fontSize: 12 },
|
|
480
|
-
30: { lineHeight: 18, fontSize: 14 },
|
|
481
|
-
36: { lineHeight: 18, fontSize: 14 },
|
|
482
|
-
42: { lineHeight: 24, fontSize: 16 },
|
|
483
|
-
48: { lineHeight: 24, fontSize: 16 },
|
|
484
|
-
60: { lineHeight: 30, fontSize: 24 },
|
|
485
|
-
},
|
|
486
|
-
},
|
|
487
|
-
};
|
|
488
|
-
|
|
489
|
-
var css$1s = {"uui-typography":"vAOb-p","hero-header":"n9Pi6L","promo-header":"-axDU2","uui-critical":"-JHG1y","uui-info":"sYlNWa","uui-success":"lV1AFN","uui-warning":"FTq9Mi","uui-highlight":"_0DO176","uui-typography-size-12":"f1hI1l","uui-typography-size-14":"nNf9R8","uui-typography-size-16":"_0JBPoc","root":"YrD6ge","uuiTypography":"vAOb-p","heroHeader":"n9Pi6L","promoHeader":"-axDU2","uuiCritical":"-JHG1y","uuiInfo":"sYlNWa","uuiSuccess":"lV1AFN","uuiWarning":"FTq9Mi","uuiHighlight":"_0DO176","uuiTypographySize12":"f1hI1l","uuiTypographySize14":"nNf9R8","uuiTypographySize16":"_0JBPoc"};
|
|
317
|
+
var css$1s = {"uui-typography":"dvYXvK","hero-header":"Dcmwip","promo-header":"LFe6l7","uui-critical":"k-GFaP","uui-info":"GyRUio","uui-success":"ctD82b","uui-warning":"CDVTeT","uui-highlight":"Ifb8qf","uui-typography-size-12":"C6BfYa","uui-typography-size-14":"CXKJfF","uui-typography-size-16":"dSAW6B","root":"r-N9Qk","uuiTypography":"dvYXvK","heroHeader":"Dcmwip","promoHeader":"LFe6l7","uuiCritical":"k-GFaP","uuiInfo":"GyRUio","uuiSuccess":"ctD82b","uuiWarning":"CDVTeT","uuiHighlight":"Ifb8qf","uuiTypographySize12":"C6BfYa","uuiTypographySize14":"CXKJfF","uuiTypographySize16":"dSAW6B"};
|
|
490
318
|
|
|
319
|
+
const DEFAULT_SIZE$8 = '36';
|
|
491
320
|
function applyButtonMods(mods) {
|
|
492
321
|
return [
|
|
493
322
|
css$1s.root,
|
|
494
323
|
'uui-button',
|
|
495
324
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
496
325
|
`uui-color-${mods.color || 'primary'}`,
|
|
497
|
-
`uui-size-${mods.size ||
|
|
326
|
+
`uui-size-${mods.size || DEFAULT_SIZE$8}`,
|
|
498
327
|
];
|
|
499
328
|
}
|
|
500
329
|
const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button, applyButtonMods, () => {
|
|
@@ -504,7 +333,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
504
333
|
};
|
|
505
334
|
});
|
|
506
335
|
|
|
507
|
-
var css$1r = {"root":"
|
|
336
|
+
var css$1r = {"root":"rbnZUJ"};
|
|
508
337
|
|
|
509
338
|
function applyIconButtonMods(props) {
|
|
510
339
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -521,6 +350,7 @@ const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Icon
|
|
|
521
350
|
}
|
|
522
351
|
return {
|
|
523
352
|
dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
|
|
353
|
+
size: props.size && Number(props.size),
|
|
524
354
|
};
|
|
525
355
|
});
|
|
526
356
|
|
|
@@ -541,14 +371,15 @@ function getIconClass(props) {
|
|
|
541
371
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
542
372
|
}
|
|
543
373
|
|
|
544
|
-
var css$1q = {"uui-typography":"
|
|
374
|
+
var css$1q = {"uui-typography":"fcFEuI","hero-header":"QuteAQ","promo-header":"scyn0Z","uui-critical":"e31haE","uui-info":"fNjqJU","uui-success":"lmvBQs","uui-warning":"xtbo2u","uui-highlight":"MnAwyr","uui-typography-size-12":"FnMd5C","uui-typography-size-14":"_0eP5AY","uui-typography-size-16":"Na-asq","root":"cPfYKP","uuiTypography":"fcFEuI","heroHeader":"QuteAQ","promoHeader":"scyn0Z","uuiCritical":"e31haE","uuiInfo":"fNjqJU","uuiSuccess":"lmvBQs","uuiWarning":"xtbo2u","uuiHighlight":"MnAwyr","uuiTypographySize12":"FnMd5C","uuiTypographySize14":"_0eP5AY","uuiTypographySize16":"Na-asq"};
|
|
545
375
|
|
|
376
|
+
const DEFAULT_SIZE$7 = '36';
|
|
546
377
|
const DEFAULT_COLOR = 'primary';
|
|
547
378
|
function applyLinkButtonMods(mods) {
|
|
548
379
|
return [
|
|
549
380
|
'uui-link_button',
|
|
550
381
|
css$1q.root,
|
|
551
|
-
`uui-size-${mods.size ||
|
|
382
|
+
`uui-size-${mods.size || DEFAULT_SIZE$7}`,
|
|
552
383
|
...getIconClass(mods),
|
|
553
384
|
`uui-color-${mods.color || DEFAULT_COLOR}`,
|
|
554
385
|
];
|
|
@@ -572,25 +403,25 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
572
403
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
573
404
|
});
|
|
574
405
|
|
|
575
|
-
var css$1p = {"root":"
|
|
406
|
+
var css$1p = {"root":"_7Nw7Rq","size-24":"_2Z-h-M","size-18":"lOoP8a","size-12":"b-Apf6","size24":"_2Z-h-M","size18":"lOoP8a","size12":"b-Apf6"};
|
|
576
407
|
|
|
577
408
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
578
409
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
579
410
|
css$1p.root,
|
|
580
411
|
'uui-count_indicator',
|
|
581
|
-
`
|
|
412
|
+
css$1p[`size-${props.size || 24}`],
|
|
582
413
|
props.color && `uui-color-${props.color}`,
|
|
583
414
|
props.cx,
|
|
584
415
|
]) }, props.caption));
|
|
585
416
|
});
|
|
586
417
|
|
|
587
|
-
var css$1o = {"uui-typography":"
|
|
418
|
+
var css$1o = {"uui-typography":"pXc7Li","hero-header":"AauMo6","promo-header":"bnfSQk","uui-critical":"c3AIFG","uui-info":"_3f7sK-","uui-success":"WcFa88","uui-warning":"flVCaC","uui-highlight":"lO0SiY","uui-typography-size-12":"MU2KxY","uui-typography-size-14":"N3HRQG","uui-typography-size-16":"jY-KZ-","root":"bMrvVl","withNotify":"_0yob5j","caption-with-notify":"oHtrxG","size-36":"CxPh0v","size-48":"n3sUqZ","size-60":"ZGi1lL","uuiTypography":"pXc7Li","heroHeader":"AauMo6","promoHeader":"bnfSQk","uuiCritical":"c3AIFG","uuiInfo":"_3f7sK-","uuiSuccess":"WcFa88","uuiWarning":"flVCaC","uuiHighlight":"lO0SiY","uuiTypographySize12":"MU2KxY","uuiTypographySize14":"N3HRQG","uuiTypographySize16":"jY-KZ-","captionWithNotify":"oHtrxG","size36":"CxPh0v","size48":"n3sUqZ","size60":"ZGi1lL"};
|
|
588
419
|
|
|
589
420
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
590
421
|
const styles = [
|
|
591
422
|
css$1o.root,
|
|
592
423
|
'uui-tab-button',
|
|
593
|
-
|
|
424
|
+
css$1o['size-' + (props.size || '48')],
|
|
594
425
|
props.withNotify && css$1o.withNotify,
|
|
595
426
|
...getIconClass(props),
|
|
596
427
|
props.cx,
|
|
@@ -599,14 +430,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
599
430
|
const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
|
|
600
431
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
601
432
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
602
|
-
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
|
|
433
|
+
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
|
|
603
434
|
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
|
|
604
435
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
605
436
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
606
437
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
607
438
|
});
|
|
608
439
|
|
|
609
|
-
var css$1n = {"uui-typography":"
|
|
440
|
+
var css$1n = {"uui-typography":"KP1389","hero-header":"_90iVsu","promo-header":"dvNgg1","uui-critical":"SqbwEI","uui-info":"xR1Bm7","uui-success":"uXL5bC","uui-warning":"TmBCjx","uui-highlight":"_2YFaXD","uui-typography-size-12":"lzIPqv","uui-typography-size-14":"Fn8pV2","uui-typography-size-16":"FZJJoW","root":"yipmY6","uuiTypography":"KP1389","heroHeader":"_90iVsu","promoHeader":"dvNgg1","uuiCritical":"SqbwEI","uuiInfo":"xR1Bm7","uuiSuccess":"uXL5bC","uuiWarning":"TmBCjx","uuiHighlight":"_2YFaXD","uuiTypographySize12":"lzIPqv","uuiTypographySize14":"Fn8pV2","uuiTypographySize16":"FZJJoW"};
|
|
610
441
|
|
|
611
442
|
function applyVerticalTabButtonMods() {
|
|
612
443
|
return [css$1n.root];
|
|
@@ -628,12 +459,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
628
459
|
};
|
|
629
460
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
630
461
|
|
|
631
|
-
var css$1m = {"uui-typography":"
|
|
462
|
+
var css$1m = {"uui-typography":"_1-oM1z","hero-header":"LwGGf6","promo-header":"cBbWGs","uui-critical":"aqwA9V","uui-info":"kb9sh0","uui-success":"S9D7kZ","uui-warning":"_7-k5cF","uui-highlight":"POyBZF","uui-typography-size-12":"pG6VHE","uui-typography-size-14":"eykh2j","uui-typography-size-16":"_7QFpF1","root":"qGCRm-","size-18":"NbVqd-","size-12":"KLMFUC","mode-cell":"wxrRUi","uuiTypography":"_1-oM1z","heroHeader":"LwGGf6","promoHeader":"cBbWGs","uuiCritical":"aqwA9V","uuiInfo":"kb9sh0","uuiSuccess":"S9D7kZ","uuiWarning":"_7-k5cF","uuiHighlight":"POyBZF","uuiTypographySize12":"pG6VHE","uuiTypographySize14":"eykh2j","uuiTypographySize16":"_7QFpF1","size18":"NbVqd-","size12":"KLMFUC","modeCell":"wxrRUi"};
|
|
632
463
|
|
|
633
464
|
function applyCheckboxMods(mods) {
|
|
634
465
|
return [
|
|
635
466
|
css$1m.root,
|
|
636
|
-
|
|
467
|
+
css$1m['size-' + (mods.size || '18')],
|
|
637
468
|
css$1m['mode-' + (mods.mode || 'form')],
|
|
638
469
|
'uui-color-primary',
|
|
639
470
|
];
|
|
@@ -648,6 +479,8 @@ const applyUUICheckboxProps = (props) => {
|
|
|
648
479
|
};
|
|
649
480
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
650
481
|
|
|
482
|
+
var css$1l = {"uui-typography":"_7R0jjV","hero-header":"d78dAh","promo-header":"DwzoS-","uui-critical":"O6RJqn","uui-info":"_2ntH2f","uui-success":"BEQ-hZ","uui-warning":"i9ALqx","uui-highlight":"_70hDuG","uui-typography-size-12":"hpkc1P","uui-typography-size-14":"xUyQUh","uui-typography-size-16":"VQhXYY","root":"_2YQlTt","size-18":"EB22NN","size-12":"L20e7v","uuiTypography":"_7R0jjV","heroHeader":"d78dAh","promoHeader":"DwzoS-","uuiCritical":"O6RJqn","uuiInfo":"_2ntH2f","uuiSuccess":"BEQ-hZ","uuiWarning":"i9ALqx","uuiHighlight":"_70hDuG","uuiTypographySize12":"hpkc1P","uuiTypographySize14":"xUyQUh","uuiTypographySize16":"VQhXYY","size18":"EB22NN","size12":"L20e7v"};
|
|
483
|
+
|
|
651
484
|
var _path$A;
|
|
652
485
|
function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
|
|
653
486
|
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
@@ -663,25 +496,21 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
663
496
|
};
|
|
664
497
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
665
498
|
|
|
666
|
-
var css$1l = {"uui-typography":"YSDnC6","hero-header":"pRufus","promo-header":"jYZL8c","uui-critical":"GL6mM7","uui-info":"BHFIB9","uui-success":"RYeA-q","uui-warning":"rU-sdn","uui-highlight":"AVs1B4","uui-typography-size-12":"VpR1-6","uui-typography-size-14":"JQi8Eu","uui-typography-size-16":"hBfjC3","root":"sMicyC","uuiTypography":"YSDnC6","heroHeader":"pRufus","promoHeader":"jYZL8c","uuiCritical":"GL6mM7","uuiInfo":"BHFIB9","uuiSuccess":"RYeA-q","uuiWarning":"rU-sdn","uuiHighlight":"AVs1B4","uuiTypographySize12":"VpR1-6","uuiTypographySize14":"JQi8Eu","uuiTypographySize16":"hBfjC3"};
|
|
667
|
-
|
|
668
499
|
function applyRadioInputMods(mods) {
|
|
669
500
|
return [
|
|
670
501
|
css$1l.root,
|
|
671
|
-
|
|
502
|
+
css$1l['size-' + (mods.size || '18')],
|
|
672
503
|
'uui-radio-input-container',
|
|
673
504
|
'uui-color-primary',
|
|
674
505
|
];
|
|
675
506
|
}
|
|
676
507
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
677
508
|
|
|
678
|
-
var css$1k = {"root":"
|
|
509
|
+
var css$1k = {"root":"OHF1K8","size-12":"XWLbNi","size-18":"jsfzoM","size-24":"kTNfcU","size12":"XWLbNi","size18":"jsfzoM","size24":"kTNfcU"};
|
|
679
510
|
|
|
680
511
|
function applySwitchMods(mods) {
|
|
681
512
|
return [
|
|
682
|
-
css$1k.root,
|
|
683
|
-
`uui-size-${mods.size || settings.sizes.defaults.switch}`,
|
|
684
|
-
'uui-color-primary',
|
|
513
|
+
css$1k.root, css$1k['size-' + (mods.size || '18')], 'uui-color-primary',
|
|
685
514
|
];
|
|
686
515
|
}
|
|
687
516
|
const Switch = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Switch, applySwitchMods);
|
|
@@ -743,13 +572,14 @@ var EditMode;
|
|
|
743
572
|
EditMode["INLINE"] = "inline";
|
|
744
573
|
})(EditMode || (EditMode = {}));
|
|
745
574
|
|
|
746
|
-
var textInputCss = {"uui-typography":"
|
|
575
|
+
var textInputCss = {"uui-typography":"N6N5n2","hero-header":"yfnnMI","promo-header":"uhC26H","uui-critical":"pZ9doZ","uui-info":"_1U-9W8","uui-success":"ZmuDro","uui-warning":"IfBZBF","uui-highlight":"_2MCEHi","uui-typography-size-12":"bDNr0R","uui-typography-size-14":"LQ--Ei","uui-typography-size-16":"_9iQPCt","root":"cB0VJ9","mode-form":"-GFgQD","mode-inline":"KRQH5e","mode-cell":"NPCFZ2","size-24":"o3Kb2z","size-30":"i4VQ-V","size-36":"bBUiNJ","size-42":"ZOTdKO","size-48":"WUxpxn","size-60":"_5gCsoC","uuiTypography":"N6N5n2","heroHeader":"yfnnMI","promoHeader":"uhC26H","uuiCritical":"pZ9doZ","uuiInfo":"_1U-9W8","uuiSuccess":"ZmuDro","uuiWarning":"IfBZBF","uuiHighlight":"_2MCEHi","uuiTypographySize12":"bDNr0R","uuiTypographySize14":"LQ--Ei","uuiTypographySize16":"_9iQPCt","modeForm":"-GFgQD","modeInline":"KRQH5e","modeCell":"NPCFZ2","size24":"o3Kb2z","size30":"i4VQ-V","size36":"bBUiNJ","size42":"ZOTdKO","size48":"WUxpxn","size60":"_5gCsoC"};
|
|
747
576
|
|
|
577
|
+
const DEFAULT_SIZE$6 = '36';
|
|
748
578
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
749
579
|
function applyTextInputMods(mods) {
|
|
750
580
|
return [
|
|
751
581
|
textInputCss.root,
|
|
752
|
-
|
|
582
|
+
textInputCss['size-' + (mods.size || DEFAULT_SIZE$6)],
|
|
753
583
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
|
|
754
584
|
];
|
|
755
585
|
}
|
|
@@ -769,7 +599,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
769
599
|
} })));
|
|
770
600
|
});
|
|
771
601
|
|
|
772
|
-
var css$1j = {"root":"
|
|
602
|
+
var css$1j = {"root":"FHzIej"};
|
|
773
603
|
|
|
774
604
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
|
|
775
605
|
|
|
@@ -778,14 +608,16 @@ function MultiSwitchComponent(props, ref) {
|
|
|
778
608
|
}
|
|
779
609
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
780
610
|
|
|
781
|
-
var css$1i = {"uui-typography":"
|
|
611
|
+
var css$1i = {"uui-typography":"gZF-ZO","hero-header":"Su7tsJ","promo-header":"_7IoVQ2","uui-critical":"js141J","uui-info":"a7ZeCT","uui-success":"A2-azR","uui-warning":"qNo-6Q","uui-highlight":"O09MxF","uui-typography-size-12":"VMabZG","uui-typography-size-14":"uC8sl-","uui-typography-size-16":"PR-diV","root":"JMUEsb","size-24":"secakJ","size-30":"GiYDTX","size-36":"UPiGIy","size-42":"PzWLQO","size-48":"n5RfDO","mode-form":"S-lRBS","mode-cell":"HxPh7H","uuiTypography":"gZF-ZO","heroHeader":"Su7tsJ","promoHeader":"_7IoVQ2","uuiCritical":"js141J","uuiInfo":"a7ZeCT","uuiSuccess":"A2-azR","uuiWarning":"qNo-6Q","uuiHighlight":"O09MxF","uuiTypographySize12":"VMabZG","uuiTypographySize14":"uC8sl-","uuiTypographySize16":"PR-diV","size24":"secakJ","size30":"GiYDTX","size36":"UPiGIy","size42":"PzWLQO","size48":"n5RfDO","modeForm":"S-lRBS","modeCell":"HxPh7H"};
|
|
782
612
|
|
|
613
|
+
const DEFAULT_SIZE$5 = '36';
|
|
783
614
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
784
615
|
function applyNumericInputMods(mods) {
|
|
785
616
|
return [
|
|
786
617
|
textInputCss.root,
|
|
787
618
|
css$1i.root,
|
|
788
|
-
|
|
619
|
+
css$1i['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
620
|
+
textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
789
621
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
|
|
790
622
|
];
|
|
791
623
|
}
|
|
@@ -799,14 +631,14 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
799
631
|
};
|
|
800
632
|
});
|
|
801
633
|
|
|
802
|
-
var css$1h = {"uui-typography":"
|
|
634
|
+
var css$1h = {"uui-typography":"e80hvQ","hero-header":"kmqdhw","promo-header":"e3NLl-","uui-critical":"z--odQ","uui-info":"g2xyzb","uui-success":"rzGSCP","uui-warning":"jUpJv9","uui-highlight":"_9Dpils","uui-typography-size-12":"bSd4hE","uui-typography-size-14":"v-KINR","uui-typography-size-16":"ZHkuT0","root":"zmhE3t","mode-form":"p3pdet","mode-cell":"UuF3FD","mode-inline":"enz7bt","size-24":"PUVIm-","size-30":"_7gDNfw","size-36":"EX8GwX","size-42":"FbxarN","size-48":"x3QGOi","uuiTypography":"e80hvQ","heroHeader":"kmqdhw","promoHeader":"e3NLl-","uuiCritical":"z--odQ","uuiInfo":"g2xyzb","uuiSuccess":"rzGSCP","uuiWarning":"jUpJv9","uuiHighlight":"_9Dpils","uuiTypographySize12":"bSd4hE","uuiTypographySize14":"v-KINR","uuiTypographySize16":"ZHkuT0","modeForm":"p3pdet","modeCell":"UuF3FD","modeInline":"enz7bt","size24":"PUVIm-","size30":"_7gDNfw","size36":"EX8GwX","size42":"FbxarN","size48":"x3QGOi"};
|
|
803
635
|
|
|
804
|
-
const DEFAULT_SIZE$
|
|
636
|
+
const DEFAULT_SIZE$4 = '36';
|
|
805
637
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
806
638
|
function applyTextAreaMods(mods) {
|
|
807
639
|
return [
|
|
808
640
|
css$1h.root,
|
|
809
|
-
css$1h['size-' + (mods.size || DEFAULT_SIZE$
|
|
641
|
+
css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
|
|
810
642
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
811
643
|
];
|
|
812
644
|
}
|
|
@@ -901,7 +733,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
901
733
|
};
|
|
902
734
|
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
903
735
|
|
|
904
|
-
var css$1g = {"uui-typography":"
|
|
736
|
+
var css$1g = {"uui-typography":"_9m0GKM","hero-header":"KDV-fZ","promo-header":"_57qTf7","uui-critical":"sw5KDJ","uui-info":"-b6MDI","uui-success":"ksl4eV","uui-warning":"_5nso0e","uui-highlight":"_1ybGvA","uui-typography-size-12":"Fd2tiw","uui-typography-size-14":"qBuGJ2","uui-typography-size-16":"Wik5ii","root":"_7vJS0W","icon-wrapper":"tIu9Pd","alert-wrapper":"ZepYQg","size-48":"ogcMxb","size-36":"fu37CS","action-wrapper":"_3C3TH9","action-icon":"_7feXqF","action-link":"yHPZeW","close-icon":"BP6ssn","main-path":"l999NU","content":"xbHfdO","uuiTypography":"_9m0GKM","heroHeader":"KDV-fZ","promoHeader":"_57qTf7","uuiCritical":"sw5KDJ","uuiInfo":"-b6MDI","uuiSuccess":"ksl4eV","uuiWarning":"_5nso0e","uuiHighlight":"_1ybGvA","uuiTypographySize12":"Fd2tiw","uuiTypographySize14":"qBuGJ2","uuiTypographySize16":"Wik5ii","iconWrapper":"tIu9Pd","alertWrapper":"ZepYQg","size48":"ogcMxb","size36":"fu37CS","actionWrapper":"_3C3TH9","actionIcon":"_7feXqF","actionLink":"yHPZeW","closeIcon":"BP6ssn","mainPath":"l999NU"};
|
|
905
737
|
|
|
906
738
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
907
739
|
React__namespace.createElement("div", { className: css$1g.mainPath },
|
|
@@ -918,7 +750,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
918
750
|
|
|
919
751
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
920
752
|
|
|
921
|
-
var css$1f = {"root":"
|
|
753
|
+
var css$1f = {"root":"PomL5Y"};
|
|
922
754
|
|
|
923
755
|
function applyDropdownContainerMods(mods) {
|
|
924
756
|
return [
|
|
@@ -929,7 +761,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
929
761
|
}
|
|
930
762
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
931
763
|
|
|
932
|
-
var css$1e = {"uui-typography":"
|
|
764
|
+
var css$1e = {"uui-typography":"_0IOFna","hero-header":"-l2Ncd","promo-header":"WjAgnM","uui-critical":"miVQTy","uui-info":"a-eYl9","uui-success":"Ni7lpx","uui-warning":"n8WXge","uui-highlight":"HRLBBn","uui-typography-size-12":"CYxSYR","uui-typography-size-14":"vNRis3","uui-typography-size-16":"xeFMnj","submenu-root-item":"uPXADv","icon-after":"e83AGV","icon-check":"BLGs0N","splitter-root":"N5PPm0","splitter":"_1GeZZb","header-root":"_8n3efc","item-root":"CdIaRS","icon":"HiaX06","link":"DGSlKk","indent":"WCAf3W","selected-mark":"rctXAU","uuiTypography":"_0IOFna","heroHeader":"-l2Ncd","promoHeader":"WjAgnM","uuiCritical":"miVQTy","uuiInfo":"a-eYl9","uuiSuccess":"Ni7lpx","uuiWarning":"n8WXge","uuiHighlight":"HRLBBn","uuiTypographySize12":"CYxSYR","uuiTypographySize14":"vNRis3","uuiTypographySize16":"xeFMnj","submenuRootItem":"uPXADv","iconAfter":"e83AGV","iconCheck":"BLGs0N","splitterRoot":"N5PPm0","headerRoot":"_8n3efc","itemRoot":"CdIaRS","selectedMark":"rctXAU"};
|
|
933
765
|
|
|
934
766
|
exports.IDropdownControlKeys = void 0;
|
|
935
767
|
(function (IDropdownControlKeys) {
|
|
@@ -1034,8 +866,7 @@ function DropdownSubMenu(props) {
|
|
|
1034
866
|
},
|
|
1035
867
|
},
|
|
1036
868
|
];
|
|
1037
|
-
|
|
1038
|
-
return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
869
|
+
return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
1039
870
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1040
871
|
return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
1041
872
|
} }));
|
|
@@ -1061,7 +892,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1061
892
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1062
893
|
}
|
|
1063
894
|
|
|
1064
|
-
var css$1d = {"uui-typography":"
|
|
895
|
+
var css$1d = {"uui-typography":"XCQj17","hero-header":"v-1te-","promo-header":"kGsgrn","uui-critical":"_8ENMUl","uui-info":"_2Gu3xK","uui-success":"_1QQomL","uui-warning":"rHhRki","uui-highlight":"_6zimb9","uui-typography-size-12":"psVFW3","uui-typography-size-14":"L7uIx9","uui-typography-size-16":"v-d99J","root":"DNpvWj","mode-block":"J27CJE","mode-inline":"sKhDgX","padding-0":"NaTIsD","padding-6":"_8DXQca","padding-12":"hf1fmG","padding-18":"otFEp-","uuiTypography":"XCQj17","heroHeader":"v-1te-","promoHeader":"kGsgrn","uuiCritical":"_8ENMUl","uuiInfo":"_2Gu3xK","uuiSuccess":"_1QQomL","uuiWarning":"rHhRki","uuiHighlight":"_6zimb9","uuiTypographySize12":"psVFW3","uuiTypographySize14":"L7uIx9","uuiTypographySize16":"v-d99J","modeBlock":"J27CJE","modeInline":"sKhDgX","padding0":"NaTIsD","padding6":"_8DXQca","padding12":"hf1fmG","padding18":"otFEp-"};
|
|
1065
896
|
|
|
1066
897
|
const getMode = (mode) => {
|
|
1067
898
|
return mode || 'block';
|
|
@@ -1077,7 +908,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1077
908
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1078
909
|
}));
|
|
1079
910
|
|
|
1080
|
-
var css$1c = {"uui-typography":"
|
|
911
|
+
var css$1c = {"uui-typography":"PLEhtv","hero-header":"sqZGhS","promo-header":"Kovs64","uui-critical":"_4eqbxr","uui-info":"_0ZPRDB","uui-success":"_5TVOu7","uui-warning":"acoEe0","uui-highlight":"-mj-hx","uui-typography-size-12":"BASeSi","uui-typography-size-14":"eG33Vx","uui-typography-size-16":"nzjiir","root":"GNWAQd","border-top":"xAzwvn","border-bottom":"c789vL","top-shadow":"tV1Ki9","size-24":"MnrbPY","size-30":"s0CW6A","size-36":"EJileU","size-42":"Aa7iCx","size-48":"IKSdKE","padding-6":"Rh8oYL","padding-12":"vPh4Dt","padding-18":"A9yJck","padding-24":"XBln57","margin-24":"B6I0QL","margin-12":"nIrYEK","vPadding-12":"KfDK5Y","vPadding-18":"M0lVO-","vPadding-24":"eryOGv","vPadding-36":"ZYDHws","vPadding-48":"jNm-Bl","spacing-6":"UmePFX","spacing-12":"_7OPhVv","spacing-18":"lE1i6P","uui-surface-main":"IeS3hu","uuiTypography":"PLEhtv","heroHeader":"sqZGhS","promoHeader":"Kovs64","uuiCritical":"_4eqbxr","uuiInfo":"_0ZPRDB","uuiSuccess":"_5TVOu7","uuiWarning":"acoEe0","uuiHighlight":"-mj-hx","uuiTypographySize12":"BASeSi","uuiTypographySize14":"eG33Vx","uuiTypographySize16":"nzjiir","borderTop":"xAzwvn","borderBottom":"c789vL","topShadow":"tV1Ki9","size24":"MnrbPY","size30":"s0CW6A","size36":"EJileU","size42":"Aa7iCx","size48":"IKSdKE","padding6":"Rh8oYL","padding12":"vPh4Dt","padding18":"A9yJck","padding24":"XBln57","margin24":"B6I0QL","margin12":"nIrYEK","vPadding12":"KfDK5Y","vPadding18":"M0lVO-","vPadding24":"eryOGv","vPadding36":"ZYDHws","vPadding48":"jNm-Bl","spacing6":"UmePFX","spacing12":"_7OPhVv","spacing18":"lE1i6P","uuiSurfaceMain":"IeS3hu"};
|
|
1081
912
|
|
|
1082
913
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
|
|
1083
914
|
|
|
@@ -1101,7 +932,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1101
932
|
];
|
|
1102
933
|
});
|
|
1103
934
|
|
|
1104
|
-
var css$1b = {"root":"
|
|
935
|
+
var css$1b = {"root":"PWq1Lp","margin-24":"EnZK-b","padding-12":"hICx2I","padding-24":"zDsFXj","shadow":"-OOFB-","uui-surface-main":"sroUk-","margin24":"EnZK-b","padding12":"hICx2I","padding24":"zDsFXj","uuiSurfaceMain":"sroUk-"};
|
|
1105
936
|
|
|
1106
937
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1107
938
|
'uui-panel',
|
|
@@ -1111,7 +942,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
1111
942
|
props.background && css$1b[`uui-${props.background}`],
|
|
1112
943
|
]);
|
|
1113
944
|
|
|
1114
|
-
var css$1a = {"root":"
|
|
945
|
+
var css$1a = {"root":"YRxreG"};
|
|
1115
946
|
|
|
1116
947
|
function applyTooltipMods(mods) {
|
|
1117
948
|
return [
|
|
@@ -1121,18 +952,18 @@ function applyTooltipMods(mods) {
|
|
|
1121
952
|
}
|
|
1122
953
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1123
954
|
|
|
1124
|
-
var css$19 = {"uui-typography":"
|
|
955
|
+
var css$19 = {"uui-typography":"FnUozz","hero-header":"T39nfy","promo-header":"VtjPN4","uui-critical":"Fkx-OU","uui-info":"_8UDMHu","uui-success":"p-GMJx","uui-warning":"-VYjur","uui-highlight":"_2orzUJ","uui-typography-size-12":"_9lS84f","uui-typography-size-14":"EpG98N","uui-typography-size-16":"B7iFym","root":"sxLALj","size-24":"GjQcdY","size-30":"xMk-Zi","size-36":"yqe5Rk","size-42":"Mf4PXL","size-48":"MUlElN","uuiTypography":"FnUozz","heroHeader":"T39nfy","promoHeader":"VtjPN4","uuiCritical":"Fkx-OU","uuiInfo":"_8UDMHu","uuiSuccess":"p-GMJx","uuiWarning":"-VYjur","uuiHighlight":"_2orzUJ","uuiTypographySize12":"_9lS84f","uuiTypographySize14":"EpG98N","uuiTypographySize16":"B7iFym","size24":"GjQcdY","size30":"xMk-Zi","size36":"yqe5Rk","size42":"Mf4PXL","size48":"MUlElN"};
|
|
1125
956
|
|
|
1126
|
-
const DEFAULT_SIZE$
|
|
957
|
+
const DEFAULT_SIZE$3 = '36';
|
|
1127
958
|
function applyLabeledInputMods(mods) {
|
|
1128
|
-
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$
|
|
959
|
+
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
|
|
1129
960
|
}
|
|
1130
961
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1131
962
|
Tooltip: props.Tooltip || Tooltip,
|
|
1132
963
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1133
964
|
}));
|
|
1134
965
|
|
|
1135
|
-
var css$18 = {"root":"
|
|
966
|
+
var css$18 = {"root":"PCaa3E"};
|
|
1136
967
|
|
|
1137
968
|
function RadioGroup(props) {
|
|
1138
969
|
const direction = props.direction || 'vertical';
|
|
@@ -1147,7 +978,7 @@ function RadioGroup(props) {
|
|
|
1147
978
|
})));
|
|
1148
979
|
}
|
|
1149
980
|
|
|
1150
|
-
var css$17 = {"root":"
|
|
981
|
+
var css$17 = {"root":"_5GnkCl"};
|
|
1151
982
|
|
|
1152
983
|
function applyScrollBarsMods() {
|
|
1153
984
|
return [
|
|
@@ -1156,27 +987,27 @@ function applyScrollBarsMods() {
|
|
|
1156
987
|
}
|
|
1157
988
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1158
989
|
|
|
1159
|
-
var css$16 = {"scroll-container":"
|
|
990
|
+
var css$16 = {"scroll-container":"FVOmrU","list-container":"cjMMoz","scrollContainer":"FVOmrU","listContainer":"cjMMoz"};
|
|
1160
991
|
|
|
1161
|
-
var css$15 = {"root":"
|
|
992
|
+
var css$15 = {"root":"qjaXKG"};
|
|
1162
993
|
|
|
1163
994
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
|
|
1164
995
|
|
|
1165
|
-
var css$14 = {"uui-typography":"
|
|
996
|
+
var css$14 = {"uui-typography":"rKw0YS","hero-header":"qb-kvq","promo-header":"_9qncYV","uui-critical":"F-V-OB","uui-info":"xQas3z","uui-success":"_8yNerc","uui-warning":"ETjeQl","uui-highlight":"yqY5ec","uui-typography-size-12":"aX80dG","uui-typography-size-14":"kyJUDJ","uui-typography-size-16":"-We3GK","root":"Stmscs","size-18":"AK3VMh","size-24":"OYGRwb","size-30":"WAgLIF","size-36":"JaZJlR","size-42":"deByeA","size-48":"mUUYAA","uuiTypography":"rKw0YS","heroHeader":"qb-kvq","promoHeader":"_9qncYV","uuiCritical":"F-V-OB","uuiInfo":"xQas3z","uuiSuccess":"_8yNerc","uuiWarning":"ETjeQl","uuiHighlight":"yqY5ec","uuiTypographySize12":"aX80dG","uuiTypographySize14":"kyJUDJ","uuiTypographySize16":"-We3GK","size18":"AK3VMh","size24":"OYGRwb","size30":"WAgLIF","size36":"JaZJlR","size42":"deByeA","size48":"mUUYAA"};
|
|
1166
997
|
|
|
1167
|
-
const DEFAULT_SIZE$
|
|
998
|
+
const DEFAULT_SIZE$2 = '36';
|
|
1168
999
|
const DEFAULT_FILL = 'solid';
|
|
1169
1000
|
function applyBadgeMods(mods) {
|
|
1170
1001
|
return [
|
|
1171
1002
|
'uui-badge',
|
|
1172
1003
|
css$14.root,
|
|
1173
|
-
css$14['size-' + (mods.size || DEFAULT_SIZE$
|
|
1004
|
+
css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
|
|
1174
1005
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1175
1006
|
`uui-color-${mods.color || 'info'}`,
|
|
1176
1007
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1177
1008
|
];
|
|
1178
1009
|
}
|
|
1179
|
-
const mapCountIndicatorSizes = {
|
|
1010
|
+
const mapCountIndicatorSizes$1 = {
|
|
1180
1011
|
18: '12',
|
|
1181
1012
|
24: '18',
|
|
1182
1013
|
30: '18',
|
|
@@ -1190,17 +1021,26 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1190
1021
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1191
1022
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1192
1023
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1193
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$
|
|
1024
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes$1[props.size || DEFAULT_SIZE$2], caption: props.count })),
|
|
1194
1025
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1195
1026
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1196
1027
|
});
|
|
1197
1028
|
|
|
1198
|
-
var css$13 = {"uui-typography":"
|
|
1029
|
+
var css$13 = {"uui-typography":"Ym8nf0","hero-header":"z2CWJH","promo-header":"muGFwq","uui-critical":"pZ9kNa","uui-info":"KIldAL","uui-success":"JfbkvL","uui-warning":"_6tLRdV","uui-highlight":"AEu5-m","uui-typography-size-12":"-VsCeq","uui-typography-size-14":"_3ewdeD","uui-typography-size-16":"OJznlg","root":"_38-HPq","size-18":"bVm8Dy","size-24":"JsKc3r","size-30":"Wif-Hd","size-36":"DNwLvd","size-42":"NtXd70","size-48":"_2ae3zz","uuiTypography":"Ym8nf0","heroHeader":"z2CWJH","promoHeader":"muGFwq","uuiCritical":"pZ9kNa","uuiInfo":"KIldAL","uuiSuccess":"JfbkvL","uuiWarning":"_6tLRdV","uuiHighlight":"AEu5-m","uuiTypographySize12":"-VsCeq","uuiTypographySize14":"_3ewdeD","uuiTypographySize16":"OJznlg","size18":"bVm8Dy","size24":"JsKc3r","size30":"Wif-Hd","size36":"DNwLvd","size42":"NtXd70","size48":"_2ae3zz"};
|
|
1199
1030
|
|
|
1031
|
+
const DEFAULT_SIZE$1 = '36';
|
|
1032
|
+
const mapCountIndicatorSizes = {
|
|
1033
|
+
18: '12',
|
|
1034
|
+
24: '18',
|
|
1035
|
+
30: '18',
|
|
1036
|
+
36: '18',
|
|
1037
|
+
42: '24',
|
|
1038
|
+
48: '24',
|
|
1039
|
+
};
|
|
1200
1040
|
function applyTagMods(props) {
|
|
1201
1041
|
return [
|
|
1042
|
+
css$13['size-' + (props.size || DEFAULT_SIZE$1)],
|
|
1202
1043
|
css$13.root,
|
|
1203
|
-
`uui-size-${props.size || settings.sizes.defaults.tag}`,
|
|
1204
1044
|
`uui-color-${props.color || 'neutral'}`,
|
|
1205
1045
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1206
1046
|
'uui-tag',
|
|
@@ -1213,20 +1053,20 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1213
1053
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1214
1054
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1215
1055
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1216
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size:
|
|
1056
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
1217
1057
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1218
1058
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1219
1059
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1220
1060
|
});
|
|
1221
1061
|
|
|
1222
|
-
var css$12 = {"root":"
|
|
1062
|
+
var css$12 = {"root":"EjLe4f","uui-spinner":"dSVdiD","uuiSpinner":"dSVdiD"};
|
|
1223
1063
|
|
|
1224
1064
|
function applySpinnerMods() {
|
|
1225
1065
|
return [css$12.root, 'uui-spinner'];
|
|
1226
1066
|
}
|
|
1227
1067
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1228
1068
|
|
|
1229
|
-
var css$11 = {"root":"
|
|
1069
|
+
var css$11 = {"root":"SkeR0R","spacer":"GTXxLF","mode-ghost":"ZRp7gM","size-24":"Zkqur5","size-30":"W7hiLE","navigation-size-24":"A0nN3B","navigation-size-30":"Hp7o1w","modeGhost":"ZRp7gM","size24":"Zkqur5","size30":"W7hiLE","navigationSize24":"A0nN3B","navigationSize30":"Hp7o1w"};
|
|
1230
1070
|
|
|
1231
1071
|
var _path$v;
|
|
1232
1072
|
function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
|
|
@@ -1277,14 +1117,14 @@ function Paginator(props) {
|
|
|
1277
1117
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1278
1118
|
}
|
|
1279
1119
|
|
|
1280
|
-
var css$10 = {"root":"
|
|
1120
|
+
var css$10 = {"root":"Z8eUmW","progress-bar":"pOuD13","progressBar-indeterminate":"p7TQ7U","size-12":"GaJfZN","size-18":"clpZ8s","size-24":"EFG57o","progressBar":"pOuD13","progressBarIndeterminate":"p7TQ7U","size12":"GaJfZN","size18":"clpZ8s","size24":"EFG57o"};
|
|
1281
1121
|
|
|
1282
1122
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1283
1123
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1284
1124
|
React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
|
|
1285
1125
|
});
|
|
1286
1126
|
|
|
1287
|
-
var css$$ = {"root":"
|
|
1127
|
+
var css$$ = {"root":"HKAx1b","striped":"SbhpQP","animate-stripes":"MXvhPH","size-12":"ajKwqe","size-18":"d2svhU","size-24":"DjWuz1","animateStripes":"MXvhPH","size12":"ajKwqe","size18":"d2svhU","size24":"DjWuz1"};
|
|
1288
1128
|
|
|
1289
1129
|
const DEFAULT_SIZE = '12';
|
|
1290
1130
|
function applyProgressBarMods(mods) {
|
|
@@ -1299,14 +1139,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1299
1139
|
hideLabel: props.hideLabel || props.striped,
|
|
1300
1140
|
}));
|
|
1301
1141
|
|
|
1302
|
-
var css$_ = {"root":"
|
|
1142
|
+
var css$_ = {"root":"_9iIsSg"};
|
|
1303
1143
|
|
|
1304
1144
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1305
1145
|
const { progress } = props;
|
|
1306
1146
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
|
|
1307
1147
|
});
|
|
1308
1148
|
|
|
1309
|
-
var css$Z = {"root":"
|
|
1149
|
+
var css$Z = {"root":"hxH-Qu","size-12":"qoSVTP","size-18":"SGTf8-","size-24":"_1G2KUL","size12":"qoSVTP","size18":"SGTf8-","size24":"_1G2KUL"};
|
|
1310
1150
|
|
|
1311
1151
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1312
1152
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1321,21 +1161,46 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1321
1161
|
React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1322
1162
|
});
|
|
1323
1163
|
|
|
1324
|
-
var css$Y = {"drag-handle":"
|
|
1164
|
+
var css$Y = {"drag-handle":"_2tiyFS","icon-container":"_2eq-yS","dragHandle":"_2tiyFS","iconContainer":"_2eq-yS"};
|
|
1325
1165
|
|
|
1326
1166
|
function DataRowAddons(props) {
|
|
1327
1167
|
var _a, _b;
|
|
1328
1168
|
const row = props.rowProps;
|
|
1169
|
+
const additionalItemSize = +props.size < 30 ? '12' : '18';
|
|
1329
1170
|
const getIndent = () => {
|
|
1330
|
-
|
|
1171
|
+
switch (props.size) {
|
|
1172
|
+
case '24':
|
|
1173
|
+
return (row.indent - 1) * 6;
|
|
1174
|
+
case '30':
|
|
1175
|
+
case '36':
|
|
1176
|
+
return (row.indent - 1) * 12;
|
|
1177
|
+
case '42':
|
|
1178
|
+
case '48':
|
|
1179
|
+
case '60':
|
|
1180
|
+
return (row.indent - 1) * 24;
|
|
1181
|
+
default:
|
|
1182
|
+
return (row.indent - 1) * 24;
|
|
1183
|
+
}
|
|
1331
1184
|
};
|
|
1332
1185
|
const getWidth = () => {
|
|
1333
|
-
|
|
1186
|
+
switch (props.size) {
|
|
1187
|
+
case '24':
|
|
1188
|
+
return '12px';
|
|
1189
|
+
case '30':
|
|
1190
|
+
case '36':
|
|
1191
|
+
return '18px';
|
|
1192
|
+
case '42':
|
|
1193
|
+
case '48':
|
|
1194
|
+
case '60':
|
|
1195
|
+
return '24px';
|
|
1196
|
+
default:
|
|
1197
|
+
return '12px';
|
|
1198
|
+
}
|
|
1334
1199
|
};
|
|
1335
1200
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1336
1201
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1337
|
-
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size:
|
|
1338
|
-
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: {
|
|
1202
|
+
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1203
|
+
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
1339
1204
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1340
1205
|
role: 'button',
|
|
1341
1206
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
@@ -1343,7 +1208,7 @@ function DataRowAddons(props) {
|
|
|
1343
1208
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1344
1209
|
}
|
|
1345
1210
|
|
|
1346
|
-
var css$X = {"root":"
|
|
1211
|
+
var css$X = {"root":"YcRQdy"};
|
|
1347
1212
|
|
|
1348
1213
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1349
1214
|
|
|
@@ -1384,7 +1249,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1384
1249
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1385
1250
|
});
|
|
1386
1251
|
|
|
1387
|
-
var css$W = {"root":"
|
|
1252
|
+
var css$W = {"root":"TudQHP"};
|
|
1388
1253
|
|
|
1389
1254
|
function CheckboxGroup(props) {
|
|
1390
1255
|
const currentValue = props.value || [];
|
|
@@ -1546,7 +1411,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
|
|
|
1546
1411
|
} }));
|
|
1547
1412
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1548
1413
|
|
|
1549
|
-
var css$V = {"uui-typography":"
|
|
1414
|
+
var css$V = {"uui-typography":"_6Y4igj","hero-header":"-Gxz5Y","promo-header":"k8GJG1","uui-critical":"_1SUu8W","uui-info":"egywqu","uui-success":"XHxVtl","uui-warning":"WZRJ5E","uui-highlight":"jDQOVy","uui-typography-size-12":"_91tLPU","uui-typography-size-14":"DQsssM","uui-typography-size-16":"f3dOxD","modal":"_1NrD-8","search-wrapper":"j0YQ1J","body":"_9JDiJK","checkbox":"mi9tAG","no-found-size-24":"_6gV0HZ","no-found-size-30":"nkGvcl","no-found-size-36":"kTZteG","no-found-size-42":"_5HHkji","uuiTypography":"_6Y4igj","heroHeader":"-Gxz5Y","promoHeader":"k8GJG1","uuiCritical":"_1SUu8W","uuiInfo":"egywqu","uuiSuccess":"XHxVtl","uuiWarning":"WZRJ5E","uuiHighlight":"jDQOVy","uuiTypographySize12":"_91tLPU","uuiTypographySize14":"DQsssM","uuiTypographySize16":"f3dOxD","searchWrapper":"j0YQ1J","noFoundSize24":"_6gV0HZ","noFoundSize30":"nkGvcl","noFoundSize36":"kTZteG","noFoundSize42":"_5HHkji"};
|
|
1550
1415
|
|
|
1551
1416
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1552
1417
|
constructor() {
|
|
@@ -1558,12 +1423,11 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1558
1423
|
if (this.props.renderNotFound) {
|
|
1559
1424
|
return this.props.renderNotFound();
|
|
1560
1425
|
}
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1426
|
+
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
|
|
1427
|
+
React__namespace.default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1564
1428
|
}
|
|
1565
1429
|
render() {
|
|
1566
|
-
const searchSize =
|
|
1430
|
+
const searchSize = uuiCore.isMobile() ? '48' : this.props.searchSize || '36';
|
|
1567
1431
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1568
1432
|
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1569
1433
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
@@ -1572,9 +1436,16 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1572
1436
|
}
|
|
1573
1437
|
}
|
|
1574
1438
|
|
|
1439
|
+
const switchSizes = {
|
|
1440
|
+
24: '12',
|
|
1441
|
+
36: '18',
|
|
1442
|
+
42: '24',
|
|
1443
|
+
48: '24',
|
|
1444
|
+
};
|
|
1575
1445
|
function DataPickerFooterImpl(props) {
|
|
1576
1446
|
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1577
|
-
const size =
|
|
1447
|
+
const size = uuiCore.isMobile() ? '48' : props.size || '36';
|
|
1448
|
+
const switchSize = switchSizes[size];
|
|
1578
1449
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1579
1450
|
const rowsCount = view.getListProps().rowsCount;
|
|
1580
1451
|
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
@@ -1584,8 +1455,8 @@ function DataPickerFooterImpl(props) {
|
|
|
1584
1455
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1585
1456
|
// show always for multi picker and for single only in case if search not disabled.
|
|
1586
1457
|
const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
|
|
1587
|
-
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding:
|
|
1588
|
-
!isSinglePicker && (React__namespace.default.createElement(Switch, { size:
|
|
1458
|
+
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: "12" },
|
|
1459
|
+
!isSinglePicker && (React__namespace.default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1589
1460
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1590
1461
|
React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
1591
1462
|
view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
|
|
@@ -1597,12 +1468,12 @@ function DataPickerFooterImpl(props) {
|
|
|
1597
1468
|
}
|
|
1598
1469
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
1599
1470
|
|
|
1600
|
-
var css$U = {"header":"
|
|
1471
|
+
var css$U = {"header":"_1CCeEU","close":"nTEhvP"};
|
|
1601
1472
|
|
|
1602
1473
|
const DataPickerHeaderImpl = (props) => {
|
|
1603
1474
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
1604
1475
|
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
|
|
1605
|
-
React__namespace.default.createElement(Text, { size:
|
|
1476
|
+
React__namespace.default.createElement(Text, { size: "48", fontWeight: "600" }, title),
|
|
1606
1477
|
React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.close })));
|
|
1607
1478
|
};
|
|
1608
1479
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
@@ -1622,7 +1493,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1622
1493
|
};
|
|
1623
1494
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
1624
1495
|
|
|
1625
|
-
var css$T = {"uui-typography":"
|
|
1496
|
+
var css$T = {"uui-typography":"JJ-Cu5","hero-header":"PXDg11","promo-header":"RZvebr","uui-critical":"zKmKd-","uui-info":"YGVK5J","uui-success":"kwUfTo","uui-warning":"rf3IKA","uui-highlight":"bZj1wv","uui-typography-size-12":"yvTpUi","uui-typography-size-14":"cvGeSy","uui-typography-size-16":"_6-yNsc","root":"xkVEci","align-widgets-top":"SA7EWo","size-24":"dnnAJw","size-30":"FCxFAP","size-36":"YrKcqR","size-42":"n-S27-","size-48":"XkbB0O","size-60":"AAWpMl","align-widgets-center":"y6vsri","icon-wrapper":"VQiNo8","padding-12":"_0V83yK","padding-24":"ZPvlDL","padding-left-12":"_6jjOFS","padding-left-24":"ryioUv","icon-container":"QrN-rV","loading-cell":"gKM4Ip","content-wrapper":"qJ6QUz","render-item":"ZvS-mH","icon-default":"ONK9WL","selected-mark":"oyPj-W","uuiTypography":"JJ-Cu5","heroHeader":"PXDg11","promoHeader":"RZvebr","uuiCritical":"zKmKd-","uuiInfo":"YGVK5J","uuiSuccess":"kwUfTo","uuiWarning":"rf3IKA","uuiHighlight":"bZj1wv","uuiTypographySize12":"yvTpUi","uuiTypographySize14":"cvGeSy","uuiTypographySize16":"_6-yNsc","alignWidgetsTop":"SA7EWo","size24":"dnnAJw","size30":"FCxFAP","size36":"YrKcqR","size42":"n-S27-","size48":"XkbB0O","size60":"AAWpMl","alignWidgetsCenter":"y6vsri","iconWrapper":"VQiNo8","padding12":"_0V83yK","padding24":"ZPvlDL","paddingLeft12":"_6jjOFS","paddingLeft24":"ryioUv","iconContainer":"QrN-rV","loadingCell":"gKM4Ip","contentWrapper":"qJ6QUz","renderItem":"ZvS-mH","iconDefault":"ONK9WL","selectedMark":"oyPj-W"};
|
|
1626
1497
|
|
|
1627
1498
|
function DataPickerCell(props) {
|
|
1628
1499
|
const ref = React__namespace.useRef();
|
|
@@ -1630,18 +1501,18 @@ function DataPickerCell(props) {
|
|
|
1630
1501
|
if (props.rowProps.isLoading) {
|
|
1631
1502
|
content = (
|
|
1632
1503
|
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
1633
|
-
React__namespace.createElement(Text, { key: "t", size:
|
|
1504
|
+
React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
|
|
1634
1505
|
React__namespace.createElement(TextPlaceholder, null)));
|
|
1635
1506
|
}
|
|
1636
1507
|
else if (props.rowProps.isUnknown) {
|
|
1637
|
-
content = (React__namespace.createElement(Text, { key: "t", size:
|
|
1508
|
+
content = (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
|
|
1638
1509
|
}
|
|
1639
1510
|
else {
|
|
1640
1511
|
content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
|
|
1641
1512
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1642
1513
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
1643
1514
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
|
|
1644
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon:
|
|
1515
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: uuiCore.cx(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1645
1516
|
? 'Child is selected'
|
|
1646
1517
|
: 'Selected' } })))));
|
|
1647
1518
|
}
|
|
@@ -1650,22 +1521,22 @@ function DataPickerCell(props) {
|
|
|
1650
1521
|
css$T.root,
|
|
1651
1522
|
props.cx,
|
|
1652
1523
|
'data-picker-cell',
|
|
1653
|
-
css$T['size-' + (props.size ||
|
|
1654
|
-
css$T[`padding-${props.padding ||
|
|
1655
|
-
css$T[`padding-left-${props.padding ||
|
|
1524
|
+
css$T['size-' + (props.size || '36')],
|
|
1525
|
+
css$T[`padding-${props.padding || '12'}`],
|
|
1526
|
+
css$T[`padding-left-${props.padding || '24'}`],
|
|
1656
1527
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1657
1528
|
] },
|
|
1658
1529
|
React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1659
1530
|
getWrappedContent()));
|
|
1660
1531
|
}
|
|
1661
1532
|
|
|
1662
|
-
var css$S = {"uui-typography":"
|
|
1533
|
+
var css$S = {"uui-typography":"eTA8qL","hero-header":"ZXkOJr","promo-header":"ZBRjKA","uui-critical":"uBgd5B","uui-info":"-oYYQ2","uui-success":"VpbMwB","uui-warning":"f21ltV","uui-highlight":"_4XbMrg","uui-typography-size-12":"x4nt-S","uui-typography-size-14":"I-EAeM","uui-typography-size-16":"la-PqF","picker-row":"_4-13u6","uuiTypography":"eTA8qL","heroHeader":"ZXkOJr","promoHeader":"ZBRjKA","uuiCritical":"uBgd5B","uuiInfo":"-oYYQ2","uuiSuccess":"VpbMwB","uuiWarning":"f21ltV","uuiHighlight":"_4XbMrg","uuiTypographySize12":"x4nt-S","uuiTypographySize14":"I-EAeM","uuiTypographySize16":"la-PqF","pickerRow":"_4-13u6"};
|
|
1663
1534
|
|
|
1664
1535
|
class DataPickerRow extends React__namespace.Component {
|
|
1665
1536
|
constructor() {
|
|
1666
1537
|
super(...arguments);
|
|
1667
1538
|
this.renderContent = () => {
|
|
1668
|
-
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size ||
|
|
1539
|
+
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || '36', padding: this.props.padding || '24', rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
|
|
1669
1540
|
};
|
|
1670
1541
|
}
|
|
1671
1542
|
render() {
|
|
@@ -1673,7 +1544,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
1673
1544
|
}
|
|
1674
1545
|
}
|
|
1675
1546
|
|
|
1676
|
-
var css$R = {"uui-typography":"
|
|
1547
|
+
var css$R = {"uui-typography":"c9ZswD","hero-header":"CPT6Zs","promo-header":"nGEW21","uui-critical":"kN-RM3","uui-info":"_8o1mzX","uui-success":"PCYC2-","uui-warning":"hCNLfv","uui-highlight":"tJdqfA","uui-typography-size-12":"J-8gDY","uui-typography-size-14":"Qh9L4r","uui-typography-size-16":"DvzEEO","done":"FgVBbs","container":"alFuu5","uuiTypography":"c9ZswD","heroHeader":"CPT6Zs","promoHeader":"nGEW21","uuiCritical":"kN-RM3","uuiInfo":"_8o1mzX","uuiSuccess":"PCYC2-","uuiWarning":"hCNLfv","uuiHighlight":"tJdqfA","uuiTypographySize12":"J-8gDY","uuiTypographySize14":"Qh9L4r","uuiTypographySize16":"DvzEEO"};
|
|
1677
1548
|
|
|
1678
1549
|
const MobileDropdownWrapper = (props) => {
|
|
1679
1550
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -1682,7 +1553,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
1682
1553
|
return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
|
|
1683
1554
|
isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
|
|
1684
1555
|
props.children,
|
|
1685
|
-
isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size:
|
|
1556
|
+
isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: "48" })));
|
|
1686
1557
|
};
|
|
1687
1558
|
|
|
1688
1559
|
var _path$s, _path2$4;
|
|
@@ -1707,7 +1578,9 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1707
1578
|
};
|
|
1708
1579
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
1709
1580
|
|
|
1710
|
-
var css$Q = {"uui-typography":"
|
|
1581
|
+
var css$Q = {"uui-typography":"wWobP5","hero-header":"mca-7x","promo-header":"p0AHHs","uui-critical":"yEVanI","uui-info":"iO2ntj","uui-success":"DCjiR8","uui-warning":"qNAGXE","uui-highlight":"-GqQLn","uui-typography-size-12":"lPY141","uui-typography-size-14":"sRG2iR","uui-typography-size-16":"CRIEC2","sub-header-wrapper":"-hCePX","switch":"mE7OEu","no-found-modal-container":"YtQllj","no-found-modal-container-icon":"tWGcBN","no-found-modal-container-text":"z--pkx","uuiTypography":"wWobP5","heroHeader":"mca-7x","promoHeader":"p0AHHs","uuiCritical":"yEVanI","uuiInfo":"iO2ntj","uuiSuccess":"DCjiR8","uuiWarning":"qNAGXE","uuiHighlight":"-GqQLn","uuiTypographySize12":"lPY141","uuiTypographySize14":"sRG2iR","uuiTypographySize16":"CRIEC2","subHeaderWrapper":"-hCePX","$switch$":"mE7OEu","noFoundModalContainer":"YtQllj","noFoundModalContainerIcon":"tWGcBN","noFoundModalContainerText":"z--pkx"};
|
|
1582
|
+
|
|
1583
|
+
var css$P = {"root":"TC66y3","multiline":"kZoRp1","vertical-padding-24":"-B6FX9","vertical-padding-30":"ErfYor","vertical-padding-36":"Ia-BnH","vertical-padding-42":"UFucnT","vertical-padding-48":"f0fi33","text":"yfLZxM","verticalPadding24":"-B6FX9","verticalPadding30":"ErfYor","verticalPadding36":"Ia-BnH","verticalPadding42":"UFucnT","verticalPadding48":"f0fi33"};
|
|
1711
1584
|
|
|
1712
1585
|
const mergeHighlightRanges = (ranges) => {
|
|
1713
1586
|
const mergedRanges = [];
|
|
@@ -1774,12 +1647,11 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1774
1647
|
return getDecoratedText(str, ranges);
|
|
1775
1648
|
};
|
|
1776
1649
|
|
|
1777
|
-
|
|
1778
|
-
|
|
1650
|
+
const defaultSize$2 = '36';
|
|
1779
1651
|
function PickerItem(props) {
|
|
1780
1652
|
var _a;
|
|
1781
1653
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
|
|
1782
|
-
const itemSize = size ||
|
|
1654
|
+
const itemSize = size || defaultSize$2;
|
|
1783
1655
|
const isMultiline = !!(props.title && props.subtitle);
|
|
1784
1656
|
const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
|
|
1785
1657
|
const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
|
|
@@ -1793,7 +1665,7 @@ function PickerItem(props) {
|
|
|
1793
1665
|
subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
|
|
1794
1666
|
}
|
|
1795
1667
|
function getAvatarSize(size, isMultiline) {
|
|
1796
|
-
return
|
|
1668
|
+
return isMultiline ? size : +size - 6;
|
|
1797
1669
|
}
|
|
1798
1670
|
|
|
1799
1671
|
function PickerModal(props) {
|
|
@@ -1849,11 +1721,27 @@ function PickerModal(props) {
|
|
|
1849
1721
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1850
1722
|
}
|
|
1851
1723
|
|
|
1852
|
-
var css$O = {"tooltip":"
|
|
1853
|
-
|
|
1724
|
+
var css$O = {"tooltip":"RXFQqc"};
|
|
1725
|
+
|
|
1726
|
+
const getPickerTogglerButtonSize = (propSize) => {
|
|
1727
|
+
switch (propSize) {
|
|
1728
|
+
case '48':
|
|
1729
|
+
return '42';
|
|
1730
|
+
case '42':
|
|
1731
|
+
return '36';
|
|
1732
|
+
case '36':
|
|
1733
|
+
return '30';
|
|
1734
|
+
case '30':
|
|
1735
|
+
return '24';
|
|
1736
|
+
case '24':
|
|
1737
|
+
return '18';
|
|
1738
|
+
default:
|
|
1739
|
+
return '30';
|
|
1740
|
+
}
|
|
1741
|
+
};
|
|
1854
1742
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1855
1743
|
var _a;
|
|
1856
|
-
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size:
|
|
1744
|
+
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: getPickerTogglerButtonSize(props.size), caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
|
|
1857
1745
|
if (props.isCollapsed) {
|
|
1858
1746
|
const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
|
|
1859
1747
|
return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
@@ -1864,20 +1752,20 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1864
1752
|
}
|
|
1865
1753
|
});
|
|
1866
1754
|
|
|
1867
|
-
var css$N = {"uui-typography":"
|
|
1755
|
+
var css$N = {"uui-typography":"nxeb2B","hero-header":"iVQk6V","promo-header":"YQovuX","uui-critical":"L-3jXi","uui-info":"_3J1n8r","uui-success":"lh4V96","uui-warning":"_8d-VGb","uui-highlight":"_--4aeH","uui-typography-size-12":"S-5G3e","uui-typography-size-14":"a1GEUA","uui-typography-size-16":"Y88LAd","root":"d-R-8M","mode-form":"OM62nz","mode-cell":"ulciYm","mode-inline":"Zy84P2","size-24":"_68rkjZ","size-30":"ZEHJ2-","size-36":"pQV-kR","size-42":"EzBXGt","size-48":"rUEUYi","uuiTypography":"nxeb2B","heroHeader":"iVQk6V","promoHeader":"YQovuX","uuiCritical":"L-3jXi","uuiInfo":"_3J1n8r","uuiSuccess":"lh4V96","uuiWarning":"_8d-VGb","uuiHighlight":"_--4aeH","uuiTypographySize12":"S-5G3e","uuiTypographySize14":"a1GEUA","uuiTypographySize16":"Y88LAd","modeForm":"OM62nz","modeCell":"ulciYm","modeInline":"Zy84P2","size24":"_68rkjZ","size30":"ZEHJ2-","size36":"pQV-kR","size42":"EzBXGt","size48":"rUEUYi"};
|
|
1868
1756
|
|
|
1757
|
+
const defaultSize$1 = '36';
|
|
1869
1758
|
const defaultMode$1 = EditMode.FORM;
|
|
1870
1759
|
function applyPickerTogglerMods(mods) {
|
|
1871
1760
|
return [
|
|
1872
1761
|
css$N.root,
|
|
1873
|
-
'
|
|
1874
|
-
`uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
|
|
1762
|
+
css$N['size-' + (mods.size || defaultSize$1)],
|
|
1875
1763
|
css$N['mode-' + (mods.mode || defaultMode$1)],
|
|
1876
1764
|
];
|
|
1877
1765
|
}
|
|
1878
1766
|
function PickerTogglerComponent(props, ref) {
|
|
1879
1767
|
const renderItem = (itemProps) => {
|
|
1880
|
-
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size:
|
|
1768
|
+
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
|
|
1881
1769
|
if (!!props.renderItem) {
|
|
1882
1770
|
return props.renderItem(itemPropsWithSize);
|
|
1883
1771
|
}
|
|
@@ -1887,6 +1775,8 @@ function PickerTogglerComponent(props, ref) {
|
|
|
1887
1775
|
}
|
|
1888
1776
|
const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
|
|
1889
1777
|
|
|
1778
|
+
const pickerHeight$1 = 300;
|
|
1779
|
+
const pickerWidth = 360;
|
|
1890
1780
|
function PickerInputComponent(_a, ref) {
|
|
1891
1781
|
var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
|
|
1892
1782
|
const toggleModalOpening = () => {
|
|
@@ -1923,9 +1813,9 @@ function PickerInputComponent(_a, ref) {
|
|
|
1923
1813
|
};
|
|
1924
1814
|
const getRowSize = () => {
|
|
1925
1815
|
if (uuiCore.isMobile()) {
|
|
1926
|
-
return
|
|
1816
|
+
return '48';
|
|
1927
1817
|
}
|
|
1928
|
-
return props.editMode === 'modal' ?
|
|
1818
|
+
return props.editMode === 'modal' ? '36' : props.size;
|
|
1929
1819
|
};
|
|
1930
1820
|
const getSubtitle = ({ path }, { search }) => {
|
|
1931
1821
|
if (!search)
|
|
@@ -1940,12 +1830,12 @@ function PickerInputComponent(_a, ref) {
|
|
|
1940
1830
|
return (React__namespace.default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
|
|
1941
1831
|
};
|
|
1942
1832
|
const renderRow = (rowProps, dsState) => {
|
|
1943
|
-
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding:
|
|
1833
|
+
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: props.editMode === 'modal' ? '24' : '12', renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
|
|
1944
1834
|
};
|
|
1945
1835
|
const renderBody = (bodyProps, rows) => {
|
|
1946
1836
|
const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
|
|
1947
|
-
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight ||
|
|
1948
|
-
const minBodyWidth = props.minBodyWidth ||
|
|
1837
|
+
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
|
|
1838
|
+
const minBodyWidth = props.minBodyWidth || pickerWidth;
|
|
1949
1839
|
return (React__namespace.default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
|
|
1950
1840
|
React__namespace.default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
|
|
1951
1841
|
? () => props.renderNotFound({
|
|
@@ -1964,7 +1854,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1964
1854
|
}
|
|
1965
1855
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
1966
1856
|
|
|
1967
|
-
var css$M = {"row":"
|
|
1857
|
+
var css$M = {"row":"pIcFVr"};
|
|
1968
1858
|
|
|
1969
1859
|
function PickerListItem(props) {
|
|
1970
1860
|
var _a;
|
|
@@ -1985,7 +1875,7 @@ function PickerListItem(props) {
|
|
|
1985
1875
|
return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
|
|
1986
1876
|
}
|
|
1987
1877
|
|
|
1988
|
-
var css$L = {"root":"
|
|
1878
|
+
var css$L = {"root":"AuYlLG"};
|
|
1989
1879
|
|
|
1990
1880
|
function PickerList(props) {
|
|
1991
1881
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -2025,7 +1915,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
2025
1915
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
2026
1916
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
2027
1917
|
|
|
2028
|
-
var css$K = {"uui-typography":"
|
|
1918
|
+
var css$K = {"uui-typography":"W593iF","hero-header":"l20e4K","promo-header":"u-0YSE","uui-critical":"g0Of-C","uui-info":"QBZetr","uui-success":"tf8OTz","uui-warning":"bDgh-B","uui-highlight":"bbnZfQ","uui-typography-size-12":"xLx-hn","uui-typography-size-14":"q-Yksa","uui-typography-size-16":"K8sZYS","root":"kFtLMs","title-wrapper":"d3clAQ","title":"nFCBSs","text-wrapper":"_563b2k","selection":"AGQ1zE","postfix":"_3xm7Sg","selected":"_5g-1of","uuiTypography":"W593iF","heroHeader":"l20e4K","promoHeader":"u-0YSE","uuiCritical":"g0Of-C","uuiInfo":"QBZetr","uuiSuccess":"tf8OTz","uuiWarning":"bDgh-B","uuiHighlight":"bbnZfQ","uuiTypographySize12":"xLx-hn","uuiTypographySize14":"q-Yksa","uuiTypographySize16":"K8sZYS","titleWrapper":"d3clAQ","textWrapper":"_563b2k"};
|
|
2029
1919
|
|
|
2030
1920
|
const defaultSize = '36';
|
|
2031
1921
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -2118,7 +2008,7 @@ function FilterPickerBody(_a) {
|
|
|
2118
2008
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2119
2009
|
}
|
|
2120
2010
|
|
|
2121
|
-
var css$J = {"container":"
|
|
2011
|
+
var css$J = {"container":"_6fZOnv"};
|
|
2122
2012
|
|
|
2123
2013
|
const defaultFormat = 'MMM D, YYYY';
|
|
2124
2014
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2327,14 +2217,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2327
2217
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2328
2218
|
}
|
|
2329
2219
|
|
|
2330
|
-
var css$I = {"uui-typography":"
|
|
2220
|
+
var css$I = {"uui-typography":"zQDHvx","hero-header":"_657f0L","promo-header":"XooKcy","uui-critical":"IDVBg-","uui-info":"_3itZRX","uui-success":"iuOGFe","uui-warning":"sgEFhS","uui-highlight":"_1VBFun","uui-typography-size-12":"AK2dpo","uui-typography-size-14":"nEvuVq","uui-typography-size-16":"l5id5e","root":"upgjrV","uuiTypography":"zQDHvx","heroHeader":"_657f0L","promoHeader":"XooKcy","uuiCritical":"IDVBg-","uuiInfo":"_3itZRX","uuiSuccess":"iuOGFe","uuiWarning":"sgEFhS","uuiHighlight":"_1VBFun","uuiTypographySize12":"AK2dpo","uuiTypographySize14":"nEvuVq","uuiTypographySize16":"l5id5e"};
|
|
2331
2221
|
|
|
2332
2222
|
function applyDateSelectionMods() {
|
|
2333
2223
|
return [css$I.root];
|
|
2334
2224
|
}
|
|
2335
2225
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2336
2226
|
|
|
2337
|
-
var css$H = {"uui-typography":"
|
|
2227
|
+
var css$H = {"uui-typography":"w5fXCx","hero-header":"-IE4S6","promo-header":"FHr-LX","uui-critical":"_8FwaqT","uui-info":"RW31KC","uui-success":"QACM4p","uui-warning":"FuzjWb","uui-highlight":"uwbHEX","uui-typography-size-12":"wqnU2S","uui-typography-size-14":"QBj-Qn","uui-typography-size-16":"tXZnWB","root":"rzTQhi","uuiTypography":"w5fXCx","heroHeader":"-IE4S6","promoHeader":"FHr-LX","uuiCritical":"_8FwaqT","uuiInfo":"RW31KC","uuiSuccess":"QACM4p","uuiWarning":"FuzjWb","uuiHighlight":"uwbHEX","uuiTypographySize12":"wqnU2S","uuiTypographySize14":"QBj-Qn","uuiTypographySize16":"tXZnWB"};
|
|
2338
2228
|
|
|
2339
2229
|
const uuiDatePickerBody = {
|
|
2340
2230
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2422,7 +2312,7 @@ function FilterDatePickerBody(props) {
|
|
|
2422
2312
|
} })))));
|
|
2423
2313
|
}
|
|
2424
2314
|
|
|
2425
|
-
var css$G = {"uui-typography":"
|
|
2315
|
+
var css$G = {"uui-typography":"lcxKRM","hero-header":"kXsrJ6","promo-header":"Bi2aec","uui-critical":"GIrFzb","uui-info":"tZwrg-","uui-success":"iaDn9w","uui-warning":"OkHx5R","uui-highlight":"j-j5VJ","uui-typography-size-12":"ZnICKl","uui-typography-size-14":"u7U6w6","uui-typography-size-16":"oMWvx2","dropdown-container":"UZZlBs","date-input":"_4G-v-v","size-24":"k9twRf","size-30":"CmzpfG","size-36":"Grpu2v","size-42":"I3M9tr","size-48":"UArMOU","date-input-group":"YOLKyI","separator":"L9rqoY","mode-form":"g9Nhaz","mode-cell":"rFYWEB","uuiTypography":"lcxKRM","heroHeader":"kXsrJ6","promoHeader":"Bi2aec","uuiCritical":"GIrFzb","uuiInfo":"tZwrg-","uuiSuccess":"iaDn9w","uuiWarning":"OkHx5R","uuiHighlight":"j-j5VJ","uuiTypographySize12":"ZnICKl","uuiTypographySize14":"u7U6w6","uuiTypographySize16":"oMWvx2","dropdownContainer":"UZZlBs","dateInput":"_4G-v-v","size24":"k9twRf","size30":"CmzpfG","size36":"Grpu2v","size42":"I3M9tr","size48":"UArMOU","dateInputGroup":"YOLKyI","modeForm":"g9Nhaz","modeCell":"rFYWEB"};
|
|
2426
2316
|
|
|
2427
2317
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2428
2318
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2453,9 +2343,9 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2453
2343
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2454
2344
|
}
|
|
2455
2345
|
}, onBlur: onBlur },
|
|
2456
|
-
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size ||
|
|
2346
|
+
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && uuiCore.uuiMod.focus), size: size || '36', placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
|
|
2457
2347
|
React__namespace.default.createElement("div", { className: css$G.separator }),
|
|
2458
|
-
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size ||
|
|
2348
|
+
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2459
2349
|
onValueChange(defaultRangeValue);
|
|
2460
2350
|
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to })));
|
|
2461
2351
|
});
|
|
@@ -2513,7 +2403,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2513
2403
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2514
2404
|
}
|
|
2515
2405
|
|
|
2516
|
-
var css$F = {"container":"
|
|
2406
|
+
var css$F = {"container":"WaWKkZ"};
|
|
2517
2407
|
|
|
2518
2408
|
function FilterNumericBody(props) {
|
|
2519
2409
|
var _a, _b;
|
|
@@ -2613,7 +2503,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2613
2503
|
};
|
|
2614
2504
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
|
|
2615
2505
|
|
|
2616
|
-
var css$E = {"uui-typography":"
|
|
2506
|
+
var css$E = {"uui-typography":"_4evYd2","hero-header":"_8wPeDY","promo-header":"tA4ccU","uui-critical":"XwalNm","uui-info":"bxgywW","uui-success":"BPv-et","uui-warning":"V1BKej","uui-highlight":"bct6Jj","uui-typography-size-12":"P6erVZ","uui-typography-size-14":"_45pvig","uui-typography-size-16":"VHORO1","header":"G2x52-","removeButton":"rsj20L","with-search":"l9atMw","uuiTypography":"_4evYd2","heroHeader":"_8wPeDY","promoHeader":"tA4ccU","uuiCritical":"XwalNm","uuiInfo":"bxgywW","uuiSuccess":"BPv-et","uuiWarning":"V1BKej","uuiHighlight":"bct6Jj","uuiTypographySize12":"P6erVZ","uuiTypographySize14":"_45pvig","uuiTypographySize16":"VHORO1","withSearch":"l9atMw"};
|
|
2617
2507
|
|
|
2618
2508
|
function useView(props, value) {
|
|
2619
2509
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -2935,7 +2825,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2935
2825
|
}
|
|
2936
2826
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
2937
2827
|
|
|
2938
|
-
var css$D = {"divider":"
|
|
2828
|
+
var css$D = {"divider":"-VU1jB","dropdownDeleteIcon":"dhlpHc","presetsWrapper":"M-xZyc","addPresetContainer":"_5mV3fS","dropContainer":"RL6Fpf"};
|
|
2939
2829
|
|
|
2940
2830
|
var _path$p;
|
|
2941
2831
|
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
|
|
@@ -3063,7 +2953,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3063
2953
|
};
|
|
3064
2954
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
3065
2955
|
|
|
3066
|
-
var css$C = {"delete-button":"
|
|
2956
|
+
var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
|
|
3067
2957
|
|
|
3068
2958
|
function PresetActionsDropdown(props) {
|
|
3069
2959
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -3121,7 +3011,7 @@ function PresetActionsDropdown(props) {
|
|
|
3121
3011
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3122
3012
|
}
|
|
3123
3013
|
|
|
3124
|
-
var css$B = {"preset-input-cell":"
|
|
3014
|
+
var css$B = {"preset-input-cell":"JlR-IO","preset-input":"q-LReA","presetInputCell":"JlR-IO","presetInput":"q-LReA"};
|
|
3125
3015
|
|
|
3126
3016
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3127
3017
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3154,7 +3044,7 @@ function PresetInput(props) {
|
|
|
3154
3044
|
React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3155
3045
|
}
|
|
3156
3046
|
|
|
3157
|
-
var css$A = {"preset":"
|
|
3047
|
+
var css$A = {"preset":"_8gnk0c","activePreset":"LEXI0w"};
|
|
3158
3048
|
|
|
3159
3049
|
function Preset(props) {
|
|
3160
3050
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3256,16 +3146,25 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3256
3146
|
return columns;
|
|
3257
3147
|
};
|
|
3258
3148
|
|
|
3259
|
-
var css$z = {"line-height-12":"
|
|
3149
|
+
var css$z = {"line-height-12":"PCNWs-","line-height-18":"pvW8l5","line-height-24":"_0sP0Jj","line-height-30":"x0swjy","font-size-10":"Rf8QyL","font-size-12":"caqImT","font-size-14":"UiNd6h","font-size-16":"T348EX","font-size-18":"mSTko5","font-size-24":"zX217r","v-padding-2":"pR9KOj","v-padding-3":"PE6cSm","v-padding-5":"_47nwCd","v-padding-6":"IbAmtw","v-padding-8":"_7kKjqa","v-padding-9":"J-PY5X","v-padding-11":"_4n3jmS","v-padding-12":"_36hC7Y","v-padding-14":"L08Us9","v-padding-15":"EauJ-Z","v-padding-17":"EU1Ne8","v-padding-18":"OwGnKR","v-padding-23":"z1vLhh","v-padding-24":"hrMK5N","lineHeight12":"PCNWs-","lineHeight18":"pvW8l5","lineHeight24":"_0sP0Jj","lineHeight30":"x0swjy","fontSize10":"Rf8QyL","fontSize12":"caqImT","fontSize14":"UiNd6h","fontSize16":"T348EX","fontSize18":"mSTko5","fontSize24":"zX217r","vPadding2":"pR9KOj","vPadding3":"PE6cSm","vPadding5":"_47nwCd","vPadding6":"IbAmtw","vPadding8":"_7kKjqa","vPadding9":"J-PY5X","vPadding11":"_4n3jmS","vPadding12":"_36hC7Y","vPadding14":"L08Us9","vPadding15":"EauJ-Z","vPadding17":"EU1Ne8","vPadding18":"OwGnKR","vPadding23":"z1vLhh","vPadding24":"hrMK5N"};
|
|
3260
3150
|
|
|
3151
|
+
const defaultTextSettings = {
|
|
3152
|
+
18: { lineHeight: 12, fontSize: 10 },
|
|
3153
|
+
24: { lineHeight: 18, fontSize: 12 },
|
|
3154
|
+
30: { lineHeight: 18, fontSize: 14 },
|
|
3155
|
+
36: { lineHeight: 18, fontSize: 14 },
|
|
3156
|
+
42: { lineHeight: 24, fontSize: 16 },
|
|
3157
|
+
48: { lineHeight: 24, fontSize: 16 },
|
|
3158
|
+
60: { lineHeight: 30, fontSize: 24 },
|
|
3159
|
+
};
|
|
3261
3160
|
function getTextClasses(props, border) {
|
|
3262
3161
|
if (props.size === 'none') {
|
|
3263
3162
|
return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
|
|
3264
3163
|
}
|
|
3265
3164
|
const setting = {
|
|
3266
3165
|
size: props.size,
|
|
3267
|
-
lineHeight: props.lineHeight ||
|
|
3268
|
-
fontSize: props.fontSize ||
|
|
3166
|
+
lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
|
|
3167
|
+
fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
|
|
3269
3168
|
};
|
|
3270
3169
|
const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
|
|
3271
3170
|
return [
|
|
@@ -3273,11 +3172,11 @@ function getTextClasses(props, border) {
|
|
|
3273
3172
|
];
|
|
3274
3173
|
}
|
|
3275
3174
|
|
|
3276
|
-
var css$y = {"root":"
|
|
3175
|
+
var css$y = {"root":"LKdhpo"};
|
|
3277
3176
|
|
|
3278
3177
|
function applyTextMods(mods) {
|
|
3279
3178
|
const textClasses = getTextClasses({
|
|
3280
|
-
size: mods.size ||
|
|
3179
|
+
size: mods.size || '36',
|
|
3281
3180
|
lineHeight: mods.lineHeight,
|
|
3282
3181
|
fontSize: mods.fontSize,
|
|
3283
3182
|
}, false);
|
|
@@ -3292,7 +3191,7 @@ function applyTextMods(mods) {
|
|
|
3292
3191
|
}
|
|
3293
3192
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
|
|
3294
3193
|
|
|
3295
|
-
var css$x = {"root":"
|
|
3194
|
+
var css$x = {"root":"WUCsoD","loading-word":"djHAUL","animated-loading":"pL15Q4","skeleton_loading":"g4yk-G","loadingWord":"djHAUL","animatedLoading":"pL15Q4","skeletonLoading":"g4yk-G"};
|
|
3296
3195
|
|
|
3297
3196
|
const TextPlaceholder = (props) => {
|
|
3298
3197
|
const pattern = ' ';
|
|
@@ -3311,7 +3210,7 @@ const TextPlaceholder = (props) => {
|
|
|
3311
3210
|
|
|
3312
3211
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3313
3212
|
|
|
3314
|
-
var css$w = {"uui-typography":"
|
|
3213
|
+
var css$w = {"uui-typography":"NCOA-N","hero-header":"lou10l","promo-header":"IrlxKK","uui-critical":"MarD0C","uui-info":"CwmxoD","uui-success":"TFMHpe","uui-warning":"_5eiXZc","uui-highlight":"_2mBH1X","uui-typography-size-12":"YhN27r","uui-typography-size-14":"e4Lbaw","uui-typography-size-16":"_7xN4W9","root":"Z2mlOa","modal-blocker":"ktZo3f","animateModalBlocker":"fVjz4W","modal":"JsMcS0","modal-footer":"anVEFI","modal-header":"g7V3WS","uuiTypography":"NCOA-N","heroHeader":"lou10l","promoHeader":"IrlxKK","uuiCritical":"MarD0C","uuiInfo":"CwmxoD","uuiSuccess":"TFMHpe","uuiWarning":"_5eiXZc","uuiHighlight":"_2mBH1X","uuiTypographySize12":"YhN27r","uuiTypographySize14":"e4Lbaw","uuiTypographySize16":"_7xN4W9","modalBlocker":"ktZo3f","modalFooter":"anVEFI","modalHeader":"g7V3WS"};
|
|
3315
3214
|
|
|
3316
3215
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
|
|
3317
3216
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3330,19 +3229,19 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
|
|
|
3330
3229
|
maxHeight }),
|
|
3331
3230
|
};
|
|
3332
3231
|
});
|
|
3333
|
-
class ModalHeader extends React__namespace.
|
|
3232
|
+
class ModalHeader extends React__namespace.Component {
|
|
3334
3233
|
render() {
|
|
3335
|
-
return (React__namespace.
|
|
3336
|
-
this.props.title && (React__namespace.
|
|
3234
|
+
return (React__namespace.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
|
|
3235
|
+
this.props.title && (React__namespace.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
|
|
3337
3236
|
this.props.children,
|
|
3338
|
-
this.props.onClose && React__namespace.
|
|
3339
|
-
this.props.onClose && (React__namespace.
|
|
3340
|
-
React__namespace.
|
|
3237
|
+
this.props.onClose && React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
3238
|
+
this.props.onClose && (React__namespace.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
3239
|
+
React__namespace.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
|
|
3341
3240
|
}
|
|
3342
3241
|
}
|
|
3343
|
-
class ModalFooter extends React__namespace.
|
|
3242
|
+
class ModalFooter extends React__namespace.Component {
|
|
3344
3243
|
render() {
|
|
3345
|
-
return (React__namespace.
|
|
3244
|
+
return (React__namespace.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3346
3245
|
css$w.root,
|
|
3347
3246
|
css$w.modalFooter,
|
|
3348
3247
|
this.props.cx,
|
|
@@ -3365,7 +3264,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3365
3264
|
};
|
|
3366
3265
|
var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
3367
3266
|
|
|
3368
|
-
var css$v = {"uui-typography":"
|
|
3267
|
+
var css$v = {"uui-typography":"afcoWr","hero-header":"_92QbMf","promo-header":"_3RNkok","uui-critical":"wzGtmy","uui-info":"Zxbk5E","uui-success":"e7Ef6Z","uui-warning":"_5QK9Jo","uui-highlight":"qD9HwM","uui-typography-size-12":"GcZfav","uui-typography-size-14":"T8RQlX","uui-typography-size-16":"m1xzue","root":"OhpMlk","icon-wrapper":"Rqt6V6","action-wrapper":"BA7kDv","action-link":"_48idh-","close-icon":"fLL22H","main-path":"IA81EK","content":"paRNso","close-wrapper":"d8GGV7","notification-wrapper":"PVCz5p","clear-button":"ngsT9Q","uuiTypography":"afcoWr","heroHeader":"_92QbMf","promoHeader":"_3RNkok","uuiCritical":"wzGtmy","uuiInfo":"Zxbk5E","uuiSuccess":"e7Ef6Z","uuiWarning":"_5QK9Jo","uuiHighlight":"qD9HwM","uuiTypographySize12":"GcZfav","uuiTypographySize14":"T8RQlX","uuiTypographySize16":"m1xzue","iconWrapper":"Rqt6V6","actionWrapper":"BA7kDv","actionLink":"_48idh-","closeIcon":"fLL22H","mainPath":"IA81EK","closeWrapper":"d8GGV7","notificationWrapper":"PVCz5p","clearButton":"ngsT9Q"};
|
|
3369
3268
|
|
|
3370
3269
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3371
3270
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -3487,7 +3386,7 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3487
3386
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3488
3387
|
};
|
|
3489
3388
|
|
|
3490
|
-
var css$u = {"root":"
|
|
3389
|
+
var css$u = {"root":"_1a2pjz","timepicker-input":"skdcbb","timepickerInput":"skdcbb"};
|
|
3491
3390
|
|
|
3492
3391
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3493
3392
|
const valueToTimeString = (value, format) => {
|
|
@@ -3633,7 +3532,7 @@ function TimePickerBody(props) {
|
|
|
3633
3532
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3634
3533
|
}
|
|
3635
3534
|
|
|
3636
|
-
var css$t = {"root":"
|
|
3535
|
+
var css$t = {"root":"_1tTUIl"};
|
|
3637
3536
|
|
|
3638
3537
|
function applyInputAddonMods() {
|
|
3639
3538
|
return [
|
|
@@ -3642,7 +3541,7 @@ function applyInputAddonMods() {
|
|
|
3642
3541
|
}
|
|
3643
3542
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
3644
3543
|
|
|
3645
|
-
var css$s = {"root":"
|
|
3544
|
+
var css$s = {"root":"_0gQFBI"};
|
|
3646
3545
|
|
|
3647
3546
|
function applySliderMods() {
|
|
3648
3547
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3696,7 +3595,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3696
3595
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3697
3596
|
return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3698
3597
|
// fixes a bug with body open, it skips unwanted prevent default
|
|
3699
|
-
onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size ||
|
|
3598
|
+
onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || '36', value: inputValue || undefined, onValueChange: (v) => {
|
|
3700
3599
|
setInputValue(v || '');
|
|
3701
3600
|
}, onCancel: allowClear ? () => {
|
|
3702
3601
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3725,14 +3624,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3725
3624
|
}
|
|
3726
3625
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3727
3626
|
|
|
3728
|
-
var css$r = {"uui-typography":"
|
|
3627
|
+
var css$r = {"uui-typography":"y7jRm8","hero-header":"ca2fbo","promo-header":"v1hKUU","uui-critical":"lvhrLB","uui-info":"_3-Ea0z","uui-success":"Her1Yq","uui-warning":"mLoZpB","uui-highlight":"wTGSwk","uui-typography-size-12":"JXmyAd","uui-typography-size-14":"_1Moq2a","uui-typography-size-16":"_0CeObo","root":"uVnbvZ","uuiTypography":"y7jRm8","heroHeader":"ca2fbo","promoHeader":"v1hKUU","uuiCritical":"lvhrLB","uuiInfo":"_3-Ea0z","uuiSuccess":"Her1Yq","uuiWarning":"mLoZpB","uuiHighlight":"wTGSwk","uuiTypographySize12":"JXmyAd","uuiTypographySize14":"_1Moq2a","uuiTypographySize16":"_0CeObo"};
|
|
3729
3628
|
|
|
3730
3629
|
function applyCalendarPresetsMods() {
|
|
3731
3630
|
return [css$r.root];
|
|
3732
3631
|
}
|
|
3733
3632
|
const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
|
|
3734
3633
|
|
|
3735
|
-
var css$q = {"uui-typography":"
|
|
3634
|
+
var css$q = {"uui-typography":"-YX9MR","hero-header":"yj5y-G","promo-header":"KtUYQQ","uui-critical":"WwY6-R","uui-info":"FinH6N","uui-success":"CP0-oK","uui-warning":"wnaMwh","uui-highlight":"yBW8gG","uui-typography-size-12":"Kwj9SW","uui-typography-size-14":"lPxa2P","uui-typography-size-16":"_14I6PW","root":"DAZiTx","container":"-VzZpM","day-selection":"_0u635d","from-picker":"_2g59AE","to-picker":"-fIYbu","bodes-wrapper":"w-uH6i","blocker":"_6G9kLj","uuiTypography":"-YX9MR","heroHeader":"yj5y-G","promoHeader":"KtUYQQ","uuiCritical":"WwY6-R","uuiInfo":"FinH6N","uuiSuccess":"CP0-oK","uuiWarning":"wnaMwh","uuiHighlight":"yBW8gG","uuiTypographySize12":"Kwj9SW","uuiTypographySize14":"lPxa2P","uuiTypographySize16":"_14I6PW","daySelection":"_0u635d","fromPicker":"_2g59AE","toPicker":"-fIYbu","bodesWrapper":"w-uH6i"};
|
|
3736
3635
|
|
|
3737
3636
|
const uuiRangeDatePickerBody = {
|
|
3738
3637
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3976,7 +3875,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3976
3875
|
}
|
|
3977
3876
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3978
3877
|
|
|
3979
|
-
var css$p = {"root":"
|
|
3878
|
+
var css$p = {"root":"rcAz2x","blocker":"bfTiWy","marker":"D1Uz26","top":"ApwVqC","bottom":"Qdpx27","left":"_6nFVaX","right":"_0G2Tgx","inside":"ZVWVf2"};
|
|
3980
3879
|
|
|
3981
3880
|
function DropMarker(props) {
|
|
3982
3881
|
return props.isDndInProgress
|
|
@@ -3991,7 +3890,7 @@ function DropMarker(props) {
|
|
|
3991
3890
|
: null;
|
|
3992
3891
|
}
|
|
3993
3892
|
|
|
3994
|
-
var css$o = {"uui-typography":"
|
|
3893
|
+
var css$o = {"uui-typography":"FX4HUh","hero-header":"vcTtCR","promo-header":"I7uMpY","uui-critical":"ucrS0A","uui-info":"_93xHSc","uui-success":"CgzBnS","uui-warning":"_6Hej-L","uui-highlight":"H2uDL7","uui-typography-size-12":"_9AQWGS","uui-typography-size-14":"iiuGpw","uui-typography-size-16":"mSGCLT","cell":"lfvs2l","wrapper":"-s955d","align-widgets-top":"_6fSb-0","size-24":"Jcvypr","size-30":"z8bth-","size-36":"IJJBAx","size-42":"uMysCG","size-48":"_3b8ya8","size-60":"Hzo87p","align-widgets-center":"V5RV8A","padding-6":"wb9Inw","padding-12":"erH7u-","padding-24":"PpCpwh","padding-left-12":"yGldgJ","padding-left-24":"PvWm4t","padding-right-12":"YqCL1x","padding-right-24":"zDycgN","loading-cell":"mpzzvL","uuiTypography":"FX4HUh","heroHeader":"vcTtCR","promoHeader":"I7uMpY","uuiCritical":"ucrS0A","uuiInfo":"_93xHSc","uuiSuccess":"CgzBnS","uuiWarning":"_6Hej-L","uuiHighlight":"H2uDL7","uuiTypographySize12":"_9AQWGS","uuiTypographySize14":"iiuGpw","uuiTypographySize16":"mSGCLT","alignWidgetsTop":"_6fSb-0","size24":"Jcvypr","size30":"z8bth-","size36":"IJJBAx","size42":"uMysCG","size48":"_3b8ya8","size60":"Hzo87p","alignWidgetsCenter":"V5RV8A","padding6":"wb9Inw","padding12":"erH7u-","padding24":"PpCpwh","paddingLeft12":"yGldgJ","paddingLeft24":"PvWm4t","paddingRight12":"YqCL1x","paddingRight24":"zDycgN","loadingCell":"mpzzvL"};
|
|
3995
3894
|
|
|
3996
3895
|
function DataTableCell(props) {
|
|
3997
3896
|
props = Object.assign({}, props);
|
|
@@ -4039,7 +3938,7 @@ function DataTableCell(props) {
|
|
|
4039
3938
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
4040
3939
|
}
|
|
4041
3940
|
|
|
4042
|
-
var css$n = {"uui-typography":"
|
|
3941
|
+
var css$n = {"uui-typography":"uidgjl","hero-header":"cRiFYr","promo-header":"NULVjX","uui-critical":"YRQw7M","uui-info":"_7S781c","uui-success":"kLldcw","uui-warning":"CangXi","uui-highlight":"Sx9Tnm","uui-typography-size-12":"O0type","uui-typography-size-14":"HMJxQ0","uui-typography-size-16":"TOcKuX","root":"fry7PU","size-24":"_2UqnpC","size-30":"i-p5Ik","size-36":"KaVKCU","size-48":"CsYgcr","size-60":"tdbdRe","uuiTypography":"uidgjl","heroHeader":"cRiFYr","promoHeader":"NULVjX","uuiCritical":"YRQw7M","uuiInfo":"_7S781c","uuiSuccess":"kLldcw","uuiWarning":"CangXi","uuiHighlight":"Sx9Tnm","uuiTypographySize12":"O0type","uuiTypographySize14":"HMJxQ0","uuiTypographySize16":"TOcKuX","size24":"_2UqnpC","size30":"i-p5Ik","size36":"KaVKCU","size48":"CsYgcr","size60":"tdbdRe"};
|
|
4043
3942
|
|
|
4044
3943
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4045
3944
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -4055,7 +3954,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4055
3954
|
];
|
|
4056
3955
|
}, () => propsMods);
|
|
4057
3956
|
|
|
4058
|
-
var css$m = {"uui-typography":"
|
|
3957
|
+
var css$m = {"uui-typography":"TcNA92","hero-header":"A4IM0U","promo-header":"AsCBvy","uui-critical":"ip5sET","uui-info":"yN0GEM","uui-success":"x4i3w1","uui-warning":"_0KdahR","uui-highlight":"d1Wxt1","uui-typography-size-12":"nusfRu","uui-typography-size-14":"Jlb7Em","uui-typography-size-16":"Gk79Rx","sorting-panel-container":"FHvbN8","sort-active":"kvoZKo","uuiTypography":"TcNA92","heroHeader":"A4IM0U","promoHeader":"AsCBvy","uuiCritical":"ip5sET","uuiInfo":"yN0GEM","uuiSuccess":"x4i3w1","uuiWarning":"_0KdahR","uuiHighlight":"d1Wxt1","uuiTypographySize12":"nusfRu","uuiTypographySize14":"Jlb7Em","uuiTypographySize16":"Gk79Rx","sortingPanelContainer":"FHvbN8","sortActive":"kvoZKo"};
|
|
4059
3958
|
|
|
4060
3959
|
var _path$g;
|
|
4061
3960
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -4185,7 +4084,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4185
4084
|
};
|
|
4186
4085
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
4187
4086
|
|
|
4188
|
-
var css$l = {"uui-typography":"
|
|
4087
|
+
var css$l = {"uui-typography":"tdc2s6","hero-header":"Wtpo-Q","promo-header":"p3t2z7","uui-critical":"_4MjZdS","uui-info":"E5EIcO","uui-success":"OdXG85","uui-warning":"SYJEsB","uui-highlight":"K-izYO","uui-typography-size-12":"E3jkQx","uui-typography-size-14":"un5W-7","uui-typography-size-16":"rMYyI1","cell":"XR5TIN","column-gap-12":"PCOJqB","caption-wrapper":"pNdFPX","column-gap-24":"aG22b8","first-column-12":"S4anih","last-column-12":"_8qv7b3","first-column-24":"uuIBhH","last-column-24":"MSoK7W","sort-icon":"TIBQDP","dropdown-icon":"VrOwX8","infoIcon":"Hs8OxI","resizable":"FQ-UMs","size-24":"x-U6GW","size-30":"_34yT9R","size-36":"fOiLdp","size-42":"TQimFl","size-48":"p0v7wI","padding-left-24":"qyiOlv","padding-right-24":"_4KLGR2","align-right":"_0dkT91","align-center":"qO4xrV","caption":"ZGItTw","checkbox":"OX-SJ6","icon":"toHKuT","fold-all-icon":"iWQaCs","cell-tooltip":"NQE0Lm","upper-case":"M549H1","font-size-14":"qnFYwm","resize-mark":"g4zi9G","resize-mark-6":"XL3ny8","resize-mark-12":"spMTWX","pinned-right":"v5fF86","draggable":"SQfhV3","ghost":"qJryVm","is-dragged-out":"VnmnnV","dnd-marker-left":"nAm7Q2","dnd-marker-right":"iKDewh","cell-tooltip-wrapper":"_9oJcSl","cell-tooltip-text":"ttGlgo","uuiTypography":"tdc2s6","heroHeader":"Wtpo-Q","promoHeader":"p3t2z7","uuiCritical":"_4MjZdS","uuiInfo":"E5EIcO","uuiSuccess":"OdXG85","uuiWarning":"SYJEsB","uuiHighlight":"K-izYO","uuiTypographySize12":"E3jkQx","uuiTypographySize14":"un5W-7","uuiTypographySize16":"rMYyI1","columnGap12":"PCOJqB","captionWrapper":"pNdFPX","columnGap24":"aG22b8","firstColumn12":"S4anih","lastColumn12":"_8qv7b3","firstColumn24":"uuIBhH","lastColumn24":"MSoK7W","sortIcon":"TIBQDP","dropdownIcon":"VrOwX8","size24":"x-U6GW","size30":"_34yT9R","size36":"fOiLdp","size42":"TQimFl","size48":"p0v7wI","paddingLeft24":"qyiOlv","paddingRight24":"_4KLGR2","alignRight":"_0dkT91","alignCenter":"qO4xrV","foldAllIcon":"iWQaCs","cellTooltip":"NQE0Lm","upperCase":"M549H1","fontSize14":"qnFYwm","resizeMark":"g4zi9G","resizeMark6":"XL3ny8","resizeMark12":"spMTWX","pinnedRight":"v5fF86","isDraggedOut":"VnmnnV","dndMarkerLeft":"nAm7Q2","dndMarkerRight":"iKDewh","cellTooltipWrapper":"_9oJcSl","cellTooltipText":"ttGlgo"};
|
|
4189
4088
|
|
|
4190
4089
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4191
4090
|
constructor() {
|
|
@@ -4267,14 +4166,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4267
4166
|
};
|
|
4268
4167
|
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
4269
4168
|
|
|
4270
|
-
var css$k = {"uui-typography":"
|
|
4169
|
+
var css$k = {"uui-typography":"_5Gdlnl","hero-header":"FnXgPH","promo-header":"iX68gn","uui-critical":"Q0SCWi","uui-info":"R4dieO","uui-success":"cq6ewY","uui-warning":"_541mcF","uui-highlight":"npOONo","uui-typography-size-12":"sgNPF5","uui-typography-size-14":"oLccsS","uui-typography-size-16":"sLxgmX","header-cell":"_0vpF1F","truncate":"_7xYkoF","uuiTypography":"_5Gdlnl","heroHeader":"FnXgPH","promoHeader":"iX68gn","uuiCritical":"Q0SCWi","uuiInfo":"R4dieO","uuiSuccess":"cq6ewY","uuiWarning":"_541mcF","uuiHighlight":"npOONo","uuiTypographySize12":"sgNPF5","uuiTypographySize14":"oLccsS","uuiTypographySize16":"sLxgmX","headerCell":"_0vpF1F"};
|
|
4271
4170
|
|
|
4272
4171
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4273
4172
|
renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4274
4173
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4275
4174
|
}));
|
|
4276
4175
|
|
|
4277
|
-
var styles$1 = {"uui-typography":"
|
|
4176
|
+
var styles$1 = {"uui-typography":"ofBM1-","hero-header":"xocunm","promo-header":"T1eSvY","uui-critical":"X6hW5d","uui-info":"_7BO8ok","uui-success":"v47COk","uui-warning":"_18kIXy","uui-highlight":"QZR0pz","uui-typography-size-12":"kVxCKw","uui-typography-size-14":"ywibJR","uui-typography-size-16":"o-k3u2","main-panel":"Cw776O","group-title":"fiTZXo","group-title-text":"XkOZAY","group-title-badge":"m6hJs1","group-items":"UNUeNA","no-data":"_26NeY1","h-divider":"_3y2-Pg","search-area":"OULjdL","subgroup-accordion":"_5N4KY8","subgroup-title":"hkxmJ5","uuiTypography":"ofBM1-","heroHeader":"xocunm","promoHeader":"T1eSvY","uuiCritical":"X6hW5d","uuiInfo":"_7BO8ok","uuiSuccess":"v47COk","uuiWarning":"_18kIXy","uuiHighlight":"QZR0pz","uuiTypographySize12":"kVxCKw","uuiTypographySize14":"ywibJR","uuiTypographySize16":"o-k3u2","mainPanel":"Cw776O","groupTitle":"fiTZXo","groupTitleText":"XkOZAY","groupTitleBadge":"m6hJs1","groupItems":"UNUeNA","noData":"_26NeY1","hDivider":"_3y2-Pg","searchArea":"OULjdL","subgroupAccordion":"_5N4KY8","subgroupTitle":"hkxmJ5"};
|
|
4278
4177
|
|
|
4279
4178
|
var _path$8;
|
|
4280
4179
|
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
@@ -4331,7 +4230,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4331
4230
|
};
|
|
4332
4231
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4333
4232
|
|
|
4334
|
-
var css$j = {"unpin-icon":"
|
|
4233
|
+
var css$j = {"unpin-icon":"_1339To","pin-toggler-icon":"yAcesw","unpinIcon":"_1339To","pinTogglerIcon":"yAcesw"};
|
|
4335
4234
|
|
|
4336
4235
|
function PinIconButton(props) {
|
|
4337
4236
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4390,7 +4289,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4390
4289
|
};
|
|
4391
4290
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4392
4291
|
|
|
4393
|
-
var styles = {"uui-typography":"
|
|
4292
|
+
var styles = {"uui-typography":"Ukve-K","hero-header":"_784Dlz","promo-header":"j0JkmE","uui-critical":"_9RpeXP","uui-info":"Goy33o","uui-success":"gUSLsq","uui-warning":"_8tAxAj","uui-highlight":"CHEVw4","uui-typography-size-12":"p6WDz0","uui-typography-size-14":"bBGc-X","uui-typography-size-16":"zLHmj9","row-wrapper":"yoq7u-","not-pinned":"z-CgTl","pin-icon-button":"P16KDH","checkbox":"-jcBGf","drag-handle":"GPcaHb","dnd-disabled":"TCER2e","uuiTypography":"Ukve-K","heroHeader":"_784Dlz","promoHeader":"j0JkmE","uuiCritical":"_9RpeXP","uuiInfo":"Goy33o","uuiSuccess":"gUSLsq","uuiWarning":"_8tAxAj","uuiHighlight":"CHEVw4","uuiTypographySize12":"p6WDz0","uuiTypographySize14":"bBGc-X","uuiTypographySize16":"zLHmj9","rowWrapper":"yoq7u-","notPinned":"z-CgTl","pinIconButton":"P16KDH","dragHandle":"GPcaHb","dndDisabled":"TCER2e"};
|
|
4394
4293
|
|
|
4395
4294
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4396
4295
|
const { column } = props;
|
|
@@ -4499,7 +4398,7 @@ function SubGroup(props) {
|
|
|
4499
4398
|
return null;
|
|
4500
4399
|
}
|
|
4501
4400
|
|
|
4502
|
-
var css$i = {"listContainer":"
|
|
4401
|
+
var css$i = {"listContainer":"_5Ug05V","header":"faLhCL","group":"nHHIXQ","stickyHeader":"BhAxHk"};
|
|
4503
4402
|
|
|
4504
4403
|
const getChildrenAndRest = (row, rows) => {
|
|
4505
4404
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4565,7 +4464,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4565
4464
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4566
4465
|
ref: ref
|
|
4567
4466
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4568
|
-
clipPath: "url(#
|
|
4467
|
+
clipPath: "url(#oud3bez3wwsq1kf2e_a)"
|
|
4569
4468
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4570
4469
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4571
4470
|
fill: "#F5F6FA"
|
|
@@ -4586,7 +4485,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4586
4485
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4587
4486
|
fill: "#1D1E26"
|
|
4588
4487
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4589
|
-
id: "
|
|
4488
|
+
id: "oud3be4qsrbtiabdx_b",
|
|
4590
4489
|
style: {
|
|
4591
4490
|
maskType: "alpha"
|
|
4592
4491
|
},
|
|
@@ -4599,7 +4498,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4599
4498
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4600
4499
|
fill: "#9BDEFF"
|
|
4601
4500
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4602
|
-
mask: "url(#
|
|
4501
|
+
mask: "url(#oud3be4qsrbtiabdx_b)",
|
|
4603
4502
|
fillRule: "evenodd",
|
|
4604
4503
|
clipRule: "evenodd"
|
|
4605
4504
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4685,7 +4584,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4685
4584
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4686
4585
|
fill: "#fff"
|
|
4687
4586
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4688
|
-
id: "
|
|
4587
|
+
id: "oud3bez3wwsq1kf2e_a"
|
|
4689
4588
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4690
4589
|
fill: "#fff",
|
|
4691
4590
|
transform: "translate(.552)",
|
|
@@ -4694,7 +4593,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4694
4593
|
};
|
|
4695
4594
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4696
4595
|
|
|
4697
|
-
var css$h = {"sticky-header":"
|
|
4596
|
+
var css$h = {"sticky-header":"pShpo1","table":"AO0OhS","no-results":"_0Xgw1z","no-results-icon":"_16IWXd","no-results-title":"VkSwyF","stickyHeader":"pShpo1","noResults":"_0Xgw1z","noResultsIcon":"_16IWXd","noResultsTitle":"VkSwyF"};
|
|
4698
4597
|
|
|
4699
4598
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4700
4599
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4747,9 +4646,9 @@ function DataTable(props) {
|
|
|
4747
4646
|
} }))));
|
|
4748
4647
|
}
|
|
4749
4648
|
|
|
4750
|
-
var css$g = {"root":"
|
|
4649
|
+
var css$g = {"root":"NwFtrf"};
|
|
4751
4650
|
|
|
4752
|
-
var css$f = {"root":"
|
|
4651
|
+
var css$f = {"root":"_9X4g7Y","burger-content":"_3zTLho","burgerContent":"_3zTLho"};
|
|
4753
4652
|
|
|
4754
4653
|
var _path$3;
|
|
4755
4654
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4792,7 +4691,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4792
4691
|
};
|
|
4793
4692
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
4794
4693
|
|
|
4795
|
-
var css$e = {"uui-typography":"
|
|
4694
|
+
var css$e = {"uui-typography":"jQ9kDs","hero-header":"vPqcW4","promo-header":"_6Rzldc","uui-critical":"sf4epo","uui-info":"zY8IaD","uui-success":"L-TFTX","uui-warning":"QcbghS","uui-highlight":"E7fmE5","uui-typography-size-12":"ICy6sB","uui-typography-size-14":"KvbItu","uui-typography-size-16":"tJBEEA","root":"BnJ-qE","button-primary":"xHPROz","button-secondary":"LyXNWZ","hasIcon":"_5LhBL7","dropdown":"CcIDvC","uuiTypography":"jQ9kDs","heroHeader":"vPqcW4","promoHeader":"_6Rzldc","uuiCritical":"sf4epo","uuiInfo":"zY8IaD","uuiSuccess":"L-TFTX","uuiWarning":"QcbghS","uuiHighlight":"E7fmE5","uuiTypographySize12":"ICy6sB","uuiTypographySize14":"KvbItu","uuiTypographySize16":"tJBEEA","buttonPrimary":"xHPROz","buttonSecondary":"LyXNWZ"};
|
|
4796
4695
|
|
|
4797
4696
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
4798
4697
|
css$e.root,
|
|
@@ -4803,13 +4702,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
4803
4702
|
props.icon && css$e.hasIcon,
|
|
4804
4703
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4805
4704
|
|
|
4806
|
-
var css$d = {"search-input":"
|
|
4705
|
+
var css$d = {"search-input":"EuPLlY","searchInput":"EuPLlY"};
|
|
4807
4706
|
|
|
4808
4707
|
function BurgerSearch(props) {
|
|
4809
4708
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4810
4709
|
}
|
|
4811
4710
|
|
|
4812
|
-
var css$c = {"root":"
|
|
4711
|
+
var css$c = {"root":"dfvBaZ","group-header":"ErXbA9","group-name":"lPUjKa","line":"-ow5Fm","groupHeader":"ErXbA9","groupName":"lPUjKa"};
|
|
4813
4712
|
|
|
4814
4713
|
function BurgerGroupHeader(props) {
|
|
4815
4714
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4817,7 +4716,7 @@ function BurgerGroupHeader(props) {
|
|
|
4817
4716
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4818
4717
|
}
|
|
4819
4718
|
|
|
4820
|
-
var css$b = {"uui-typography":"
|
|
4719
|
+
var css$b = {"uui-typography":"b-zbP3","hero-header":"fBpzRJ","promo-header":"aaFv87","uui-critical":"OJGiHH","uui-info":"BzqyLi","uui-success":"l3h21W","uui-warning":"RRGAos","uui-highlight":"sd3etA","uui-typography-size-12":"dWHgLt","uui-typography-size-14":"n6FmZ7","uui-typography-size-16":"uaP0gT","root":"-avp31","type-primary":"uLGqaQ","type-secondary":"kF4STp","uuiTypography":"b-zbP3","heroHeader":"fBpzRJ","promoHeader":"aaFv87","uuiCritical":"OJGiHH","uuiInfo":"BzqyLi","uuiSuccess":"l3h21W","uuiWarning":"RRGAos","uuiHighlight":"sd3etA","uuiTypographySize12":"dWHgLt","uuiTypographySize14":"n6FmZ7","uuiTypographySize16":"uaP0gT","typePrimary":"uLGqaQ","typeSecondary":"kF4STp"};
|
|
4821
4720
|
|
|
4822
4721
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4823
4722
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4833,7 +4732,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4833
4732
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4834
4733
|
});
|
|
4835
4734
|
|
|
4836
|
-
var css$a = {"dropdown-body":"
|
|
4735
|
+
var css$a = {"dropdown-body":"Eqejoo","dropdownBody":"Eqejoo"};
|
|
4837
4736
|
|
|
4838
4737
|
class MainMenuDropdown extends React__namespace.Component {
|
|
4839
4738
|
render() {
|
|
@@ -4888,12 +4787,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4888
4787
|
};
|
|
4889
4788
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4890
4789
|
|
|
4891
|
-
var css$9 = {"global-menu-btn":"
|
|
4790
|
+
var css$9 = {"global-menu-btn":"-oW-jm","global-menu-icon":"TVwzdZ","globalMenuBtn":"-oW-jm","globalMenuIcon":"TVwzdZ"};
|
|
4892
4791
|
|
|
4893
4792
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4894
4793
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4895
4794
|
|
|
4896
|
-
var css$8 = {"container":"
|
|
4795
|
+
var css$8 = {"container":"GwVVf0","open":"gojqhk"};
|
|
4897
4796
|
|
|
4898
4797
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4899
4798
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4901,18 +4800,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4901
4800
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
4902
4801
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4903
4802
|
|
|
4904
|
-
var css$7 = {"search-input":"
|
|
4803
|
+
var css$7 = {"search-input":"akNA5i","searchInput":"akNA5i"};
|
|
4905
4804
|
|
|
4906
4805
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4907
4806
|
var _a;
|
|
4908
4807
|
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4909
4808
|
} }))));
|
|
4910
4809
|
|
|
4911
|
-
var css$6 = {"container":"
|
|
4810
|
+
var css$6 = {"container":"DEYDSt"};
|
|
4912
4811
|
|
|
4913
4812
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
|
|
4914
4813
|
|
|
4915
|
-
var css$5 = {"root":"
|
|
4814
|
+
var css$5 = {"root":"IKaqUH"};
|
|
4916
4815
|
|
|
4917
4816
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
4918
4817
|
|
|
@@ -4970,7 +4869,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4970
4869
|
};
|
|
4971
4870
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
4972
4871
|
|
|
4973
|
-
var css$4 = {"root":"
|
|
4872
|
+
var css$4 = {"root":"nxPhR-","drop-start":"i7ScKc","drop-over":"hxYrG2","link":"xDIoxi","drop-area":"ELfINl","drop-caption":"QuVetq","icon-blue":"_5sO-P2","dropStart":"i7ScKc","dropOver":"hxYrG2","dropArea":"ELfINl","dropCaption":"QuVetq","iconBlue":"_5sO-P2"};
|
|
4974
4873
|
|
|
4975
4874
|
function DropSpot(props) {
|
|
4976
4875
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4988,9 +4887,9 @@ function DropSpot(props) {
|
|
|
4988
4887
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4989
4888
|
}
|
|
4990
4889
|
|
|
4991
|
-
var css$3 = {"uui-typography":"
|
|
4890
|
+
var css$3 = {"uui-typography":"SMB7Z4","hero-header":"_0wXrkf","promo-header":"M4yH2r","uui-critical":"fEOxi2","uui-info":"AJ5Og-","uui-success":"XNcg7C","uui-warning":"r--Xs5","uui-highlight":"YZSHEO","uui-typography-size-12":"_1hhz1e","uui-typography-size-14":"SOVIfy","uui-typography-size-16":"b-MLbb","root":"_9SOrWV","file-name":"BLb0Vq","default-color":"F5bTjI","doc-color":"_46uC69","xls-color":"_7nqoCR","pdf-color":"k-Cxpk","movie-color":"sPS-Av","img-color":"r-PXsu","mov-color":"nzmAJ3","error-block":"pDMR7M","icons-block":"Xu9l3K","uuiTypography":"SMB7Z4","heroHeader":"_0wXrkf","promoHeader":"M4yH2r","uuiCritical":"fEOxi2","uuiInfo":"AJ5Og-","uuiSuccess":"XNcg7C","uuiWarning":"r--Xs5","uuiHighlight":"YZSHEO","uuiTypographySize12":"_1hhz1e","uuiTypographySize14":"SOVIfy","uuiTypographySize16":"b-MLbb","fileName":"BLb0Vq","defaultColor":"F5bTjI","docColor":"_46uC69","xlsColor":"_7nqoCR","pdfColor":"k-Cxpk","movieColor":"sPS-Av","imgColor":"r-PXsu","movColor":"nzmAJ3","errorBlock":"pDMR7M","iconsBlock":"Xu9l3K"};
|
|
4992
4891
|
|
|
4993
|
-
var css$2 = {"root":"
|
|
4892
|
+
var css$2 = {"root":"VI9lCI"};
|
|
4994
4893
|
|
|
4995
4894
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4996
4895
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5115,7 +5014,7 @@ const getErrorPageConfig = () => ({
|
|
|
5115
5014
|
},
|
|
5116
5015
|
});
|
|
5117
5016
|
|
|
5118
|
-
var css$1 = {"container":"
|
|
5017
|
+
var css$1 = {"container":"I4yjoV"};
|
|
5119
5018
|
|
|
5120
5019
|
const ErrorPage = (props) => {
|
|
5121
5020
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5126,7 +5025,7 @@ const ErrorPage = (props) => {
|
|
|
5126
5025
|
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5127
5026
|
};
|
|
5128
5027
|
|
|
5129
|
-
var css = {"recovery-spinner":"
|
|
5028
|
+
var css = {"recovery-spinner":"x8hwiH","recovery-message":"DlznQr","modal-blocker":"_7opvLj","modalFadeIn":"vUy1rC","recoverySpinner":"x8hwiH","recoveryMessage":"DlznQr","modalBlocker":"_7opvLj"};
|
|
5130
5029
|
|
|
5131
5030
|
function ErrorHandler(props) {
|
|
5132
5031
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|
|
@@ -5318,7 +5217,6 @@ exports.propsMods = propsMods;
|
|
|
5318
5217
|
exports.rangeDatePickerPresets = rangeDatePickerPresets;
|
|
5319
5218
|
exports.renderCell = renderCell;
|
|
5320
5219
|
exports.renderDropMarkers = renderDropMarkers;
|
|
5321
|
-
exports.settings = settings;
|
|
5322
5220
|
exports.useColumnsWithFilters = useColumnsWithFilters;
|
|
5323
5221
|
exports.useForm = useForm;
|
|
5324
5222
|
exports.uuiDatePickerBody = uuiDatePickerBody;
|