@epam/uui 5.8.0 → 5.8.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/effects.scss +2 -2
- package/assets/styles/inputs.scss +0 -4
- package/components/buttons/Button.d.ts +3 -6
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +3 -7
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +5 -12
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +3 -12
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +1 -9
- 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 +3 -2
- package/components/inputs/Checkbox.d.ts.map +1 -1
- package/components/inputs/NumericInput.d.ts +3 -2
- package/components/inputs/NumericInput.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/Switch.d.ts +3 -2
- package/components/inputs/Switch.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts +3 -2
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/layout/LabeledInput.d.ts +3 -2
- 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 +1 -0
- 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 +3 -2
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +5 -16
- 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 +3 -21
- 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 +1 -0
- package/icons/icons.d.ts.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.esm.js +346 -245
- package/index.esm.js.map +1 -1
- package/index.js +345 -243
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/settings.d.ts +193 -0
- package/settings.d.ts.map +1 -0
- package/stats.html +1 -1
- package/styles.css +2954 -3556
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -314,16 +314,187 @@ const systemIcons = {
|
|
|
314
314
|
info: ForwardRef$L,
|
|
315
315
|
};
|
|
316
316
|
|
|
317
|
-
|
|
317
|
+
const settings = {
|
|
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"};
|
|
318
490
|
|
|
319
|
-
const DEFAULT_SIZE$8 = '36';
|
|
320
491
|
function applyButtonMods(mods) {
|
|
321
492
|
return [
|
|
322
493
|
css$1s.root,
|
|
323
494
|
'uui-button',
|
|
324
495
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
325
496
|
`uui-color-${mods.color || 'primary'}`,
|
|
326
|
-
`uui-size-${mods.size ||
|
|
497
|
+
`uui-size-${mods.size || settings.sizes.defaults.button}`,
|
|
327
498
|
];
|
|
328
499
|
}
|
|
329
500
|
const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button, applyButtonMods, () => {
|
|
@@ -333,7 +504,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
333
504
|
};
|
|
334
505
|
});
|
|
335
506
|
|
|
336
|
-
var css$1r = {"root":"
|
|
507
|
+
var css$1r = {"root":"erRxEF"};
|
|
337
508
|
|
|
338
509
|
function applyIconButtonMods(props) {
|
|
339
510
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -350,7 +521,6 @@ const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Icon
|
|
|
350
521
|
}
|
|
351
522
|
return {
|
|
352
523
|
dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
|
|
353
|
-
size: props.size && Number(props.size),
|
|
354
524
|
};
|
|
355
525
|
});
|
|
356
526
|
|
|
@@ -371,15 +541,14 @@ function getIconClass(props) {
|
|
|
371
541
|
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'];
|
|
372
542
|
}
|
|
373
543
|
|
|
374
|
-
var css$1q = {"uui-typography":"
|
|
544
|
+
var css$1q = {"uui-typography":"FQQ-bo","hero-header":"_4hhhCS","promo-header":"iC4ZI5","uui-critical":"M34YP-","uui-info":"PnZips","uui-success":"hO5k6z","uui-warning":"zib473","uui-highlight":"R1CVfM","uui-typography-size-12":"lh-v3b","uui-typography-size-14":"_1mN75V","uui-typography-size-16":"CY6CqE","root":"Z0R-il","uuiTypography":"FQQ-bo","heroHeader":"_4hhhCS","promoHeader":"iC4ZI5","uuiCritical":"M34YP-","uuiInfo":"PnZips","uuiSuccess":"hO5k6z","uuiWarning":"zib473","uuiHighlight":"R1CVfM","uuiTypographySize12":"lh-v3b","uuiTypographySize14":"_1mN75V","uuiTypographySize16":"CY6CqE"};
|
|
375
545
|
|
|
376
|
-
const DEFAULT_SIZE$7 = '36';
|
|
377
546
|
const DEFAULT_COLOR = 'primary';
|
|
378
547
|
function applyLinkButtonMods(mods) {
|
|
379
548
|
return [
|
|
380
549
|
'uui-link_button',
|
|
381
550
|
css$1q.root,
|
|
382
|
-
`uui-size-${mods.size ||
|
|
551
|
+
`uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
|
|
383
552
|
...getIconClass(mods),
|
|
384
553
|
`uui-color-${mods.color || DEFAULT_COLOR}`,
|
|
385
554
|
];
|
|
@@ -403,25 +572,25 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
403
572
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
404
573
|
});
|
|
405
574
|
|
|
406
|
-
var css$1p = {"root":"
|
|
575
|
+
var css$1p = {"root":"cIXEL0"};
|
|
407
576
|
|
|
408
577
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
409
578
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
410
579
|
css$1p.root,
|
|
411
580
|
'uui-count_indicator',
|
|
412
|
-
|
|
581
|
+
`uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
|
|
413
582
|
props.color && `uui-color-${props.color}`,
|
|
414
583
|
props.cx,
|
|
415
584
|
]) }, props.caption));
|
|
416
585
|
});
|
|
417
586
|
|
|
418
|
-
var css$1o = {"uui-typography":"
|
|
587
|
+
var css$1o = {"uui-typography":"gKynmo","hero-header":"Eo1Aaj","promo-header":"_2fWei2","uui-critical":"Oy2eHQ","uui-info":"ekNTAP","uui-success":"_5UCsCz","uui-warning":"Q0wlqo","uui-highlight":"khNLru","uui-typography-size-12":"Plls7n","uui-typography-size-14":"e-rQdI","uui-typography-size-16":"_1PSB-0","root":"_85ALOF","withNotify":"s-lvfM","uuiTypography":"gKynmo","heroHeader":"Eo1Aaj","promoHeader":"_2fWei2","uuiCritical":"Oy2eHQ","uuiInfo":"ekNTAP","uuiSuccess":"_5UCsCz","uuiWarning":"Q0wlqo","uuiHighlight":"khNLru","uuiTypographySize12":"Plls7n","uuiTypographySize14":"e-rQdI","uuiTypographySize16":"_1PSB-0"};
|
|
419
588
|
|
|
420
589
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
421
590
|
const styles = [
|
|
422
591
|
css$1o.root,
|
|
423
592
|
'uui-tab-button',
|
|
424
|
-
|
|
593
|
+
`uui-size-${props.size || settings.sizes.defaults.tabButton}`,
|
|
425
594
|
props.withNotify && css$1o.withNotify,
|
|
426
595
|
...getIconClass(props),
|
|
427
596
|
props.cx,
|
|
@@ -430,14 +599,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
430
599
|
const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
|
|
431
600
|
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 }),
|
|
432
601
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
433
|
-
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption
|
|
602
|
+
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
|
|
434
603
|
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
|
|
435
604
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
436
605
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
437
606
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
438
607
|
});
|
|
439
608
|
|
|
440
|
-
var css$1n = {"uui-typography":"
|
|
609
|
+
var css$1n = {"uui-typography":"gZu7nm","hero-header":"_0u1NDl","promo-header":"nUTjnP","uui-critical":"VvvP6u","uui-info":"b3XT58","uui-success":"i5u-Yq","uui-warning":"czWgUI","uui-highlight":"fEWCYB","uui-typography-size-12":"Hp57uL","uui-typography-size-14":"vrmi34","uui-typography-size-16":"EQuPOA","root":"_86miAd","uuiTypography":"gZu7nm","heroHeader":"_0u1NDl","promoHeader":"nUTjnP","uuiCritical":"VvvP6u","uuiInfo":"b3XT58","uuiSuccess":"i5u-Yq","uuiWarning":"czWgUI","uuiHighlight":"fEWCYB","uuiTypographySize12":"Hp57uL","uuiTypographySize14":"vrmi34","uuiTypographySize16":"EQuPOA"};
|
|
441
610
|
|
|
442
611
|
function applyVerticalTabButtonMods() {
|
|
443
612
|
return [css$1n.root];
|
|
@@ -459,12 +628,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
459
628
|
};
|
|
460
629
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
461
630
|
|
|
462
|
-
var css$1m = {"uui-typography":"
|
|
631
|
+
var css$1m = {"uui-typography":"OuOUFa","hero-header":"QHniUa","promo-header":"nnQ5CS","uui-critical":"_6Z-xa-","uui-info":"oofXGe","uui-success":"DqtQer","uui-warning":"_9Tv1jD","uui-highlight":"mrNHPj","uui-typography-size-12":"DnWgDu","uui-typography-size-14":"fRDSzu","uui-typography-size-16":"gYUj09","root":"hf-Nez","mode-cell":"IigCnI","uuiTypography":"OuOUFa","heroHeader":"QHniUa","promoHeader":"nnQ5CS","uuiCritical":"_6Z-xa-","uuiInfo":"oofXGe","uuiSuccess":"DqtQer","uuiWarning":"_9Tv1jD","uuiHighlight":"mrNHPj","uuiTypographySize12":"DnWgDu","uuiTypographySize14":"fRDSzu","uuiTypographySize16":"gYUj09","modeCell":"IigCnI"};
|
|
463
632
|
|
|
464
633
|
function applyCheckboxMods(mods) {
|
|
465
634
|
return [
|
|
466
635
|
css$1m.root,
|
|
467
|
-
|
|
636
|
+
`uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
|
|
468
637
|
css$1m['mode-' + (mods.mode || 'form')],
|
|
469
638
|
'uui-color-primary',
|
|
470
639
|
];
|
|
@@ -479,8 +648,6 @@ const applyUUICheckboxProps = (props) => {
|
|
|
479
648
|
};
|
|
480
649
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
481
650
|
|
|
482
|
-
var css$1l = {"uui-typography":"b1WMTS","hero-header":"Fc8yKt","promo-header":"GwkWag","uui-critical":"_3PLlC3","uui-info":"_9H1dTX","uui-success":"wkHT9b","uui-warning":"v6KJqF","uui-highlight":"-qrBvu","uui-typography-size-12":"Lf2uj0","uui-typography-size-14":"dQKq3C","uui-typography-size-16":"n1SbYe","root":"akWS9J","size-18":"_6nHQhL","size-12":"GSu0YG","uuiTypography":"b1WMTS","heroHeader":"Fc8yKt","promoHeader":"GwkWag","uuiCritical":"_3PLlC3","uuiInfo":"_9H1dTX","uuiSuccess":"wkHT9b","uuiWarning":"v6KJqF","uuiHighlight":"-qrBvu","uuiTypographySize12":"Lf2uj0","uuiTypographySize14":"dQKq3C","uuiTypographySize16":"n1SbYe","size18":"_6nHQhL","size12":"GSu0YG"};
|
|
483
|
-
|
|
484
651
|
var _path$A;
|
|
485
652
|
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); }
|
|
486
653
|
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
@@ -496,21 +663,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
496
663
|
};
|
|
497
664
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
498
665
|
|
|
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
|
+
|
|
499
668
|
function applyRadioInputMods(mods) {
|
|
500
669
|
return [
|
|
501
670
|
css$1l.root,
|
|
502
|
-
|
|
671
|
+
`uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
|
|
503
672
|
'uui-radio-input-container',
|
|
504
673
|
'uui-color-primary',
|
|
505
674
|
];
|
|
506
675
|
}
|
|
507
676
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
508
677
|
|
|
509
|
-
var css$1k = {"root":"
|
|
678
|
+
var css$1k = {"root":"GBwivt"};
|
|
510
679
|
|
|
511
680
|
function applySwitchMods(mods) {
|
|
512
681
|
return [
|
|
513
|
-
css$1k.root,
|
|
682
|
+
css$1k.root,
|
|
683
|
+
`uui-size-${mods.size || settings.sizes.defaults.switch}`,
|
|
684
|
+
'uui-color-primary',
|
|
514
685
|
];
|
|
515
686
|
}
|
|
516
687
|
const Switch = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Switch, applySwitchMods);
|
|
@@ -572,14 +743,13 @@ var EditMode;
|
|
|
572
743
|
EditMode["INLINE"] = "inline";
|
|
573
744
|
})(EditMode || (EditMode = {}));
|
|
574
745
|
|
|
575
|
-
var textInputCss = {"uui-typography":"
|
|
746
|
+
var textInputCss = {"uui-typography":"bwTROp","hero-header":"CPcU8h","promo-header":"kJTuvl","uui-critical":"_833VaA","uui-info":"ok6LUr","uui-success":"_8khVzP","uui-warning":"vPDu6c","uui-highlight":"UccU9Z","uui-typography-size-12":"_5hkdTC","uui-typography-size-14":"sX5mVq","uui-typography-size-16":"_42WpRI","root":"-JPIqp","mode-form":"uRWLV0","mode-inline":"kVlbh3","mode-cell":"ARJ-2d","uuiTypography":"bwTROp","heroHeader":"CPcU8h","promoHeader":"kJTuvl","uuiCritical":"_833VaA","uuiInfo":"ok6LUr","uuiSuccess":"_8khVzP","uuiWarning":"vPDu6c","uuiHighlight":"UccU9Z","uuiTypographySize12":"_5hkdTC","uuiTypographySize14":"sX5mVq","uuiTypographySize16":"_42WpRI","modeForm":"uRWLV0","modeInline":"kVlbh3","modeCell":"ARJ-2d"};
|
|
576
747
|
|
|
577
|
-
const DEFAULT_SIZE$6 = '36';
|
|
578
748
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
579
749
|
function applyTextInputMods(mods) {
|
|
580
750
|
return [
|
|
581
751
|
textInputCss.root,
|
|
582
|
-
|
|
752
|
+
`uui-size-${mods.size || settings.sizes.defaults.textInput}`,
|
|
583
753
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
|
|
584
754
|
];
|
|
585
755
|
}
|
|
@@ -599,7 +769,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
599
769
|
} })));
|
|
600
770
|
});
|
|
601
771
|
|
|
602
|
-
var css$1j = {"root":"
|
|
772
|
+
var css$1j = {"root":"_3-rR-7"};
|
|
603
773
|
|
|
604
774
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
|
|
605
775
|
|
|
@@ -608,16 +778,14 @@ function MultiSwitchComponent(props, ref) {
|
|
|
608
778
|
}
|
|
609
779
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
610
780
|
|
|
611
|
-
var css$1i = {"uui-typography":"
|
|
781
|
+
var css$1i = {"uui-typography":"_2LNriT","hero-header":"VkEZFy","promo-header":"vY-3mS","uui-critical":"_7hh16q","uui-info":"scpgd5","uui-success":"JHdYef","uui-warning":"_8w0o1b","uui-highlight":"dOpPpc","uui-typography-size-12":"S-e5GO","uui-typography-size-14":"UzhCRd","uui-typography-size-16":"j3NlXv","root":"YFB4WT","mode-form":"CEBfis","mode-cell":"La9bKd","uuiTypography":"_2LNriT","heroHeader":"VkEZFy","promoHeader":"vY-3mS","uuiCritical":"_7hh16q","uuiInfo":"scpgd5","uuiSuccess":"JHdYef","uuiWarning":"_8w0o1b","uuiHighlight":"dOpPpc","uuiTypographySize12":"S-e5GO","uuiTypographySize14":"UzhCRd","uuiTypographySize16":"j3NlXv","modeForm":"CEBfis","modeCell":"La9bKd"};
|
|
612
782
|
|
|
613
|
-
const DEFAULT_SIZE$5 = '36';
|
|
614
783
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
615
784
|
function applyNumericInputMods(mods) {
|
|
616
785
|
return [
|
|
617
786
|
textInputCss.root,
|
|
618
787
|
css$1i.root,
|
|
619
|
-
|
|
620
|
-
textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
788
|
+
`uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
|
|
621
789
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
|
|
622
790
|
];
|
|
623
791
|
}
|
|
@@ -631,14 +799,14 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
631
799
|
};
|
|
632
800
|
});
|
|
633
801
|
|
|
634
|
-
var css$1h = {"uui-typography":"
|
|
802
|
+
var css$1h = {"uui-typography":"_69fblh","hero-header":"WmCryB","promo-header":"vNKjs0","uui-critical":"bJX1lr","uui-info":"yTVSFj","uui-success":"SJYMiv","uui-warning":"hPe7SM","uui-highlight":"l7kqmV","uui-typography-size-12":"wo8Udy","uui-typography-size-14":"EO7HeH","uui-typography-size-16":"oOv4m0","root":"RK9bPF","mode-form":"rDVIPS","mode-cell":"L0Ke9Y","mode-inline":"YdH-3n","size-24":"xIvvY9","size-30":"ujcL3-","size-36":"oSD-9m","size-42":"_0kWp0b","size-48":"-gFaO8","uuiTypography":"_69fblh","heroHeader":"WmCryB","promoHeader":"vNKjs0","uuiCritical":"bJX1lr","uuiInfo":"yTVSFj","uuiSuccess":"SJYMiv","uuiWarning":"hPe7SM","uuiHighlight":"l7kqmV","uuiTypographySize12":"wo8Udy","uuiTypographySize14":"EO7HeH","uuiTypographySize16":"oOv4m0","modeForm":"rDVIPS","modeCell":"L0Ke9Y","modeInline":"YdH-3n","size24":"xIvvY9","size30":"ujcL3-","size36":"oSD-9m","size42":"_0kWp0b","size48":"-gFaO8"};
|
|
635
803
|
|
|
636
|
-
const DEFAULT_SIZE$
|
|
804
|
+
const DEFAULT_SIZE$3 = '36';
|
|
637
805
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
638
806
|
function applyTextAreaMods(mods) {
|
|
639
807
|
return [
|
|
640
808
|
css$1h.root,
|
|
641
|
-
css$1h['size-' + (mods.size || DEFAULT_SIZE$
|
|
809
|
+
css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
|
|
642
810
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
643
811
|
];
|
|
644
812
|
}
|
|
@@ -733,7 +901,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
733
901
|
};
|
|
734
902
|
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
735
903
|
|
|
736
|
-
var css$1g = {"uui-typography":"
|
|
904
|
+
var css$1g = {"uui-typography":"Auz4dr","hero-header":"K31cUB","promo-header":"zidd01","uui-critical":"uCVhgr","uui-info":"quHY-t","uui-success":"r0yY2x","uui-warning":"BlcLnz","uui-highlight":"_4We4D6","uui-typography-size-12":"_2hxRxC","uui-typography-size-14":"zY-Vve","uui-typography-size-16":"_2hlZtd","root":"tGw7Fa","icon-wrapper":"aWNsmN","alert-wrapper":"e3Q8b0","size-48":"_83uooS","size-36":"CbZuxM","action-wrapper":"kC9gDp","action-icon":"oXJIDO","action-link":"aVWBEM","close-icon":"_30tSa7","main-path":"f1XhNV","content":"Lcxft9","uuiTypography":"Auz4dr","heroHeader":"K31cUB","promoHeader":"zidd01","uuiCritical":"uCVhgr","uuiInfo":"quHY-t","uuiSuccess":"r0yY2x","uuiWarning":"BlcLnz","uuiHighlight":"_4We4D6","uuiTypographySize12":"_2hxRxC","uuiTypographySize14":"zY-Vve","uuiTypographySize16":"_2hlZtd","iconWrapper":"aWNsmN","alertWrapper":"e3Q8b0","size48":"_83uooS","size36":"CbZuxM","actionWrapper":"kC9gDp","actionIcon":"oXJIDO","actionLink":"aVWBEM","closeIcon":"_30tSa7","mainPath":"f1XhNV"};
|
|
737
905
|
|
|
738
906
|
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),
|
|
739
907
|
React__namespace.createElement("div", { className: css$1g.mainPath },
|
|
@@ -750,7 +918,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
750
918
|
|
|
751
919
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
752
920
|
|
|
753
|
-
var css$1f = {"root":"
|
|
921
|
+
var css$1f = {"root":"m49Jpy"};
|
|
754
922
|
|
|
755
923
|
function applyDropdownContainerMods(mods) {
|
|
756
924
|
return [
|
|
@@ -761,7 +929,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
761
929
|
}
|
|
762
930
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
763
931
|
|
|
764
|
-
var css$1e = {"uui-typography":"
|
|
932
|
+
var css$1e = {"uui-typography":"cVl9gI","hero-header":"S2h-qF","promo-header":"WLhirG","uui-critical":"eRhO-X","uui-info":"at7iwm","uui-success":"_7Tm5nJ","uui-warning":"_8xJPoJ","uui-highlight":"kPbAmZ","uui-typography-size-12":"cWkQD8","uui-typography-size-14":"mRlW9O","uui-typography-size-16":"DU86t-","submenu-root-item":"L-M3cL","icon-after":"xcxQTg","icon-check":"qL7rkm","splitter-root":"MlN3q8","splitter":"EM0Flq","header-root":"J6FAgg","item-root":"Y6Jfsp","icon":"rR0e-r","link":"sJrvwy","indent":"UoUboJ","selected-mark":"_8sIKqz","uuiTypography":"cVl9gI","heroHeader":"S2h-qF","promoHeader":"WLhirG","uuiCritical":"eRhO-X","uuiInfo":"at7iwm","uuiSuccess":"_7Tm5nJ","uuiWarning":"_8xJPoJ","uuiHighlight":"kPbAmZ","uuiTypographySize12":"cWkQD8","uuiTypographySize14":"mRlW9O","uuiTypographySize16":"DU86t-","submenuRootItem":"L-M3cL","iconAfter":"xcxQTg","iconCheck":"qL7rkm","splitterRoot":"MlN3q8","headerRoot":"J6FAgg","itemRoot":"Y6Jfsp","selectedMark":"_8sIKqz"};
|
|
765
933
|
|
|
766
934
|
exports.IDropdownControlKeys = void 0;
|
|
767
935
|
(function (IDropdownControlKeys) {
|
|
@@ -866,7 +1034,8 @@ function DropdownSubMenu(props) {
|
|
|
866
1034
|
},
|
|
867
1035
|
},
|
|
868
1036
|
];
|
|
869
|
-
|
|
1037
|
+
const dir = uuiComponents.getHtmlDir();
|
|
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) => {
|
|
870
1039
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
871
1040
|
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)));
|
|
872
1041
|
} }));
|
|
@@ -892,7 +1061,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
892
1061
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
893
1062
|
}
|
|
894
1063
|
|
|
895
|
-
var css$1d = {"uui-typography":"
|
|
1064
|
+
var css$1d = {"uui-typography":"UlhQNR","hero-header":"XX-4D1","promo-header":"snBhOY","uui-critical":"K8-4-S","uui-info":"MnaAl9","uui-success":"dQUwcf","uui-warning":"SM26uI","uui-highlight":"_48ToW-","uui-typography-size-12":"MPUziX","uui-typography-size-14":"hlworM","uui-typography-size-16":"SFd88x","root":"sqPncl","mode-block":"zoFdDA","mode-inline":"cMa4Wu","padding-0":"-n33x7","padding-6":"Fn1zBQ","padding-12":"_08tweQ","padding-18":"XqC-DB","uuiTypography":"UlhQNR","heroHeader":"XX-4D1","promoHeader":"snBhOY","uuiCritical":"K8-4-S","uuiInfo":"MnaAl9","uuiSuccess":"dQUwcf","uuiWarning":"SM26uI","uuiHighlight":"_48ToW-","uuiTypographySize12":"MPUziX","uuiTypographySize14":"hlworM","uuiTypographySize16":"SFd88x","modeBlock":"zoFdDA","modeInline":"cMa4Wu","padding0":"-n33x7","padding6":"Fn1zBQ","padding12":"_08tweQ","padding18":"XqC-DB"};
|
|
896
1065
|
|
|
897
1066
|
const getMode = (mode) => {
|
|
898
1067
|
return mode || 'block';
|
|
@@ -908,7 +1077,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
908
1077
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
909
1078
|
}));
|
|
910
1079
|
|
|
911
|
-
var css$1c = {"uui-typography":"
|
|
1080
|
+
var css$1c = {"uui-typography":"qVXjrw","hero-header":"_5kB1Rz","promo-header":"jMLhfC","uui-critical":"eglxlB","uui-info":"SCeWIM","uui-success":"PkWZg8","uui-warning":"BNJT-f","uui-highlight":"-TMBYL","uui-typography-size-12":"mXtXIS","uui-typography-size-14":"mYO9Ai","uui-typography-size-16":"xmkiWU","root":"hgLLgb","border-top":"bGRYTz","border-bottom":"yQXHTO","top-shadow":"WKJVHy","size-24":"_5vpcFL","size-30":"iL4a65","size-36":"R4EF8O","size-42":"mQDXl0","size-48":"_0qpK1B","padding-6":"_9JVjw9","padding-12":"uAuZLB","padding-18":"db-Z4A","padding-24":"c-5aQy","margin-24":"INe5ve","margin-12":"jd2W17","vPadding-12":"_0TBmb8","vPadding-18":"rXixxQ","vPadding-24":"ufRRGD","vPadding-36":"GKdUdz","vPadding-48":"fssdeb","spacing-6":"fKDOSo","spacing-12":"_9ypziz","spacing-18":"-zjOiK","uui-surface-main":"BeymDo","uuiTypography":"qVXjrw","heroHeader":"_5kB1Rz","promoHeader":"jMLhfC","uuiCritical":"eglxlB","uuiInfo":"SCeWIM","uuiSuccess":"PkWZg8","uuiWarning":"BNJT-f","uuiHighlight":"-TMBYL","uuiTypographySize12":"mXtXIS","uuiTypographySize14":"mYO9Ai","uuiTypographySize16":"xmkiWU","borderTop":"bGRYTz","borderBottom":"yQXHTO","topShadow":"WKJVHy","size24":"_5vpcFL","size30":"iL4a65","size36":"R4EF8O","size42":"mQDXl0","size48":"_0qpK1B","padding6":"_9JVjw9","padding12":"uAuZLB","padding18":"db-Z4A","padding24":"c-5aQy","margin24":"INe5ve","margin12":"jd2W17","vPadding12":"_0TBmb8","vPadding18":"rXixxQ","vPadding24":"ufRRGD","vPadding36":"GKdUdz","vPadding48":"fssdeb","spacing6":"fKDOSo","spacing12":"_9ypziz","spacing18":"-zjOiK","uuiSurfaceMain":"BeymDo"};
|
|
912
1081
|
|
|
913
1082
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
|
|
914
1083
|
|
|
@@ -932,7 +1101,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
932
1101
|
];
|
|
933
1102
|
});
|
|
934
1103
|
|
|
935
|
-
var css$1b = {"root":"
|
|
1104
|
+
var css$1b = {"root":"gio4iZ","margin-24":"wD0ASS","padding-12":"_8unl4d","padding-24":"wsLMkk","shadow":"HuAlM1","uui-surface-main":"MALGBk","margin24":"wD0ASS","padding12":"_8unl4d","padding24":"wsLMkk","uuiSurfaceMain":"MALGBk"};
|
|
936
1105
|
|
|
937
1106
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
938
1107
|
'uui-panel',
|
|
@@ -942,7 +1111,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
942
1111
|
props.background && css$1b[`uui-${props.background}`],
|
|
943
1112
|
]);
|
|
944
1113
|
|
|
945
|
-
var css$1a = {"root":"
|
|
1114
|
+
var css$1a = {"root":"eMOBAR"};
|
|
946
1115
|
|
|
947
1116
|
function applyTooltipMods(mods) {
|
|
948
1117
|
return [
|
|
@@ -952,18 +1121,18 @@ function applyTooltipMods(mods) {
|
|
|
952
1121
|
}
|
|
953
1122
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
954
1123
|
|
|
955
|
-
var css$19 = {"uui-typography":"
|
|
1124
|
+
var css$19 = {"uui-typography":"MfCZXZ","hero-header":"avK3Xj","promo-header":"f40eoh","uui-critical":"_2MUwWg","uui-info":"aYN0IB","uui-success":"i5AuSB","uui-warning":"Dx2xEI","uui-highlight":"l9m8Fc","uui-typography-size-12":"AyvzZG","uui-typography-size-14":"_3dr-rf","uui-typography-size-16":"mF7m6m","root":"vNkMY-","size-24":"sEh3tG","size-30":"nObZcH","size-36":"EdJY6T","size-42":"kpC-Ck","size-48":"VfjNgk","uuiTypography":"MfCZXZ","heroHeader":"avK3Xj","promoHeader":"f40eoh","uuiCritical":"_2MUwWg","uuiInfo":"aYN0IB","uuiSuccess":"i5AuSB","uuiWarning":"Dx2xEI","uuiHighlight":"l9m8Fc","uuiTypographySize12":"AyvzZG","uuiTypographySize14":"_3dr-rf","uuiTypographySize16":"mF7m6m","size24":"sEh3tG","size30":"nObZcH","size36":"EdJY6T","size42":"kpC-Ck","size48":"VfjNgk"};
|
|
956
1125
|
|
|
957
|
-
const DEFAULT_SIZE$
|
|
1126
|
+
const DEFAULT_SIZE$2 = '36';
|
|
958
1127
|
function applyLabeledInputMods(mods) {
|
|
959
|
-
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$
|
|
1128
|
+
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
|
|
960
1129
|
}
|
|
961
1130
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
962
1131
|
Tooltip: props.Tooltip || Tooltip,
|
|
963
1132
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
964
1133
|
}));
|
|
965
1134
|
|
|
966
|
-
var css$18 = {"root":"
|
|
1135
|
+
var css$18 = {"root":"yNMqw9"};
|
|
967
1136
|
|
|
968
1137
|
function RadioGroup(props) {
|
|
969
1138
|
const direction = props.direction || 'vertical';
|
|
@@ -978,7 +1147,7 @@ function RadioGroup(props) {
|
|
|
978
1147
|
})));
|
|
979
1148
|
}
|
|
980
1149
|
|
|
981
|
-
var css$17 = {"root":"
|
|
1150
|
+
var css$17 = {"root":"B2xsQH"};
|
|
982
1151
|
|
|
983
1152
|
function applyScrollBarsMods() {
|
|
984
1153
|
return [
|
|
@@ -987,27 +1156,27 @@ function applyScrollBarsMods() {
|
|
|
987
1156
|
}
|
|
988
1157
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
989
1158
|
|
|
990
|
-
var css$16 = {"scroll-container":"
|
|
1159
|
+
var css$16 = {"scroll-container":"mjE6ax","list-container":"hQrjJt","scrollContainer":"mjE6ax","listContainer":"hQrjJt"};
|
|
991
1160
|
|
|
992
|
-
var css$15 = {"root":"
|
|
1161
|
+
var css$15 = {"root":"Q2RUce"};
|
|
993
1162
|
|
|
994
1163
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
|
|
995
1164
|
|
|
996
|
-
var css$14 = {"uui-typography":"
|
|
1165
|
+
var css$14 = {"uui-typography":"_1DLP4v","hero-header":"ZFg16a","promo-header":"Qx-Ewq","uui-critical":"UWDgqt","uui-info":"tfubzO","uui-success":"tSPhGA","uui-warning":"_84nyWy","uui-highlight":"XX1MK4","uui-typography-size-12":"BncAhe","uui-typography-size-14":"plPD43","uui-typography-size-16":"XyeFOu","root":"_3MXhg-","size-18":"Ytxl1G","size-24":"fJA66V","size-30":"ucO5X2","size-36":"e0E9l7","size-42":"yieuav","size-48":"U46oAG","uuiTypography":"_1DLP4v","heroHeader":"ZFg16a","promoHeader":"Qx-Ewq","uuiCritical":"UWDgqt","uuiInfo":"tfubzO","uuiSuccess":"tSPhGA","uuiWarning":"_84nyWy","uuiHighlight":"XX1MK4","uuiTypographySize12":"BncAhe","uuiTypographySize14":"plPD43","uuiTypographySize16":"XyeFOu","size18":"Ytxl1G","size24":"fJA66V","size30":"ucO5X2","size36":"e0E9l7","size42":"yieuav","size48":"U46oAG"};
|
|
997
1166
|
|
|
998
|
-
const DEFAULT_SIZE$
|
|
1167
|
+
const DEFAULT_SIZE$1 = '36';
|
|
999
1168
|
const DEFAULT_FILL = 'solid';
|
|
1000
1169
|
function applyBadgeMods(mods) {
|
|
1001
1170
|
return [
|
|
1002
1171
|
'uui-badge',
|
|
1003
1172
|
css$14.root,
|
|
1004
|
-
css$14['size-' + (mods.size || DEFAULT_SIZE$
|
|
1173
|
+
css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
|
|
1005
1174
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1006
1175
|
`uui-color-${mods.color || 'info'}`,
|
|
1007
1176
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1008
1177
|
];
|
|
1009
1178
|
}
|
|
1010
|
-
const mapCountIndicatorSizes
|
|
1179
|
+
const mapCountIndicatorSizes = {
|
|
1011
1180
|
18: '12',
|
|
1012
1181
|
24: '18',
|
|
1013
1182
|
30: '18',
|
|
@@ -1021,26 +1190,17 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1021
1190
|
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 }),
|
|
1022
1191
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1023
1192
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1024
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes
|
|
1193
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
1025
1194
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1026
1195
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1027
1196
|
});
|
|
1028
1197
|
|
|
1029
|
-
var css$13 = {"uui-typography":"
|
|
1198
|
+
var css$13 = {"uui-typography":"Z-pr52","hero-header":"_88D-Cq","promo-header":"-cphLB","uui-critical":"kZ0eQ6","uui-info":"xHVA6G","uui-success":"ls6f1z","uui-warning":"_69wwFR","uui-highlight":"FQoH3q","uui-typography-size-12":"AlZmMm","uui-typography-size-14":"rAu89-","uui-typography-size-16":"fG-Trq","root":"_0dS869","uuiTypography":"Z-pr52","heroHeader":"_88D-Cq","promoHeader":"-cphLB","uuiCritical":"kZ0eQ6","uuiInfo":"xHVA6G","uuiSuccess":"ls6f1z","uuiWarning":"_69wwFR","uuiHighlight":"FQoH3q","uuiTypographySize12":"AlZmMm","uuiTypographySize14":"rAu89-","uuiTypographySize16":"fG-Trq"};
|
|
1030
1199
|
|
|
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
|
-
};
|
|
1040
1200
|
function applyTagMods(props) {
|
|
1041
1201
|
return [
|
|
1042
|
-
css$13['size-' + (props.size || DEFAULT_SIZE$1)],
|
|
1043
1202
|
css$13.root,
|
|
1203
|
+
`uui-size-${props.size || settings.sizes.defaults.tag}`,
|
|
1044
1204
|
`uui-color-${props.color || 'neutral'}`,
|
|
1045
1205
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1046
1206
|
'uui-tag',
|
|
@@ -1053,20 +1213,20 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1053
1213
|
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 }),
|
|
1054
1214
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1055
1215
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1056
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size:
|
|
1216
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.sizes.tag.countIndicator[(props.size || settings.sizes.defaults.tag)], caption: props.count })),
|
|
1057
1217
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1058
1218
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1059
1219
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1060
1220
|
});
|
|
1061
1221
|
|
|
1062
|
-
var css$12 = {"root":"
|
|
1222
|
+
var css$12 = {"root":"_3Q-iyF","uui-spinner":"w0wyMy","uuiSpinner":"w0wyMy"};
|
|
1063
1223
|
|
|
1064
1224
|
function applySpinnerMods() {
|
|
1065
1225
|
return [css$12.root, 'uui-spinner'];
|
|
1066
1226
|
}
|
|
1067
1227
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1068
1228
|
|
|
1069
|
-
var css$11 = {"root":"
|
|
1229
|
+
var css$11 = {"root":"ZwJtgH","spacer":"FUy--O","mode-ghost":"-WVipS","size-24":"Ix59HY","size-30":"hfXxIZ","navigation-size-24":"ewLI2Q","navigation-size-30":"jTUvOa","modeGhost":"-WVipS","size24":"Ix59HY","size30":"hfXxIZ","navigationSize24":"ewLI2Q","navigationSize30":"jTUvOa"};
|
|
1070
1230
|
|
|
1071
1231
|
var _path$v;
|
|
1072
1232
|
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); }
|
|
@@ -1117,14 +1277,14 @@ function Paginator(props) {
|
|
|
1117
1277
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1118
1278
|
}
|
|
1119
1279
|
|
|
1120
|
-
var css$10 = {"root":"
|
|
1280
|
+
var css$10 = {"root":"f7UvMX","progress-bar":"PZOrtk","progressBar-indeterminate":"t0YzEa","size-12":"TSegaH","size-18":"r4LYOT","size-24":"yb-xao","progressBar":"PZOrtk","progressBarIndeterminate":"t0YzEa","size12":"TSegaH","size18":"r4LYOT","size24":"yb-xao"};
|
|
1121
1281
|
|
|
1122
1282
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1123
1283
|
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}`]) },
|
|
1124
1284
|
React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
|
|
1125
1285
|
});
|
|
1126
1286
|
|
|
1127
|
-
var css$$ = {"root":"
|
|
1287
|
+
var css$$ = {"root":"LSP5VW","striped":"hQ5FbP","animate-stripes":"_3B5bp7","size-12":"rNPc8f","size-18":"mzeda-","size-24":"fOQeEu","animateStripes":"_3B5bp7","size12":"rNPc8f","size18":"mzeda-","size24":"fOQeEu"};
|
|
1128
1288
|
|
|
1129
1289
|
const DEFAULT_SIZE = '12';
|
|
1130
1290
|
function applyProgressBarMods(mods) {
|
|
@@ -1139,14 +1299,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1139
1299
|
hideLabel: props.hideLabel || props.striped,
|
|
1140
1300
|
}));
|
|
1141
1301
|
|
|
1142
|
-
var css$_ = {"root":"
|
|
1302
|
+
var css$_ = {"root":"D4YDzG"};
|
|
1143
1303
|
|
|
1144
1304
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1145
1305
|
const { progress } = props;
|
|
1146
1306
|
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) }));
|
|
1147
1307
|
});
|
|
1148
1308
|
|
|
1149
|
-
var css$Z = {"root":"
|
|
1309
|
+
var css$Z = {"root":"_5OJsXA","size-12":"-MZuwu","size-18":"fHxUQk","size-24":"UW-Ufw","size12":"-MZuwu","size18":"fHxUQk","size24":"UW-Ufw"};
|
|
1150
1310
|
|
|
1151
1311
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1152
1312
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1161,46 +1321,21 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1161
1321
|
React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1162
1322
|
});
|
|
1163
1323
|
|
|
1164
|
-
var css$Y = {"drag-handle":"
|
|
1324
|
+
var css$Y = {"drag-handle":"HcyAXL","icon-container":"amFCZn","dragHandle":"HcyAXL","iconContainer":"amFCZn"};
|
|
1165
1325
|
|
|
1166
1326
|
function DataRowAddons(props) {
|
|
1167
1327
|
var _a, _b;
|
|
1168
1328
|
const row = props.rowProps;
|
|
1169
|
-
const additionalItemSize = +props.size < 30 ? '12' : '18';
|
|
1170
1329
|
const getIndent = () => {
|
|
1171
|
-
|
|
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
|
-
}
|
|
1330
|
+
return (row.indent - 1) * settings.sizes.rowAddons.indentUnit[props.size || 'default'];
|
|
1184
1331
|
};
|
|
1185
1332
|
const getWidth = () => {
|
|
1186
|
-
|
|
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
|
-
}
|
|
1333
|
+
return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
|
|
1199
1334
|
};
|
|
1200
1335
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1201
1336
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
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:
|
|
1203
|
-
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: {
|
|
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: settings.sizes.rowAddons.checkbox[props.size], 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 })),
|
|
1338
|
+
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
1204
1339
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1205
1340
|
role: 'button',
|
|
1206
1341
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
@@ -1208,7 +1343,7 @@ function DataRowAddons(props) {
|
|
|
1208
1343
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1209
1344
|
}
|
|
1210
1345
|
|
|
1211
|
-
var css$X = {"root":"
|
|
1346
|
+
var css$X = {"root":"wq7Umd"};
|
|
1212
1347
|
|
|
1213
1348
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1214
1349
|
|
|
@@ -1249,7 +1384,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1249
1384
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1250
1385
|
});
|
|
1251
1386
|
|
|
1252
|
-
var css$W = {"root":"
|
|
1387
|
+
var css$W = {"root":"VCQmIb"};
|
|
1253
1388
|
|
|
1254
1389
|
function CheckboxGroup(props) {
|
|
1255
1390
|
const currentValue = props.value || [];
|
|
@@ -1411,7 +1546,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
|
|
|
1411
1546
|
} }));
|
|
1412
1547
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1413
1548
|
|
|
1414
|
-
var css$V = {"uui-typography":"
|
|
1549
|
+
var css$V = {"uui-typography":"cHosMQ","hero-header":"n-EURO","promo-header":"NZGq89","uui-critical":"Wum0Ru","uui-info":"uHBN8Z","uui-success":"pJj1zm","uui-warning":"gkbjjq","uui-highlight":"A-jAG2","uui-typography-size-12":"W-GKgp","uui-typography-size-14":"_2HWAO2","uui-typography-size-16":"r-ZAL-","modal":"Gj6PQ8","search-wrapper":"KS-msT","body":"ghZYS3","checkbox":"l4XlhV","no-found-size-24":"_8nsVjO","no-found-size-30":"c5c8-j","no-found-size-36":"XLeyBv","no-found-size-42":"aAFpsJ","uuiTypography":"cHosMQ","heroHeader":"n-EURO","promoHeader":"NZGq89","uuiCritical":"Wum0Ru","uuiInfo":"uHBN8Z","uuiSuccess":"pJj1zm","uuiWarning":"gkbjjq","uuiHighlight":"A-jAG2","uuiTypographySize12":"W-GKgp","uuiTypographySize14":"_2HWAO2","uuiTypographySize16":"r-ZAL-","searchWrapper":"KS-msT","noFoundSize24":"_8nsVjO","noFoundSize30":"c5c8-j","noFoundSize36":"XLeyBv","noFoundSize42":"aAFpsJ"};
|
|
1415
1550
|
|
|
1416
1551
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1417
1552
|
constructor() {
|
|
@@ -1423,11 +1558,12 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1423
1558
|
if (this.props.renderNotFound) {
|
|
1424
1559
|
return this.props.renderNotFound();
|
|
1425
1560
|
}
|
|
1426
|
-
|
|
1427
|
-
|
|
1561
|
+
// TODO: need fix sizes, how to use variables
|
|
1562
|
+
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
|
|
1563
|
+
React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1428
1564
|
}
|
|
1429
1565
|
render() {
|
|
1430
|
-
const searchSize = uuiCore.isMobile() ? '
|
|
1566
|
+
const searchSize = (uuiCore.isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
|
|
1431
1567
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1432
1568
|
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1433
1569
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
@@ -1436,16 +1572,9 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1436
1572
|
}
|
|
1437
1573
|
}
|
|
1438
1574
|
|
|
1439
|
-
const switchSizes = {
|
|
1440
|
-
24: '12',
|
|
1441
|
-
36: '18',
|
|
1442
|
-
42: '24',
|
|
1443
|
-
48: '24',
|
|
1444
|
-
};
|
|
1445
1575
|
function DataPickerFooterImpl(props) {
|
|
1446
1576
|
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1447
|
-
const size = uuiCore.isMobile() ? '
|
|
1448
|
-
const switchSize = switchSizes[size];
|
|
1577
|
+
const size = settings.sizes.dataPickerFooter.linkButton[uuiCore.isMobile() ? 'mobile' : props.size];
|
|
1449
1578
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1450
1579
|
const rowsCount = view.getListProps().rowsCount;
|
|
1451
1580
|
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
@@ -1455,8 +1584,8 @@ function DataPickerFooterImpl(props) {
|
|
|
1455
1584
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1456
1585
|
// show always for multi picker and for single only in case if search not disabled.
|
|
1457
1586
|
const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
|
|
1458
|
-
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding:
|
|
1459
|
-
!isSinglePicker && (React__namespace.default.createElement(Switch, { size:
|
|
1587
|
+
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: settings.sizes.dataPickerFooter.flexRowPadding },
|
|
1588
|
+
!isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1460
1589
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1461
1590
|
React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
1462
1591
|
view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
|
|
@@ -1468,12 +1597,12 @@ function DataPickerFooterImpl(props) {
|
|
|
1468
1597
|
}
|
|
1469
1598
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
1470
1599
|
|
|
1471
|
-
var css$U = {"header":"
|
|
1600
|
+
var css$U = {"header":"m80e7X","close":"nxOsfA"};
|
|
1472
1601
|
|
|
1473
1602
|
const DataPickerHeaderImpl = (props) => {
|
|
1474
1603
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
1475
1604
|
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
|
|
1476
|
-
React__namespace.default.createElement(Text, { size:
|
|
1605
|
+
React__namespace.default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
|
|
1477
1606
|
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 })));
|
|
1478
1607
|
};
|
|
1479
1608
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
@@ -1493,7 +1622,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1493
1622
|
};
|
|
1494
1623
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
1495
1624
|
|
|
1496
|
-
var css$T = {"uui-typography":"
|
|
1625
|
+
var css$T = {"uui-typography":"Rru0yE","hero-header":"zYDKFv","promo-header":"A9GHvb","uui-critical":"TXFOzF","uui-info":"_9PbGG-","uui-success":"kY5lDc","uui-warning":"KfECmf","uui-highlight":"_5214tZ","uui-typography-size-12":"wNk9yf","uui-typography-size-14":"st56-1","uui-typography-size-16":"V0oa4t","root":"DxkwOq","align-widgets-top":"odZfGg","size-24":"_-1vBGI","size-30":"U0yvje","size-36":"unJQdD","size-42":"jXGciB","size-48":"AKolNP","size-60":"JXhg7a","align-widgets-center":"Q8MgPj","icon-wrapper":"_2Y3MuS","padding-12":"UMcBFK","padding-24":"DglHZu","padding-left-12":"w-vdf1","padding-left-24":"hbb96D","icon-container":"-ZNYPk","loading-cell":"N7OxEe","content-wrapper":"b4DgDg","render-item":"_4jYh-z","icon-default":"u78y4e","selected-mark":"vYWMoC","uuiTypography":"Rru0yE","heroHeader":"zYDKFv","promoHeader":"A9GHvb","uuiCritical":"TXFOzF","uuiInfo":"_9PbGG-","uuiSuccess":"kY5lDc","uuiWarning":"KfECmf","uuiHighlight":"_5214tZ","uuiTypographySize12":"wNk9yf","uuiTypographySize14":"st56-1","uuiTypographySize16":"V0oa4t","alignWidgetsTop":"odZfGg","size24":"_-1vBGI","size30":"U0yvje","size36":"unJQdD","size42":"jXGciB","size48":"AKolNP","size60":"JXhg7a","alignWidgetsCenter":"Q8MgPj","iconWrapper":"_2Y3MuS","padding12":"UMcBFK","padding24":"DglHZu","paddingLeft12":"w-vdf1","paddingLeft24":"hbb96D","iconContainer":"-ZNYPk","loadingCell":"N7OxEe","contentWrapper":"b4DgDg","renderItem":"_4jYh-z","iconDefault":"u78y4e","selectedMark":"vYWMoC"};
|
|
1497
1626
|
|
|
1498
1627
|
function DataPickerCell(props) {
|
|
1499
1628
|
const ref = React__namespace.useRef();
|
|
@@ -1501,18 +1630,18 @@ function DataPickerCell(props) {
|
|
|
1501
1630
|
if (props.rowProps.isLoading) {
|
|
1502
1631
|
content = (
|
|
1503
1632
|
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
1504
|
-
React__namespace.createElement(Text, { key: "t", size:
|
|
1633
|
+
React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
|
|
1505
1634
|
React__namespace.createElement(TextPlaceholder, null)));
|
|
1506
1635
|
}
|
|
1507
1636
|
else if (props.rowProps.isUnknown) {
|
|
1508
|
-
content = (React__namespace.createElement(Text, { key: "t", size:
|
|
1637
|
+
content = (React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
|
|
1509
1638
|
}
|
|
1510
1639
|
else {
|
|
1511
1640
|
content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
|
|
1512
1641
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1513
1642
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
1514
1643
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
|
|
1515
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.size
|
|
1644
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1516
1645
|
? 'Child is selected'
|
|
1517
1646
|
: 'Selected' } })))));
|
|
1518
1647
|
}
|
|
@@ -1521,22 +1650,22 @@ function DataPickerCell(props) {
|
|
|
1521
1650
|
css$T.root,
|
|
1522
1651
|
props.cx,
|
|
1523
1652
|
'data-picker-cell',
|
|
1524
|
-
css$T['size-' + (props.size ||
|
|
1525
|
-
css$T[`padding-${props.padding ||
|
|
1526
|
-
css$T[`padding-left-${props.padding ||
|
|
1653
|
+
css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
|
|
1654
|
+
css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
|
|
1655
|
+
css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
|
|
1527
1656
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1528
1657
|
] },
|
|
1529
1658
|
React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1530
1659
|
getWrappedContent()));
|
|
1531
1660
|
}
|
|
1532
1661
|
|
|
1533
|
-
var css$S = {"uui-typography":"
|
|
1662
|
+
var css$S = {"uui-typography":"sKy-AO","hero-header":"H1reVt","promo-header":"_1JEi8A","uui-critical":"Orn045","uui-info":"js28AB","uui-success":"P0DWSC","uui-warning":"tvnCpP","uui-highlight":"cIKTSl","uui-typography-size-12":"Yulgoe","uui-typography-size-14":"NFRZdS","uui-typography-size-16":"nCQia8","picker-row":"_73hdnS","uuiTypography":"sKy-AO","heroHeader":"H1reVt","promoHeader":"_1JEi8A","uuiCritical":"Orn045","uuiInfo":"js28AB","uuiSuccess":"P0DWSC","uuiWarning":"tvnCpP","uuiHighlight":"cIKTSl","uuiTypographySize12":"Yulgoe","uuiTypographySize14":"NFRZdS","uuiTypographySize16":"nCQia8","pickerRow":"_73hdnS"};
|
|
1534
1663
|
|
|
1535
1664
|
class DataPickerRow extends React__namespace.Component {
|
|
1536
1665
|
constructor() {
|
|
1537
1666
|
super(...arguments);
|
|
1538
1667
|
this.renderContent = () => {
|
|
1539
|
-
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size ||
|
|
1668
|
+
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || settings.sizes.dataPickerRow.dataPickerCell.default, padding: this.props.padding || settings.sizes.dataPickerRow.padding.default, rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
|
|
1540
1669
|
};
|
|
1541
1670
|
}
|
|
1542
1671
|
render() {
|
|
@@ -1544,7 +1673,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
1544
1673
|
}
|
|
1545
1674
|
}
|
|
1546
1675
|
|
|
1547
|
-
var css$R = {"uui-typography":"
|
|
1676
|
+
var css$R = {"uui-typography":"ssRelx","hero-header":"JQZF8-","promo-header":"_1V-NUb","uui-critical":"_25rd8y","uui-info":"_1Kwm-B","uui-success":"FvLDeE","uui-warning":"ZfGUD5","uui-highlight":"Yxe7Rx","uui-typography-size-12":"DPsoBw","uui-typography-size-14":"E8GZf3","uui-typography-size-16":"iiVmBi","done":"Zl8KL-","container":"lxp5pY","uuiTypography":"ssRelx","heroHeader":"JQZF8-","promoHeader":"_1V-NUb","uuiCritical":"_25rd8y","uuiInfo":"_1Kwm-B","uuiSuccess":"FvLDeE","uuiWarning":"ZfGUD5","uuiHighlight":"Yxe7Rx","uuiTypographySize12":"DPsoBw","uuiTypographySize14":"E8GZf3","uuiTypographySize16":"iiVmBi"};
|
|
1548
1677
|
|
|
1549
1678
|
const MobileDropdownWrapper = (props) => {
|
|
1550
1679
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -1553,7 +1682,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
1553
1682
|
return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
|
|
1554
1683
|
isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
|
|
1555
1684
|
props.children,
|
|
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:
|
|
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: settings.sizes.mobileDropdownWrapper.linkButton })));
|
|
1557
1686
|
};
|
|
1558
1687
|
|
|
1559
1688
|
var _path$s, _path2$4;
|
|
@@ -1578,9 +1707,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1578
1707
|
};
|
|
1579
1708
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
1580
1709
|
|
|
1581
|
-
var css$Q = {"uui-typography":"
|
|
1582
|
-
|
|
1583
|
-
var css$P = {"root":"fZvqzr","multiline":"_6LVbIw","vertical-padding-24":"XTS1li","vertical-padding-30":"A0reJC","vertical-padding-36":"QCJWqY","vertical-padding-42":"rKigUl","vertical-padding-48":"Vj3sjs","text":"wdj1vX","verticalPadding24":"XTS1li","verticalPadding30":"A0reJC","verticalPadding36":"QCJWqY","verticalPadding42":"rKigUl","verticalPadding48":"Vj3sjs"};
|
|
1710
|
+
var css$Q = {"uui-typography":"F5FlIe","hero-header":"RF0dDc","promo-header":"vTb1P-","uui-critical":"wYKBcW","uui-info":"mhv4Sv","uui-success":"q2G5Bl","uui-warning":"a19yzE","uui-highlight":"ivVYTz","uui-typography-size-12":"-tucYt","uui-typography-size-14":"CRdUaV","uui-typography-size-16":"WkV8gd","sub-header-wrapper":"_0DwySD","switch":"IIoiDY","no-found-modal-container":"g3vDob","no-found-modal-container-icon":"O5hcq6","no-found-modal-container-text":"NoVivw","uuiTypography":"F5FlIe","heroHeader":"RF0dDc","promoHeader":"vTb1P-","uuiCritical":"wYKBcW","uuiInfo":"mhv4Sv","uuiSuccess":"q2G5Bl","uuiWarning":"a19yzE","uuiHighlight":"ivVYTz","uuiTypographySize12":"-tucYt","uuiTypographySize14":"CRdUaV","uuiTypographySize16":"WkV8gd","subHeaderWrapper":"_0DwySD","$switch$":"IIoiDY","noFoundModalContainer":"g3vDob","noFoundModalContainerIcon":"O5hcq6","noFoundModalContainerText":"NoVivw"};
|
|
1584
1711
|
|
|
1585
1712
|
const mergeHighlightRanges = (ranges) => {
|
|
1586
1713
|
const mergedRanges = [];
|
|
@@ -1647,11 +1774,12 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1647
1774
|
return getDecoratedText(str, ranges);
|
|
1648
1775
|
};
|
|
1649
1776
|
|
|
1650
|
-
|
|
1777
|
+
var css$P = {"root":"-YWRjl","multiline":"h4JSdY","vertical-padding-24":"ukJkYq","vertical-padding-30":"jXdWg2","vertical-padding-36":"bsh5rb","vertical-padding-42":"cKn3CA","vertical-padding-48":"G1V3SB","text":"_0X7jab","verticalPadding24":"ukJkYq","verticalPadding30":"jXdWg2","verticalPadding36":"bsh5rb","verticalPadding42":"cKn3CA","verticalPadding48":"G1V3SB"};
|
|
1778
|
+
|
|
1651
1779
|
function PickerItem(props) {
|
|
1652
1780
|
var _a;
|
|
1653
1781
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
|
|
1654
|
-
const itemSize = size ||
|
|
1782
|
+
const itemSize = size || settings.sizes.defaults.pickerItem;
|
|
1655
1783
|
const isMultiline = !!(props.title && props.subtitle);
|
|
1656
1784
|
const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
|
|
1657
1785
|
const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
|
|
@@ -1665,7 +1793,7 @@ function PickerItem(props) {
|
|
|
1665
1793
|
subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
|
|
1666
1794
|
}
|
|
1667
1795
|
function getAvatarSize(size, isMultiline) {
|
|
1668
|
-
return isMultiline ?
|
|
1796
|
+
return settings.sizes.pickerItem.avatar[isMultiline ? 'multiline' : 'rest'][size];
|
|
1669
1797
|
}
|
|
1670
1798
|
|
|
1671
1799
|
function PickerModal(props) {
|
|
@@ -1721,27 +1849,11 @@ function PickerModal(props) {
|
|
|
1721
1849
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1722
1850
|
}
|
|
1723
1851
|
|
|
1724
|
-
var css$O = {"tooltip":"
|
|
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
|
-
};
|
|
1852
|
+
var css$O = {"tooltip":"HTjac6"};
|
|
1853
|
+
|
|
1742
1854
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1743
1855
|
var _a;
|
|
1744
|
-
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size:
|
|
1856
|
+
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerToggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
|
|
1745
1857
|
if (props.isCollapsed) {
|
|
1746
1858
|
const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
|
|
1747
1859
|
return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
@@ -1752,20 +1864,20 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1752
1864
|
}
|
|
1753
1865
|
});
|
|
1754
1866
|
|
|
1755
|
-
var css$N = {"uui-typography":"
|
|
1867
|
+
var css$N = {"uui-typography":"jg2H2x","hero-header":"B6u3Kg","promo-header":"AWJQ8q","uui-critical":"UwwGd9","uui-info":"D4y3jz","uui-success":"keWqJB","uui-warning":"_9AmLXP","uui-highlight":"WA9Fl4","uui-typography-size-12":"KxmPEi","uui-typography-size-14":"R6Q7DZ","uui-typography-size-16":"hV17xX","root":"fXaCsH","mode-form":"G2NU6K","mode-cell":"_483o9J","mode-inline":"LsyLkj","uuiTypography":"jg2H2x","heroHeader":"B6u3Kg","promoHeader":"AWJQ8q","uuiCritical":"UwwGd9","uuiInfo":"D4y3jz","uuiSuccess":"keWqJB","uuiWarning":"_9AmLXP","uuiHighlight":"WA9Fl4","uuiTypographySize12":"KxmPEi","uuiTypographySize14":"R6Q7DZ","uuiTypographySize16":"hV17xX","modeForm":"G2NU6K","modeCell":"_483o9J","modeInline":"LsyLkj"};
|
|
1756
1868
|
|
|
1757
|
-
const defaultSize$1 = '36';
|
|
1758
1869
|
const defaultMode$1 = EditMode.FORM;
|
|
1759
1870
|
function applyPickerTogglerMods(mods) {
|
|
1760
1871
|
return [
|
|
1761
1872
|
css$N.root,
|
|
1762
|
-
|
|
1873
|
+
'uui-picker_toggler',
|
|
1874
|
+
`uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
|
|
1763
1875
|
css$N['mode-' + (mods.mode || defaultMode$1)],
|
|
1764
1876
|
];
|
|
1765
1877
|
}
|
|
1766
1878
|
function PickerTogglerComponent(props, ref) {
|
|
1767
1879
|
const renderItem = (itemProps) => {
|
|
1768
|
-
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
|
|
1880
|
+
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.defaults.pickerToggler) });
|
|
1769
1881
|
if (!!props.renderItem) {
|
|
1770
1882
|
return props.renderItem(itemPropsWithSize);
|
|
1771
1883
|
}
|
|
@@ -1775,8 +1887,6 @@ function PickerTogglerComponent(props, ref) {
|
|
|
1775
1887
|
}
|
|
1776
1888
|
const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
|
|
1777
1889
|
|
|
1778
|
-
const pickerHeight$1 = 300;
|
|
1779
|
-
const pickerWidth = 360;
|
|
1780
1890
|
function PickerInputComponent(_a, ref) {
|
|
1781
1891
|
var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
|
|
1782
1892
|
const toggleModalOpening = () => {
|
|
@@ -1813,9 +1923,9 @@ function PickerInputComponent(_a, ref) {
|
|
|
1813
1923
|
};
|
|
1814
1924
|
const getRowSize = () => {
|
|
1815
1925
|
if (uuiCore.isMobile()) {
|
|
1816
|
-
return
|
|
1926
|
+
return settings.sizes.pickerInput.rowSize.mobile;
|
|
1817
1927
|
}
|
|
1818
|
-
return props.editMode === 'modal' ?
|
|
1928
|
+
return props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.modal : props.size;
|
|
1819
1929
|
};
|
|
1820
1930
|
const getSubtitle = ({ path }, { search }) => {
|
|
1821
1931
|
if (!search)
|
|
@@ -1830,12 +1940,12 @@ function PickerInputComponent(_a, ref) {
|
|
|
1830
1940
|
return (React__namespace.default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
|
|
1831
1941
|
};
|
|
1832
1942
|
const renderRow = (rowProps, dsState) => {
|
|
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' ?
|
|
1943
|
+
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.padding.modal : settings.sizes.pickerInput.rowSize.padding.default), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
|
|
1834
1944
|
};
|
|
1835
1945
|
const renderBody = (bodyProps, rows) => {
|
|
1836
1946
|
const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
|
|
1837
|
-
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight ||
|
|
1838
|
-
const minBodyWidth = props.minBodyWidth ||
|
|
1947
|
+
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
|
|
1948
|
+
const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
|
|
1839
1949
|
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' },
|
|
1840
1950
|
React__namespace.default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
|
|
1841
1951
|
? () => props.renderNotFound({
|
|
@@ -1854,7 +1964,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1854
1964
|
}
|
|
1855
1965
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
1856
1966
|
|
|
1857
|
-
var css$M = {"row":"
|
|
1967
|
+
var css$M = {"row":"cK69ro"};
|
|
1858
1968
|
|
|
1859
1969
|
function PickerListItem(props) {
|
|
1860
1970
|
var _a;
|
|
@@ -1875,7 +1985,7 @@ function PickerListItem(props) {
|
|
|
1875
1985
|
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));
|
|
1876
1986
|
}
|
|
1877
1987
|
|
|
1878
|
-
var css$L = {"root":"
|
|
1988
|
+
var css$L = {"root":"RlOANk"};
|
|
1879
1989
|
|
|
1880
1990
|
function PickerList(props) {
|
|
1881
1991
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -1915,7 +2025,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1915
2025
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1916
2026
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1917
2027
|
|
|
1918
|
-
var css$K = {"uui-typography":"
|
|
2028
|
+
var css$K = {"uui-typography":"rUXQrN","hero-header":"TNSYpj","promo-header":"SZ78zy","uui-critical":"OQiqNo","uui-info":"xyD-Jy","uui-success":"_8VlGWq","uui-warning":"VPlO7h","uui-highlight":"taHouT","uui-typography-size-12":"pJvEtG","uui-typography-size-14":"P-Igpk","uui-typography-size-16":"pfMs9f","root":"IhmNIU","title-wrapper":"SNrBMg","title":"UwyoQl","text-wrapper":"_1AKtM6","selection":"BHNUmM","postfix":"_8SgBGi","selected":"dLnT3-","uuiTypography":"rUXQrN","heroHeader":"TNSYpj","promoHeader":"SZ78zy","uuiCritical":"OQiqNo","uuiInfo":"xyD-Jy","uuiSuccess":"_8VlGWq","uuiWarning":"VPlO7h","uuiHighlight":"taHouT","uuiTypographySize12":"pJvEtG","uuiTypographySize14":"P-Igpk","uuiTypographySize16":"pfMs9f","titleWrapper":"SNrBMg","textWrapper":"_1AKtM6"};
|
|
1919
2029
|
|
|
1920
2030
|
const defaultSize = '36';
|
|
1921
2031
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -2008,7 +2118,7 @@ function FilterPickerBody(_a) {
|
|
|
2008
2118
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2009
2119
|
}
|
|
2010
2120
|
|
|
2011
|
-
var css$J = {"container":"
|
|
2121
|
+
var css$J = {"container":"rAkR-s"};
|
|
2012
2122
|
|
|
2013
2123
|
const defaultFormat = 'MMM D, YYYY';
|
|
2014
2124
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2217,14 +2327,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2217
2327
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2218
2328
|
}
|
|
2219
2329
|
|
|
2220
|
-
var css$I = {"uui-typography":"
|
|
2330
|
+
var css$I = {"uui-typography":"tBvdEW","hero-header":"vKFCA2","promo-header":"CathsY","uui-critical":"qPxPuu","uui-info":"MkPn3X","uui-success":"eTGgk0","uui-warning":"QYzrt-","uui-highlight":"Es4wdH","uui-typography-size-12":"d-V5gC","uui-typography-size-14":"xmNjs-","uui-typography-size-16":"_9i-YZZ","root":"_5JzgF1","uuiTypography":"tBvdEW","heroHeader":"vKFCA2","promoHeader":"CathsY","uuiCritical":"qPxPuu","uuiInfo":"MkPn3X","uuiSuccess":"eTGgk0","uuiWarning":"QYzrt-","uuiHighlight":"Es4wdH","uuiTypographySize12":"d-V5gC","uuiTypographySize14":"xmNjs-","uuiTypographySize16":"_9i-YZZ"};
|
|
2221
2331
|
|
|
2222
2332
|
function applyDateSelectionMods() {
|
|
2223
2333
|
return [css$I.root];
|
|
2224
2334
|
}
|
|
2225
2335
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2226
2336
|
|
|
2227
|
-
var css$H = {"uui-typography":"
|
|
2337
|
+
var css$H = {"uui-typography":"I-nxCZ","hero-header":"s9fILC","promo-header":"imJqfh","uui-critical":"c71weT","uui-info":"a7H-pG","uui-success":"uFyP86","uui-warning":"_3Sa9tA","uui-highlight":"ZJOqbV","uui-typography-size-12":"jZvKi8","uui-typography-size-14":"I0N7gH","uui-typography-size-16":"AGNt5t","root":"fJxdse","uuiTypography":"I-nxCZ","heroHeader":"s9fILC","promoHeader":"imJqfh","uuiCritical":"c71weT","uuiInfo":"a7H-pG","uuiSuccess":"uFyP86","uuiWarning":"_3Sa9tA","uuiHighlight":"ZJOqbV","uuiTypographySize12":"jZvKi8","uuiTypographySize14":"I0N7gH","uuiTypographySize16":"AGNt5t"};
|
|
2228
2338
|
|
|
2229
2339
|
const uuiDatePickerBody = {
|
|
2230
2340
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2312,7 +2422,7 @@ function FilterDatePickerBody(props) {
|
|
|
2312
2422
|
} })))));
|
|
2313
2423
|
}
|
|
2314
2424
|
|
|
2315
|
-
var css$G = {"uui-typography":"
|
|
2425
|
+
var css$G = {"uui-typography":"-ZQpbj","hero-header":"JWcZgi","promo-header":"_9dAji-","uui-critical":"kF2JQI","uui-info":"Cy0CP0","uui-success":"sX9RLp","uui-warning":"V7Xx-k","uui-highlight":"SwDggq","uui-typography-size-12":"fioJqs","uui-typography-size-14":"_4i31pM","uui-typography-size-16":"_8QI2bF","dropdown-container":"_6lB6fn","date-input":"lh9l8S","date-input-group":"xCZUsw","separator":"rH5QzZ","mode-form":"L-ue8s","mode-cell":"U79zNp","uuiTypography":"-ZQpbj","heroHeader":"JWcZgi","promoHeader":"_9dAji-","uuiCritical":"kF2JQI","uuiInfo":"Cy0CP0","uuiSuccess":"sX9RLp","uuiWarning":"V7Xx-k","uuiHighlight":"SwDggq","uuiTypographySize12":"fioJqs","uuiTypographySize14":"_4i31pM","uuiTypographySize16":"_8QI2bF","dropdownContainer":"_6lB6fn","dateInput":"lh9l8S","dateInputGroup":"xCZUsw","modeForm":"L-ue8s","modeCell":"U79zNp"};
|
|
2316
2426
|
|
|
2317
2427
|
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) => {
|
|
2318
2428
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2343,9 +2453,9 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2343
2453
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2344
2454
|
}
|
|
2345
2455
|
}, onBlur: onBlur },
|
|
2346
|
-
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput,
|
|
2456
|
+
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, 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 }),
|
|
2347
2457
|
React__namespace.default.createElement("div", { className: css$G.separator }),
|
|
2348
|
-
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput,
|
|
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 || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2349
2459
|
onValueChange(defaultRangeValue);
|
|
2350
2460
|
} : 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 })));
|
|
2351
2461
|
});
|
|
@@ -2403,7 +2513,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2403
2513
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2404
2514
|
}
|
|
2405
2515
|
|
|
2406
|
-
var css$F = {"container":"
|
|
2516
|
+
var css$F = {"container":"xU4lRP"};
|
|
2407
2517
|
|
|
2408
2518
|
function FilterNumericBody(props) {
|
|
2409
2519
|
var _a, _b;
|
|
@@ -2503,7 +2613,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2503
2613
|
};
|
|
2504
2614
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
|
|
2505
2615
|
|
|
2506
|
-
var css$E = {"uui-typography":"
|
|
2616
|
+
var css$E = {"uui-typography":"t99nT2","hero-header":"_1nLTdI","promo-header":"JR8mFl","uui-critical":"_0DTvvP","uui-info":"wWEoob","uui-success":"Yhstq1","uui-warning":"n92nch","uui-highlight":"ulO5nz","uui-typography-size-12":"-je-Ox","uui-typography-size-14":"Jm56mP","uui-typography-size-16":"Mx-TzD","header":"g0d5Eu","removeButton":"X2oJ-7","with-search":"gE50kv","uuiTypography":"t99nT2","heroHeader":"_1nLTdI","promoHeader":"JR8mFl","uuiCritical":"_0DTvvP","uuiInfo":"wWEoob","uuiSuccess":"Yhstq1","uuiWarning":"n92nch","uuiHighlight":"ulO5nz","uuiTypographySize12":"-je-Ox","uuiTypographySize14":"Jm56mP","uuiTypographySize16":"Mx-TzD","withSearch":"gE50kv"};
|
|
2507
2617
|
|
|
2508
2618
|
function useView(props, value) {
|
|
2509
2619
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -2825,7 +2935,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2825
2935
|
}
|
|
2826
2936
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
2827
2937
|
|
|
2828
|
-
var css$D = {"divider":"
|
|
2938
|
+
var css$D = {"divider":"Y8MenA","dropdownDeleteIcon":"ZaDCzr","presetsWrapper":"jQ82uM","addPresetContainer":"_9k1TKJ","dropContainer":"SU-QjG"};
|
|
2829
2939
|
|
|
2830
2940
|
var _path$p;
|
|
2831
2941
|
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); }
|
|
@@ -2953,7 +3063,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
2953
3063
|
};
|
|
2954
3064
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
2955
3065
|
|
|
2956
|
-
var css$C = {"delete-button":"
|
|
3066
|
+
var css$C = {"delete-button":"BTnjN-","tab-button":"YIqcZN","targetOpen":"YfYw6Z","deleteButton":"BTnjN-","tabButton":"YIqcZN"};
|
|
2957
3067
|
|
|
2958
3068
|
function PresetActionsDropdown(props) {
|
|
2959
3069
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -3011,7 +3121,7 @@ function PresetActionsDropdown(props) {
|
|
|
3011
3121
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3012
3122
|
}
|
|
3013
3123
|
|
|
3014
|
-
var css$B = {"preset-input-cell":"
|
|
3124
|
+
var css$B = {"preset-input-cell":"ffict1","preset-input":"kcWtAr","presetInputCell":"ffict1","presetInput":"kcWtAr"};
|
|
3015
3125
|
|
|
3016
3126
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3017
3127
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3044,7 +3154,7 @@ function PresetInput(props) {
|
|
|
3044
3154
|
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 })));
|
|
3045
3155
|
}
|
|
3046
3156
|
|
|
3047
|
-
var css$A = {"preset":"
|
|
3157
|
+
var css$A = {"preset":"rfSNLs","activePreset":"iFUqcM"};
|
|
3048
3158
|
|
|
3049
3159
|
function Preset(props) {
|
|
3050
3160
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3146,25 +3256,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3146
3256
|
return columns;
|
|
3147
3257
|
};
|
|
3148
3258
|
|
|
3149
|
-
var css$z = {"line-height-12":"
|
|
3259
|
+
var css$z = {"line-height-12":"n6n8AC","line-height-18":"ERTGPR","line-height-24":"XcwZaz","line-height-30":"m-dDFW","font-size-10":"hXaoGY","font-size-12":"_8aTaHu","font-size-14":"mjSX2c","font-size-16":"Rt680o","font-size-18":"Z3OMh4","font-size-24":"YM-wjV","v-padding-2":"ddqYGa","v-padding-3":"W1OEz3","v-padding-5":"NXXMt7","v-padding-6":"_9ou-j9","v-padding-8":"_1LKJHY","v-padding-9":"ddNkDA","v-padding-11":"ny3XYv","v-padding-12":"SPjtr7","v-padding-14":"wCBzvw","v-padding-15":"VLLIwn","v-padding-17":"_3x-O2q","v-padding-18":"zFSUQN","v-padding-23":"_4Jo6Z5","v-padding-24":"A9voxj","lineHeight12":"n6n8AC","lineHeight18":"ERTGPR","lineHeight24":"XcwZaz","lineHeight30":"m-dDFW","fontSize10":"hXaoGY","fontSize12":"_8aTaHu","fontSize14":"mjSX2c","fontSize16":"Rt680o","fontSize18":"Z3OMh4","fontSize24":"YM-wjV","vPadding2":"ddqYGa","vPadding3":"W1OEz3","vPadding5":"NXXMt7","vPadding6":"_9ou-j9","vPadding8":"_1LKJHY","vPadding9":"ddNkDA","vPadding11":"ny3XYv","vPadding12":"SPjtr7","vPadding14":"wCBzvw","vPadding15":"VLLIwn","vPadding17":"_3x-O2q","vPadding18":"zFSUQN","vPadding23":"_4Jo6Z5","vPadding24":"A9voxj"};
|
|
3150
3260
|
|
|
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
|
-
};
|
|
3160
3261
|
function getTextClasses(props, border) {
|
|
3161
3262
|
if (props.size === 'none') {
|
|
3162
3263
|
return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
|
|
3163
3264
|
}
|
|
3164
3265
|
const setting = {
|
|
3165
3266
|
size: props.size,
|
|
3166
|
-
lineHeight: props.lineHeight ||
|
|
3167
|
-
fontSize: props.fontSize ||
|
|
3267
|
+
lineHeight: props.lineHeight || settings.sizes.text[props.size].lineHeight,
|
|
3268
|
+
fontSize: props.fontSize || settings.sizes.text[props.size].fontSize,
|
|
3168
3269
|
};
|
|
3169
3270
|
const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
|
|
3170
3271
|
return [
|
|
@@ -3172,11 +3273,11 @@ function getTextClasses(props, border) {
|
|
|
3172
3273
|
];
|
|
3173
3274
|
}
|
|
3174
3275
|
|
|
3175
|
-
var css$y = {"root":"
|
|
3276
|
+
var css$y = {"root":"_4EaCWT"};
|
|
3176
3277
|
|
|
3177
3278
|
function applyTextMods(mods) {
|
|
3178
3279
|
const textClasses = getTextClasses({
|
|
3179
|
-
size: mods.size ||
|
|
3280
|
+
size: mods.size || settings.sizes.defaults.text,
|
|
3180
3281
|
lineHeight: mods.lineHeight,
|
|
3181
3282
|
fontSize: mods.fontSize,
|
|
3182
3283
|
}, false);
|
|
@@ -3191,7 +3292,7 @@ function applyTextMods(mods) {
|
|
|
3191
3292
|
}
|
|
3192
3293
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
|
|
3193
3294
|
|
|
3194
|
-
var css$x = {"root":"
|
|
3295
|
+
var css$x = {"root":"TmQBwV","loading-word":"G399vK","animated-loading":"bbIIQA","skeleton_loading":"c2DApI","loadingWord":"G399vK","animatedLoading":"bbIIQA","skeletonLoading":"c2DApI"};
|
|
3195
3296
|
|
|
3196
3297
|
const TextPlaceholder = (props) => {
|
|
3197
3298
|
const pattern = ' ';
|
|
@@ -3210,7 +3311,7 @@ const TextPlaceholder = (props) => {
|
|
|
3210
3311
|
|
|
3211
3312
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3212
3313
|
|
|
3213
|
-
var css$w = {"uui-typography":"
|
|
3314
|
+
var css$w = {"uui-typography":"dCkX9o","hero-header":"vSi-22","promo-header":"kzpDKT","uui-critical":"T--voI","uui-info":"_7iAKLM","uui-success":"zgDfgz","uui-warning":"_2yulXO","uui-highlight":"jpaM4h","uui-typography-size-12":"YNvyUj","uui-typography-size-14":"KDHazZ","uui-typography-size-16":"lSN6uQ","root":"zQBpcB","modal-blocker":"qIP1QV","animateModalBlocker":"Ykg-tr","modal":"_4EyOmJ","modal-footer":"LpQo6p","modal-header":"thmnnA","uuiTypography":"dCkX9o","heroHeader":"vSi-22","promoHeader":"kzpDKT","uuiCritical":"T--voI","uuiInfo":"_7iAKLM","uuiSuccess":"zgDfgz","uuiWarning":"_2yulXO","uuiHighlight":"jpaM4h","uuiTypographySize12":"YNvyUj","uuiTypographySize14":"KDHazZ","uuiTypographySize16":"lSN6uQ","modalBlocker":"qIP1QV","modalFooter":"LpQo6p","modalHeader":"thmnnA"};
|
|
3214
3315
|
|
|
3215
3316
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
|
|
3216
3317
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3229,19 +3330,19 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
|
|
|
3229
3330
|
maxHeight }),
|
|
3230
3331
|
};
|
|
3231
3332
|
});
|
|
3232
|
-
class ModalHeader extends React__namespace.Component {
|
|
3333
|
+
class ModalHeader extends React__namespace.default.Component {
|
|
3233
3334
|
render() {
|
|
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)),
|
|
3335
|
+
return (React__namespace.default.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 },
|
|
3336
|
+
this.props.title && (React__namespace.default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
|
|
3236
3337
|
this.props.children,
|
|
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 })))));
|
|
3338
|
+
this.props.onClose && React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
3339
|
+
this.props.onClose && (React__namespace.default.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
3340
|
+
React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
|
|
3240
3341
|
}
|
|
3241
3342
|
}
|
|
3242
|
-
class ModalFooter extends React__namespace.Component {
|
|
3343
|
+
class ModalFooter extends React__namespace.default.Component {
|
|
3243
3344
|
render() {
|
|
3244
|
-
return (React__namespace.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3345
|
+
return (React__namespace.default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3245
3346
|
css$w.root,
|
|
3246
3347
|
css$w.modalFooter,
|
|
3247
3348
|
this.props.cx,
|
|
@@ -3264,7 +3365,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3264
3365
|
};
|
|
3265
3366
|
var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
3266
3367
|
|
|
3267
|
-
var css$v = {"uui-typography":"
|
|
3368
|
+
var css$v = {"uui-typography":"uIOHU6","hero-header":"KwU7yQ","promo-header":"_7nk52W","uui-critical":"d7LZPq","uui-info":"Qpn2hh","uui-success":"w2HH34","uui-warning":"q26Ce0","uui-highlight":"cbTUIW","uui-typography-size-12":"QMXRIN","uui-typography-size-14":"LFg2x5","uui-typography-size-16":"ZKICwk","root":"i6QJAP","icon-wrapper":"zzLwf0","action-wrapper":"tF-A0p","action-link":"_02fJCy","close-icon":"d0fz-Y","main-path":"T3FceX","content":"_7x98HO","close-wrapper":"WDo8TR","notification-wrapper":"xt4k0d","clear-button":"-boDcI","uuiTypography":"uIOHU6","heroHeader":"KwU7yQ","promoHeader":"_7nk52W","uuiCritical":"d7LZPq","uuiInfo":"Qpn2hh","uuiSuccess":"w2HH34","uuiWarning":"q26Ce0","uuiHighlight":"cbTUIW","uuiTypographySize12":"QMXRIN","uuiTypographySize14":"LFg2x5","uuiTypographySize16":"ZKICwk","iconWrapper":"zzLwf0","actionWrapper":"tF-A0p","actionLink":"_02fJCy","closeIcon":"d0fz-Y","mainPath":"T3FceX","closeWrapper":"WDo8TR","notificationWrapper":"xt4k0d","clearButton":"-boDcI"};
|
|
3268
3369
|
|
|
3269
3370
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3270
3371
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -3386,7 +3487,7 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3386
3487
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3387
3488
|
};
|
|
3388
3489
|
|
|
3389
|
-
var css$u = {"root":"
|
|
3490
|
+
var css$u = {"root":"blqLrF","timepicker-input":"HLE4Gw","timepickerInput":"HLE4Gw"};
|
|
3390
3491
|
|
|
3391
3492
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3392
3493
|
const valueToTimeString = (value, format) => {
|
|
@@ -3532,7 +3633,7 @@ function TimePickerBody(props) {
|
|
|
3532
3633
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3533
3634
|
}
|
|
3534
3635
|
|
|
3535
|
-
var css$t = {"root":"
|
|
3636
|
+
var css$t = {"root":"IzPyWk"};
|
|
3536
3637
|
|
|
3537
3638
|
function applyInputAddonMods() {
|
|
3538
3639
|
return [
|
|
@@ -3541,7 +3642,7 @@ function applyInputAddonMods() {
|
|
|
3541
3642
|
}
|
|
3542
3643
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
3543
3644
|
|
|
3544
|
-
var css$s = {"root":"
|
|
3645
|
+
var css$s = {"root":"_1AUpR9"};
|
|
3545
3646
|
|
|
3546
3647
|
function applySliderMods() {
|
|
3547
3648
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3595,7 +3696,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3595
3696
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3596
3697
|
return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3597
3698
|
// fixes a bug with body open, it skips unwanted prevent default
|
|
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 ||
|
|
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 || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
|
|
3599
3700
|
setInputValue(v || '');
|
|
3600
3701
|
}, onCancel: allowClear ? () => {
|
|
3601
3702
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3624,14 +3725,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3624
3725
|
}
|
|
3625
3726
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3626
3727
|
|
|
3627
|
-
var css$r = {"uui-typography":"
|
|
3728
|
+
var css$r = {"uui-typography":"RwszU7","hero-header":"hkHmYn","promo-header":"hDrF24","uui-critical":"_6pnJck","uui-info":"q1o5-d","uui-success":"Q-cCT1","uui-warning":"_2AYp5X","uui-highlight":"Tu1oj5","uui-typography-size-12":"lrcp1D","uui-typography-size-14":"nGfuY-","uui-typography-size-16":"aaaUyI","root":"BmDWBR","uuiTypography":"RwszU7","heroHeader":"hkHmYn","promoHeader":"hDrF24","uuiCritical":"_6pnJck","uuiInfo":"q1o5-d","uuiSuccess":"Q-cCT1","uuiWarning":"_2AYp5X","uuiHighlight":"Tu1oj5","uuiTypographySize12":"lrcp1D","uuiTypographySize14":"nGfuY-","uuiTypographySize16":"aaaUyI"};
|
|
3628
3729
|
|
|
3629
3730
|
function applyCalendarPresetsMods() {
|
|
3630
3731
|
return [css$r.root];
|
|
3631
3732
|
}
|
|
3632
3733
|
const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
|
|
3633
3734
|
|
|
3634
|
-
var css$q = {"uui-typography":"
|
|
3735
|
+
var css$q = {"uui-typography":"ro5alQ","hero-header":"x3kQoE","promo-header":"zQZkA7","uui-critical":"tM6IKL","uui-info":"_2yLduF","uui-success":"_85MTql","uui-warning":"Sl-7n9","uui-highlight":"_9u1FjT","uui-typography-size-12":"o8VWux","uui-typography-size-14":"DIcZZN","uui-typography-size-16":"EkUjKD","root":"C7Pzc-","container":"OvAlcN","day-selection":"AOTXMK","from-picker":"v-wsey","to-picker":"vJZwv0","bodes-wrapper":"OWx25s","blocker":"krDtKb","uuiTypography":"ro5alQ","heroHeader":"x3kQoE","promoHeader":"zQZkA7","uuiCritical":"tM6IKL","uuiInfo":"_2yLduF","uuiSuccess":"_85MTql","uuiWarning":"Sl-7n9","uuiHighlight":"_9u1FjT","uuiTypographySize12":"o8VWux","uuiTypographySize14":"DIcZZN","uuiTypographySize16":"EkUjKD","daySelection":"AOTXMK","fromPicker":"v-wsey","toPicker":"vJZwv0","bodesWrapper":"OWx25s"};
|
|
3635
3736
|
|
|
3636
3737
|
const uuiRangeDatePickerBody = {
|
|
3637
3738
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3875,7 +3976,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3875
3976
|
}
|
|
3876
3977
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3877
3978
|
|
|
3878
|
-
var css$p = {"root":"
|
|
3979
|
+
var css$p = {"root":"i0EH40","blocker":"hht29x","marker":"GFEFH2","top":"cQp6r3","bottom":"B-MMqb","left":"MjjmRM","right":"lKl6YG","inside":"TQrvTx"};
|
|
3879
3980
|
|
|
3880
3981
|
function DropMarker(props) {
|
|
3881
3982
|
return props.isDndInProgress
|
|
@@ -3890,7 +3991,7 @@ function DropMarker(props) {
|
|
|
3890
3991
|
: null;
|
|
3891
3992
|
}
|
|
3892
3993
|
|
|
3893
|
-
var css$o = {"uui-typography":"
|
|
3994
|
+
var css$o = {"uui-typography":"gQq95Z","hero-header":"dqDpI2","promo-header":"aa5HYz","uui-critical":"sjBzIm","uui-info":"vrenid","uui-success":"tam7wR","uui-warning":"nH9DXD","uui-highlight":"ddta2R","uui-typography-size-12":"LaFovX","uui-typography-size-14":"tcOxHY","uui-typography-size-16":"s--ozc","cell":"nkFylZ","wrapper":"v5Dhoy","align-widgets-top":"CbbPpT","size-24":"j0hlry","size-30":"CJZ-0H","size-36":"_1rKe8o","size-42":"Hn9QzZ","size-48":"J5FSdk","size-60":"OAZ7b4","align-widgets-center":"rafPGu","padding-6":"DkqUPl","padding-12":"igi945","padding-24":"sT26Qb","padding-left-12":"i6HyWr","padding-left-24":"_5-6UzN","padding-right-12":"G3KVEg","padding-right-24":"oxObhY","loading-cell":"_0hzE0Z","uuiTypography":"gQq95Z","heroHeader":"dqDpI2","promoHeader":"aa5HYz","uuiCritical":"sjBzIm","uuiInfo":"vrenid","uuiSuccess":"tam7wR","uuiWarning":"nH9DXD","uuiHighlight":"ddta2R","uuiTypographySize12":"LaFovX","uuiTypographySize14":"tcOxHY","uuiTypographySize16":"s--ozc","alignWidgetsTop":"CbbPpT","size24":"j0hlry","size30":"CJZ-0H","size36":"_1rKe8o","size42":"Hn9QzZ","size48":"J5FSdk","size60":"OAZ7b4","alignWidgetsCenter":"rafPGu","padding6":"DkqUPl","padding12":"igi945","padding24":"sT26Qb","paddingLeft12":"i6HyWr","paddingLeft24":"_5-6UzN","paddingRight12":"G3KVEg","paddingRight24":"oxObhY","loadingCell":"_0hzE0Z"};
|
|
3894
3995
|
|
|
3895
3996
|
function DataTableCell(props) {
|
|
3896
3997
|
props = Object.assign({}, props);
|
|
@@ -3938,7 +4039,7 @@ function DataTableCell(props) {
|
|
|
3938
4039
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
3939
4040
|
}
|
|
3940
4041
|
|
|
3941
|
-
var css$n = {"uui-typography":"
|
|
4042
|
+
var css$n = {"uui-typography":"vqj6f1","hero-header":"-DFPc7","promo-header":"J3AaWI","uui-critical":"xyXHHy","uui-info":"Q8rUy7","uui-success":"oy-UfP","uui-warning":"pKOYqB","uui-highlight":"NpC9tt","uui-typography-size-12":"WYMkpX","uui-typography-size-14":"Swn5Tw","uui-typography-size-16":"QgL4kN","root":"H4BnD7","size-24":"_1klxpI","size-30":"mk-9Zz","size-36":"IZQo-M","size-48":"zyYQhm","size-60":"_4JLVdk","uuiTypography":"vqj6f1","heroHeader":"-DFPc7","promoHeader":"J3AaWI","uuiCritical":"xyXHHy","uuiInfo":"Q8rUy7","uuiSuccess":"oy-UfP","uuiWarning":"pKOYqB","uuiHighlight":"NpC9tt","uuiTypographySize12":"WYMkpX","uuiTypographySize14":"Swn5Tw","uuiTypographySize16":"QgL4kN","size24":"_1klxpI","size30":"mk-9Zz","size36":"IZQo-M","size48":"zyYQhm","size60":"_4JLVdk"};
|
|
3942
4043
|
|
|
3943
4044
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3944
4045
|
// 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.
|
|
@@ -3954,7 +4055,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3954
4055
|
];
|
|
3955
4056
|
}, () => propsMods);
|
|
3956
4057
|
|
|
3957
|
-
var css$m = {"uui-typography":"
|
|
4058
|
+
var css$m = {"uui-typography":"_7mERrP","hero-header":"hiO8NF","promo-header":"_-8qRy6","uui-critical":"lVLRQA","uui-info":"E512pu","uui-success":"XLqeMf","uui-warning":"La-tLE","uui-highlight":"M7Tx7K","uui-typography-size-12":"jCCZIU","uui-typography-size-14":"fB5C21","uui-typography-size-16":"H18nIl","sorting-panel-container":"mjM33Y","sort-active":"WhmiG-","uuiTypography":"_7mERrP","heroHeader":"hiO8NF","promoHeader":"_-8qRy6","uuiCritical":"lVLRQA","uuiInfo":"E512pu","uuiSuccess":"XLqeMf","uuiWarning":"La-tLE","uuiHighlight":"M7Tx7K","uuiTypographySize12":"jCCZIU","uuiTypographySize14":"fB5C21","uuiTypographySize16":"H18nIl","sortingPanelContainer":"mjM33Y","sortActive":"WhmiG-"};
|
|
3958
4059
|
|
|
3959
4060
|
var _path$g;
|
|
3960
4061
|
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); }
|
|
@@ -4084,7 +4185,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4084
4185
|
};
|
|
4085
4186
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
4086
4187
|
|
|
4087
|
-
var css$l = {"uui-typography":"
|
|
4188
|
+
var css$l = {"uui-typography":"TsBCZC","hero-header":"-xolIv","promo-header":"_6IWa5c","uui-critical":"tRM3G3","uui-info":"RR9ZhD","uui-success":"ow0su2","uui-warning":"IBnaLu","uui-highlight":"pdmbJ5","uui-typography-size-12":"vKW7WX","uui-typography-size-14":"WW1PXe","uui-typography-size-16":"HUEb56","cell":"_6mM5uY","column-gap-12":"G9gKXu","caption-wrapper":"-bevo5","column-gap-24":"_306Gfl","first-column-12":"_9KwxLS","last-column-12":"ScFclI","first-column-24":"Wemmli","last-column-24":"TIP0p-","sort-icon":"QFXTvt","dropdown-icon":"M6K66i","infoIcon":"_02Ofwx","resizable":"N-W-1j","size-24":"vKV8GL","size-30":"mQwTOg","size-36":"y3AlXm","size-42":"LeM7LQ","size-48":"GsyF3e","padding-left-24":"L7Bfho","padding-right-24":"QFwFZW","align-right":"OwaqGP","align-center":"jMj8hJ","caption":"ihHHHP","checkbox":"jnZfl0","icon":"HABogn","fold-all-icon":"IPly9Q","cell-tooltip":"-fKpKM","upper-case":"J1u-yl","font-size-14":"Ps-yCr","resize-mark":"_0c1-5J","resize-mark-6":"lVHeUI","resize-mark-12":"vIj5jd","pinned-right":"lqdMdJ","draggable":"ZgxKyp","ghost":"UhJw6M","is-dragged-out":"qP24RO","dnd-marker-left":"pZjdQF","dnd-marker-right":"-PFgOr","cell-tooltip-wrapper":"IcvVQn","cell-tooltip-text":"r9pP0H","uuiTypography":"TsBCZC","heroHeader":"-xolIv","promoHeader":"_6IWa5c","uuiCritical":"tRM3G3","uuiInfo":"RR9ZhD","uuiSuccess":"ow0su2","uuiWarning":"IBnaLu","uuiHighlight":"pdmbJ5","uuiTypographySize12":"vKW7WX","uuiTypographySize14":"WW1PXe","uuiTypographySize16":"HUEb56","columnGap12":"G9gKXu","captionWrapper":"-bevo5","columnGap24":"_306Gfl","firstColumn12":"_9KwxLS","lastColumn12":"ScFclI","firstColumn24":"Wemmli","lastColumn24":"TIP0p-","sortIcon":"QFXTvt","dropdownIcon":"M6K66i","size24":"vKV8GL","size30":"mQwTOg","size36":"y3AlXm","size42":"LeM7LQ","size48":"GsyF3e","paddingLeft24":"L7Bfho","paddingRight24":"QFwFZW","alignRight":"OwaqGP","alignCenter":"jMj8hJ","foldAllIcon":"IPly9Q","cellTooltip":"-fKpKM","upperCase":"J1u-yl","fontSize14":"Ps-yCr","resizeMark":"_0c1-5J","resizeMark6":"lVHeUI","resizeMark12":"vIj5jd","pinnedRight":"lqdMdJ","isDraggedOut":"qP24RO","dndMarkerLeft":"pZjdQF","dndMarkerRight":"-PFgOr","cellTooltipWrapper":"IcvVQn","cellTooltipText":"r9pP0H"};
|
|
4088
4189
|
|
|
4089
4190
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4090
4191
|
constructor() {
|
|
@@ -4166,14 +4267,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4166
4267
|
};
|
|
4167
4268
|
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
4168
4269
|
|
|
4169
|
-
var css$k = {"uui-typography":"
|
|
4270
|
+
var css$k = {"uui-typography":"K29GD0","hero-header":"Nu9diV","promo-header":"oVgIcK","uui-critical":"nMTrn6","uui-info":"_70NqqR","uui-success":"rfR2HW","uui-warning":"lFyOX5","uui-highlight":"llrn8P","uui-typography-size-12":"vDbjG-","uui-typography-size-14":"dUEROG","uui-typography-size-16":"NllYOh","header-cell":"gCbSIj","truncate":"OYL8zt","uuiTypography":"K29GD0","heroHeader":"Nu9diV","promoHeader":"oVgIcK","uuiCritical":"nMTrn6","uuiInfo":"_70NqqR","uuiSuccess":"rfR2HW","uuiWarning":"lFyOX5","uuiHighlight":"llrn8P","uuiTypographySize12":"vDbjG-","uuiTypographySize14":"dUEROG","uuiTypographySize16":"NllYOh","headerCell":"gCbSIj"};
|
|
4170
4271
|
|
|
4171
4272
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4172
4273
|
renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4173
4274
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4174
4275
|
}));
|
|
4175
4276
|
|
|
4176
|
-
var styles$1 = {"uui-typography":"
|
|
4277
|
+
var styles$1 = {"uui-typography":"B58szP","hero-header":"VDXNHI","promo-header":"rHy1L1","uui-critical":"RYXSUx","uui-info":"Mjc4Eg","uui-success":"zgVTnn","uui-warning":"_1qX9uf","uui-highlight":"ycEflC","uui-typography-size-12":"ZNAskm","uui-typography-size-14":"C33x9-","uui-typography-size-16":"lZKn09","main-panel":"I7VimD","group-title":"_16seTe","group-title-text":"tHGIVJ","group-title-badge":"_3BVB3q","group-items":"naUxCP","no-data":"Cp3x3a","h-divider":"_-3i4iC","search-area":"_1bQXI9","subgroup-accordion":"gMciAO","subgroup-title":"tp5N8N","uuiTypography":"B58szP","heroHeader":"VDXNHI","promoHeader":"rHy1L1","uuiCritical":"RYXSUx","uuiInfo":"Mjc4Eg","uuiSuccess":"zgVTnn","uuiWarning":"_1qX9uf","uuiHighlight":"ycEflC","uuiTypographySize12":"ZNAskm","uuiTypographySize14":"C33x9-","uuiTypographySize16":"lZKn09","mainPanel":"I7VimD","groupTitle":"_16seTe","groupTitleText":"tHGIVJ","groupTitleBadge":"_3BVB3q","groupItems":"naUxCP","noData":"Cp3x3a","hDivider":"_-3i4iC","searchArea":"_1bQXI9","subgroupAccordion":"gMciAO","subgroupTitle":"tp5N8N"};
|
|
4177
4278
|
|
|
4178
4279
|
var _path$8;
|
|
4179
4280
|
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); }
|
|
@@ -4230,7 +4331,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4230
4331
|
};
|
|
4231
4332
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4232
4333
|
|
|
4233
|
-
var css$j = {"unpin-icon":"
|
|
4334
|
+
var css$j = {"unpin-icon":"_1-E4LA","pin-toggler-icon":"lWl0dl","unpinIcon":"_1-E4LA","pinTogglerIcon":"lWl0dl"};
|
|
4234
4335
|
|
|
4235
4336
|
function PinIconButton(props) {
|
|
4236
4337
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4289,7 +4390,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4289
4390
|
};
|
|
4290
4391
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4291
4392
|
|
|
4292
|
-
var styles = {"uui-typography":"
|
|
4393
|
+
var styles = {"uui-typography":"FONkcc","hero-header":"puRmkH","promo-header":"aL2Skp","uui-critical":"K2XpkK","uui-info":"LKyJTS","uui-success":"deYmFZ","uui-warning":"Q0pCmC","uui-highlight":"zTnvYJ","uui-typography-size-12":"YZUXR3","uui-typography-size-14":"fs1U2q","uui-typography-size-16":"vSvynD","row-wrapper":"EMn0hg","not-pinned":"_3xALIi","pin-icon-button":"YzXR8U","checkbox":"_9l1w2d","drag-handle":"fjFR6D","dnd-disabled":"mcP3YM","uuiTypography":"FONkcc","heroHeader":"puRmkH","promoHeader":"aL2Skp","uuiCritical":"K2XpkK","uuiInfo":"LKyJTS","uuiSuccess":"deYmFZ","uuiWarning":"Q0pCmC","uuiHighlight":"zTnvYJ","uuiTypographySize12":"YZUXR3","uuiTypographySize14":"fs1U2q","uuiTypographySize16":"vSvynD","rowWrapper":"EMn0hg","notPinned":"_3xALIi","pinIconButton":"YzXR8U","dragHandle":"fjFR6D","dndDisabled":"mcP3YM"};
|
|
4293
4394
|
|
|
4294
4395
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4295
4396
|
const { column } = props;
|
|
@@ -4398,7 +4499,7 @@ function SubGroup(props) {
|
|
|
4398
4499
|
return null;
|
|
4399
4500
|
}
|
|
4400
4501
|
|
|
4401
|
-
var css$i = {"listContainer":"
|
|
4502
|
+
var css$i = {"listContainer":"F0fiuq","header":"zmGP07","group":"wf4X3B","stickyHeader":"MUpWCu"};
|
|
4402
4503
|
|
|
4403
4504
|
const getChildrenAndRest = (row, rows) => {
|
|
4404
4505
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4464,7 +4565,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4464
4565
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4465
4566
|
ref: ref
|
|
4466
4567
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4467
|
-
clipPath: "url(#
|
|
4568
|
+
clipPath: "url(#esdeke43b19eluuq7_a)"
|
|
4468
4569
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4469
4570
|
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",
|
|
4470
4571
|
fill: "#F5F6FA"
|
|
@@ -4485,7 +4586,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4485
4586
|
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",
|
|
4486
4587
|
fill: "#1D1E26"
|
|
4487
4588
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4488
|
-
id: "
|
|
4589
|
+
id: "esdekekbrjmrcuq3l_b",
|
|
4489
4590
|
style: {
|
|
4490
4591
|
maskType: "alpha"
|
|
4491
4592
|
},
|
|
@@ -4498,7 +4599,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4498
4599
|
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",
|
|
4499
4600
|
fill: "#9BDEFF"
|
|
4500
4601
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4501
|
-
mask: "url(#
|
|
4602
|
+
mask: "url(#esdekekbrjmrcuq3l_b)",
|
|
4502
4603
|
fillRule: "evenodd",
|
|
4503
4604
|
clipRule: "evenodd"
|
|
4504
4605
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4584,7 +4685,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4584
4685
|
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",
|
|
4585
4686
|
fill: "#fff"
|
|
4586
4687
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4587
|
-
id: "
|
|
4688
|
+
id: "esdeke43b19eluuq7_a"
|
|
4588
4689
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4589
4690
|
fill: "#fff",
|
|
4590
4691
|
transform: "translate(.552)",
|
|
@@ -4593,7 +4694,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4593
4694
|
};
|
|
4594
4695
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4595
4696
|
|
|
4596
|
-
var css$h = {"sticky-header":"
|
|
4697
|
+
var css$h = {"sticky-header":"JcYgTB","table":"nepd--","no-results":"-XqXIQ","no-results-icon":"PEd92F","no-results-title":"otqGrR","stickyHeader":"JcYgTB","noResults":"-XqXIQ","noResultsIcon":"PEd92F","noResultsTitle":"otqGrR"};
|
|
4597
4698
|
|
|
4598
4699
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4599
4700
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4646,9 +4747,9 @@ function DataTable(props) {
|
|
|
4646
4747
|
} }))));
|
|
4647
4748
|
}
|
|
4648
4749
|
|
|
4649
|
-
var css$g = {"root":"
|
|
4750
|
+
var css$g = {"root":"otWLCD"};
|
|
4650
4751
|
|
|
4651
|
-
var css$f = {"root":"
|
|
4752
|
+
var css$f = {"root":"-J4Tnn","burger-content":"xx9lPR","burgerContent":"xx9lPR"};
|
|
4652
4753
|
|
|
4653
4754
|
var _path$3;
|
|
4654
4755
|
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); }
|
|
@@ -4691,7 +4792,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4691
4792
|
};
|
|
4692
4793
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
4693
4794
|
|
|
4694
|
-
var css$e = {"uui-typography":"
|
|
4795
|
+
var css$e = {"uui-typography":"TDj1G6","hero-header":"daV45T","promo-header":"aN8-7e","uui-critical":"Tm9hUC","uui-info":"Pfv-u1","uui-success":"hL1cPx","uui-warning":"jMpmOZ","uui-highlight":"o1IgXz","uui-typography-size-12":"SK7V-5","uui-typography-size-14":"gg1Fov","uui-typography-size-16":"CSP2V2","root":"DofBmi","button-primary":"bcSbCe","button-secondary":"dTcwyP","hasIcon":"apkDn0","dropdown":"wDdYkH","uuiTypography":"TDj1G6","heroHeader":"daV45T","promoHeader":"aN8-7e","uuiCritical":"Tm9hUC","uuiInfo":"Pfv-u1","uuiSuccess":"hL1cPx","uuiWarning":"jMpmOZ","uuiHighlight":"o1IgXz","uuiTypographySize12":"SK7V-5","uuiTypographySize14":"gg1Fov","uuiTypographySize16":"CSP2V2","buttonPrimary":"bcSbCe","buttonSecondary":"dTcwyP"};
|
|
4695
4796
|
|
|
4696
4797
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
4697
4798
|
css$e.root,
|
|
@@ -4702,13 +4803,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
4702
4803
|
props.icon && css$e.hasIcon,
|
|
4703
4804
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4704
4805
|
|
|
4705
|
-
var css$d = {"search-input":"
|
|
4806
|
+
var css$d = {"search-input":"_7ppRWK","searchInput":"_7ppRWK"};
|
|
4706
4807
|
|
|
4707
4808
|
function BurgerSearch(props) {
|
|
4708
4809
|
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 }));
|
|
4709
4810
|
}
|
|
4710
4811
|
|
|
4711
|
-
var css$c = {"root":"
|
|
4812
|
+
var css$c = {"root":"L6uhEO","group-header":"X1nQZG","group-name":"pnh51f","line":"hUOqPp","groupHeader":"X1nQZG","groupName":"pnh51f"};
|
|
4712
4813
|
|
|
4713
4814
|
function BurgerGroupHeader(props) {
|
|
4714
4815
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4716,7 +4817,7 @@ function BurgerGroupHeader(props) {
|
|
|
4716
4817
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4717
4818
|
}
|
|
4718
4819
|
|
|
4719
|
-
var css$b = {"uui-typography":"
|
|
4820
|
+
var css$b = {"uui-typography":"FuExj4","hero-header":"oHn-pM","promo-header":"_4kcGyG","uui-critical":"Lvl1Jw","uui-info":"AXfP-L","uui-success":"BBioqw","uui-warning":"zbrATC","uui-highlight":"UHyM6x","uui-typography-size-12":"eJWjlO","uui-typography-size-14":"IsdoDw","uui-typography-size-16":"OsJ2Ub","root":"ELwsSo","type-primary":"xH0SON","type-secondary":"iODMQI","uuiTypography":"FuExj4","heroHeader":"oHn-pM","promoHeader":"_4kcGyG","uuiCritical":"Lvl1Jw","uuiInfo":"AXfP-L","uuiSuccess":"BBioqw","uuiWarning":"zbrATC","uuiHighlight":"UHyM6x","uuiTypographySize12":"eJWjlO","uuiTypographySize14":"IsdoDw","uuiTypographySize16":"OsJ2Ub","typePrimary":"xH0SON","typeSecondary":"iODMQI"};
|
|
4720
4821
|
|
|
4721
4822
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4722
4823
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4732,7 +4833,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4732
4833
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4733
4834
|
});
|
|
4734
4835
|
|
|
4735
|
-
var css$a = {"dropdown-body":"
|
|
4836
|
+
var css$a = {"dropdown-body":"E3MbTV","dropdownBody":"E3MbTV"};
|
|
4736
4837
|
|
|
4737
4838
|
class MainMenuDropdown extends React__namespace.Component {
|
|
4738
4839
|
render() {
|
|
@@ -4787,12 +4888,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4787
4888
|
};
|
|
4788
4889
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4789
4890
|
|
|
4790
|
-
var css$9 = {"global-menu-btn":"
|
|
4891
|
+
var css$9 = {"global-menu-btn":"X9heht","global-menu-icon":"Fqtizm","globalMenuBtn":"X9heht","globalMenuIcon":"Fqtizm"};
|
|
4791
4892
|
|
|
4792
4893
|
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),
|
|
4793
4894
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4794
4895
|
|
|
4795
|
-
var css$8 = {"container":"
|
|
4896
|
+
var css$8 = {"container":"LCyLIc","open":"lnWX1s"};
|
|
4796
4897
|
|
|
4797
4898
|
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 },
|
|
4798
4899
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4800,18 +4901,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4800
4901
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
4801
4902
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4802
4903
|
|
|
4803
|
-
var css$7 = {"search-input":"
|
|
4904
|
+
var css$7 = {"search-input":"bGo9U1","searchInput":"bGo9U1"};
|
|
4804
4905
|
|
|
4805
4906
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4806
4907
|
var _a;
|
|
4807
4908
|
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)));
|
|
4808
4909
|
} }))));
|
|
4809
4910
|
|
|
4810
|
-
var css$6 = {"container":"
|
|
4911
|
+
var css$6 = {"container":"uu4pcN"};
|
|
4811
4912
|
|
|
4812
4913
|
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))));
|
|
4813
4914
|
|
|
4814
|
-
var css$5 = {"root":"
|
|
4915
|
+
var css$5 = {"root":"mF8NCi"};
|
|
4815
4916
|
|
|
4816
4917
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
4817
4918
|
|
|
@@ -4869,7 +4970,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4869
4970
|
};
|
|
4870
4971
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
4871
4972
|
|
|
4872
|
-
var css$4 = {"root":"
|
|
4973
|
+
var css$4 = {"root":"izug49","drop-start":"w0aJtS","drop-over":"xpUg8P","link":"IEyekd","drop-area":"dDSQZa","drop-caption":"_17bd6g","icon-blue":"IJMhlB","dropStart":"w0aJtS","dropOver":"xpUg8P","dropArea":"dDSQZa","dropCaption":"_17bd6g","iconBlue":"IJMhlB"};
|
|
4873
4974
|
|
|
4874
4975
|
function DropSpot(props) {
|
|
4875
4976
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4887,9 +4988,9 @@ function DropSpot(props) {
|
|
|
4887
4988
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4888
4989
|
}
|
|
4889
4990
|
|
|
4890
|
-
var css$3 = {"uui-typography":"
|
|
4991
|
+
var css$3 = {"uui-typography":"VBhi32","hero-header":"_3YWKPO","promo-header":"hkioxu","uui-critical":"lUGHTE","uui-info":"ODV4hF","uui-success":"cISo5S","uui-warning":"IAZXED","uui-highlight":"IxJszx","uui-typography-size-12":"lfS4A-","uui-typography-size-14":"a1FSJE","uui-typography-size-16":"_9An-WY","root":"gC5Z1Y","file-name":"PoA8k3","default-color":"_8lNErv","doc-color":"tDc8iY","xls-color":"bOiTJy","pdf-color":"xqqoOE","movie-color":"_4TklMC","img-color":"lA7EHk","mov-color":"CCiUhS","error-block":"-Bk-m9","icons-block":"mDxBSl","uuiTypography":"VBhi32","heroHeader":"_3YWKPO","promoHeader":"hkioxu","uuiCritical":"lUGHTE","uuiInfo":"ODV4hF","uuiSuccess":"cISo5S","uuiWarning":"IAZXED","uuiHighlight":"IxJszx","uuiTypographySize12":"lfS4A-","uuiTypographySize14":"a1FSJE","uuiTypographySize16":"_9An-WY","fileName":"PoA8k3","defaultColor":"_8lNErv","docColor":"tDc8iY","xlsColor":"bOiTJy","pdfColor":"xqqoOE","movieColor":"_4TklMC","imgColor":"lA7EHk","movColor":"CCiUhS","errorBlock":"-Bk-m9","iconsBlock":"mDxBSl"};
|
|
4891
4992
|
|
|
4892
|
-
var css$2 = {"root":"
|
|
4993
|
+
var css$2 = {"root":"ixXlun"};
|
|
4893
4994
|
|
|
4894
4995
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4895
4996
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5014,7 +5115,7 @@ const getErrorPageConfig = () => ({
|
|
|
5014
5115
|
},
|
|
5015
5116
|
});
|
|
5016
5117
|
|
|
5017
|
-
var css$1 = {"container":"
|
|
5118
|
+
var css$1 = {"container":"AbKtZD"};
|
|
5018
5119
|
|
|
5019
5120
|
const ErrorPage = (props) => {
|
|
5020
5121
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5025,7 +5126,7 @@ const ErrorPage = (props) => {
|
|
|
5025
5126
|
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5026
5127
|
};
|
|
5027
5128
|
|
|
5028
|
-
var css = {"recovery-spinner":"
|
|
5129
|
+
var css = {"recovery-spinner":"a0Q0Hv","recovery-message":"axdvSE","modal-blocker":"_68MC4D","modalFadeIn":"_7iNHQg","recoverySpinner":"a0Q0Hv","recoveryMessage":"axdvSE","modalBlocker":"_68MC4D"};
|
|
5029
5130
|
|
|
5030
5131
|
function ErrorHandler(props) {
|
|
5031
5132
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|
|
@@ -5217,6 +5318,7 @@ exports.propsMods = propsMods;
|
|
|
5217
5318
|
exports.rangeDatePickerPresets = rangeDatePickerPresets;
|
|
5218
5319
|
exports.renderCell = renderCell;
|
|
5219
5320
|
exports.renderDropMarkers = renderDropMarkers;
|
|
5321
|
+
exports.settings = settings;
|
|
5220
5322
|
exports.useColumnsWithFilters = useColumnsWithFilters;
|
|
5221
5323
|
exports.useForm = useForm;
|
|
5222
5324
|
exports.uuiDatePickerBody = uuiDatePickerBody;
|