@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.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as uuiComponents from '@epam/uui-components';
|
|
2
|
-
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer,
|
|
2
|
+
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
|
|
3
3
|
export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
4
4
|
import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
|
|
5
5
|
import * as React from 'react';
|
|
@@ -284,6 +284,7 @@ const systemIcons = {
|
|
|
284
284
|
const settings = {
|
|
285
285
|
sizes: {
|
|
286
286
|
defaults: {
|
|
287
|
+
badge: '36',
|
|
287
288
|
button: '36',
|
|
288
289
|
checkbox: '18',
|
|
289
290
|
countIndicator: '24',
|
|
@@ -297,9 +298,12 @@ const settings = {
|
|
|
297
298
|
tabButton: '48',
|
|
298
299
|
tag: '36',
|
|
299
300
|
text: '36',
|
|
301
|
+
textArea: '36',
|
|
300
302
|
textInput: '36',
|
|
301
303
|
rangeDatePicker: '36',
|
|
302
304
|
datePicker: '36',
|
|
305
|
+
labeledInput: '36',
|
|
306
|
+
statusIndicator: '24',
|
|
303
307
|
},
|
|
304
308
|
tag: {
|
|
305
309
|
countIndicator: {
|
|
@@ -386,6 +390,14 @@ const settings = {
|
|
|
386
390
|
48: '48',
|
|
387
391
|
60: '48',
|
|
388
392
|
},
|
|
393
|
+
icon: {
|
|
394
|
+
24: '12',
|
|
395
|
+
30: '18',
|
|
396
|
+
36: '18',
|
|
397
|
+
42: '24',
|
|
398
|
+
48: '24',
|
|
399
|
+
60: '24',
|
|
400
|
+
},
|
|
389
401
|
},
|
|
390
402
|
dataPickerRow: {
|
|
391
403
|
padding: {
|
|
@@ -400,16 +412,16 @@ const settings = {
|
|
|
400
412
|
switch: {
|
|
401
413
|
24: '12',
|
|
402
414
|
30: '18',
|
|
403
|
-
36: '
|
|
415
|
+
36: '36',
|
|
404
416
|
42: '24',
|
|
405
417
|
48: '24',
|
|
406
418
|
},
|
|
407
419
|
linkButton: {
|
|
408
|
-
24: '
|
|
409
|
-
30: '
|
|
410
|
-
36: '
|
|
411
|
-
42: '
|
|
412
|
-
48: '
|
|
420
|
+
24: '24',
|
|
421
|
+
30: '30',
|
|
422
|
+
36: '36',
|
|
423
|
+
42: '42',
|
|
424
|
+
48: '48',
|
|
413
425
|
mobile: '48',
|
|
414
426
|
},
|
|
415
427
|
},
|
|
@@ -422,6 +434,14 @@ const settings = {
|
|
|
422
434
|
48: '18',
|
|
423
435
|
60: '18',
|
|
424
436
|
},
|
|
437
|
+
icon: {
|
|
438
|
+
24: '12',
|
|
439
|
+
30: '18',
|
|
440
|
+
36: '18',
|
|
441
|
+
42: '24',
|
|
442
|
+
48: '24',
|
|
443
|
+
60: '24',
|
|
444
|
+
},
|
|
425
445
|
indentUnit: {
|
|
426
446
|
24: 6,
|
|
427
447
|
30: 12,
|
|
@@ -450,10 +470,29 @@ const settings = {
|
|
|
450
470
|
48: { lineHeight: 24, fontSize: 16 },
|
|
451
471
|
60: { lineHeight: 30, fontSize: 24 },
|
|
452
472
|
},
|
|
473
|
+
filterPickerBody: {
|
|
474
|
+
pickerItem: '36',
|
|
475
|
+
dataPickerRow: '36',
|
|
476
|
+
dataPickerFooter: '36',
|
|
477
|
+
searchSize: '36',
|
|
478
|
+
},
|
|
479
|
+
labeledInput: {
|
|
480
|
+
fillIcon: ['24', '30'],
|
|
481
|
+
},
|
|
482
|
+
badge: {
|
|
483
|
+
countIndicator: {
|
|
484
|
+
18: '12',
|
|
485
|
+
24: '18',
|
|
486
|
+
30: '18',
|
|
487
|
+
36: '18',
|
|
488
|
+
42: '24',
|
|
489
|
+
48: '24',
|
|
490
|
+
},
|
|
491
|
+
},
|
|
453
492
|
},
|
|
454
493
|
};
|
|
455
494
|
|
|
456
|
-
var css$1s = {"uui-typography":"
|
|
495
|
+
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"};
|
|
457
496
|
|
|
458
497
|
function applyButtonMods(mods) {
|
|
459
498
|
return [
|
|
@@ -471,7 +510,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
471
510
|
};
|
|
472
511
|
});
|
|
473
512
|
|
|
474
|
-
var css$1r = {"root":"
|
|
513
|
+
var css$1r = {"root":"_2DZVcI"};
|
|
475
514
|
|
|
476
515
|
function applyIconButtonMods(props) {
|
|
477
516
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -508,7 +547,7 @@ function getIconClass(props) {
|
|
|
508
547
|
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'];
|
|
509
548
|
}
|
|
510
549
|
|
|
511
|
-
var css$1q = {"uui-typography":"
|
|
550
|
+
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"};
|
|
512
551
|
|
|
513
552
|
const DEFAULT_COLOR = 'primary';
|
|
514
553
|
function applyLinkButtonMods(mods) {
|
|
@@ -539,7 +578,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
539
578
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
540
579
|
});
|
|
541
580
|
|
|
542
|
-
var css$1p = {"root":"
|
|
581
|
+
var css$1p = {"root":"TL8nGm"};
|
|
543
582
|
|
|
544
583
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
545
584
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -551,7 +590,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
551
590
|
]) }, props.caption));
|
|
552
591
|
});
|
|
553
592
|
|
|
554
|
-
var css$1o = {"uui-typography":"
|
|
593
|
+
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"};
|
|
555
594
|
|
|
556
595
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
557
596
|
const styles = [
|
|
@@ -567,13 +606,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
567
606
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
568
607
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
569
608
|
props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption) }, props.caption)),
|
|
570
|
-
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color:
|
|
609
|
+
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
|
|
571
610
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
572
611
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
573
612
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
574
613
|
});
|
|
575
614
|
|
|
576
|
-
var css$1n = {"uui-typography":"
|
|
615
|
+
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"};
|
|
577
616
|
|
|
578
617
|
function applyVerticalTabButtonMods() {
|
|
579
618
|
return [css$1n.root];
|
|
@@ -595,7 +634,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
595
634
|
};
|
|
596
635
|
var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
597
636
|
|
|
598
|
-
var css$1m = {"uui-typography":"
|
|
637
|
+
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"};
|
|
599
638
|
|
|
600
639
|
function applyCheckboxMods(mods) {
|
|
601
640
|
return [
|
|
@@ -630,7 +669,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
630
669
|
};
|
|
631
670
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
|
|
632
671
|
|
|
633
|
-
var css$1l = {"uui-typography":"
|
|
672
|
+
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"};
|
|
634
673
|
|
|
635
674
|
function applyRadioInputMods(mods) {
|
|
636
675
|
return [
|
|
@@ -642,7 +681,7 @@ function applyRadioInputMods(mods) {
|
|
|
642
681
|
}
|
|
643
682
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
644
683
|
|
|
645
|
-
var css$1k = {"root":"
|
|
684
|
+
var css$1k = {"root":"_9JUdEE"};
|
|
646
685
|
|
|
647
686
|
function applySwitchMods(mods) {
|
|
648
687
|
return [
|
|
@@ -710,7 +749,7 @@ var EditMode;
|
|
|
710
749
|
EditMode["INLINE"] = "inline";
|
|
711
750
|
})(EditMode || (EditMode = {}));
|
|
712
751
|
|
|
713
|
-
var textInputCss = {"uui-typography":"
|
|
752
|
+
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"};
|
|
714
753
|
|
|
715
754
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
716
755
|
function applyTextInputMods(mods) {
|
|
@@ -736,7 +775,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
736
775
|
} })));
|
|
737
776
|
});
|
|
738
777
|
|
|
739
|
-
var css$1j = {"root":"
|
|
778
|
+
var css$1j = {"root":"LaZ5dM"};
|
|
740
779
|
|
|
741
780
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
|
|
742
781
|
|
|
@@ -745,7 +784,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
745
784
|
}
|
|
746
785
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
747
786
|
|
|
748
|
-
var css$1i = {"uui-typography":"
|
|
787
|
+
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"};
|
|
749
788
|
|
|
750
789
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
751
790
|
function applyNumericInputMods(mods) {
|
|
@@ -766,21 +805,20 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
766
805
|
};
|
|
767
806
|
});
|
|
768
807
|
|
|
769
|
-
var css$1h = {"uui-typography":"
|
|
808
|
+
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"};
|
|
770
809
|
|
|
771
|
-
const DEFAULT_SIZE$3 = '36';
|
|
772
810
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
773
811
|
function applyTextAreaMods(mods) {
|
|
774
812
|
return [
|
|
775
813
|
css$1h.root,
|
|
776
|
-
|
|
814
|
+
'uui-textarea',
|
|
815
|
+
'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
|
|
777
816
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
778
817
|
];
|
|
779
818
|
}
|
|
780
819
|
const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
|
|
781
820
|
return {
|
|
782
821
|
autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
|
|
783
|
-
maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
|
|
784
822
|
};
|
|
785
823
|
});
|
|
786
824
|
|
|
@@ -868,7 +906,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
868
906
|
};
|
|
869
907
|
var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
870
908
|
|
|
871
|
-
var css$1g = {"uui-typography":"
|
|
909
|
+
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"};
|
|
872
910
|
|
|
873
911
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('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),
|
|
874
912
|
React.createElement("div", { className: css$1g.mainPath },
|
|
@@ -885,7 +923,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
885
923
|
|
|
886
924
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
887
925
|
|
|
888
|
-
var css$1f = {"root":"
|
|
926
|
+
var css$1f = {"root":"yA-hwk"};
|
|
889
927
|
|
|
890
928
|
function applyDropdownContainerMods(mods) {
|
|
891
929
|
return [
|
|
@@ -896,7 +934,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
896
934
|
}
|
|
897
935
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
898
936
|
|
|
899
|
-
var css$1e = {"uui-typography":"
|
|
937
|
+
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"};
|
|
900
938
|
|
|
901
939
|
var IDropdownControlKeys;
|
|
902
940
|
(function (IDropdownControlKeys) {
|
|
@@ -1001,7 +1039,7 @@ function DropdownSubMenu(props) {
|
|
|
1001
1039
|
},
|
|
1002
1040
|
},
|
|
1003
1041
|
];
|
|
1004
|
-
const dir =
|
|
1042
|
+
const dir = useDocumentDir();
|
|
1005
1043
|
return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
1006
1044
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1007
1045
|
return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
@@ -1028,7 +1066,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1028
1066
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1029
1067
|
}
|
|
1030
1068
|
|
|
1031
|
-
var css$1d = {"uui-typography":"
|
|
1069
|
+
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"};
|
|
1032
1070
|
|
|
1033
1071
|
const getMode = (mode) => {
|
|
1034
1072
|
return mode || 'block';
|
|
@@ -1044,7 +1082,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1044
1082
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1045
1083
|
}));
|
|
1046
1084
|
|
|
1047
|
-
var css$1c = {"uui-typography":"
|
|
1085
|
+
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"};
|
|
1048
1086
|
|
|
1049
1087
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
|
|
1050
1088
|
|
|
@@ -1068,7 +1106,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
|
|
|
1068
1106
|
];
|
|
1069
1107
|
});
|
|
1070
1108
|
|
|
1071
|
-
var css$1b = {"root":"
|
|
1109
|
+
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"};
|
|
1072
1110
|
|
|
1073
1111
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1074
1112
|
'uui-panel',
|
|
@@ -1078,7 +1116,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1078
1116
|
props.background && css$1b[`uui-${props.background}`],
|
|
1079
1117
|
]);
|
|
1080
1118
|
|
|
1081
|
-
var css$1a = {"root":"
|
|
1119
|
+
var css$1a = {"root":"qtNTr-"};
|
|
1082
1120
|
|
|
1083
1121
|
function applyTooltipMods(mods) {
|
|
1084
1122
|
return [
|
|
@@ -1088,18 +1126,21 @@ function applyTooltipMods(mods) {
|
|
|
1088
1126
|
}
|
|
1089
1127
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1090
1128
|
|
|
1091
|
-
var css$19 = {"uui-typography":"
|
|
1129
|
+
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"};
|
|
1092
1130
|
|
|
1093
|
-
const DEFAULT_SIZE$2 = '36';
|
|
1094
1131
|
function applyLabeledInputMods(mods) {
|
|
1095
|
-
return [
|
|
1132
|
+
return [
|
|
1133
|
+
'uui-labeled-input',
|
|
1134
|
+
css$19.root,
|
|
1135
|
+
'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
|
|
1136
|
+
];
|
|
1096
1137
|
}
|
|
1097
1138
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1098
1139
|
Tooltip: props.Tooltip || Tooltip,
|
|
1099
|
-
infoIcon: props.infoIcon || (
|
|
1140
|
+
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1100
1141
|
}));
|
|
1101
1142
|
|
|
1102
|
-
var css$18 = {"root":"
|
|
1143
|
+
var css$18 = {"root":"X-xO3k"};
|
|
1103
1144
|
|
|
1104
1145
|
function RadioGroup(props) {
|
|
1105
1146
|
const direction = props.direction || 'vertical';
|
|
@@ -1114,7 +1155,7 @@ function RadioGroup(props) {
|
|
|
1114
1155
|
})));
|
|
1115
1156
|
}
|
|
1116
1157
|
|
|
1117
|
-
var css$17 = {"root":"
|
|
1158
|
+
var css$17 = {"root":"StUcZs"};
|
|
1118
1159
|
|
|
1119
1160
|
function applyScrollBarsMods() {
|
|
1120
1161
|
return [
|
|
@@ -1123,46 +1164,37 @@ function applyScrollBarsMods() {
|
|
|
1123
1164
|
}
|
|
1124
1165
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1125
1166
|
|
|
1126
|
-
var css$16 = {"scroll-container":"
|
|
1167
|
+
var css$16 = {"scroll-container":"xvqW-R","list-container":"GAR6Qy","scrollContainer":"xvqW-R","listContainer":"GAR6Qy"};
|
|
1127
1168
|
|
|
1128
|
-
var css$15 = {"root":"
|
|
1169
|
+
var css$15 = {"root":"zdFur0"};
|
|
1129
1170
|
|
|
1130
1171
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
|
|
1131
1172
|
|
|
1132
|
-
var css$14 = {"uui-typography":"
|
|
1173
|
+
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"};
|
|
1133
1174
|
|
|
1134
|
-
const DEFAULT_SIZE$1 = '36';
|
|
1135
1175
|
const DEFAULT_FILL = 'solid';
|
|
1136
1176
|
function applyBadgeMods(mods) {
|
|
1137
1177
|
return [
|
|
1138
1178
|
'uui-badge',
|
|
1139
1179
|
css$14.root,
|
|
1140
|
-
|
|
1180
|
+
`uui-size-${mods.size || settings.sizes.defaults.badge}`,
|
|
1141
1181
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1142
1182
|
`uui-color-${mods.color || 'info'}`,
|
|
1143
1183
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1144
1184
|
];
|
|
1145
1185
|
}
|
|
1146
|
-
const mapCountIndicatorSizes = {
|
|
1147
|
-
18: '12',
|
|
1148
|
-
24: '18',
|
|
1149
|
-
30: '18',
|
|
1150
|
-
36: '18',
|
|
1151
|
-
42: '24',
|
|
1152
|
-
48: '24',
|
|
1153
|
-
};
|
|
1154
1186
|
const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1155
1187
|
const styles = [applyBadgeMods(props), props.cx];
|
|
1156
1188
|
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
|
|
1157
1189
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1158
1190
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1159
1191
|
props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
|
|
1160
|
-
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size:
|
|
1192
|
+
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.sizes.badge.countIndicator[props.size || settings.sizes.defaults.badge], caption: props.count })),
|
|
1161
1193
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1162
1194
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1163
1195
|
});
|
|
1164
1196
|
|
|
1165
|
-
var css$13 = {"uui-typography":"
|
|
1197
|
+
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"};
|
|
1166
1198
|
|
|
1167
1199
|
function applyTagMods(props) {
|
|
1168
1200
|
return [
|
|
@@ -1186,14 +1218,14 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1186
1218
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1187
1219
|
});
|
|
1188
1220
|
|
|
1189
|
-
var css$12 = {"root":"
|
|
1221
|
+
var css$12 = {"root":"Nu33Ir","uui-spinner":"XJpjUP","uuiSpinner":"XJpjUP"};
|
|
1190
1222
|
|
|
1191
1223
|
function applySpinnerMods() {
|
|
1192
1224
|
return [css$12.root, 'uui-spinner'];
|
|
1193
1225
|
}
|
|
1194
1226
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
1195
1227
|
|
|
1196
|
-
var css$11 = {"root":"
|
|
1228
|
+
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"};
|
|
1197
1229
|
|
|
1198
1230
|
var _path$v;
|
|
1199
1231
|
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); }
|
|
@@ -1244,14 +1276,14 @@ function Paginator(props) {
|
|
|
1244
1276
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
1245
1277
|
}
|
|
1246
1278
|
|
|
1247
|
-
var css$10 = {"root":"
|
|
1279
|
+
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"};
|
|
1248
1280
|
|
|
1249
1281
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1250
1282
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1251
1283
|
React.createElement("div", { className: cx(css$10.progressBar) })));
|
|
1252
1284
|
});
|
|
1253
1285
|
|
|
1254
|
-
var css$$ = {"root":"
|
|
1286
|
+
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-"};
|
|
1255
1287
|
|
|
1256
1288
|
const DEFAULT_SIZE = '12';
|
|
1257
1289
|
function applyProgressBarMods(mods) {
|
|
@@ -1266,29 +1298,29 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1266
1298
|
hideLabel: props.hideLabel || props.striped,
|
|
1267
1299
|
}));
|
|
1268
1300
|
|
|
1269
|
-
var css$_ = {"root":"
|
|
1301
|
+
var css$_ = {"root":"Zrp-ki"};
|
|
1270
1302
|
|
|
1271
1303
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1272
1304
|
const { progress } = props;
|
|
1273
1305
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$_.root, props.cx) }));
|
|
1274
1306
|
});
|
|
1275
1307
|
|
|
1276
|
-
var css$Z = {"root":"
|
|
1308
|
+
var css$Z = {"root":"BmN8oo"};
|
|
1277
1309
|
|
|
1278
1310
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1279
1311
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
1280
1312
|
css$Z.root,
|
|
1281
|
-
|
|
1313
|
+
`uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
|
|
1282
1314
|
'uui-status_indicator',
|
|
1283
1315
|
`uui-color-${props.color || 'neutral'}`,
|
|
1284
1316
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1285
1317
|
props.cx,
|
|
1286
1318
|
]) },
|
|
1287
|
-
React__default.createElement("div", { className: "uui-
|
|
1288
|
-
React__default.createElement("p", { className: "uui-
|
|
1319
|
+
React__default.createElement("div", { className: "uui-status_indicator-dot" }),
|
|
1320
|
+
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1289
1321
|
});
|
|
1290
1322
|
|
|
1291
|
-
var css$Y = {"drag-handle":"
|
|
1323
|
+
var css$Y = {"drag-handle":"kGBa5m","icon-container":"T0jAuf","dragHandle":"kGBa5m","iconContainer":"T0jAuf"};
|
|
1292
1324
|
|
|
1293
1325
|
function DataRowAddons(props) {
|
|
1294
1326
|
var _a, _b;
|
|
@@ -1302,15 +1334,15 @@ function DataRowAddons(props) {
|
|
|
1302
1334
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1303
1335
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1304
1336
|
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__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 })),
|
|
1305
|
-
row.indent > 0 && (React__default.createElement("div", { key: "fold", className:
|
|
1337
|
+
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
|
|
1306
1338
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1307
1339
|
role: 'button',
|
|
1308
1340
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
1309
1341
|
uuiElement.foldingArrow, uuiMarkers.clickable, css$Y.iconContainer,
|
|
1310
|
-
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1342
|
+
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] }))))));
|
|
1311
1343
|
}
|
|
1312
1344
|
|
|
1313
|
-
var css$X = {"root":"
|
|
1345
|
+
var css$X = {"root":"vizobG"};
|
|
1314
1346
|
|
|
1315
1347
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1316
1348
|
|
|
@@ -1351,7 +1383,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1351
1383
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1352
1384
|
});
|
|
1353
1385
|
|
|
1354
|
-
var css$W = {"root":"
|
|
1386
|
+
var css$W = {"root":"_5dWB1d"};
|
|
1355
1387
|
|
|
1356
1388
|
function CheckboxGroup(props) {
|
|
1357
1389
|
const currentValue = props.value || [];
|
|
@@ -1513,7 +1545,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
|
|
|
1513
1545
|
} }));
|
|
1514
1546
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1515
1547
|
|
|
1516
|
-
var css$V = {"uui-typography":"
|
|
1548
|
+
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"};
|
|
1517
1549
|
|
|
1518
1550
|
class DataPickerBody extends PickerBodyBase {
|
|
1519
1551
|
constructor() {
|
|
@@ -1534,8 +1566,8 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
1534
1566
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1535
1567
|
this.showSearch() && (React__default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1536
1568
|
React__default.createElement(FlexCell$1, { grow: 1 },
|
|
1537
|
-
React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
|
|
1538
|
-
React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-
|
|
1569
|
+
React__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' } }))))),
|
|
1570
|
+
React__default.createElement(FlexRow, { key: "body", cx: cx$1('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__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()))));
|
|
1539
1571
|
}
|
|
1540
1572
|
}
|
|
1541
1573
|
|
|
@@ -1564,7 +1596,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1564
1596
|
}
|
|
1565
1597
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
1566
1598
|
|
|
1567
|
-
var css$U = {"header":"
|
|
1599
|
+
var css$U = {"header":"-NyBV1","close":"Kv1z8J"};
|
|
1568
1600
|
|
|
1569
1601
|
const DataPickerHeaderImpl = (props) => {
|
|
1570
1602
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -1589,7 +1621,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1589
1621
|
};
|
|
1590
1622
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
1591
1623
|
|
|
1592
|
-
var css$T = {"uui-typography":"
|
|
1624
|
+
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"};
|
|
1593
1625
|
|
|
1594
1626
|
function DataPickerCell(props) {
|
|
1595
1627
|
const ref = React.useRef();
|
|
@@ -1608,7 +1640,7 @@ function DataPickerCell(props) {
|
|
|
1608
1640
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1609
1641
|
React.createElement(FlexSpacer, null),
|
|
1610
1642
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$T.iconWrapper, uuiMod.selected) },
|
|
1611
|
-
React.createElement(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
|
|
1643
|
+
React.createElement(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
|
|
1612
1644
|
? 'Child is selected'
|
|
1613
1645
|
: 'Selected' } })))));
|
|
1614
1646
|
}
|
|
@@ -1617,16 +1649,16 @@ function DataPickerCell(props) {
|
|
|
1617
1649
|
css$T.root,
|
|
1618
1650
|
props.cx,
|
|
1619
1651
|
'data-picker-cell',
|
|
1620
|
-
|
|
1652
|
+
'uui-size-' + (props.size || settings.sizes.defaults.dataPickerCell),
|
|
1621
1653
|
css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
|
|
1622
1654
|
css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
|
|
1623
1655
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1624
1656
|
] },
|
|
1625
|
-
React.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1657
|
+
React.createElement(DataRowAddons, Object.assign({ size: props.size || settings.sizes.defaults.dataPickerCell }, props)),
|
|
1626
1658
|
getWrappedContent()));
|
|
1627
1659
|
}
|
|
1628
1660
|
|
|
1629
|
-
var css$S = {"uui-typography":"
|
|
1661
|
+
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"};
|
|
1630
1662
|
|
|
1631
1663
|
class DataPickerRow extends React.Component {
|
|
1632
1664
|
constructor() {
|
|
@@ -1640,7 +1672,7 @@ class DataPickerRow extends React.Component {
|
|
|
1640
1672
|
}
|
|
1641
1673
|
}
|
|
1642
1674
|
|
|
1643
|
-
var css$R = {"uui-typography":"
|
|
1675
|
+
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"};
|
|
1644
1676
|
|
|
1645
1677
|
const MobileDropdownWrapper = (props) => {
|
|
1646
1678
|
const isMobileView = isMobile();
|
|
@@ -1674,7 +1706,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1674
1706
|
};
|
|
1675
1707
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
1676
1708
|
|
|
1677
|
-
var css$Q = {"uui-typography":"
|
|
1709
|
+
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"};
|
|
1678
1710
|
|
|
1679
1711
|
const mergeHighlightRanges = (ranges) => {
|
|
1680
1712
|
const mergedRanges = [];
|
|
@@ -1741,7 +1773,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1741
1773
|
return getDecoratedText(str, ranges);
|
|
1742
1774
|
};
|
|
1743
1775
|
|
|
1744
|
-
var css$P = {"root":"
|
|
1776
|
+
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-"};
|
|
1745
1777
|
|
|
1746
1778
|
function PickerItem(props) {
|
|
1747
1779
|
var _a;
|
|
@@ -1809,14 +1841,14 @@ function PickerModal(props) {
|
|
|
1809
1841
|
listView: view,
|
|
1810
1842
|
rows: dataRows,
|
|
1811
1843
|
searchPosition: 'body',
|
|
1812
|
-
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
|
|
1844
|
+
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
|
|
1813
1845
|
!isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
|
|
1814
1846
|
props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
|
|
1815
1847
|
React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
|
|
1816
1848
|
React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1817
1849
|
}
|
|
1818
1850
|
|
|
1819
|
-
var css$O = {"tooltip":"
|
|
1851
|
+
var css$O = {"tooltip":"-iDFMj"};
|
|
1820
1852
|
|
|
1821
1853
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1822
1854
|
var _a;
|
|
@@ -1831,7 +1863,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1831
1863
|
}
|
|
1832
1864
|
});
|
|
1833
1865
|
|
|
1834
|
-
var css$N = {"uui-typography":"
|
|
1866
|
+
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"};
|
|
1835
1867
|
|
|
1836
1868
|
const defaultMode$1 = EditMode.FORM;
|
|
1837
1869
|
function applyPickerTogglerMods(mods) {
|
|
@@ -1931,7 +1963,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1931
1963
|
}
|
|
1932
1964
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
1933
1965
|
|
|
1934
|
-
var css$M = {"row":"
|
|
1966
|
+
var css$M = {"row":"DBnujB"};
|
|
1935
1967
|
|
|
1936
1968
|
function PickerListItem(props) {
|
|
1937
1969
|
var _a;
|
|
@@ -1952,7 +1984,7 @@ function PickerListItem(props) {
|
|
|
1952
1984
|
return (React__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));
|
|
1953
1985
|
}
|
|
1954
1986
|
|
|
1955
|
-
var css$L = {"root":"
|
|
1987
|
+
var css$L = {"root":"GJOlH9"};
|
|
1956
1988
|
|
|
1957
1989
|
function PickerList(props) {
|
|
1958
1990
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -1992,7 +2024,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1992
2024
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1993
2025
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1994
2026
|
|
|
1995
|
-
var css$K = {"uui-typography":"
|
|
2027
|
+
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"};
|
|
1996
2028
|
|
|
1997
2029
|
const defaultSize = '36';
|
|
1998
2030
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -2059,7 +2091,7 @@ function FilterPickerBody(_a) {
|
|
|
2059
2091
|
};
|
|
2060
2092
|
const renderItem = (item, rowProps, dsState) => {
|
|
2061
2093
|
const { flattenSearchResults } = view.getConfig();
|
|
2062
|
-
return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size:
|
|
2094
|
+
return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: settings.sizes.filterPickerBody.pickerItem }, rowProps)));
|
|
2063
2095
|
};
|
|
2064
2096
|
const onSelect = (row) => {
|
|
2065
2097
|
handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
|
|
@@ -2068,24 +2100,24 @@ function FilterPickerBody(_a) {
|
|
|
2068
2100
|
if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
|
|
2069
2101
|
rowProps.onSelect = onSelect;
|
|
2070
2102
|
}
|
|
2071
|
-
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size:
|
|
2103
|
+
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: settings.sizes.filterPickerBody.dataPickerRow, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
|
|
2072
2104
|
};
|
|
2073
2105
|
const renderFooter = () => {
|
|
2074
|
-
return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size:
|
|
2106
|
+
return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: settings.sizes.filterPickerBody.dataPickerFooter }));
|
|
2075
2107
|
};
|
|
2076
2108
|
const renderBody = (bodyProps, rows) => {
|
|
2077
2109
|
const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
|
|
2078
2110
|
const maxHeight = isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
|
|
2079
2111
|
const maxWidth = isMobile() ? undefined : 360;
|
|
2080
2112
|
return (React.createElement(React.Fragment, null,
|
|
2081
|
-
React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize:
|
|
2113
|
+
React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filterPickerBody.searchSize, editMode: "dropdown" })),
|
|
2082
2114
|
renderFooter()));
|
|
2083
2115
|
};
|
|
2084
2116
|
const rows = getRows();
|
|
2085
2117
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2086
2118
|
}
|
|
2087
2119
|
|
|
2088
|
-
var css$J = {"container":"
|
|
2120
|
+
var css$J = {"container":"YY6FWB"};
|
|
2089
2121
|
|
|
2090
2122
|
const defaultFormat = 'MMM D, YYYY';
|
|
2091
2123
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2294,14 +2326,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2294
2326
|
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2295
2327
|
}
|
|
2296
2328
|
|
|
2297
|
-
var css$I = {"uui-typography":"
|
|
2329
|
+
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"};
|
|
2298
2330
|
|
|
2299
2331
|
function applyDateSelectionMods() {
|
|
2300
2332
|
return [css$I.root];
|
|
2301
2333
|
}
|
|
2302
2334
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2303
2335
|
|
|
2304
|
-
var css$H = {"uui-typography":"
|
|
2336
|
+
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"};
|
|
2305
2337
|
|
|
2306
2338
|
const uuiDatePickerBody = {
|
|
2307
2339
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2389,7 +2421,7 @@ function FilterDatePickerBody(props) {
|
|
|
2389
2421
|
} })))));
|
|
2390
2422
|
}
|
|
2391
2423
|
|
|
2392
|
-
var css$G = {"uui-typography":"
|
|
2424
|
+
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"};
|
|
2393
2425
|
|
|
2394
2426
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2395
2427
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2415,7 +2447,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2415
2447
|
}
|
|
2416
2448
|
};
|
|
2417
2449
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2418
|
-
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
|
|
2450
|
+
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
|
|
2419
2451
|
if (!isDisabled) {
|
|
2420
2452
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2421
2453
|
}
|
|
@@ -2480,7 +2512,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2480
2512
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2481
2513
|
}
|
|
2482
2514
|
|
|
2483
|
-
var css$F = {"container":"
|
|
2515
|
+
var css$F = {"container":"eORk5q"};
|
|
2484
2516
|
|
|
2485
2517
|
function FilterNumericBody(props) {
|
|
2486
2518
|
var _a, _b;
|
|
@@ -2580,7 +2612,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2580
2612
|
};
|
|
2581
2613
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
|
|
2582
2614
|
|
|
2583
|
-
var css$E = {"uui-typography":"
|
|
2615
|
+
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"};
|
|
2584
2616
|
|
|
2585
2617
|
function useView(props, value) {
|
|
2586
2618
|
const forceUpdate = useForceUpdate();
|
|
@@ -2868,8 +2900,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2868
2900
|
return 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; });
|
|
2869
2901
|
}, [filters, tableState.filtersConfig]);
|
|
2870
2902
|
const renderAddFilterToggler = useCallback((togglerProps) => {
|
|
2871
|
-
|
|
2872
|
-
return (React__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 }));
|
|
2903
|
+
return (React__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 }));
|
|
2873
2904
|
}, []);
|
|
2874
2905
|
const getRowOptions = useCallback((item) => ({
|
|
2875
2906
|
isDisabled: item.isAlwaysVisible,
|
|
@@ -2902,7 +2933,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2902
2933
|
}
|
|
2903
2934
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
2904
2935
|
|
|
2905
|
-
var css$D = {"divider":"
|
|
2936
|
+
var css$D = {"divider":"XsVmbi","dropdownDeleteIcon":"rhDOxJ","presetsWrapper":"TFlngs","addPresetContainer":"x7aMqS","dropContainer":"FRyAy6"};
|
|
2906
2937
|
|
|
2907
2938
|
var _path$p;
|
|
2908
2939
|
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); }
|
|
@@ -3030,7 +3061,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3030
3061
|
};
|
|
3031
3062
|
var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
3032
3063
|
|
|
3033
|
-
var css$C = {"delete-button":"
|
|
3064
|
+
var css$C = {"delete-button":"q2wfpv","tab-button":"KA7Wdr","targetOpen":"jaaOf-","deleteButton":"q2wfpv","tabButton":"KA7Wdr"};
|
|
3034
3065
|
|
|
3035
3066
|
function PresetActionsDropdown(props) {
|
|
3036
3067
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -3088,7 +3119,7 @@ function PresetActionsDropdown(props) {
|
|
|
3088
3119
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3089
3120
|
}
|
|
3090
3121
|
|
|
3091
|
-
var css$B = {"preset-input-cell":"
|
|
3122
|
+
var css$B = {"preset-input-cell":"ciwz-C","preset-input":"XhElaS","presetInputCell":"ciwz-C","presetInput":"XhElaS"};
|
|
3092
3123
|
|
|
3093
3124
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3094
3125
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3121,7 +3152,7 @@ function PresetInput(props) {
|
|
|
3121
3152
|
React__default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3122
3153
|
}
|
|
3123
3154
|
|
|
3124
|
-
var css$A = {"preset":"
|
|
3155
|
+
var css$A = {"preset":"fZRNvn","activePreset":"_4RMRm1"};
|
|
3125
3156
|
|
|
3126
3157
|
function Preset(props) {
|
|
3127
3158
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3223,7 +3254,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3223
3254
|
return columns;
|
|
3224
3255
|
};
|
|
3225
3256
|
|
|
3226
|
-
var css$z = {"line-height-12":"
|
|
3257
|
+
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"};
|
|
3227
3258
|
|
|
3228
3259
|
function getTextClasses(props, border) {
|
|
3229
3260
|
if (props.size === 'none') {
|
|
@@ -3240,7 +3271,7 @@ function getTextClasses(props, border) {
|
|
|
3240
3271
|
];
|
|
3241
3272
|
}
|
|
3242
3273
|
|
|
3243
|
-
var css$y = {"root":"
|
|
3274
|
+
var css$y = {"root":"Ex052M"};
|
|
3244
3275
|
|
|
3245
3276
|
function applyTextMods(mods) {
|
|
3246
3277
|
const textClasses = getTextClasses({
|
|
@@ -3259,7 +3290,7 @@ function applyTextMods(mods) {
|
|
|
3259
3290
|
}
|
|
3260
3291
|
const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
|
|
3261
3292
|
|
|
3262
|
-
var css$x = {"root":"
|
|
3293
|
+
var css$x = {"root":"QvjJV3","loading-word":"-I41jW","animated-loading":"ez1pCS","skeleton_loading":"cC3lIN","loadingWord":"-I41jW","animatedLoading":"ez1pCS","skeletonLoading":"cC3lIN"};
|
|
3263
3294
|
|
|
3264
3295
|
const TextPlaceholder = (props) => {
|
|
3265
3296
|
const pattern = ' ';
|
|
@@ -3278,7 +3309,7 @@ const TextPlaceholder = (props) => {
|
|
|
3278
3309
|
|
|
3279
3310
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3280
3311
|
|
|
3281
|
-
var css$w = {"uui-typography":"
|
|
3312
|
+
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"};
|
|
3282
3313
|
|
|
3283
3314
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
|
|
3284
3315
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3332,7 +3363,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3332
3363
|
};
|
|
3333
3364
|
var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
3334
3365
|
|
|
3335
|
-
var css$v = {"uui-typography":"
|
|
3366
|
+
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"};
|
|
3336
3367
|
|
|
3337
3368
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3338
3369
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3408,6 +3439,64 @@ function useReliableForceUpdate() {
|
|
|
3408
3439
|
return red[1];
|
|
3409
3440
|
}
|
|
3410
3441
|
|
|
3442
|
+
var css$u = {"root":"euOpMy","timepicker-input":"_00LnhS","ltr-always":"mop4br","timepickerInput":"_00LnhS","ltrAlways":"mop4br"};
|
|
3443
|
+
|
|
3444
|
+
const uuiTimePicker = {
|
|
3445
|
+
container: 'uui-timepicker-container',
|
|
3446
|
+
iconUp: 'uui-timepicker-icon-up',
|
|
3447
|
+
iconDown: 'uui-timepicker-icon-down',
|
|
3448
|
+
input: 'uui-timepicker-input',
|
|
3449
|
+
elementContainer: 'uui-timepicker-item',
|
|
3450
|
+
};
|
|
3451
|
+
const MIN_MINUTES = 0;
|
|
3452
|
+
const MAX_MINUTES = 59;
|
|
3453
|
+
const FORMAT_12H = 12;
|
|
3454
|
+
function TimePickerBody(props) {
|
|
3455
|
+
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3456
|
+
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3457
|
+
const setValue = (newTime) => {
|
|
3458
|
+
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3459
|
+
};
|
|
3460
|
+
const onHoursChange = (newHours) => {
|
|
3461
|
+
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3462
|
+
};
|
|
3463
|
+
const onMinutesChange = (newMinutes) => {
|
|
3464
|
+
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3465
|
+
};
|
|
3466
|
+
const onTimeTypeChange = () => {
|
|
3467
|
+
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3468
|
+
};
|
|
3469
|
+
const handleMinutesUpClick = () => {
|
|
3470
|
+
const minutesStep = props.minutesStep || 5;
|
|
3471
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3472
|
+
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3473
|
+
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3474
|
+
};
|
|
3475
|
+
const handleMinutesDownClick = () => {
|
|
3476
|
+
const minutesStep = props.minutesStep || 5;
|
|
3477
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3478
|
+
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3479
|
+
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3480
|
+
};
|
|
3481
|
+
return (React.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3482
|
+
React.createElement("div", { className: css$u.ltrAlways },
|
|
3483
|
+
React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3484
|
+
React.createElement(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()) }),
|
|
3485
|
+
React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3486
|
+
.set(props.value)
|
|
3487
|
+
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3488
|
+
React.createElement(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()) })),
|
|
3489
|
+
React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3490
|
+
React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3491
|
+
React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3492
|
+
React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
|
|
3493
|
+
MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3494
|
+
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3495
|
+
React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3496
|
+
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3497
|
+
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3498
|
+
}
|
|
3499
|
+
|
|
3411
3500
|
const getMeridian = (newValue, format) => {
|
|
3412
3501
|
if (format === 'hh:mm A') {
|
|
3413
3502
|
if (newValue.toLowerCase().includes('p') && newValue.toLowerCase().includes('a')) {
|
|
@@ -3454,8 +3543,6 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3454
3543
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3455
3544
|
};
|
|
3456
3545
|
|
|
3457
|
-
var css$u = {"root":"blqLrF","timepicker-input":"HLE4Gw","timepickerInput":"HLE4Gw"};
|
|
3458
|
-
|
|
3459
3546
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3460
3547
|
const valueToTimeString = (value, format) => {
|
|
3461
3548
|
if (value === null)
|
|
@@ -3545,62 +3632,7 @@ function TimePicker(props) {
|
|
|
3545
3632
|
return (React__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 }));
|
|
3546
3633
|
}
|
|
3547
3634
|
|
|
3548
|
-
|
|
3549
|
-
container: 'uui-timepicker-container',
|
|
3550
|
-
iconUp: 'uui-timepicker-icon-up',
|
|
3551
|
-
iconDown: 'uui-timepicker-icon-down',
|
|
3552
|
-
input: 'uui-timepicker-input',
|
|
3553
|
-
elementContainer: 'uui-timepicker-item',
|
|
3554
|
-
};
|
|
3555
|
-
const MIN_MINUTES = 0;
|
|
3556
|
-
const MAX_MINUTES = 59;
|
|
3557
|
-
const FORMAT_12H = 12;
|
|
3558
|
-
function TimePickerBody(props) {
|
|
3559
|
-
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3560
|
-
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3561
|
-
const setValue = (newTime) => {
|
|
3562
|
-
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3563
|
-
};
|
|
3564
|
-
const onHoursChange = (newHours) => {
|
|
3565
|
-
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3566
|
-
};
|
|
3567
|
-
const onMinutesChange = (newMinutes) => {
|
|
3568
|
-
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3569
|
-
};
|
|
3570
|
-
const onTimeTypeChange = () => {
|
|
3571
|
-
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3572
|
-
};
|
|
3573
|
-
const handleMinutesUpClick = () => {
|
|
3574
|
-
const minutesStep = props.minutesStep || 5;
|
|
3575
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3576
|
-
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3577
|
-
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3578
|
-
};
|
|
3579
|
-
const handleMinutesDownClick = () => {
|
|
3580
|
-
const minutesStep = props.minutesStep || 5;
|
|
3581
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3582
|
-
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3583
|
-
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3584
|
-
};
|
|
3585
|
-
return (React.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3586
|
-
React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3587
|
-
React.createElement(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()) }),
|
|
3588
|
-
React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3589
|
-
.set(props.value)
|
|
3590
|
-
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3591
|
-
React.createElement(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()) })),
|
|
3592
|
-
React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3593
|
-
React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3594
|
-
React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3595
|
-
React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
|
|
3596
|
-
MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3597
|
-
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3598
|
-
React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3599
|
-
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3600
|
-
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3601
|
-
}
|
|
3602
|
-
|
|
3603
|
-
var css$t = {"root":"IzPyWk"};
|
|
3635
|
+
var css$t = {"root":"qus0-K"};
|
|
3604
3636
|
|
|
3605
3637
|
function applyInputAddonMods() {
|
|
3606
3638
|
return [
|
|
@@ -3609,7 +3641,7 @@ function applyInputAddonMods() {
|
|
|
3609
3641
|
}
|
|
3610
3642
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
3611
3643
|
|
|
3612
|
-
var css$s = {"root":"
|
|
3644
|
+
var css$s = {"root":"caNXQc"};
|
|
3613
3645
|
|
|
3614
3646
|
function applySliderMods() {
|
|
3615
3647
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3692,14 +3724,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3692
3724
|
}
|
|
3693
3725
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3694
3726
|
|
|
3695
|
-
var css$r = {"uui-typography":"
|
|
3727
|
+
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"};
|
|
3696
3728
|
|
|
3697
3729
|
function applyCalendarPresetsMods() {
|
|
3698
3730
|
return [css$r.root];
|
|
3699
3731
|
}
|
|
3700
3732
|
const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
|
|
3701
3733
|
|
|
3702
|
-
var css$q = {"uui-typography":"
|
|
3734
|
+
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"};
|
|
3703
3735
|
|
|
3704
3736
|
const uuiRangeDatePickerBody = {
|
|
3705
3737
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3943,7 +3975,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3943
3975
|
}
|
|
3944
3976
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3945
3977
|
|
|
3946
|
-
var css$p = {"root":"
|
|
3978
|
+
var css$p = {"root":"hTFVc1","blocker":"_58b3NI","marker":"kjxe6P","top":"hoRQso","bottom":"UZ4Di0","left":"XqTO-o","right":"CToWmG","inside":"_3Hq4pF"};
|
|
3947
3979
|
|
|
3948
3980
|
function DropMarker(props) {
|
|
3949
3981
|
return props.isDndInProgress
|
|
@@ -3958,12 +3990,12 @@ function DropMarker(props) {
|
|
|
3958
3990
|
: null;
|
|
3959
3991
|
}
|
|
3960
3992
|
|
|
3961
|
-
var css$o = {"uui-typography":"
|
|
3993
|
+
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"};
|
|
3962
3994
|
|
|
3963
|
-
function DataTableCell(
|
|
3964
|
-
props = Object.assign({},
|
|
3995
|
+
function DataTableCell(initialProps) {
|
|
3996
|
+
const props = Object.assign({}, initialProps);
|
|
3965
3997
|
if (props.isFirstColumn) {
|
|
3966
|
-
props.addons = React.createElement(DataRowAddons, Object.assign({}, props));
|
|
3998
|
+
props.addons = React.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
|
|
3967
3999
|
}
|
|
3968
4000
|
props.renderPlaceholder = props.renderPlaceholder
|
|
3969
4001
|
|| (() => (
|
|
@@ -3996,7 +4028,7 @@ function DataTableCell(props) {
|
|
|
3996
4028
|
'data-table-cell',
|
|
3997
4029
|
props.cx,
|
|
3998
4030
|
css$o.cell,
|
|
3999
|
-
|
|
4031
|
+
'uui-size-' + (props.size || '36'),
|
|
4000
4032
|
css$o[`padding-${getPaddings().padding}`],
|
|
4001
4033
|
props.isFirstColumn && css$o[`padding-left-${getPaddings().sidePadding}`],
|
|
4002
4034
|
props.isLastColumn && css$o[`padding-right-${getPaddings().sidePadding}`],
|
|
@@ -4006,7 +4038,7 @@ function DataTableCell(props) {
|
|
|
4006
4038
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
4007
4039
|
}
|
|
4008
4040
|
|
|
4009
|
-
var css$n = {"uui-typography":"
|
|
4041
|
+
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"};
|
|
4010
4042
|
|
|
4011
4043
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4012
4044
|
// 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.
|
|
@@ -4022,7 +4054,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4022
4054
|
];
|
|
4023
4055
|
}, () => propsMods);
|
|
4024
4056
|
|
|
4025
|
-
var css$m = {"uui-typography":"
|
|
4057
|
+
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"};
|
|
4026
4058
|
|
|
4027
4059
|
var _path$g;
|
|
4028
4060
|
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); }
|
|
@@ -4152,7 +4184,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4152
4184
|
};
|
|
4153
4185
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
4154
4186
|
|
|
4155
|
-
var css$l = {"uui-typography":"
|
|
4187
|
+
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"};
|
|
4156
4188
|
|
|
4157
4189
|
class DataTableHeaderCell extends React.Component {
|
|
4158
4190
|
constructor() {
|
|
@@ -4234,14 +4266,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4234
4266
|
};
|
|
4235
4267
|
var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
4236
4268
|
|
|
4237
|
-
var css$k = {"uui-typography":"
|
|
4269
|
+
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"};
|
|
4238
4270
|
|
|
4239
4271
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4240
4272
|
renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4241
4273
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4242
4274
|
}));
|
|
4243
4275
|
|
|
4244
|
-
var styles$1 = {"uui-typography":"
|
|
4276
|
+
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"};
|
|
4245
4277
|
|
|
4246
4278
|
var _path$8;
|
|
4247
4279
|
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); }
|
|
@@ -4298,7 +4330,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4298
4330
|
};
|
|
4299
4331
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
4300
4332
|
|
|
4301
|
-
var css$j = {"unpin-icon":"
|
|
4333
|
+
var css$j = {"unpin-icon":"uDxCyV","pin-toggler-icon":"_2uBM-S","unpinIcon":"uDxCyV","pinTogglerIcon":"_2uBM-S"};
|
|
4302
4334
|
|
|
4303
4335
|
function PinIconButton(props) {
|
|
4304
4336
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4357,7 +4389,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4357
4389
|
};
|
|
4358
4390
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
4359
4391
|
|
|
4360
|
-
var styles = {"uui-typography":"
|
|
4392
|
+
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"};
|
|
4361
4393
|
|
|
4362
4394
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4363
4395
|
const { column } = props;
|
|
@@ -4466,7 +4498,7 @@ function SubGroup(props) {
|
|
|
4466
4498
|
return null;
|
|
4467
4499
|
}
|
|
4468
4500
|
|
|
4469
|
-
var css$i = {"listContainer":"
|
|
4501
|
+
var css$i = {"listContainer":"-oRSGt","header":"GNaB-h","group":"f0An1X","stickyHeader":"VkBcZo"};
|
|
4470
4502
|
|
|
4471
4503
|
const getChildrenAndRest = (row, rows) => {
|
|
4472
4504
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4532,7 +4564,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4532
4564
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4533
4565
|
ref: ref
|
|
4534
4566
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4535
|
-
clipPath: "url(#
|
|
4567
|
+
clipPath: "url(#ec1iu0xsvfmtmttbq_a)"
|
|
4536
4568
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4537
4569
|
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",
|
|
4538
4570
|
fill: "#F5F6FA"
|
|
@@ -4553,7 +4585,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4553
4585
|
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",
|
|
4554
4586
|
fill: "#1D1E26"
|
|
4555
4587
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4556
|
-
id: "
|
|
4588
|
+
id: "ec1iu045t7ure16b5_b",
|
|
4557
4589
|
style: {
|
|
4558
4590
|
maskType: "alpha"
|
|
4559
4591
|
},
|
|
@@ -4566,7 +4598,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4566
4598
|
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",
|
|
4567
4599
|
fill: "#9BDEFF"
|
|
4568
4600
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4569
|
-
mask: "url(#
|
|
4601
|
+
mask: "url(#ec1iu045t7ure16b5_b)",
|
|
4570
4602
|
fillRule: "evenodd",
|
|
4571
4603
|
clipRule: "evenodd"
|
|
4572
4604
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4652,7 +4684,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4652
4684
|
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",
|
|
4653
4685
|
fill: "#fff"
|
|
4654
4686
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4655
|
-
id: "
|
|
4687
|
+
id: "ec1iu0xsvfmtmttbq_a"
|
|
4656
4688
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4657
4689
|
fill: "#fff",
|
|
4658
4690
|
transform: "translate(.552)",
|
|
@@ -4661,7 +4693,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4661
4693
|
};
|
|
4662
4694
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4663
4695
|
|
|
4664
|
-
var css$h = {"sticky-header":"
|
|
4696
|
+
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"};
|
|
4665
4697
|
|
|
4666
4698
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4667
4699
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4714,9 +4746,9 @@ function DataTable(props) {
|
|
|
4714
4746
|
} }))));
|
|
4715
4747
|
}
|
|
4716
4748
|
|
|
4717
|
-
var css$g = {"root":"
|
|
4749
|
+
var css$g = {"root":"iRyQPw"};
|
|
4718
4750
|
|
|
4719
|
-
var css$f = {"root":"
|
|
4751
|
+
var css$f = {"root":"XFfnJT","burger-content":"iCwwLb","burgerContent":"iCwwLb"};
|
|
4720
4752
|
|
|
4721
4753
|
var _path$3;
|
|
4722
4754
|
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); }
|
|
@@ -4759,7 +4791,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4759
4791
|
};
|
|
4760
4792
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4761
4793
|
|
|
4762
|
-
var css$e = {"uui-typography":"
|
|
4794
|
+
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"};
|
|
4763
4795
|
|
|
4764
4796
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
4765
4797
|
css$e.root,
|
|
@@ -4770,13 +4802,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
4770
4802
|
props.icon && css$e.hasIcon,
|
|
4771
4803
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4772
4804
|
|
|
4773
|
-
var css$d = {"search-input":"
|
|
4805
|
+
var css$d = {"search-input":"W4zbG8","searchInput":"W4zbG8"};
|
|
4774
4806
|
|
|
4775
4807
|
function BurgerSearch(props) {
|
|
4776
4808
|
return (React.createElement(TextInput$1, { cx: cx(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 }));
|
|
4777
4809
|
}
|
|
4778
4810
|
|
|
4779
|
-
var css$c = {"root":"
|
|
4811
|
+
var css$c = {"root":"neQehg","group-header":"QjE70n","group-name":"QoV-Y2","line":"Imc2IN","groupHeader":"QjE70n","groupName":"QoV-Y2"};
|
|
4780
4812
|
|
|
4781
4813
|
function BurgerGroupHeader(props) {
|
|
4782
4814
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4784,7 +4816,7 @@ function BurgerGroupHeader(props) {
|
|
|
4784
4816
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4785
4817
|
}
|
|
4786
4818
|
|
|
4787
|
-
var css$b = {"uui-typography":"
|
|
4819
|
+
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"};
|
|
4788
4820
|
|
|
4789
4821
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4790
4822
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4800,7 +4832,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4800
4832
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4801
4833
|
});
|
|
4802
4834
|
|
|
4803
|
-
var css$a = {"dropdown-body":"
|
|
4835
|
+
var css$a = {"dropdown-body":"G9ourU","dropdownBody":"G9ourU"};
|
|
4804
4836
|
|
|
4805
4837
|
class MainMenuDropdown extends React.Component {
|
|
4806
4838
|
render() {
|
|
@@ -4855,12 +4887,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4855
4887
|
};
|
|
4856
4888
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4857
4889
|
|
|
4858
|
-
var css$9 = {"global-menu-btn":"
|
|
4890
|
+
var css$9 = {"global-menu-btn":"_78gdNJ","global-menu-icon":"e5MXcT","globalMenuBtn":"_78gdNJ","globalMenuIcon":"e5MXcT"};
|
|
4859
4891
|
|
|
4860
4892
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4861
4893
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4862
4894
|
|
|
4863
|
-
var css$8 = {"container":"
|
|
4895
|
+
var css$8 = {"container":"_8OJkAa","open":"il1Lkz"};
|
|
4864
4896
|
|
|
4865
4897
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4866
4898
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4868,18 +4900,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
4868
4900
|
props.isDropdown && (React.createElement("div", null,
|
|
4869
4901
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4870
4902
|
|
|
4871
|
-
var css$7 = {"search-input":"
|
|
4903
|
+
var css$7 = {"search-input":"_0-JdNc","searchInput":"_0-JdNc"};
|
|
4872
4904
|
|
|
4873
4905
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4874
4906
|
var _a;
|
|
4875
4907
|
return (React.createElement(TextInput$1, 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: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4876
4908
|
} }))));
|
|
4877
4909
|
|
|
4878
|
-
var css$6 = {"container":"
|
|
4910
|
+
var css$6 = {"container":"wraXmE"};
|
|
4879
4911
|
|
|
4880
4912
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
|
|
4881
4913
|
|
|
4882
|
-
var css$5 = {"root":"
|
|
4914
|
+
var css$5 = {"root":"HhUSt4"};
|
|
4883
4915
|
|
|
4884
4916
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
4885
4917
|
|
|
@@ -4937,7 +4969,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4937
4969
|
};
|
|
4938
4970
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
4939
4971
|
|
|
4940
|
-
var css$4 = {"root":"
|
|
4972
|
+
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"};
|
|
4941
4973
|
|
|
4942
4974
|
function DropSpot(props) {
|
|
4943
4975
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4955,9 +4987,9 @@ function DropSpot(props) {
|
|
|
4955
4987
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4956
4988
|
}
|
|
4957
4989
|
|
|
4958
|
-
var css$3 = {"uui-typography":"
|
|
4990
|
+
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"};
|
|
4959
4991
|
|
|
4960
|
-
var css$2 = {"root":"
|
|
4992
|
+
var css$2 = {"root":"yiFvv8"};
|
|
4961
4993
|
|
|
4962
4994
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4963
4995
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5082,7 +5114,7 @@ const getErrorPageConfig = () => ({
|
|
|
5082
5114
|
},
|
|
5083
5115
|
});
|
|
5084
5116
|
|
|
5085
|
-
var css$1 = {"container":"
|
|
5117
|
+
var css$1 = {"container":"h3yn2d"};
|
|
5086
5118
|
|
|
5087
5119
|
const ErrorPage = (props) => {
|
|
5088
5120
|
const isMobileScreen = isMobile();
|
|
@@ -5093,7 +5125,7 @@ const ErrorPage = (props) => {
|
|
|
5093
5125
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5094
5126
|
};
|
|
5095
5127
|
|
|
5096
|
-
var css = {"recovery-spinner":"
|
|
5128
|
+
var css = {"recovery-spinner":"e8Bc4I","recovery-message":"BB6Ize","modal-blocker":"_2d-UrS","modalFadeIn":"_4LXGl4","recoverySpinner":"e8Bc4I","recoveryMessage":"BB6Ize","modalBlocker":"_2d-UrS"};
|
|
5097
5129
|
|
|
5098
5130
|
function ErrorHandler(props) {
|
|
5099
5131
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|