@epam/uui 5.8.1-beta.0 → 5.8.1-y.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/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/datePickers/types.d.ts +17 -9
- package/components/datePickers/types.d.ts.map +1 -1
- package/components/filters/FilterPickerBody.d.ts.map +1 -1
- package/components/filters/FiltersPanel.d.ts +8 -4
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/inputs/timePicker/TimePicker.d.ts +2 -47
- package/components/inputs/timePicker/TimePicker.d.ts.map +1 -1
- package/components/inputs/timePicker/TimePickerBody.d.ts +2 -13
- package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -1
- package/components/inputs/timePicker/index.d.ts +1 -0
- package/components/inputs/timePicker/index.d.ts.map +1 -1
- package/components/inputs/timePicker/types.d.ts +63 -0
- package/components/inputs/timePicker/types.d.ts.map +1 -0
- package/components/layout/LabeledInput.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts +8 -3
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/DataPickerCell.d.ts +3 -3
- package/components/pickers/DataPickerCell.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts +6 -2
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/pickers/DataPickerRow.d.ts +9 -4
- package/components/pickers/DataPickerRow.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts +7 -2
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerItem.d.ts +7 -2
- package/components/pickers/PickerItem.d.ts.map +1 -1
- package/components/pickers/PickerList.d.ts +7 -2
- package/components/pickers/PickerList.d.ts.map +1 -1
- package/components/pickers/PickerModal.d.ts.map +1 -1
- package/components/pickers/PickerToggler.d.ts +2 -0
- package/components/pickers/PickerToggler.d.ts.map +1 -1
- package/components/pickers/PickerTogglerTag.d.ts +7 -1
- package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
- package/components/pickers/types.d.ts +2 -0
- package/components/pickers/types.d.ts.map +1 -1
- package/components/tables/DataTableCell.d.ts +1 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts +2 -2
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/components/widgets/StatusIndicator.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +5 -5
- package/components/widgets/Tag.d.ts.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.esm.js +236 -204
- package/index.esm.js.map +1 -1
- package/index.js +235 -203
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +6 -1
- package/settings.d.ts +2 -192
- package/settings.d.ts.map +1 -1
- package/settings.types.d.ts +139 -0
- package/settings.types.d.ts.map +1 -0
- package/stats.html +1 -1
- package/styles.css +2696 -3063
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -317,6 +317,7 @@ const systemIcons = {
|
|
|
317
317
|
const settings = {
|
|
318
318
|
sizes: {
|
|
319
319
|
defaults: {
|
|
320
|
+
badge: '36',
|
|
320
321
|
button: '36',
|
|
321
322
|
checkbox: '18',
|
|
322
323
|
countIndicator: '24',
|
|
@@ -330,9 +331,12 @@ const settings = {
|
|
|
330
331
|
tabButton: '48',
|
|
331
332
|
tag: '36',
|
|
332
333
|
text: '36',
|
|
334
|
+
textArea: '36',
|
|
333
335
|
textInput: '36',
|
|
334
336
|
rangeDatePicker: '36',
|
|
335
337
|
datePicker: '36',
|
|
338
|
+
labeledInput: '36',
|
|
339
|
+
statusIndicator: '24',
|
|
336
340
|
},
|
|
337
341
|
tag: {
|
|
338
342
|
countIndicator: {
|
|
@@ -419,6 +423,14 @@ const settings = {
|
|
|
419
423
|
48: '48',
|
|
420
424
|
60: '48',
|
|
421
425
|
},
|
|
426
|
+
icon: {
|
|
427
|
+
24: '12',
|
|
428
|
+
30: '18',
|
|
429
|
+
36: '18',
|
|
430
|
+
42: '24',
|
|
431
|
+
48: '24',
|
|
432
|
+
60: '24',
|
|
433
|
+
},
|
|
422
434
|
},
|
|
423
435
|
dataPickerRow: {
|
|
424
436
|
padding: {
|
|
@@ -433,16 +445,16 @@ const settings = {
|
|
|
433
445
|
switch: {
|
|
434
446
|
24: '12',
|
|
435
447
|
30: '18',
|
|
436
|
-
36: '
|
|
448
|
+
36: '36',
|
|
437
449
|
42: '24',
|
|
438
450
|
48: '24',
|
|
439
451
|
},
|
|
440
452
|
linkButton: {
|
|
441
|
-
24: '
|
|
442
|
-
30: '
|
|
443
|
-
36: '
|
|
444
|
-
42: '
|
|
445
|
-
48: '
|
|
453
|
+
24: '24',
|
|
454
|
+
30: '30',
|
|
455
|
+
36: '36',
|
|
456
|
+
42: '42',
|
|
457
|
+
48: '48',
|
|
446
458
|
mobile: '48',
|
|
447
459
|
},
|
|
448
460
|
},
|
|
@@ -455,6 +467,14 @@ const settings = {
|
|
|
455
467
|
48: '18',
|
|
456
468
|
60: '18',
|
|
457
469
|
},
|
|
470
|
+
icon: {
|
|
471
|
+
24: '12',
|
|
472
|
+
30: '18',
|
|
473
|
+
36: '18',
|
|
474
|
+
42: '24',
|
|
475
|
+
48: '24',
|
|
476
|
+
60: '24',
|
|
477
|
+
},
|
|
458
478
|
indentUnit: {
|
|
459
479
|
24: 6,
|
|
460
480
|
30: 12,
|
|
@@ -483,10 +503,29 @@ const settings = {
|
|
|
483
503
|
48: { lineHeight: 24, fontSize: 16 },
|
|
484
504
|
60: { lineHeight: 30, fontSize: 24 },
|
|
485
505
|
},
|
|
506
|
+
filterPickerBody: {
|
|
507
|
+
pickerItem: '36',
|
|
508
|
+
dataPickerRow: '36',
|
|
509
|
+
dataPickerFooter: '36',
|
|
510
|
+
searchSize: '36',
|
|
511
|
+
},
|
|
512
|
+
labeledInput: {
|
|
513
|
+
fillIcon: ['24', '30'],
|
|
514
|
+
},
|
|
515
|
+
badge: {
|
|
516
|
+
countIndicator: {
|
|
517
|
+
18: '12',
|
|
518
|
+
24: '18',
|
|
519
|
+
30: '18',
|
|
520
|
+
36: '18',
|
|
521
|
+
42: '24',
|
|
522
|
+
48: '24',
|
|
523
|
+
},
|
|
524
|
+
},
|
|
486
525
|
},
|
|
487
526
|
};
|
|
488
527
|
|
|
489
|
-
var css$1s = {"uui-typography":"
|
|
528
|
+
var css$1s = {"uui-typography":"_7rwaF-","hero-header":"FNQS-7","promo-header":"S-YEtF","uui-critical":"Zoda-c","uui-info":"rxWuVc","uui-success":"VPent4","uui-warning":"Lz-qyz","uui-highlight":"wwfwhQ","uui-typography-size-12":"e9tAkl","uui-typography-size-14":"kzTrZf","uui-typography-size-16":"_6UrGbu","root":"t2sjl9","uuiTypography":"_7rwaF-","heroHeader":"FNQS-7","promoHeader":"S-YEtF","uuiCritical":"Zoda-c","uuiInfo":"rxWuVc","uuiSuccess":"VPent4","uuiWarning":"Lz-qyz","uuiHighlight":"wwfwhQ","uuiTypographySize12":"e9tAkl","uuiTypographySize14":"kzTrZf","uuiTypographySize16":"_6UrGbu"};
|
|
490
529
|
|
|
491
530
|
function applyButtonMods(mods) {
|
|
492
531
|
return [
|
|
@@ -504,7 +543,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
504
543
|
};
|
|
505
544
|
});
|
|
506
545
|
|
|
507
|
-
var css$1r = {"root":"
|
|
546
|
+
var css$1r = {"root":"_2DZVcI"};
|
|
508
547
|
|
|
509
548
|
function applyIconButtonMods(props) {
|
|
510
549
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -541,7 +580,7 @@ function getIconClass(props) {
|
|
|
541
580
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
542
581
|
}
|
|
543
582
|
|
|
544
|
-
var css$1q = {"uui-typography":"
|
|
583
|
+
var css$1q = {"uui-typography":"P9kjmu","hero-header":"VILt-X","promo-header":"_7kMeX3","uui-critical":"wzvdPG","uui-info":"ya7Eao","uui-success":"UV-hmw","uui-warning":"_8SYYiZ","uui-highlight":"wJsw9t","uui-typography-size-12":"cMY2Ng","uui-typography-size-14":"ASE4Wf","uui-typography-size-16":"vVKPae","root":"iM9ba4","uuiTypography":"P9kjmu","heroHeader":"VILt-X","promoHeader":"_7kMeX3","uuiCritical":"wzvdPG","uuiInfo":"ya7Eao","uuiSuccess":"UV-hmw","uuiWarning":"_8SYYiZ","uuiHighlight":"wJsw9t","uuiTypographySize12":"cMY2Ng","uuiTypographySize14":"ASE4Wf","uuiTypographySize16":"vVKPae"};
|
|
545
584
|
|
|
546
585
|
const DEFAULT_COLOR = 'primary';
|
|
547
586
|
function applyLinkButtonMods(mods) {
|
|
@@ -572,7 +611,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
572
611
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
573
612
|
});
|
|
574
613
|
|
|
575
|
-
var css$1p = {"root":"
|
|
614
|
+
var css$1p = {"root":"TL8nGm"};
|
|
576
615
|
|
|
577
616
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
578
617
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -584,7 +623,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
584
623
|
]) }, props.caption));
|
|
585
624
|
});
|
|
586
625
|
|
|
587
|
-
var css$1o = {"uui-typography":"
|
|
626
|
+
var css$1o = {"uui-typography":"_76lWT6","hero-header":"n-BEEj","promo-header":"flKp2R","uui-critical":"vTbgOd","uui-info":"Sr9-5M","uui-success":"hz8iJ-","uui-warning":"cRs5KD","uui-highlight":"ejerCU","uui-typography-size-12":"kOPHom","uui-typography-size-14":"dId06L","uui-typography-size-16":"_4c1AbK","root":"_5H2MmO","withNotify":"iH0jvN","uuiTypography":"_76lWT6","heroHeader":"n-BEEj","promoHeader":"flKp2R","uuiCritical":"vTbgOd","uuiInfo":"Sr9-5M","uuiSuccess":"hz8iJ-","uuiWarning":"cRs5KD","uuiHighlight":"ejerCU","uuiTypographySize12":"kOPHom","uuiTypographySize14":"dId06L","uuiTypographySize16":"_4c1AbK"};
|
|
588
627
|
|
|
589
628
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
590
629
|
const styles = [
|
|
@@ -600,13 +639,13 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
600
639
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
601
640
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
602
641
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
|
|
603
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color:
|
|
642
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
|
|
604
643
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
605
644
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
606
645
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
607
646
|
});
|
|
608
647
|
|
|
609
|
-
var css$1n = {"uui-typography":"
|
|
648
|
+
var css$1n = {"uui-typography":"diAuIc","hero-header":"GJZx-T","promo-header":"ru3U2Z","uui-critical":"EJRadU","uui-info":"QLYYXT","uui-success":"_7-vyhO","uui-warning":"BtzqQZ","uui-highlight":"_16SmIY","uui-typography-size-12":"z4AAjm","uui-typography-size-14":"fcNWck","uui-typography-size-16":"eVxO-B","root":"atgwbU","uuiTypography":"diAuIc","heroHeader":"GJZx-T","promoHeader":"ru3U2Z","uuiCritical":"EJRadU","uuiInfo":"QLYYXT","uuiSuccess":"_7-vyhO","uuiWarning":"BtzqQZ","uuiHighlight":"_16SmIY","uuiTypographySize12":"z4AAjm","uuiTypographySize14":"fcNWck","uuiTypographySize16":"eVxO-B"};
|
|
610
649
|
|
|
611
650
|
function applyVerticalTabButtonMods() {
|
|
612
651
|
return [css$1n.root];
|
|
@@ -628,7 +667,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
628
667
|
};
|
|
629
668
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
630
669
|
|
|
631
|
-
var css$1m = {"uui-typography":"
|
|
670
|
+
var css$1m = {"uui-typography":"Xj5nOi","hero-header":"v6RMJ-","promo-header":"_10PYYx","uui-critical":"_51bSu4","uui-info":"yATSIf","uui-success":"uGVMwm","uui-warning":"JcDguu","uui-highlight":"_9iMSLp","uui-typography-size-12":"X9NEbI","uui-typography-size-14":"gf9DZy","uui-typography-size-16":"_0c-H7C","root":"i5mYQp","mode-cell":"koTYxz","uuiTypography":"Xj5nOi","heroHeader":"v6RMJ-","promoHeader":"_10PYYx","uuiCritical":"_51bSu4","uuiInfo":"yATSIf","uuiSuccess":"uGVMwm","uuiWarning":"JcDguu","uuiHighlight":"_9iMSLp","uuiTypographySize12":"X9NEbI","uuiTypographySize14":"gf9DZy","uuiTypographySize16":"_0c-H7C","modeCell":"koTYxz"};
|
|
632
671
|
|
|
633
672
|
function applyCheckboxMods(mods) {
|
|
634
673
|
return [
|
|
@@ -663,7 +702,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
663
702
|
};
|
|
664
703
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
665
704
|
|
|
666
|
-
var css$1l = {"uui-typography":"
|
|
705
|
+
var css$1l = {"uui-typography":"-FwvY8","hero-header":"QcLMHw","promo-header":"NZ3830","uui-critical":"ICDKGC","uui-info":"nj2eph","uui-success":"_6SwtGr","uui-warning":"ooVXxY","uui-highlight":"NjajSy","uui-typography-size-12":"bjgNtD","uui-typography-size-14":"k0jysk","uui-typography-size-16":"gGhouu","root":"DKSEjy","uuiTypography":"-FwvY8","heroHeader":"QcLMHw","promoHeader":"NZ3830","uuiCritical":"ICDKGC","uuiInfo":"nj2eph","uuiSuccess":"_6SwtGr","uuiWarning":"ooVXxY","uuiHighlight":"NjajSy","uuiTypographySize12":"bjgNtD","uuiTypographySize14":"k0jysk","uuiTypographySize16":"gGhouu"};
|
|
667
706
|
|
|
668
707
|
function applyRadioInputMods(mods) {
|
|
669
708
|
return [
|
|
@@ -675,7 +714,7 @@ function applyRadioInputMods(mods) {
|
|
|
675
714
|
}
|
|
676
715
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
677
716
|
|
|
678
|
-
var css$1k = {"root":"
|
|
717
|
+
var css$1k = {"root":"_9JUdEE"};
|
|
679
718
|
|
|
680
719
|
function applySwitchMods(mods) {
|
|
681
720
|
return [
|
|
@@ -743,7 +782,7 @@ var EditMode;
|
|
|
743
782
|
EditMode["INLINE"] = "inline";
|
|
744
783
|
})(EditMode || (EditMode = {}));
|
|
745
784
|
|
|
746
|
-
var textInputCss = {"uui-typography":"
|
|
785
|
+
var textInputCss = {"uui-typography":"qnDC16","hero-header":"i8Z-B1","promo-header":"dRy5eh","uui-critical":"s8NCkW","uui-info":"-UhjTp","uui-success":"_7P5l5e","uui-warning":"XUMICz","uui-highlight":"O7kZtV","uui-typography-size-12":"Fh-4PI","uui-typography-size-14":"jNNMis","uui-typography-size-16":"ruNIqR","root":"_8FbZ1l","mode-form":"_2-npZf","mode-inline":"LY71Kn","mode-cell":"n3MWHk","uuiTypography":"qnDC16","heroHeader":"i8Z-B1","promoHeader":"dRy5eh","uuiCritical":"s8NCkW","uuiInfo":"-UhjTp","uuiSuccess":"_7P5l5e","uuiWarning":"XUMICz","uuiHighlight":"O7kZtV","uuiTypographySize12":"Fh-4PI","uuiTypographySize14":"jNNMis","uuiTypographySize16":"ruNIqR","modeForm":"_2-npZf","modeInline":"LY71Kn","modeCell":"n3MWHk"};
|
|
747
786
|
|
|
748
787
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
749
788
|
function applyTextInputMods(mods) {
|
|
@@ -769,7 +808,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
769
808
|
} })));
|
|
770
809
|
});
|
|
771
810
|
|
|
772
|
-
var css$1j = {"root":"
|
|
811
|
+
var css$1j = {"root":"LaZ5dM"};
|
|
773
812
|
|
|
774
813
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
|
|
775
814
|
|
|
@@ -778,7 +817,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
778
817
|
}
|
|
779
818
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
780
819
|
|
|
781
|
-
var css$1i = {"uui-typography":"
|
|
820
|
+
var css$1i = {"uui-typography":"PuF0PW","hero-header":"knoCf8","promo-header":"gjyv1B","uui-critical":"mgvJz-","uui-info":"nU8CMb","uui-success":"RwZsKp","uui-warning":"uFTN8x","uui-highlight":"Q9O5MQ","uui-typography-size-12":"sFXq5q","uui-typography-size-14":"z-spp3","uui-typography-size-16":"_6qZvTQ","root":"jsy6Qp","mode-form":"VHHNNJ","mode-cell":"NIv8NA","uuiTypography":"PuF0PW","heroHeader":"knoCf8","promoHeader":"gjyv1B","uuiCritical":"mgvJz-","uuiInfo":"nU8CMb","uuiSuccess":"RwZsKp","uuiWarning":"uFTN8x","uuiHighlight":"Q9O5MQ","uuiTypographySize12":"sFXq5q","uuiTypographySize14":"z-spp3","uuiTypographySize16":"_6qZvTQ","modeForm":"VHHNNJ","modeCell":"NIv8NA"};
|
|
782
821
|
|
|
783
822
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
784
823
|
function applyNumericInputMods(mods) {
|
|
@@ -799,21 +838,20 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
799
838
|
};
|
|
800
839
|
});
|
|
801
840
|
|
|
802
|
-
var css$1h = {"uui-typography":"
|
|
841
|
+
var css$1h = {"uui-typography":"rZHFXJ","hero-header":"kAibCL","promo-header":"rRENv2","uui-critical":"_9CKrKE","uui-info":"fblsjF","uui-success":"rAOAaQ","uui-warning":"qUkskq","uui-highlight":"T4ek7K","uui-typography-size-12":"bHEFiX","uui-typography-size-14":"Ox2-AY","uui-typography-size-16":"RVi-RJ","root":"j3ycuU","mode-form":"IU3cZx","mode-cell":"EX3Q49","mode-inline":"ObK7tn","uuiTypography":"rZHFXJ","heroHeader":"kAibCL","promoHeader":"rRENv2","uuiCritical":"_9CKrKE","uuiInfo":"fblsjF","uuiSuccess":"rAOAaQ","uuiWarning":"qUkskq","uuiHighlight":"T4ek7K","uuiTypographySize12":"bHEFiX","uuiTypographySize14":"Ox2-AY","uuiTypographySize16":"RVi-RJ","modeForm":"IU3cZx","modeCell":"EX3Q49","modeInline":"ObK7tn"};
|
|
803
842
|
|
|
804
|
-
const DEFAULT_SIZE$3 = '36';
|
|
805
843
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
806
844
|
function applyTextAreaMods(mods) {
|
|
807
845
|
return [
|
|
808
846
|
css$1h.root,
|
|
809
|
-
|
|
847
|
+
'uui-textarea',
|
|
848
|
+
'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
|
|
810
849
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
811
850
|
];
|
|
812
851
|
}
|
|
813
852
|
const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
|
|
814
853
|
return {
|
|
815
854
|
autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
|
|
816
|
-
maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
|
|
817
855
|
};
|
|
818
856
|
});
|
|
819
857
|
|
|
@@ -901,7 +939,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
901
939
|
};
|
|
902
940
|
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
903
941
|
|
|
904
|
-
var css$1g = {"uui-typography":"
|
|
942
|
+
var css$1g = {"uui-typography":"sDxnnu","hero-header":"uDae6S","promo-header":"_201SKJ","uui-critical":"iuBxK8","uui-info":"myQByi","uui-success":"vMlxnE","uui-warning":"Lg-BjO","uui-highlight":"kGhW18","uui-typography-size-12":"P0I-b3","uui-typography-size-14":"gim--N","uui-typography-size-16":"awv1DN","root":"_69ahqo","icon-wrapper":"FgN2oP","alert-wrapper":"j1se1G","size-48":"hKwHMS","size-36":"IDKouJ","action-wrapper":"ZEYX3M","action-icon":"AocEwW","action-link":"qgRxVv","close-icon":"gwpdsI","main-path":"Lwak0A","content":"zw99cr","uuiTypography":"sDxnnu","heroHeader":"uDae6S","promoHeader":"_201SKJ","uuiCritical":"iuBxK8","uuiInfo":"myQByi","uuiSuccess":"vMlxnE","uuiWarning":"Lg-BjO","uuiHighlight":"kGhW18","uuiTypographySize12":"P0I-b3","uuiTypographySize14":"gim--N","uuiTypographySize16":"awv1DN","iconWrapper":"FgN2oP","alertWrapper":"j1se1G","size48":"hKwHMS","size36":"IDKouJ","actionWrapper":"ZEYX3M","actionIcon":"AocEwW","actionLink":"qgRxVv","closeIcon":"gwpdsI","mainPath":"Lwak0A"};
|
|
905
943
|
|
|
906
944
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
907
945
|
React__namespace.createElement("div", { className: css$1g.mainPath },
|
|
@@ -918,7 +956,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
918
956
|
|
|
919
957
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
920
958
|
|
|
921
|
-
var css$1f = {"root":"
|
|
959
|
+
var css$1f = {"root":"yA-hwk"};
|
|
922
960
|
|
|
923
961
|
function applyDropdownContainerMods(mods) {
|
|
924
962
|
return [
|
|
@@ -929,7 +967,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
929
967
|
}
|
|
930
968
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
931
969
|
|
|
932
|
-
var css$1e = {"uui-typography":"
|
|
970
|
+
var css$1e = {"uui-typography":"_7klDf1","hero-header":"uVgqv-","promo-header":"UPIUYk","uui-critical":"aKwo1Y","uui-info":"_40p0ph","uui-success":"lJB0o9","uui-warning":"Oj7MmR","uui-highlight":"OtKRZf","uui-typography-size-12":"gqOkq-","uui-typography-size-14":"N-orbL","uui-typography-size-16":"tnL5YC","submenu-root-item":"HhbGHg","icon-after":"BLAY31","icon-check":"lQ9Zrk","splitter-root":"qC5-xu","splitter":"a-5CqL","header-root":"-WkqQG","item-root":"-bZo14","icon":"SIrZ89","link":"_-18MAm","indent":"QSZSy3","selected-mark":"_3MCi8m","uuiTypography":"_7klDf1","heroHeader":"uVgqv-","promoHeader":"UPIUYk","uuiCritical":"aKwo1Y","uuiInfo":"_40p0ph","uuiSuccess":"lJB0o9","uuiWarning":"Oj7MmR","uuiHighlight":"OtKRZf","uuiTypographySize12":"gqOkq-","uuiTypographySize14":"N-orbL","uuiTypographySize16":"tnL5YC","submenuRootItem":"HhbGHg","iconAfter":"BLAY31","iconCheck":"lQ9Zrk","splitterRoot":"qC5-xu","headerRoot":"-WkqQG","itemRoot":"-bZo14","selectedMark":"_3MCi8m"};
|
|
933
971
|
|
|
934
972
|
exports.IDropdownControlKeys = void 0;
|
|
935
973
|
(function (IDropdownControlKeys) {
|
|
@@ -1034,7 +1072,7 @@ function DropdownSubMenu(props) {
|
|
|
1034
1072
|
},
|
|
1035
1073
|
},
|
|
1036
1074
|
];
|
|
1037
|
-
const dir = uuiComponents.
|
|
1075
|
+
const dir = uuiComponents.useDocumentDir();
|
|
1038
1076
|
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) => {
|
|
1039
1077
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1040
1078
|
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)));
|
|
@@ -1061,7 +1099,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1061
1099
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1062
1100
|
}
|
|
1063
1101
|
|
|
1064
|
-
var css$1d = {"uui-typography":"
|
|
1102
|
+
var css$1d = {"uui-typography":"VmObqY","hero-header":"SymwaR","promo-header":"BhkSHQ","uui-critical":"_0uVICO","uui-info":"CXbTbQ","uui-success":"_6Fpb9a","uui-warning":"_4cxtCF","uui-highlight":"dYOVC9","uui-typography-size-12":"nGaSIK","uui-typography-size-14":"CWXJv9","uui-typography-size-16":"JXjBHZ","root":"qMMtFg","mode-block":"nZwghV","mode-inline":"NMVMyy","padding-0":"Mi2xaZ","padding-6":"j3mvDa","padding-12":"Hhw8x7","padding-18":"dw650j","uuiTypography":"VmObqY","heroHeader":"SymwaR","promoHeader":"BhkSHQ","uuiCritical":"_0uVICO","uuiInfo":"CXbTbQ","uuiSuccess":"_6Fpb9a","uuiWarning":"_4cxtCF","uuiHighlight":"dYOVC9","uuiTypographySize12":"nGaSIK","uuiTypographySize14":"CWXJv9","uuiTypographySize16":"JXjBHZ","modeBlock":"nZwghV","modeInline":"NMVMyy","padding0":"Mi2xaZ","padding6":"j3mvDa","padding12":"Hhw8x7","padding18":"dw650j"};
|
|
1065
1103
|
|
|
1066
1104
|
const getMode = (mode) => {
|
|
1067
1105
|
return mode || 'block';
|
|
@@ -1077,7 +1115,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1077
1115
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1078
1116
|
}));
|
|
1079
1117
|
|
|
1080
|
-
var css$1c = {"uui-typography":"
|
|
1118
|
+
var css$1c = {"uui-typography":"zs10u8","hero-header":"XGNL1O","promo-header":"NE4nUZ","uui-critical":"alD4M1","uui-info":"cte2og","uui-success":"X1F-Yo","uui-warning":"p28UQ2","uui-highlight":"LisMK0","uui-typography-size-12":"mL2IFD","uui-typography-size-14":"MJXM0u","uui-typography-size-16":"x4zSP-","root":"kA3Aed","border-top":"qT9Jvl","border-bottom":"mIqW5M","top-shadow":"jHyejA","size-24":"Cz82wh","size-30":"p05y62","size-36":"QYajVt","size-42":"agGoFV","size-48":"cCzFTG","padding-6":"ntr3A3","padding-12":"nnYW9Y","padding-18":"vGOGmF","padding-24":"O8wNUt","margin-24":"bgpzDn","margin-12":"a5seFv","vPadding-12":"_1C3TmD","vPadding-18":"V-MDKw","vPadding-24":"_4m-E9G","vPadding-36":"YIk-zT","vPadding-48":"zZtJiL","spacing-6":"xXm9-4","spacing-12":"mP1OPQ","spacing-18":"lzQGNQ","uui-surface-main":"xZl6h5","uuiTypography":"zs10u8","heroHeader":"XGNL1O","promoHeader":"NE4nUZ","uuiCritical":"alD4M1","uuiInfo":"cte2og","uuiSuccess":"X1F-Yo","uuiWarning":"p28UQ2","uuiHighlight":"LisMK0","uuiTypographySize12":"mL2IFD","uuiTypographySize14":"MJXM0u","uuiTypographySize16":"x4zSP-","borderTop":"qT9Jvl","borderBottom":"mIqW5M","topShadow":"jHyejA","size24":"Cz82wh","size30":"p05y62","size36":"QYajVt","size42":"agGoFV","size48":"cCzFTG","padding6":"ntr3A3","padding12":"nnYW9Y","padding18":"vGOGmF","padding24":"O8wNUt","margin24":"bgpzDn","margin12":"a5seFv","vPadding12":"_1C3TmD","vPadding18":"V-MDKw","vPadding24":"_4m-E9G","vPadding36":"YIk-zT","vPadding48":"zZtJiL","spacing6":"xXm9-4","spacing12":"mP1OPQ","spacing18":"lzQGNQ","uuiSurfaceMain":"xZl6h5"};
|
|
1081
1119
|
|
|
1082
1120
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
|
|
1083
1121
|
|
|
@@ -1101,7 +1139,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1101
1139
|
];
|
|
1102
1140
|
});
|
|
1103
1141
|
|
|
1104
|
-
var css$1b = {"root":"
|
|
1142
|
+
var css$1b = {"root":"ixBdLk","margin-24":"bsMVNb","padding-12":"_8sEW-V","padding-24":"yihCac","shadow":"IDcbgX","uui-surface-main":"SsMxs6","margin24":"bsMVNb","padding12":"_8sEW-V","padding24":"yihCac","uuiSurfaceMain":"SsMxs6"};
|
|
1105
1143
|
|
|
1106
1144
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1107
1145
|
'uui-panel',
|
|
@@ -1111,7 +1149,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
1111
1149
|
props.background && css$1b[`uui-${props.background}`],
|
|
1112
1150
|
]);
|
|
1113
1151
|
|
|
1114
|
-
var css$1a = {"root":"
|
|
1152
|
+
var css$1a = {"root":"qtNTr-"};
|
|
1115
1153
|
|
|
1116
1154
|
function applyTooltipMods(mods) {
|
|
1117
1155
|
return [
|
|
@@ -1121,18 +1159,21 @@ function applyTooltipMods(mods) {
|
|
|
1121
1159
|
}
|
|
1122
1160
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1123
1161
|
|
|
1124
|
-
var css$19 = {"uui-typography":"
|
|
1162
|
+
var css$19 = {"uui-typography":"_1f-SHf","hero-header":"_4WB2MZ","promo-header":"czpszq","uui-critical":"_4kc-3f","uui-info":"-PdTOL","uui-success":"_5R3-MY","uui-warning":"GIzpe-","uui-highlight":"G8G22u","uui-typography-size-12":"_9oLl37","uui-typography-size-14":"O-nkOt","uui-typography-size-16":"_7gt9o0","root":"iKJUmO","uuiTypography":"_1f-SHf","heroHeader":"_4WB2MZ","promoHeader":"czpszq","uuiCritical":"_4kc-3f","uuiInfo":"-PdTOL","uuiSuccess":"_5R3-MY","uuiWarning":"GIzpe-","uuiHighlight":"G8G22u","uuiTypographySize12":"_9oLl37","uuiTypographySize14":"O-nkOt","uuiTypographySize16":"_7gt9o0"};
|
|
1125
1163
|
|
|
1126
|
-
const DEFAULT_SIZE$2 = '36';
|
|
1127
1164
|
function applyLabeledInputMods(mods) {
|
|
1128
|
-
return [
|
|
1165
|
+
return [
|
|
1166
|
+
'uui-labeled-input',
|
|
1167
|
+
css$19.root,
|
|
1168
|
+
'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
|
|
1169
|
+
];
|
|
1129
1170
|
}
|
|
1130
1171
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1131
1172
|
Tooltip: props.Tooltip || Tooltip,
|
|
1132
|
-
infoIcon: props.infoIcon || (
|
|
1173
|
+
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1133
1174
|
}));
|
|
1134
1175
|
|
|
1135
|
-
var css$18 = {"root":"
|
|
1176
|
+
var css$18 = {"root":"X-xO3k"};
|
|
1136
1177
|
|
|
1137
1178
|
function RadioGroup(props) {
|
|
1138
1179
|
const direction = props.direction || 'vertical';
|
|
@@ -1147,7 +1188,7 @@ function RadioGroup(props) {
|
|
|
1147
1188
|
})));
|
|
1148
1189
|
}
|
|
1149
1190
|
|
|
1150
|
-
var css$17 = {"root":"
|
|
1191
|
+
var css$17 = {"root":"StUcZs"};
|
|
1151
1192
|
|
|
1152
1193
|
function applyScrollBarsMods() {
|
|
1153
1194
|
return [
|
|
@@ -1156,46 +1197,37 @@ function applyScrollBarsMods() {
|
|
|
1156
1197
|
}
|
|
1157
1198
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1158
1199
|
|
|
1159
|
-
var css$16 = {"scroll-container":"
|
|
1200
|
+
var css$16 = {"scroll-container":"xvqW-R","list-container":"GAR6Qy","scrollContainer":"xvqW-R","listContainer":"GAR6Qy"};
|
|
1160
1201
|
|
|
1161
|
-
var css$15 = {"root":"
|
|
1202
|
+
var css$15 = {"root":"zdFur0"};
|
|
1162
1203
|
|
|
1163
1204
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
|
|
1164
1205
|
|
|
1165
|
-
var css$14 = {"uui-typography":"
|
|
1206
|
+
var css$14 = {"uui-typography":"cVrxHE","hero-header":"rGwKf-","promo-header":"Cr3Vfq","uui-critical":"vmVoYK","uui-info":"Vi7Mhl","uui-success":"mSMaf5","uui-warning":"_14Sx9n","uui-highlight":"_2pQgoM","uui-typography-size-12":"YHpt3l","uui-typography-size-14":"S5qCc9","uui-typography-size-16":"y4WPMz","root":"_9R5YoA","uuiTypography":"cVrxHE","heroHeader":"rGwKf-","promoHeader":"Cr3Vfq","uuiCritical":"vmVoYK","uuiInfo":"Vi7Mhl","uuiSuccess":"mSMaf5","uuiWarning":"_14Sx9n","uuiHighlight":"_2pQgoM","uuiTypographySize12":"YHpt3l","uuiTypographySize14":"S5qCc9","uuiTypographySize16":"y4WPMz"};
|
|
1166
1207
|
|
|
1167
|
-
const DEFAULT_SIZE$1 = '36';
|
|
1168
1208
|
const DEFAULT_FILL = 'solid';
|
|
1169
1209
|
function applyBadgeMods(mods) {
|
|
1170
1210
|
return [
|
|
1171
1211
|
'uui-badge',
|
|
1172
1212
|
css$14.root,
|
|
1173
|
-
|
|
1213
|
+
`uui-size-${mods.size || settings.sizes.defaults.badge}`,
|
|
1174
1214
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1175
1215
|
`uui-color-${mods.color || 'info'}`,
|
|
1176
1216
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1177
1217
|
];
|
|
1178
1218
|
}
|
|
1179
|
-
const mapCountIndicatorSizes = {
|
|
1180
|
-
18: '12',
|
|
1181
|
-
24: '18',
|
|
1182
|
-
30: '18',
|
|
1183
|
-
36: '18',
|
|
1184
|
-
42: '24',
|
|
1185
|
-
48: '24',
|
|
1186
|
-
};
|
|
1187
1219
|
const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1188
1220
|
const styles = [applyBadgeMods(props), props.cx];
|
|
1189
1221
|
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
|
|
1190
1222
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1191
1223
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1192
1224
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1193
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size:
|
|
1225
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.sizes.badge.countIndicator[props.size || settings.sizes.defaults.badge], caption: props.count })),
|
|
1194
1226
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1195
1227
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1196
1228
|
});
|
|
1197
1229
|
|
|
1198
|
-
var css$13 = {"uui-typography":"
|
|
1230
|
+
var css$13 = {"uui-typography":"BpgLrF","hero-header":"cHq2gM","promo-header":"KEmDSU","uui-critical":"fkWLUN","uui-info":"omGr8l","uui-success":"_4TgKux","uui-warning":"V0BStV","uui-highlight":"Fa-ngw","uui-typography-size-12":"v2FsGm","uui-typography-size-14":"-SyPgJ","uui-typography-size-16":"UEZ0HV","root":"EZzE-P","uuiTypography":"BpgLrF","heroHeader":"cHq2gM","promoHeader":"KEmDSU","uuiCritical":"fkWLUN","uuiInfo":"omGr8l","uuiSuccess":"_4TgKux","uuiWarning":"V0BStV","uuiHighlight":"Fa-ngw","uuiTypographySize12":"v2FsGm","uuiTypographySize14":"-SyPgJ","uuiTypographySize16":"UEZ0HV"};
|
|
1199
1231
|
|
|
1200
1232
|
function applyTagMods(props) {
|
|
1201
1233
|
return [
|
|
@@ -1219,14 +1251,14 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1219
1251
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1220
1252
|
});
|
|
1221
1253
|
|
|
1222
|
-
var css$12 = {"root":"
|
|
1254
|
+
var css$12 = {"root":"Nu33Ir","uui-spinner":"XJpjUP","uuiSpinner":"XJpjUP"};
|
|
1223
1255
|
|
|
1224
1256
|
function applySpinnerMods() {
|
|
1225
1257
|
return [css$12.root, 'uui-spinner'];
|
|
1226
1258
|
}
|
|
1227
1259
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1228
1260
|
|
|
1229
|
-
var css$11 = {"root":"
|
|
1261
|
+
var css$11 = {"root":"-yLNim","spacer":"lsiizj","mode-ghost":"Yl-eXr","size-24":"DIrayb","size-30":"iR3aov","navigation-size-24":"upnzt7","navigation-size-30":"W1a61M","modeGhost":"Yl-eXr","size24":"DIrayb","size30":"iR3aov","navigationSize24":"upnzt7","navigationSize30":"W1a61M"};
|
|
1230
1262
|
|
|
1231
1263
|
var _path$v;
|
|
1232
1264
|
function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
|
|
@@ -1277,14 +1309,14 @@ function Paginator(props) {
|
|
|
1277
1309
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1278
1310
|
}
|
|
1279
1311
|
|
|
1280
|
-
var css$10 = {"root":"
|
|
1312
|
+
var css$10 = {"root":"b7N-tX","progress-bar":"NDHVJ4","progressBar-indeterminate":"CzrnDA","size-12":"ZeMXzd","size-18":"o7J8rX","size-24":"-X-C5k","progressBar":"NDHVJ4","progressBarIndeterminate":"CzrnDA","size12":"ZeMXzd","size18":"o7J8rX","size24":"-X-C5k"};
|
|
1281
1313
|
|
|
1282
1314
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1283
1315
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1284
1316
|
React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
|
|
1285
1317
|
});
|
|
1286
1318
|
|
|
1287
|
-
var css$$ = {"root":"
|
|
1319
|
+
var css$$ = {"root":"fmHHpv","striped":"k-deMu","animate-stripes":"lFH1t8","size-12":"_3txpws","size-18":"-ExaFw","size-24":"L9uot-","animateStripes":"lFH1t8","size12":"_3txpws","size18":"-ExaFw","size24":"L9uot-"};
|
|
1288
1320
|
|
|
1289
1321
|
const DEFAULT_SIZE = '12';
|
|
1290
1322
|
function applyProgressBarMods(mods) {
|
|
@@ -1299,29 +1331,29 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1299
1331
|
hideLabel: props.hideLabel || props.striped,
|
|
1300
1332
|
}));
|
|
1301
1333
|
|
|
1302
|
-
var css$_ = {"root":"
|
|
1334
|
+
var css$_ = {"root":"Zrp-ki"};
|
|
1303
1335
|
|
|
1304
1336
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1305
1337
|
const { progress } = props;
|
|
1306
1338
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
|
|
1307
1339
|
});
|
|
1308
1340
|
|
|
1309
|
-
var css$Z = {"root":"
|
|
1341
|
+
var css$Z = {"root":"BmN8oo"};
|
|
1310
1342
|
|
|
1311
1343
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1312
1344
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
1313
1345
|
css$Z.root,
|
|
1314
|
-
|
|
1346
|
+
`uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
|
|
1315
1347
|
'uui-status_indicator',
|
|
1316
1348
|
`uui-color-${props.color || 'neutral'}`,
|
|
1317
1349
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1318
1350
|
props.cx,
|
|
1319
1351
|
]) },
|
|
1320
|
-
React__namespace.default.createElement("div", { className: "uui-
|
|
1321
|
-
React__namespace.default.createElement("p", { className: "uui-
|
|
1352
|
+
React__namespace.default.createElement("div", { className: "uui-status_indicator-dot" }),
|
|
1353
|
+
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1322
1354
|
});
|
|
1323
1355
|
|
|
1324
|
-
var css$Y = {"drag-handle":"
|
|
1356
|
+
var css$Y = {"drag-handle":"kGBa5m","icon-container":"T0jAuf","dragHandle":"kGBa5m","iconContainer":"T0jAuf"};
|
|
1325
1357
|
|
|
1326
1358
|
function DataRowAddons(props) {
|
|
1327
1359
|
var _a, _b;
|
|
@@ -1335,15 +1367,15 @@ function DataRowAddons(props) {
|
|
|
1335
1367
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1336
1368
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1337
1369
|
((_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:
|
|
1370
|
+
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
1339
1371
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1340
1372
|
role: 'button',
|
|
1341
1373
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
1342
1374
|
uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$Y.iconContainer,
|
|
1343
|
-
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1375
|
+
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] }))))));
|
|
1344
1376
|
}
|
|
1345
1377
|
|
|
1346
|
-
var css$X = {"root":"
|
|
1378
|
+
var css$X = {"root":"vizobG"};
|
|
1347
1379
|
|
|
1348
1380
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1349
1381
|
|
|
@@ -1384,7 +1416,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1384
1416
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1385
1417
|
});
|
|
1386
1418
|
|
|
1387
|
-
var css$W = {"root":"
|
|
1419
|
+
var css$W = {"root":"_5dWB1d"};
|
|
1388
1420
|
|
|
1389
1421
|
function CheckboxGroup(props) {
|
|
1390
1422
|
const currentValue = props.value || [];
|
|
@@ -1546,7 +1578,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
|
|
|
1546
1578
|
} }));
|
|
1547
1579
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1548
1580
|
|
|
1549
|
-
var css$V = {"uui-typography":"
|
|
1581
|
+
var css$V = {"uui-typography":"e2w165","hero-header":"A3C4z8","promo-header":"_-9zbfK","uui-critical":"e2-Vmi","uui-info":"lw7sOd","uui-success":"BXXvAi","uui-warning":"YSFBES","uui-highlight":"_03FNp7","uui-typography-size-12":"R0r8Cn","uui-typography-size-14":"-R2BTV","uui-typography-size-16":"r8dO7v","modal":"XOcmOK","search-wrapper":"cvoTJi","checkbox":"IoJd8D","no-found-size-24":"R9xbOp","no-found-size-30":"wMO9W6","no-found-size-36":"r0Ktq3","no-found-size-42":"QBRPIZ","uuiTypography":"e2w165","heroHeader":"A3C4z8","promoHeader":"_-9zbfK","uuiCritical":"e2-Vmi","uuiInfo":"lw7sOd","uuiSuccess":"BXXvAi","uuiWarning":"YSFBES","uuiHighlight":"_03FNp7","uuiTypographySize12":"R0r8Cn","uuiTypographySize14":"-R2BTV","uuiTypographySize16":"r8dO7v","searchWrapper":"cvoTJi","noFoundSize24":"R9xbOp","noFoundSize30":"wMO9W6","noFoundSize36":"r0Ktq3","noFoundSize42":"QBRPIZ"};
|
|
1550
1582
|
|
|
1551
1583
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1552
1584
|
constructor() {
|
|
@@ -1567,8 +1599,8 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1567
1599
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1568
1600
|
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1569
1601
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
1570
|
-
React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
|
|
1571
|
-
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-
|
|
1602
|
+
React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
|
|
1603
|
+
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-picker_input-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__namespace.default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
|
|
1572
1604
|
}
|
|
1573
1605
|
}
|
|
1574
1606
|
|
|
@@ -1597,7 +1629,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1597
1629
|
}
|
|
1598
1630
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
1599
1631
|
|
|
1600
|
-
var css$U = {"header":"
|
|
1632
|
+
var css$U = {"header":"-NyBV1","close":"Kv1z8J"};
|
|
1601
1633
|
|
|
1602
1634
|
const DataPickerHeaderImpl = (props) => {
|
|
1603
1635
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -1622,7 +1654,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1622
1654
|
};
|
|
1623
1655
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
1624
1656
|
|
|
1625
|
-
var css$T = {"uui-typography":"
|
|
1657
|
+
var css$T = {"uui-typography":"Do4uRT","hero-header":"SMO6mD","promo-header":"NYfhmh","uui-critical":"_6m1JlD","uui-info":"gzdV89","uui-success":"M-4Fte","uui-warning":"g7eFtl","uui-highlight":"fmsKtK","uui-typography-size-12":"_9QnF5f","uui-typography-size-14":"-LkguN","uui-typography-size-16":"FHHnJb","root":"lM6L32","align-widgets-top":"DkzjgB","align-widgets-center":"SqojH2","padding-12":"mY1CEk","padding-24":"SuL2Vr","padding-left-12":"eTqVBW","padding-left-24":"eJJCQE","icon-container":"ikqKi9","loading-cell":"_5AMLYi","content-wrapper":"pBPZNN","render-item":"vZk1NU","icon-wrapper":"p41ATJ","icon-default":"ClpXIT","selected-mark":"XpoPzH","uuiTypography":"Do4uRT","heroHeader":"SMO6mD","promoHeader":"NYfhmh","uuiCritical":"_6m1JlD","uuiInfo":"gzdV89","uuiSuccess":"M-4Fte","uuiWarning":"g7eFtl","uuiHighlight":"fmsKtK","uuiTypographySize12":"_9QnF5f","uuiTypographySize14":"-LkguN","uuiTypographySize16":"FHHnJb","alignWidgetsTop":"DkzjgB","alignWidgetsCenter":"SqojH2","padding12":"mY1CEk","padding24":"SuL2Vr","paddingLeft12":"eTqVBW","paddingLeft24":"eJJCQE","iconContainer":"ikqKi9","loadingCell":"_5AMLYi","contentWrapper":"pBPZNN","renderItem":"vZk1NU","iconWrapper":"p41ATJ","iconDefault":"ClpXIT","selectedMark":"XpoPzH"};
|
|
1626
1658
|
|
|
1627
1659
|
function DataPickerCell(props) {
|
|
1628
1660
|
const ref = React__namespace.useRef();
|
|
@@ -1641,7 +1673,7 @@ function DataPickerCell(props) {
|
|
|
1641
1673
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1642
1674
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
1643
1675
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
|
|
1644
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon: 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
|
|
1676
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: settings.sizes.dataPickerCell.icon[props.size], 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
|
|
1645
1677
|
? 'Child is selected'
|
|
1646
1678
|
: 'Selected' } })))));
|
|
1647
1679
|
}
|
|
@@ -1650,16 +1682,16 @@ function DataPickerCell(props) {
|
|
|
1650
1682
|
css$T.root,
|
|
1651
1683
|
props.cx,
|
|
1652
1684
|
'data-picker-cell',
|
|
1653
|
-
|
|
1685
|
+
'uui-size-' + (props.size || settings.sizes.defaults.dataPickerCell),
|
|
1654
1686
|
css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
|
|
1655
1687
|
css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
|
|
1656
1688
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1657
1689
|
] },
|
|
1658
|
-
React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1690
|
+
React__namespace.createElement(DataRowAddons, Object.assign({ size: props.size || settings.sizes.defaults.dataPickerCell }, props)),
|
|
1659
1691
|
getWrappedContent()));
|
|
1660
1692
|
}
|
|
1661
1693
|
|
|
1662
|
-
var css$S = {"uui-typography":"
|
|
1694
|
+
var css$S = {"uui-typography":"_2SePCq","hero-header":"nfhGWq","promo-header":"z4gMCD","uui-critical":"z-ebub","uui-info":"ldMtWn","uui-success":"hMDRaU","uui-warning":"DW8Bp2","uui-highlight":"_9KlZnT","uui-typography-size-12":"_8zAm3A","uui-typography-size-14":"pDGoE6","uui-typography-size-16":"GWOP9u","picker-row":"XmrQqy","uuiTypography":"_2SePCq","heroHeader":"nfhGWq","promoHeader":"z4gMCD","uuiCritical":"z-ebub","uuiInfo":"ldMtWn","uuiSuccess":"hMDRaU","uuiWarning":"DW8Bp2","uuiHighlight":"_9KlZnT","uuiTypographySize12":"_8zAm3A","uuiTypographySize14":"pDGoE6","uuiTypographySize16":"GWOP9u","pickerRow":"XmrQqy"};
|
|
1663
1695
|
|
|
1664
1696
|
class DataPickerRow extends React__namespace.Component {
|
|
1665
1697
|
constructor() {
|
|
@@ -1673,7 +1705,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
1673
1705
|
}
|
|
1674
1706
|
}
|
|
1675
1707
|
|
|
1676
|
-
var css$R = {"uui-typography":"
|
|
1708
|
+
var css$R = {"uui-typography":"DxPR41","hero-header":"ddf9pA","promo-header":"YjCbp2","uui-critical":"anz51B","uui-info":"rIX13a","uui-success":"iuCyKB","uui-warning":"ZvJgve","uui-highlight":"V5jliH","uui-typography-size-12":"UElBuh","uui-typography-size-14":"ZM9FTt","uui-typography-size-16":"_6-Ll-y","done":"RfQcL7","container":"VHgCqT","uuiTypography":"DxPR41","heroHeader":"ddf9pA","promoHeader":"YjCbp2","uuiCritical":"anz51B","uuiInfo":"rIX13a","uuiSuccess":"iuCyKB","uuiWarning":"ZvJgve","uuiHighlight":"V5jliH","uuiTypographySize12":"UElBuh","uuiTypographySize14":"ZM9FTt","uuiTypographySize16":"_6-Ll-y"};
|
|
1677
1709
|
|
|
1678
1710
|
const MobileDropdownWrapper = (props) => {
|
|
1679
1711
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -1707,7 +1739,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1707
1739
|
};
|
|
1708
1740
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
1709
1741
|
|
|
1710
|
-
var css$Q = {"uui-typography":"
|
|
1742
|
+
var css$Q = {"uui-typography":"LafbQU","hero-header":"_5P6jSv","promo-header":"f5VjFN","uui-critical":"HfXLBw","uui-info":"Z-vIXV","uui-success":"lDNzjK","uui-warning":"FCGTX0","uui-highlight":"Kq-i4s","uui-typography-size-12":"tNGF-4","uui-typography-size-14":"xtXpgd","uui-typography-size-16":"ttDBN5","sub-header-wrapper":"HNRZ5V","switch":"LY0uX-","no-found-modal-container":"J5PE-B","no-found-modal-container-icon":"eBm8Rz","no-found-modal-container-text":"myCkzN","uuiTypography":"LafbQU","heroHeader":"_5P6jSv","promoHeader":"f5VjFN","uuiCritical":"HfXLBw","uuiInfo":"Z-vIXV","uuiSuccess":"lDNzjK","uuiWarning":"FCGTX0","uuiHighlight":"Kq-i4s","uuiTypographySize12":"tNGF-4","uuiTypographySize14":"xtXpgd","uuiTypographySize16":"ttDBN5","subHeaderWrapper":"HNRZ5V","$switch$":"LY0uX-","noFoundModalContainer":"J5PE-B","noFoundModalContainerIcon":"eBm8Rz","noFoundModalContainerText":"myCkzN"};
|
|
1711
1743
|
|
|
1712
1744
|
const mergeHighlightRanges = (ranges) => {
|
|
1713
1745
|
const mergedRanges = [];
|
|
@@ -1774,7 +1806,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1774
1806
|
return getDecoratedText(str, ranges);
|
|
1775
1807
|
};
|
|
1776
1808
|
|
|
1777
|
-
var css$P = {"root":"
|
|
1809
|
+
var css$P = {"root":"U9tsYa","multiline":"DVWTHU","vertical-padding-24":"_1SGcfI","vertical-padding-30":"wEh8Dr","vertical-padding-36":"NbFHAl","vertical-padding-42":"BG7pzq","vertical-padding-48":"bPzYz-","text":"E072MA","verticalPadding24":"_1SGcfI","verticalPadding30":"wEh8Dr","verticalPadding36":"NbFHAl","verticalPadding42":"BG7pzq","verticalPadding48":"bPzYz-"};
|
|
1778
1810
|
|
|
1779
1811
|
function PickerItem(props) {
|
|
1780
1812
|
var _a;
|
|
@@ -1842,14 +1874,14 @@ function PickerModal(props) {
|
|
|
1842
1874
|
listView: view,
|
|
1843
1875
|
rows: dataRows,
|
|
1844
1876
|
searchPosition: 'body',
|
|
1845
|
-
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
|
|
1877
|
+
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
|
|
1846
1878
|
!isSingleSelect() && (React__namespace.default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
|
|
1847
1879
|
props.renderFilter && React__namespace.default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
|
|
1848
1880
|
React__namespace.default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
|
|
1849
1881
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1850
1882
|
}
|
|
1851
1883
|
|
|
1852
|
-
var css$O = {"tooltip":"
|
|
1884
|
+
var css$O = {"tooltip":"-iDFMj"};
|
|
1853
1885
|
|
|
1854
1886
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1855
1887
|
var _a;
|
|
@@ -1864,7 +1896,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1864
1896
|
}
|
|
1865
1897
|
});
|
|
1866
1898
|
|
|
1867
|
-
var css$N = {"uui-typography":"
|
|
1899
|
+
var css$N = {"uui-typography":"OYoA2g","hero-header":"-wIath","promo-header":"_1lMWM1","uui-critical":"_0ecCIZ","uui-info":"blczXq","uui-success":"Gg6v4l","uui-warning":"AeY9cf","uui-highlight":"RIgBaU","uui-typography-size-12":"_8k9559","uui-typography-size-14":"Orp-bF","uui-typography-size-16":"gx4C7U","root":"vlHl37","mode-form":"Ex6BK2","mode-cell":"_2Lssnz","mode-inline":"EBFllY","uuiTypography":"OYoA2g","heroHeader":"-wIath","promoHeader":"_1lMWM1","uuiCritical":"_0ecCIZ","uuiInfo":"blczXq","uuiSuccess":"Gg6v4l","uuiWarning":"AeY9cf","uuiHighlight":"RIgBaU","uuiTypographySize12":"_8k9559","uuiTypographySize14":"Orp-bF","uuiTypographySize16":"gx4C7U","modeForm":"Ex6BK2","modeCell":"_2Lssnz","modeInline":"EBFllY"};
|
|
1868
1900
|
|
|
1869
1901
|
const defaultMode$1 = EditMode.FORM;
|
|
1870
1902
|
function applyPickerTogglerMods(mods) {
|
|
@@ -1964,7 +1996,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1964
1996
|
}
|
|
1965
1997
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
1966
1998
|
|
|
1967
|
-
var css$M = {"row":"
|
|
1999
|
+
var css$M = {"row":"DBnujB"};
|
|
1968
2000
|
|
|
1969
2001
|
function PickerListItem(props) {
|
|
1970
2002
|
var _a;
|
|
@@ -1985,7 +2017,7 @@ function PickerListItem(props) {
|
|
|
1985
2017
|
return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
|
|
1986
2018
|
}
|
|
1987
2019
|
|
|
1988
|
-
var css$L = {"root":"
|
|
2020
|
+
var css$L = {"root":"GJOlH9"};
|
|
1989
2021
|
|
|
1990
2022
|
function PickerList(props) {
|
|
1991
2023
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -2025,7 +2057,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
2025
2057
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
2026
2058
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
2027
2059
|
|
|
2028
|
-
var css$K = {"uui-typography":"
|
|
2060
|
+
var css$K = {"uui-typography":"Iw3vKX","hero-header":"Dn8Iiz","promo-header":"WKzb1F","uui-critical":"_0-VgP0","uui-info":"fbsunz","uui-success":"_4uEl2r","uui-warning":"CgsB4o","uui-highlight":"TPh1Sc","uui-typography-size-12":"r4lXM9","uui-typography-size-14":"M78LJF","uui-typography-size-16":"VQw-TW","root":"d-W7ox","title-wrapper":"dwEcNJ","title":"a9fEF8","text-wrapper":"EHkPub","selection":"CXSUH2","postfix":"htvRZV","selected":"rjjxES","uuiTypography":"Iw3vKX","heroHeader":"Dn8Iiz","promoHeader":"WKzb1F","uuiCritical":"_0-VgP0","uuiInfo":"fbsunz","uuiSuccess":"_4uEl2r","uuiWarning":"CgsB4o","uuiHighlight":"TPh1Sc","uuiTypographySize12":"r4lXM9","uuiTypographySize14":"M78LJF","uuiTypographySize16":"VQw-TW","titleWrapper":"dwEcNJ","textWrapper":"EHkPub"};
|
|
2029
2061
|
|
|
2030
2062
|
const defaultSize = '36';
|
|
2031
2063
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -2092,7 +2124,7 @@ function FilterPickerBody(_a) {
|
|
|
2092
2124
|
};
|
|
2093
2125
|
const renderItem = (item, rowProps, dsState) => {
|
|
2094
2126
|
const { flattenSearchResults } = view.getConfig();
|
|
2095
|
-
return (React__namespace.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size:
|
|
2127
|
+
return (React__namespace.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: settings.sizes.filterPickerBody.pickerItem }, rowProps)));
|
|
2096
2128
|
};
|
|
2097
2129
|
const onSelect = (row) => {
|
|
2098
2130
|
handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
|
|
@@ -2101,24 +2133,24 @@ function FilterPickerBody(_a) {
|
|
|
2101
2133
|
if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
|
|
2102
2134
|
rowProps.onSelect = onSelect;
|
|
2103
2135
|
}
|
|
2104
|
-
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size:
|
|
2136
|
+
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: settings.sizes.filterPickerBody.dataPickerRow, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
|
|
2105
2137
|
};
|
|
2106
2138
|
const renderFooter = () => {
|
|
2107
|
-
return React__namespace.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size:
|
|
2139
|
+
return React__namespace.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: settings.sizes.filterPickerBody.dataPickerFooter }));
|
|
2108
2140
|
};
|
|
2109
2141
|
const renderBody = (bodyProps, rows) => {
|
|
2110
2142
|
const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
|
|
2111
2143
|
const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
|
|
2112
2144
|
const maxWidth = uuiCore.isMobile() ? undefined : 360;
|
|
2113
2145
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
2114
|
-
React__namespace.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize:
|
|
2146
|
+
React__namespace.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filterPickerBody.searchSize, editMode: "dropdown" })),
|
|
2115
2147
|
renderFooter()));
|
|
2116
2148
|
};
|
|
2117
2149
|
const rows = getRows();
|
|
2118
2150
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2119
2151
|
}
|
|
2120
2152
|
|
|
2121
|
-
var css$J = {"container":"
|
|
2153
|
+
var css$J = {"container":"YY6FWB"};
|
|
2122
2154
|
|
|
2123
2155
|
const defaultFormat = 'MMM D, YYYY';
|
|
2124
2156
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2327,14 +2359,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2327
2359
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2328
2360
|
}
|
|
2329
2361
|
|
|
2330
|
-
var css$I = {"uui-typography":"
|
|
2362
|
+
var css$I = {"uui-typography":"mYpFF0","hero-header":"E9p9C0","promo-header":"YxrFY-","uui-critical":"_54QOT5","uui-info":"AAJRoA","uui-success":"fx9rl-","uui-warning":"wCMdWn","uui-highlight":"uC6Ty5","uui-typography-size-12":"bALD--","uui-typography-size-14":"nJag6u","uui-typography-size-16":"zKqoEm","root":"X8UNw9","uuiTypography":"mYpFF0","heroHeader":"E9p9C0","promoHeader":"YxrFY-","uuiCritical":"_54QOT5","uuiInfo":"AAJRoA","uuiSuccess":"fx9rl-","uuiWarning":"wCMdWn","uuiHighlight":"uC6Ty5","uuiTypographySize12":"bALD--","uuiTypographySize14":"nJag6u","uuiTypographySize16":"zKqoEm"};
|
|
2331
2363
|
|
|
2332
2364
|
function applyDateSelectionMods() {
|
|
2333
2365
|
return [css$I.root];
|
|
2334
2366
|
}
|
|
2335
2367
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2336
2368
|
|
|
2337
|
-
var css$H = {"uui-typography":"
|
|
2369
|
+
var css$H = {"uui-typography":"_3N-4G1","hero-header":"X0V9Xu","promo-header":"lY8iar","uui-critical":"jF531I","uui-info":"zai5Wm","uui-success":"SfGI7C","uui-warning":"uS5HYX","uui-highlight":"Zeiofa","uui-typography-size-12":"_3lnhYX","uui-typography-size-14":"t-roNO","uui-typography-size-16":"fWTrCG","root":"xk2a44","uuiTypography":"_3N-4G1","heroHeader":"X0V9Xu","promoHeader":"lY8iar","uuiCritical":"jF531I","uuiInfo":"zai5Wm","uuiSuccess":"SfGI7C","uuiWarning":"uS5HYX","uuiHighlight":"Zeiofa","uuiTypographySize12":"_3lnhYX","uuiTypographySize14":"t-roNO","uuiTypographySize16":"fWTrCG"};
|
|
2338
2370
|
|
|
2339
2371
|
const uuiDatePickerBody = {
|
|
2340
2372
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2422,7 +2454,7 @@ function FilterDatePickerBody(props) {
|
|
|
2422
2454
|
} })))));
|
|
2423
2455
|
}
|
|
2424
2456
|
|
|
2425
|
-
var css$G = {"uui-typography":"
|
|
2457
|
+
var css$G = {"uui-typography":"_9zK6d6","hero-header":"xOYY-D","promo-header":"XfGycM","uui-critical":"w26Lb9","uui-info":"Ofj472","uui-success":"DAWvzG","uui-warning":"_5aulQK","uui-highlight":"eH2zCX","uui-typography-size-12":"rUNHan","uui-typography-size-14":"x31K4w","uui-typography-size-16":"_6iNphr","dropdown-container":"men63l","date-input":"oAfTgr","date-input-group":"_4pl4y-","separator":"Bun8vo","mode-form":"_11S8wM","mode-cell":"KUTHqh","uuiTypography":"_9zK6d6","heroHeader":"xOYY-D","promoHeader":"XfGycM","uuiCritical":"w26Lb9","uuiInfo":"Ofj472","uuiSuccess":"DAWvzG","uuiWarning":"_5aulQK","uuiHighlight":"eH2zCX","uuiTypographySize12":"rUNHan","uuiTypographySize14":"x31K4w","uuiTypographySize16":"_6iNphr","dropdownContainer":"men63l","dateInput":"oAfTgr","dateInputGroup":"_4pl4y-","modeForm":"_11S8wM","modeCell":"KUTHqh"};
|
|
2426
2458
|
|
|
2427
2459
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2428
2460
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2448,7 +2480,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2448
2480
|
}
|
|
2449
2481
|
};
|
|
2450
2482
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2451
|
-
return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
|
|
2483
|
+
return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
|
|
2452
2484
|
if (!isDisabled) {
|
|
2453
2485
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2454
2486
|
}
|
|
@@ -2513,7 +2545,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2513
2545
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2514
2546
|
}
|
|
2515
2547
|
|
|
2516
|
-
var css$F = {"container":"
|
|
2548
|
+
var css$F = {"container":"eORk5q"};
|
|
2517
2549
|
|
|
2518
2550
|
function FilterNumericBody(props) {
|
|
2519
2551
|
var _a, _b;
|
|
@@ -2613,7 +2645,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2613
2645
|
};
|
|
2614
2646
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
|
|
2615
2647
|
|
|
2616
|
-
var css$E = {"uui-typography":"
|
|
2648
|
+
var css$E = {"uui-typography":"fwvtXp","hero-header":"Gu96dI","promo-header":"veXf69","uui-critical":"lCf5iL","uui-info":"_2DvYfA","uui-success":"X-HYxX","uui-warning":"NaMgCF","uui-highlight":"aDwDVl","uui-typography-size-12":"UlSYY6","uui-typography-size-14":"TytSgT","uui-typography-size-16":"_8NEiwW","header":"erctQB","removeButton":"OCjHFS","with-search":"fCvkZz","uuiTypography":"fwvtXp","heroHeader":"Gu96dI","promoHeader":"veXf69","uuiCritical":"lCf5iL","uuiInfo":"_2DvYfA","uuiSuccess":"X-HYxX","uuiWarning":"NaMgCF","uuiHighlight":"aDwDVl","uuiTypographySize12":"UlSYY6","uuiTypographySize14":"TytSgT","uuiTypographySize16":"_8NEiwW","withSearch":"fCvkZz"};
|
|
2617
2649
|
|
|
2618
2650
|
function useView(props, value) {
|
|
2619
2651
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -2901,8 +2933,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2901
2933
|
return uuiCore.orderBy(selectedFilters, (f) => { var _a, _b; return (_b = (_a = tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[f.field]) === null || _b === void 0 ? void 0 : _b.order; });
|
|
2902
2934
|
}, [filters, tableState.filtersConfig]);
|
|
2903
2935
|
const renderAddFilterToggler = React.useCallback((togglerProps) => {
|
|
2904
|
-
|
|
2905
|
-
return (React__namespace.default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
|
|
2936
|
+
return (React__namespace.default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
|
|
2906
2937
|
}, []);
|
|
2907
2938
|
const getRowOptions = React.useCallback((item) => ({
|
|
2908
2939
|
isDisabled: item.isAlwaysVisible,
|
|
@@ -2935,7 +2966,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2935
2966
|
}
|
|
2936
2967
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
2937
2968
|
|
|
2938
|
-
var css$D = {"divider":"
|
|
2969
|
+
var css$D = {"divider":"XsVmbi","dropdownDeleteIcon":"rhDOxJ","presetsWrapper":"TFlngs","addPresetContainer":"x7aMqS","dropContainer":"FRyAy6"};
|
|
2939
2970
|
|
|
2940
2971
|
var _path$p;
|
|
2941
2972
|
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
|
|
@@ -3063,7 +3094,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3063
3094
|
};
|
|
3064
3095
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
3065
3096
|
|
|
3066
|
-
var css$C = {"delete-button":"
|
|
3097
|
+
var css$C = {"delete-button":"q2wfpv","tab-button":"KA7Wdr","targetOpen":"jaaOf-","deleteButton":"q2wfpv","tabButton":"KA7Wdr"};
|
|
3067
3098
|
|
|
3068
3099
|
function PresetActionsDropdown(props) {
|
|
3069
3100
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -3121,7 +3152,7 @@ function PresetActionsDropdown(props) {
|
|
|
3121
3152
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3122
3153
|
}
|
|
3123
3154
|
|
|
3124
|
-
var css$B = {"preset-input-cell":"
|
|
3155
|
+
var css$B = {"preset-input-cell":"ciwz-C","preset-input":"XhElaS","presetInputCell":"ciwz-C","presetInput":"XhElaS"};
|
|
3125
3156
|
|
|
3126
3157
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3127
3158
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3154,7 +3185,7 @@ function PresetInput(props) {
|
|
|
3154
3185
|
React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3155
3186
|
}
|
|
3156
3187
|
|
|
3157
|
-
var css$A = {"preset":"
|
|
3188
|
+
var css$A = {"preset":"fZRNvn","activePreset":"_4RMRm1"};
|
|
3158
3189
|
|
|
3159
3190
|
function Preset(props) {
|
|
3160
3191
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3256,7 +3287,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3256
3287
|
return columns;
|
|
3257
3288
|
};
|
|
3258
3289
|
|
|
3259
|
-
var css$z = {"line-height-12":"
|
|
3290
|
+
var css$z = {"line-height-12":"YEodeC","line-height-18":"QUkk6f","line-height-24":"-r7znJ","line-height-30":"tLna8K","font-size-10":"EP3At9","font-size-12":"fW9s1r","font-size-14":"eZWH2m","font-size-16":"EGxoRl","font-size-18":"Hy5wX9","font-size-24":"oN8u7Y","v-padding-2":"vYvxlN","v-padding-3":"GVX0nT","v-padding-5":"JIoXaW","v-padding-6":"zrLB5m","v-padding-8":"ibjyun","v-padding-9":"NEd-D2","v-padding-11":"VDosF0","v-padding-12":"gDJpG9","v-padding-14":"_55EJIS","v-padding-15":"CGQ-DD","v-padding-17":"_5gpbum","v-padding-18":"_1vrY-v","v-padding-23":"ee6VgB","v-padding-24":"FYMWhj","lineHeight12":"YEodeC","lineHeight18":"QUkk6f","lineHeight24":"-r7znJ","lineHeight30":"tLna8K","fontSize10":"EP3At9","fontSize12":"fW9s1r","fontSize14":"eZWH2m","fontSize16":"EGxoRl","fontSize18":"Hy5wX9","fontSize24":"oN8u7Y","vPadding2":"vYvxlN","vPadding3":"GVX0nT","vPadding5":"JIoXaW","vPadding6":"zrLB5m","vPadding8":"ibjyun","vPadding9":"NEd-D2","vPadding11":"VDosF0","vPadding12":"gDJpG9","vPadding14":"_55EJIS","vPadding15":"CGQ-DD","vPadding17":"_5gpbum","vPadding18":"_1vrY-v","vPadding23":"ee6VgB","vPadding24":"FYMWhj"};
|
|
3260
3291
|
|
|
3261
3292
|
function getTextClasses(props, border) {
|
|
3262
3293
|
if (props.size === 'none') {
|
|
@@ -3273,7 +3304,7 @@ function getTextClasses(props, border) {
|
|
|
3273
3304
|
];
|
|
3274
3305
|
}
|
|
3275
3306
|
|
|
3276
|
-
var css$y = {"root":"
|
|
3307
|
+
var css$y = {"root":"Ex052M"};
|
|
3277
3308
|
|
|
3278
3309
|
function applyTextMods(mods) {
|
|
3279
3310
|
const textClasses = getTextClasses({
|
|
@@ -3292,7 +3323,7 @@ function applyTextMods(mods) {
|
|
|
3292
3323
|
}
|
|
3293
3324
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
|
|
3294
3325
|
|
|
3295
|
-
var css$x = {"root":"
|
|
3326
|
+
var css$x = {"root":"QvjJV3","loading-word":"-I41jW","animated-loading":"ez1pCS","skeleton_loading":"cC3lIN","loadingWord":"-I41jW","animatedLoading":"ez1pCS","skeletonLoading":"cC3lIN"};
|
|
3296
3327
|
|
|
3297
3328
|
const TextPlaceholder = (props) => {
|
|
3298
3329
|
const pattern = ' ';
|
|
@@ -3311,7 +3342,7 @@ const TextPlaceholder = (props) => {
|
|
|
3311
3342
|
|
|
3312
3343
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3313
3344
|
|
|
3314
|
-
var css$w = {"uui-typography":"
|
|
3345
|
+
var css$w = {"uui-typography":"msaTeg","hero-header":"OfLVhW","promo-header":"WjbyHh","uui-critical":"C7Qq3t","uui-info":"TkPJio","uui-success":"_8V80js","uui-warning":"snUFWE","uui-highlight":"PBBSNm","uui-typography-size-12":"-QrHJm","uui-typography-size-14":"-EU-Ne","uui-typography-size-16":"lBhYfa","root":"wo6czA","modal-blocker":"GPxzTo","animateModalBlocker":"_7RsBVy","modal":"QHEeUj","modal-footer":"gE4m8Q","modal-header":"ouXVe6","uuiTypography":"msaTeg","heroHeader":"OfLVhW","promoHeader":"WjbyHh","uuiCritical":"C7Qq3t","uuiInfo":"TkPJio","uuiSuccess":"_8V80js","uuiWarning":"snUFWE","uuiHighlight":"PBBSNm","uuiTypographySize12":"-QrHJm","uuiTypographySize14":"-EU-Ne","uuiTypographySize16":"lBhYfa","modalBlocker":"GPxzTo","modalFooter":"gE4m8Q","modalHeader":"ouXVe6"};
|
|
3315
3346
|
|
|
3316
3347
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
|
|
3317
3348
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3365,7 +3396,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3365
3396
|
};
|
|
3366
3397
|
var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
3367
3398
|
|
|
3368
|
-
var css$v = {"uui-typography":"
|
|
3399
|
+
var css$v = {"uui-typography":"c-tluJ","hero-header":"_7pjCao","promo-header":"_7mpOno","uui-critical":"D-B57-","uui-info":"tQ0y0E","uui-success":"wFiknd","uui-warning":"HzvMOs","uui-highlight":"uSedEa","uui-typography-size-12":"Vz5k62","uui-typography-size-14":"qiMcL1","uui-typography-size-16":"_7t95fA","root":"-XKeCg","icon-wrapper":"_1QHiEr","action-wrapper":"fXcv9v","action-link":"ZP-9Lk","close-icon":"oXm6a4","main-path":"jzKYfQ","content":"Pma8RR","close-wrapper":"Umpnwp","notification-wrapper":"x3GRyr","clear-button":"mC4riz","uuiTypography":"c-tluJ","heroHeader":"_7pjCao","promoHeader":"_7mpOno","uuiCritical":"D-B57-","uuiInfo":"tQ0y0E","uuiSuccess":"wFiknd","uuiWarning":"HzvMOs","uuiHighlight":"uSedEa","uuiTypographySize12":"Vz5k62","uuiTypographySize14":"qiMcL1","uuiTypographySize16":"_7t95fA","iconWrapper":"_1QHiEr","actionWrapper":"fXcv9v","actionLink":"ZP-9Lk","closeIcon":"oXm6a4","mainPath":"jzKYfQ","closeWrapper":"Umpnwp","notificationWrapper":"x3GRyr","clearButton":"mC4riz"};
|
|
3369
3400
|
|
|
3370
3401
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3371
3402
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -3441,6 +3472,64 @@ function useReliableForceUpdate() {
|
|
|
3441
3472
|
return red[1];
|
|
3442
3473
|
}
|
|
3443
3474
|
|
|
3475
|
+
var css$u = {"root":"euOpMy","timepicker-input":"_00LnhS","ltr-always":"mop4br","timepickerInput":"_00LnhS","ltrAlways":"mop4br"};
|
|
3476
|
+
|
|
3477
|
+
const uuiTimePicker = {
|
|
3478
|
+
container: 'uui-timepicker-container',
|
|
3479
|
+
iconUp: 'uui-timepicker-icon-up',
|
|
3480
|
+
iconDown: 'uui-timepicker-icon-down',
|
|
3481
|
+
input: 'uui-timepicker-input',
|
|
3482
|
+
elementContainer: 'uui-timepicker-item',
|
|
3483
|
+
};
|
|
3484
|
+
const MIN_MINUTES = 0;
|
|
3485
|
+
const MAX_MINUTES = 59;
|
|
3486
|
+
const FORMAT_12H = 12;
|
|
3487
|
+
function TimePickerBody(props) {
|
|
3488
|
+
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3489
|
+
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3490
|
+
const setValue = (newTime) => {
|
|
3491
|
+
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3492
|
+
};
|
|
3493
|
+
const onHoursChange = (newHours) => {
|
|
3494
|
+
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3495
|
+
};
|
|
3496
|
+
const onMinutesChange = (newMinutes) => {
|
|
3497
|
+
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3498
|
+
};
|
|
3499
|
+
const onTimeTypeChange = () => {
|
|
3500
|
+
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3501
|
+
};
|
|
3502
|
+
const handleMinutesUpClick = () => {
|
|
3503
|
+
const minutesStep = props.minutesStep || 5;
|
|
3504
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3505
|
+
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3506
|
+
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3507
|
+
};
|
|
3508
|
+
const handleMinutesDownClick = () => {
|
|
3509
|
+
const minutesStep = props.minutesStep || 5;
|
|
3510
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3511
|
+
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3512
|
+
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3513
|
+
};
|
|
3514
|
+
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3515
|
+
React__namespace.createElement("div", { className: css$u.ltrAlways },
|
|
3516
|
+
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3517
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
3518
|
+
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3519
|
+
.set(props.value)
|
|
3520
|
+
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3521
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
3522
|
+
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3523
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3524
|
+
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3525
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
|
|
3526
|
+
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3527
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3528
|
+
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3529
|
+
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3530
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3531
|
+
}
|
|
3532
|
+
|
|
3444
3533
|
const getMeridian = (newValue, format) => {
|
|
3445
3534
|
if (format === 'hh:mm A') {
|
|
3446
3535
|
if (newValue.toLowerCase().includes('p') && newValue.toLowerCase().includes('a')) {
|
|
@@ -3487,8 +3576,6 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3487
3576
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3488
3577
|
};
|
|
3489
3578
|
|
|
3490
|
-
var css$u = {"root":"blqLrF","timepicker-input":"HLE4Gw","timepickerInput":"HLE4Gw"};
|
|
3491
|
-
|
|
3492
3579
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3493
3580
|
const valueToTimeString = (value, format) => {
|
|
3494
3581
|
if (value === null)
|
|
@@ -3578,62 +3665,7 @@ function TimePicker(props) {
|
|
|
3578
3665
|
return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
3579
3666
|
}
|
|
3580
3667
|
|
|
3581
|
-
|
|
3582
|
-
container: 'uui-timepicker-container',
|
|
3583
|
-
iconUp: 'uui-timepicker-icon-up',
|
|
3584
|
-
iconDown: 'uui-timepicker-icon-down',
|
|
3585
|
-
input: 'uui-timepicker-input',
|
|
3586
|
-
elementContainer: 'uui-timepicker-item',
|
|
3587
|
-
};
|
|
3588
|
-
const MIN_MINUTES = 0;
|
|
3589
|
-
const MAX_MINUTES = 59;
|
|
3590
|
-
const FORMAT_12H = 12;
|
|
3591
|
-
function TimePickerBody(props) {
|
|
3592
|
-
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3593
|
-
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3594
|
-
const setValue = (newTime) => {
|
|
3595
|
-
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3596
|
-
};
|
|
3597
|
-
const onHoursChange = (newHours) => {
|
|
3598
|
-
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3599
|
-
};
|
|
3600
|
-
const onMinutesChange = (newMinutes) => {
|
|
3601
|
-
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3602
|
-
};
|
|
3603
|
-
const onTimeTypeChange = () => {
|
|
3604
|
-
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3605
|
-
};
|
|
3606
|
-
const handleMinutesUpClick = () => {
|
|
3607
|
-
const minutesStep = props.minutesStep || 5;
|
|
3608
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3609
|
-
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3610
|
-
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3611
|
-
};
|
|
3612
|
-
const handleMinutesDownClick = () => {
|
|
3613
|
-
const minutesStep = props.minutesStep || 5;
|
|
3614
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3615
|
-
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3616
|
-
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3617
|
-
};
|
|
3618
|
-
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3619
|
-
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3620
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
3621
|
-
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3622
|
-
.set(props.value)
|
|
3623
|
-
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3624
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
3625
|
-
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3626
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3627
|
-
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3628
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
|
|
3629
|
-
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3630
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3631
|
-
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3632
|
-
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3633
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3634
|
-
}
|
|
3635
|
-
|
|
3636
|
-
var css$t = {"root":"IzPyWk"};
|
|
3668
|
+
var css$t = {"root":"qus0-K"};
|
|
3637
3669
|
|
|
3638
3670
|
function applyInputAddonMods() {
|
|
3639
3671
|
return [
|
|
@@ -3642,7 +3674,7 @@ function applyInputAddonMods() {
|
|
|
3642
3674
|
}
|
|
3643
3675
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
3644
3676
|
|
|
3645
|
-
var css$s = {"root":"
|
|
3677
|
+
var css$s = {"root":"caNXQc"};
|
|
3646
3678
|
|
|
3647
3679
|
function applySliderMods() {
|
|
3648
3680
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3725,14 +3757,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3725
3757
|
}
|
|
3726
3758
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3727
3759
|
|
|
3728
|
-
var css$r = {"uui-typography":"
|
|
3760
|
+
var css$r = {"uui-typography":"OqC--u","hero-header":"maSz0J","promo-header":"_0Wf2zx","uui-critical":"jjTx4d","uui-info":"T8rB8Y","uui-success":"cIpk0Q","uui-warning":"_3k018I","uui-highlight":"PB7ks0","uui-typography-size-12":"ZSfEYb","uui-typography-size-14":"aeWFVY","uui-typography-size-16":"qSgwUK","root":"OKYv-a","uuiTypography":"OqC--u","heroHeader":"maSz0J","promoHeader":"_0Wf2zx","uuiCritical":"jjTx4d","uuiInfo":"T8rB8Y","uuiSuccess":"cIpk0Q","uuiWarning":"_3k018I","uuiHighlight":"PB7ks0","uuiTypographySize12":"ZSfEYb","uuiTypographySize14":"aeWFVY","uuiTypographySize16":"qSgwUK"};
|
|
3729
3761
|
|
|
3730
3762
|
function applyCalendarPresetsMods() {
|
|
3731
3763
|
return [css$r.root];
|
|
3732
3764
|
}
|
|
3733
3765
|
const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
|
|
3734
3766
|
|
|
3735
|
-
var css$q = {"uui-typography":"
|
|
3767
|
+
var css$q = {"uui-typography":"_4P8nEW","hero-header":"_4j8bxM","promo-header":"DL4aQw","uui-critical":"KFs27L","uui-info":"iwBeQL","uui-success":"PN7xF7","uui-warning":"AzBAS2","uui-highlight":"KgQOFL","uui-typography-size-12":"iVbRK4","uui-typography-size-14":"bVyJ7q","uui-typography-size-16":"vIPwll","root":"V0ecbR","container":"mBQ9zT","day-selection":"z2owM2","from-picker":"N5YJi6","to-picker":"ZcbMth","bodes-wrapper":"VGklND","blocker":"Ap-HcE","uuiTypography":"_4P8nEW","heroHeader":"_4j8bxM","promoHeader":"DL4aQw","uuiCritical":"KFs27L","uuiInfo":"iwBeQL","uuiSuccess":"PN7xF7","uuiWarning":"AzBAS2","uuiHighlight":"KgQOFL","uuiTypographySize12":"iVbRK4","uuiTypographySize14":"bVyJ7q","uuiTypographySize16":"vIPwll","daySelection":"z2owM2","fromPicker":"N5YJi6","toPicker":"ZcbMth","bodesWrapper":"VGklND"};
|
|
3736
3768
|
|
|
3737
3769
|
const uuiRangeDatePickerBody = {
|
|
3738
3770
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3976,7 +4008,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3976
4008
|
}
|
|
3977
4009
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3978
4010
|
|
|
3979
|
-
var css$p = {"root":"
|
|
4011
|
+
var css$p = {"root":"hTFVc1","blocker":"_58b3NI","marker":"kjxe6P","top":"hoRQso","bottom":"UZ4Di0","left":"XqTO-o","right":"CToWmG","inside":"_3Hq4pF"};
|
|
3980
4012
|
|
|
3981
4013
|
function DropMarker(props) {
|
|
3982
4014
|
return props.isDndInProgress
|
|
@@ -3991,12 +4023,12 @@ function DropMarker(props) {
|
|
|
3991
4023
|
: null;
|
|
3992
4024
|
}
|
|
3993
4025
|
|
|
3994
|
-
var css$o = {"uui-typography":"
|
|
4026
|
+
var css$o = {"uui-typography":"LFrsZ2","hero-header":"UE2tJt","promo-header":"H0qxR6","uui-critical":"nlUgN0","uui-info":"EA5nfP","uui-success":"YbM0MA","uui-warning":"mOZ4u7","uui-highlight":"daWrim","uui-typography-size-12":"GLkQ-e","uui-typography-size-14":"qEGVpL","uui-typography-size-16":"Uz0tOS","cell":"_5RRyjJ","wrapper":"DVojKb","align-widgets-top":"sCXK0q","align-widgets-center":"YI0eBQ","padding-6":"C8S3AO","padding-12":"j81rii","padding-24":"Scj1zJ","padding-left-12":"BwGuK7","padding-left-24":"CipppK","padding-right-12":"m46OyU","padding-right-24":"DXVVYY","loading-cell":"txRl3a","uuiTypography":"LFrsZ2","heroHeader":"UE2tJt","promoHeader":"H0qxR6","uuiCritical":"nlUgN0","uuiInfo":"EA5nfP","uuiSuccess":"YbM0MA","uuiWarning":"mOZ4u7","uuiHighlight":"daWrim","uuiTypographySize12":"GLkQ-e","uuiTypographySize14":"qEGVpL","uuiTypographySize16":"Uz0tOS","alignWidgetsTop":"sCXK0q","alignWidgetsCenter":"YI0eBQ","padding6":"C8S3AO","padding12":"j81rii","padding24":"Scj1zJ","paddingLeft12":"BwGuK7","paddingLeft24":"CipppK","paddingRight12":"m46OyU","paddingRight24":"DXVVYY","loadingCell":"txRl3a"};
|
|
3995
4027
|
|
|
3996
|
-
function DataTableCell(
|
|
3997
|
-
props = Object.assign({},
|
|
4028
|
+
function DataTableCell(initialProps) {
|
|
4029
|
+
const props = Object.assign({}, initialProps);
|
|
3998
4030
|
if (props.isFirstColumn) {
|
|
3999
|
-
props.addons = React__namespace.createElement(DataRowAddons, Object.assign({}, props));
|
|
4031
|
+
props.addons = React__namespace.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
|
|
4000
4032
|
}
|
|
4001
4033
|
props.renderPlaceholder = props.renderPlaceholder
|
|
4002
4034
|
|| (() => (
|
|
@@ -4029,7 +4061,7 @@ function DataTableCell(props) {
|
|
|
4029
4061
|
'data-table-cell',
|
|
4030
4062
|
props.cx,
|
|
4031
4063
|
css$o.cell,
|
|
4032
|
-
|
|
4064
|
+
'uui-size-' + (props.size || '36'),
|
|
4033
4065
|
css$o[`padding-${getPaddings().padding}`],
|
|
4034
4066
|
props.isFirstColumn && css$o[`padding-left-${getPaddings().sidePadding}`],
|
|
4035
4067
|
props.isLastColumn && css$o[`padding-right-${getPaddings().sidePadding}`],
|
|
@@ -4039,7 +4071,7 @@ function DataTableCell(props) {
|
|
|
4039
4071
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
4040
4072
|
}
|
|
4041
4073
|
|
|
4042
|
-
var css$n = {"uui-typography":"
|
|
4074
|
+
var css$n = {"uui-typography":"x0-ZU5","hero-header":"eYaclr","promo-header":"raxlWV","uui-critical":"u24tlY","uui-info":"pS7iPQ","uui-success":"_0-wQDB","uui-warning":"QBDNCn","uui-highlight":"oBFveF","uui-typography-size-12":"QEV01W","uui-typography-size-14":"n-b576","uui-typography-size-16":"YPfnY1","root":"WhT2lW","size-24":"_19wlpy","size-30":"PGd1OL","size-36":"wg3b3O","size-48":"O88NXC","size-60":"dKfh-J","uuiTypography":"x0-ZU5","heroHeader":"eYaclr","promoHeader":"raxlWV","uuiCritical":"u24tlY","uuiInfo":"pS7iPQ","uuiSuccess":"_0-wQDB","uuiWarning":"QBDNCn","uuiHighlight":"oBFveF","uuiTypographySize12":"QEV01W","uuiTypographySize14":"n-b576","uuiTypographySize16":"YPfnY1","size24":"_19wlpy","size30":"PGd1OL","size36":"wg3b3O","size48":"O88NXC","size60":"dKfh-J"};
|
|
4043
4075
|
|
|
4044
4076
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4045
4077
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -4055,7 +4087,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4055
4087
|
];
|
|
4056
4088
|
}, () => propsMods);
|
|
4057
4089
|
|
|
4058
|
-
var css$m = {"uui-typography":"
|
|
4090
|
+
var css$m = {"uui-typography":"_1ebN1c","hero-header":"OSjvgy","promo-header":"MGScrF","uui-critical":"_7g8yLH","uui-info":"_3PZHIv","uui-success":"nQ39tq","uui-warning":"Ei3Fiw","uui-highlight":"S460zC","uui-typography-size-12":"ZdSjEq","uui-typography-size-14":"n74LLf","uui-typography-size-16":"ZTAWLU","sorting-panel-container":"G-0kTq","sort-active":"_67JR7x","uuiTypography":"_1ebN1c","heroHeader":"OSjvgy","promoHeader":"MGScrF","uuiCritical":"_7g8yLH","uuiInfo":"_3PZHIv","uuiSuccess":"nQ39tq","uuiWarning":"Ei3Fiw","uuiHighlight":"S460zC","uuiTypographySize12":"ZdSjEq","uuiTypographySize14":"n74LLf","uuiTypographySize16":"ZTAWLU","sortingPanelContainer":"G-0kTq","sortActive":"_67JR7x"};
|
|
4059
4091
|
|
|
4060
4092
|
var _path$g;
|
|
4061
4093
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -4185,7 +4217,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4185
4217
|
};
|
|
4186
4218
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
4187
4219
|
|
|
4188
|
-
var css$l = {"uui-typography":"
|
|
4220
|
+
var css$l = {"uui-typography":"YNx-RB","hero-header":"CgZezX","promo-header":"xv-IyU","uui-critical":"bQ5adb","uui-info":"ZBeUBR","uui-success":"eAG33j","uui-warning":"rZAute","uui-highlight":"oewfuU","uui-typography-size-12":"rVYk-D","uui-typography-size-14":"pNJu0W","uui-typography-size-16":"NJb73G","cell":"lLaIu1","column-gap-12":"GeevGQ","caption-wrapper":"OyBftH","column-gap-24":"ac-l5i","first-column-12":"eYyeJG","last-column-12":"_2-dMyi","first-column-24":"pNEUlo","last-column-24":"_5Baytd","sort-icon":"Y7hNgB","dropdown-icon":"_5CbJ-x","infoIcon":"ySsQiV","resizable":"_3A5qlR","size-24":"klA7mD","size-30":"JBej3-","size-36":"kfjKi1","size-42":"eEtn3W","size-48":"iSWzbw","padding-left-24":"WcNhS0","padding-right-24":"sjYIdS","align-right":"K20vV1","align-center":"iW9TAT","caption":"DmDqbQ","checkbox":"yUryse","icon":"YRc5jG","fold-all-icon":"IkGFma","cell-tooltip":"mDd6St","upper-case":"_1nwwcW","font-size-14":"OJbWnd","resize-mark":"GTZFp5","resize-mark-6":"daj1o9","resize-mark-12":"w3FhoM","pinned-right":"WFFLtF","draggable":"cHidwE","ghost":"HzS3Aq","is-dragged-out":"zhXRof","dnd-marker-left":"VsRZC2","dnd-marker-right":"_3oL0ZY","cell-tooltip-wrapper":"piD0yR","cell-tooltip-text":"F65KKG","uuiTypography":"YNx-RB","heroHeader":"CgZezX","promoHeader":"xv-IyU","uuiCritical":"bQ5adb","uuiInfo":"ZBeUBR","uuiSuccess":"eAG33j","uuiWarning":"rZAute","uuiHighlight":"oewfuU","uuiTypographySize12":"rVYk-D","uuiTypographySize14":"pNJu0W","uuiTypographySize16":"NJb73G","columnGap12":"GeevGQ","captionWrapper":"OyBftH","columnGap24":"ac-l5i","firstColumn12":"eYyeJG","lastColumn12":"_2-dMyi","firstColumn24":"pNEUlo","lastColumn24":"_5Baytd","sortIcon":"Y7hNgB","dropdownIcon":"_5CbJ-x","size24":"klA7mD","size30":"JBej3-","size36":"kfjKi1","size42":"eEtn3W","size48":"iSWzbw","paddingLeft24":"WcNhS0","paddingRight24":"sjYIdS","alignRight":"K20vV1","alignCenter":"iW9TAT","foldAllIcon":"IkGFma","cellTooltip":"mDd6St","upperCase":"_1nwwcW","fontSize14":"OJbWnd","resizeMark":"GTZFp5","resizeMark6":"daj1o9","resizeMark12":"w3FhoM","pinnedRight":"WFFLtF","isDraggedOut":"zhXRof","dndMarkerLeft":"VsRZC2","dndMarkerRight":"_3oL0ZY","cellTooltipWrapper":"piD0yR","cellTooltipText":"F65KKG"};
|
|
4189
4221
|
|
|
4190
4222
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4191
4223
|
constructor() {
|
|
@@ -4267,14 +4299,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4267
4299
|
};
|
|
4268
4300
|
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
4269
4301
|
|
|
4270
|
-
var css$k = {"uui-typography":"
|
|
4302
|
+
var css$k = {"uui-typography":"RubMPw","hero-header":"NDoMq6","promo-header":"TGV0BM","uui-critical":"ojkuv6","uui-info":"ncQCMy","uui-success":"_2W6Uds","uui-warning":"DCv6F1","uui-highlight":"DsU0IP","uui-typography-size-12":"w298gd","uui-typography-size-14":"cXoSW6","uui-typography-size-16":"UsiIYG","header-cell":"pNNzHd","truncate":"_2uR9p-","uuiTypography":"RubMPw","heroHeader":"NDoMq6","promoHeader":"TGV0BM","uuiCritical":"ojkuv6","uuiInfo":"ncQCMy","uuiSuccess":"_2W6Uds","uuiWarning":"DCv6F1","uuiHighlight":"DsU0IP","uuiTypographySize12":"w298gd","uuiTypographySize14":"cXoSW6","uuiTypographySize16":"UsiIYG","headerCell":"pNNzHd"};
|
|
4271
4303
|
|
|
4272
4304
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4273
4305
|
renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4274
4306
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4275
4307
|
}));
|
|
4276
4308
|
|
|
4277
|
-
var styles$1 = {"uui-typography":"
|
|
4309
|
+
var styles$1 = {"uui-typography":"ppdsKp","hero-header":"IaxmKt","promo-header":"cH-A2c","uui-critical":"jf0EjZ","uui-info":"JhWg0p","uui-success":"IfirKQ","uui-warning":"Tldmwc","uui-highlight":"s7e-SY","uui-typography-size-12":"WQoxp9","uui-typography-size-14":"x-MRv0","uui-typography-size-16":"y7plF1","main-panel":"ngiQgt","group-title":"iNC1fg","group-title-text":"cJcy1y","group-title-badge":"SEh-ra","group-items":"LkyW-E","no-data":"VMRcgL","h-divider":"gdJ-jI","search-area":"vJeN33","subgroup-accordion":"GO8nS7","subgroup-title":"dZuhoH","uuiTypography":"ppdsKp","heroHeader":"IaxmKt","promoHeader":"cH-A2c","uuiCritical":"jf0EjZ","uuiInfo":"JhWg0p","uuiSuccess":"IfirKQ","uuiWarning":"Tldmwc","uuiHighlight":"s7e-SY","uuiTypographySize12":"WQoxp9","uuiTypographySize14":"x-MRv0","uuiTypographySize16":"y7plF1","mainPanel":"ngiQgt","groupTitle":"iNC1fg","groupTitleText":"cJcy1y","groupTitleBadge":"SEh-ra","groupItems":"LkyW-E","noData":"VMRcgL","hDivider":"gdJ-jI","searchArea":"vJeN33","subgroupAccordion":"GO8nS7","subgroupTitle":"dZuhoH"};
|
|
4278
4310
|
|
|
4279
4311
|
var _path$8;
|
|
4280
4312
|
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
@@ -4331,7 +4363,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4331
4363
|
};
|
|
4332
4364
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4333
4365
|
|
|
4334
|
-
var css$j = {"unpin-icon":"
|
|
4366
|
+
var css$j = {"unpin-icon":"uDxCyV","pin-toggler-icon":"_2uBM-S","unpinIcon":"uDxCyV","pinTogglerIcon":"_2uBM-S"};
|
|
4335
4367
|
|
|
4336
4368
|
function PinIconButton(props) {
|
|
4337
4369
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4390,7 +4422,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4390
4422
|
};
|
|
4391
4423
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4392
4424
|
|
|
4393
|
-
var styles = {"uui-typography":"
|
|
4425
|
+
var styles = {"uui-typography":"_8rhmsb","hero-header":"yTeFiF","promo-header":"nGsf-6","uui-critical":"O9-MYj","uui-info":"brmnMw","uui-success":"kxjLyp","uui-warning":"mCAd74","uui-highlight":"s83Gzp","uui-typography-size-12":"WI1J-v","uui-typography-size-14":"cBSdfF","uui-typography-size-16":"zDzSM4","row-wrapper":"Kg8cMp","not-pinned":"_8uVYPy","pin-icon-button":"d9wUat","checkbox":"lqH6sC","drag-handle":"bF0MYU","dnd-disabled":"Ux33se","uuiTypography":"_8rhmsb","heroHeader":"yTeFiF","promoHeader":"nGsf-6","uuiCritical":"O9-MYj","uuiInfo":"brmnMw","uuiSuccess":"kxjLyp","uuiWarning":"mCAd74","uuiHighlight":"s83Gzp","uuiTypographySize12":"WI1J-v","uuiTypographySize14":"cBSdfF","uuiTypographySize16":"zDzSM4","rowWrapper":"Kg8cMp","notPinned":"_8uVYPy","pinIconButton":"d9wUat","dragHandle":"bF0MYU","dndDisabled":"Ux33se"};
|
|
4394
4426
|
|
|
4395
4427
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4396
4428
|
const { column } = props;
|
|
@@ -4499,7 +4531,7 @@ function SubGroup(props) {
|
|
|
4499
4531
|
return null;
|
|
4500
4532
|
}
|
|
4501
4533
|
|
|
4502
|
-
var css$i = {"listContainer":"
|
|
4534
|
+
var css$i = {"listContainer":"-oRSGt","header":"GNaB-h","group":"f0An1X","stickyHeader":"VkBcZo"};
|
|
4503
4535
|
|
|
4504
4536
|
const getChildrenAndRest = (row, rows) => {
|
|
4505
4537
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4565,7 +4597,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4565
4597
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4566
4598
|
ref: ref
|
|
4567
4599
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4568
|
-
clipPath: "url(#
|
|
4600
|
+
clipPath: "url(#ec1iu0xsvfmtmttbq_a)"
|
|
4569
4601
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4570
4602
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4571
4603
|
fill: "#F5F6FA"
|
|
@@ -4586,7 +4618,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4586
4618
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4587
4619
|
fill: "#1D1E26"
|
|
4588
4620
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4589
|
-
id: "
|
|
4621
|
+
id: "ec1iu045t7ure16b5_b",
|
|
4590
4622
|
style: {
|
|
4591
4623
|
maskType: "alpha"
|
|
4592
4624
|
},
|
|
@@ -4599,7 +4631,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4599
4631
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4600
4632
|
fill: "#9BDEFF"
|
|
4601
4633
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4602
|
-
mask: "url(#
|
|
4634
|
+
mask: "url(#ec1iu045t7ure16b5_b)",
|
|
4603
4635
|
fillRule: "evenodd",
|
|
4604
4636
|
clipRule: "evenodd"
|
|
4605
4637
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4685,7 +4717,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4685
4717
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4686
4718
|
fill: "#fff"
|
|
4687
4719
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4688
|
-
id: "
|
|
4720
|
+
id: "ec1iu0xsvfmtmttbq_a"
|
|
4689
4721
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4690
4722
|
fill: "#fff",
|
|
4691
4723
|
transform: "translate(.552)",
|
|
@@ -4694,7 +4726,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4694
4726
|
};
|
|
4695
4727
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4696
4728
|
|
|
4697
|
-
var css$h = {"sticky-header":"
|
|
4729
|
+
var css$h = {"sticky-header":"rL-2A0","table":"ffpxsw","no-results":"-wSJRv","no-results-icon":"XTw807","no-results-title":"oRE7cY","stickyHeader":"rL-2A0","noResults":"-wSJRv","noResultsIcon":"XTw807","noResultsTitle":"oRE7cY"};
|
|
4698
4730
|
|
|
4699
4731
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4700
4732
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4747,9 +4779,9 @@ function DataTable(props) {
|
|
|
4747
4779
|
} }))));
|
|
4748
4780
|
}
|
|
4749
4781
|
|
|
4750
|
-
var css$g = {"root":"
|
|
4782
|
+
var css$g = {"root":"iRyQPw"};
|
|
4751
4783
|
|
|
4752
|
-
var css$f = {"root":"
|
|
4784
|
+
var css$f = {"root":"XFfnJT","burger-content":"iCwwLb","burgerContent":"iCwwLb"};
|
|
4753
4785
|
|
|
4754
4786
|
var _path$3;
|
|
4755
4787
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4792,7 +4824,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4792
4824
|
};
|
|
4793
4825
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
4794
4826
|
|
|
4795
|
-
var css$e = {"uui-typography":"
|
|
4827
|
+
var css$e = {"uui-typography":"_0ph5UW","hero-header":"civFTU","promo-header":"RC7jB2","uui-critical":"ey2Y8f","uui-info":"_0py-ua","uui-success":"tHOu6r","uui-warning":"E2KyaT","uui-highlight":"pwNjE8","uui-typography-size-12":"vZADUO","uui-typography-size-14":"zo92MG","uui-typography-size-16":"TVmWdn","root":"ZkJa7j","button-primary":"_6q8Kfb","button-secondary":"MysDJc","hasIcon":"zZ-QsQ","dropdown":"KoajAq","uuiTypography":"_0ph5UW","heroHeader":"civFTU","promoHeader":"RC7jB2","uuiCritical":"ey2Y8f","uuiInfo":"_0py-ua","uuiSuccess":"tHOu6r","uuiWarning":"E2KyaT","uuiHighlight":"pwNjE8","uuiTypographySize12":"vZADUO","uuiTypographySize14":"zo92MG","uuiTypographySize16":"TVmWdn","buttonPrimary":"_6q8Kfb","buttonSecondary":"MysDJc"};
|
|
4796
4828
|
|
|
4797
4829
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
4798
4830
|
css$e.root,
|
|
@@ -4803,13 +4835,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
4803
4835
|
props.icon && css$e.hasIcon,
|
|
4804
4836
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4805
4837
|
|
|
4806
|
-
var css$d = {"search-input":"
|
|
4838
|
+
var css$d = {"search-input":"W4zbG8","searchInput":"W4zbG8"};
|
|
4807
4839
|
|
|
4808
4840
|
function BurgerSearch(props) {
|
|
4809
4841
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4810
4842
|
}
|
|
4811
4843
|
|
|
4812
|
-
var css$c = {"root":"
|
|
4844
|
+
var css$c = {"root":"neQehg","group-header":"QjE70n","group-name":"QoV-Y2","line":"Imc2IN","groupHeader":"QjE70n","groupName":"QoV-Y2"};
|
|
4813
4845
|
|
|
4814
4846
|
function BurgerGroupHeader(props) {
|
|
4815
4847
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4817,7 +4849,7 @@ function BurgerGroupHeader(props) {
|
|
|
4817
4849
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4818
4850
|
}
|
|
4819
4851
|
|
|
4820
|
-
var css$b = {"uui-typography":"
|
|
4852
|
+
var css$b = {"uui-typography":"KtsdHt","hero-header":"s-UoH3","promo-header":"_65q2x7","uui-critical":"VVNCTU","uui-info":"qqBO2o","uui-success":"ARcAsE","uui-warning":"DonP0p","uui-highlight":"_97G3Dh","uui-typography-size-12":"_6yjrqn","uui-typography-size-14":"_3tconB","uui-typography-size-16":"u6m-y-","root":"PvrJ2o","type-primary":"fdcc4j","type-secondary":"OcNaEs","uuiTypography":"KtsdHt","heroHeader":"s-UoH3","promoHeader":"_65q2x7","uuiCritical":"VVNCTU","uuiInfo":"qqBO2o","uuiSuccess":"ARcAsE","uuiWarning":"DonP0p","uuiHighlight":"_97G3Dh","uuiTypographySize12":"_6yjrqn","uuiTypographySize14":"_3tconB","uuiTypographySize16":"u6m-y-","typePrimary":"fdcc4j","typeSecondary":"OcNaEs"};
|
|
4821
4853
|
|
|
4822
4854
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4823
4855
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4833,7 +4865,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4833
4865
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4834
4866
|
});
|
|
4835
4867
|
|
|
4836
|
-
var css$a = {"dropdown-body":"
|
|
4868
|
+
var css$a = {"dropdown-body":"G9ourU","dropdownBody":"G9ourU"};
|
|
4837
4869
|
|
|
4838
4870
|
class MainMenuDropdown extends React__namespace.Component {
|
|
4839
4871
|
render() {
|
|
@@ -4888,12 +4920,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4888
4920
|
};
|
|
4889
4921
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4890
4922
|
|
|
4891
|
-
var css$9 = {"global-menu-btn":"
|
|
4923
|
+
var css$9 = {"global-menu-btn":"_78gdNJ","global-menu-icon":"e5MXcT","globalMenuBtn":"_78gdNJ","globalMenuIcon":"e5MXcT"};
|
|
4892
4924
|
|
|
4893
4925
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4894
4926
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4895
4927
|
|
|
4896
|
-
var css$8 = {"container":"
|
|
4928
|
+
var css$8 = {"container":"_8OJkAa","open":"il1Lkz"};
|
|
4897
4929
|
|
|
4898
4930
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4899
4931
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4901,18 +4933,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4901
4933
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
4902
4934
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4903
4935
|
|
|
4904
|
-
var css$7 = {"search-input":"
|
|
4936
|
+
var css$7 = {"search-input":"_0-JdNc","searchInput":"_0-JdNc"};
|
|
4905
4937
|
|
|
4906
4938
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4907
4939
|
var _a;
|
|
4908
4940
|
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4909
4941
|
} }))));
|
|
4910
4942
|
|
|
4911
|
-
var css$6 = {"container":"
|
|
4943
|
+
var css$6 = {"container":"wraXmE"};
|
|
4912
4944
|
|
|
4913
4945
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
|
|
4914
4946
|
|
|
4915
|
-
var css$5 = {"root":"
|
|
4947
|
+
var css$5 = {"root":"HhUSt4"};
|
|
4916
4948
|
|
|
4917
4949
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
4918
4950
|
|
|
@@ -4970,7 +5002,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4970
5002
|
};
|
|
4971
5003
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
4972
5004
|
|
|
4973
|
-
var css$4 = {"root":"
|
|
5005
|
+
var css$4 = {"root":"q7TCK-","drop-start":"_7kiITh","drop-over":"sZxfKE","link":"_1sDWt-","drop-area":"aa-jAz","drop-caption":"LgGOmt","icon-blue":"-fT3vF","dropStart":"_7kiITh","dropOver":"sZxfKE","dropArea":"aa-jAz","dropCaption":"LgGOmt","iconBlue":"-fT3vF"};
|
|
4974
5006
|
|
|
4975
5007
|
function DropSpot(props) {
|
|
4976
5008
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4988,9 +5020,9 @@ function DropSpot(props) {
|
|
|
4988
5020
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4989
5021
|
}
|
|
4990
5022
|
|
|
4991
|
-
var css$3 = {"uui-typography":"
|
|
5023
|
+
var css$3 = {"uui-typography":"Usr-16","hero-header":"gMOFjb","promo-header":"KTJ4-R","uui-critical":"G-x3N5","uui-info":"ywsD-0","uui-success":"eSnD3R","uui-warning":"PbepV3","uui-highlight":"nWbPSh","uui-typography-size-12":"lPytQh","uui-typography-size-14":"Va8CV2","uui-typography-size-16":"YhvGQH","root":"Ygw-qn","file-name":"BYKusM","default-color":"iubIWw","doc-color":"ywUMp0","xls-color":"_5oHosN","pdf-color":"xz9kR6","movie-color":"NL4F5P","img-color":"_6-Pq7s","mov-color":"e3xFcC","error-block":"S1JgWD","icons-block":"YQKFdM","uuiTypography":"Usr-16","heroHeader":"gMOFjb","promoHeader":"KTJ4-R","uuiCritical":"G-x3N5","uuiInfo":"ywsD-0","uuiSuccess":"eSnD3R","uuiWarning":"PbepV3","uuiHighlight":"nWbPSh","uuiTypographySize12":"lPytQh","uuiTypographySize14":"Va8CV2","uuiTypographySize16":"YhvGQH","fileName":"BYKusM","defaultColor":"iubIWw","docColor":"ywUMp0","xlsColor":"_5oHosN","pdfColor":"xz9kR6","movieColor":"NL4F5P","imgColor":"_6-Pq7s","movColor":"e3xFcC","errorBlock":"S1JgWD","iconsBlock":"YQKFdM"};
|
|
4992
5024
|
|
|
4993
|
-
var css$2 = {"root":"
|
|
5025
|
+
var css$2 = {"root":"yiFvv8"};
|
|
4994
5026
|
|
|
4995
5027
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4996
5028
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5115,7 +5147,7 @@ const getErrorPageConfig = () => ({
|
|
|
5115
5147
|
},
|
|
5116
5148
|
});
|
|
5117
5149
|
|
|
5118
|
-
var css$1 = {"container":"
|
|
5150
|
+
var css$1 = {"container":"h3yn2d"};
|
|
5119
5151
|
|
|
5120
5152
|
const ErrorPage = (props) => {
|
|
5121
5153
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5126,7 +5158,7 @@ const ErrorPage = (props) => {
|
|
|
5126
5158
|
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5127
5159
|
};
|
|
5128
5160
|
|
|
5129
|
-
var css = {"recovery-spinner":"
|
|
5161
|
+
var css = {"recovery-spinner":"e8Bc4I","recovery-message":"BB6Ize","modal-blocker":"_2d-UrS","modalFadeIn":"_4LXGl4","recoverySpinner":"e8Bc4I","recoveryMessage":"BB6Ize","modalBlocker":"_2d-UrS"};
|
|
5130
5162
|
|
|
5131
5163
|
function ErrorHandler(props) {
|
|
5132
5164
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|