@epam/uui 5.8.1 → 5.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/effects.scss +2 -2
- package/assets/styles/inputs.scss +0 -4
- package/components/buttons/Button.d.ts +3 -6
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +3 -7
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +5 -12
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +3 -12
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +1 -9
- package/components/buttons/VerticalTabButton.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/DatePickerHeader.d.ts.map +1 -1
- 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/FiltersPanel.d.ts +8 -4
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/inputs/Checkbox.d.ts +3 -2
- package/components/inputs/Checkbox.d.ts.map +1 -1
- package/components/inputs/NumericInput.d.ts +3 -2
- package/components/inputs/NumericInput.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/Switch.d.ts +3 -2
- package/components/inputs/Switch.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts +3 -2
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/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 +3 -2
- package/components/layout/LabeledInput.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +1 -1
- package/components/overlays/Modals.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts +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/DataPickerHeader.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/MobileDropdownWrapper.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 +8 -2
- package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
- package/components/pickers/highlight.d.ts +1 -0
- package/components/pickers/highlight.d.ts.map +1 -1
- package/components/pickers/types.d.ts +2 -0
- package/components/pickers/types.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/DataRowsGroups.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/utils.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts +3 -2
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +5 -16
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +8 -26
- package/components/widgets/Tag.d.ts.map +1 -1
- package/helpers/textLayout.d.ts.map +1 -1
- package/helpers/useColumnsWithFilters.d.ts +1 -1
- package/helpers/useColumnsWithFilters.d.ts.map +1 -1
- package/icons/icons.d.ts +1 -0
- package/icons/icons.d.ts.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.esm.js +438 -333
- package/index.esm.js.map +1 -1
- package/index.js +437 -331
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +6 -1
- package/settings.d.ts +193 -0
- package/settings.d.ts.map +1 -0
- package/stats.html +1 -19
- package/styles.css +2965 -3557
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -314,16 +314,187 @@ const systemIcons = {
|
|
|
314
314
|
info: ForwardRef$L,
|
|
315
315
|
};
|
|
316
316
|
|
|
317
|
-
|
|
317
|
+
const settings = {
|
|
318
|
+
sizes: {
|
|
319
|
+
defaults: {
|
|
320
|
+
button: '36',
|
|
321
|
+
checkbox: '18',
|
|
322
|
+
countIndicator: '24',
|
|
323
|
+
dataPickerCell: '36',
|
|
324
|
+
linkButton: '36',
|
|
325
|
+
numericInput: '36',
|
|
326
|
+
pickerToggler: '36',
|
|
327
|
+
pickerItem: '36',
|
|
328
|
+
radioInput: '18',
|
|
329
|
+
switch: '18',
|
|
330
|
+
tabButton: '48',
|
|
331
|
+
tag: '36',
|
|
332
|
+
text: '36',
|
|
333
|
+
textInput: '36',
|
|
334
|
+
rangeDatePicker: '36',
|
|
335
|
+
datePicker: '36',
|
|
336
|
+
},
|
|
337
|
+
tag: {
|
|
338
|
+
countIndicator: {
|
|
339
|
+
18: '12',
|
|
340
|
+
24: '18',
|
|
341
|
+
30: '18',
|
|
342
|
+
36: '18',
|
|
343
|
+
42: '24',
|
|
344
|
+
48: '24',
|
|
345
|
+
},
|
|
346
|
+
},
|
|
347
|
+
mobileDropdownWrapper: {
|
|
348
|
+
linkButton: '48',
|
|
349
|
+
},
|
|
350
|
+
pickerInput: {
|
|
351
|
+
height: 300,
|
|
352
|
+
width: 360,
|
|
353
|
+
rowSize: {
|
|
354
|
+
mobile: '48',
|
|
355
|
+
modal: '36',
|
|
356
|
+
padding: {
|
|
357
|
+
modal: '24',
|
|
358
|
+
default: '12',
|
|
359
|
+
},
|
|
360
|
+
},
|
|
361
|
+
},
|
|
362
|
+
pickerToggler: {
|
|
363
|
+
tag: {
|
|
364
|
+
24: '18',
|
|
365
|
+
30: '24',
|
|
366
|
+
36: '30',
|
|
367
|
+
42: '36',
|
|
368
|
+
48: '42',
|
|
369
|
+
60: '48',
|
|
370
|
+
},
|
|
371
|
+
},
|
|
372
|
+
dataPickerHeader: {
|
|
373
|
+
text: {
|
|
374
|
+
fontWeight: '600',
|
|
375
|
+
size: '48',
|
|
376
|
+
},
|
|
377
|
+
},
|
|
378
|
+
dataPickerBody: {
|
|
379
|
+
flexCell: {
|
|
380
|
+
default: '36',
|
|
381
|
+
},
|
|
382
|
+
searchInput: {
|
|
383
|
+
mobile: '48',
|
|
384
|
+
},
|
|
385
|
+
},
|
|
386
|
+
pickerItem: {
|
|
387
|
+
avatar: {
|
|
388
|
+
rest: {
|
|
389
|
+
24: '18',
|
|
390
|
+
30: '24',
|
|
391
|
+
36: '30',
|
|
392
|
+
42: '36',
|
|
393
|
+
48: '36', // no design
|
|
394
|
+
},
|
|
395
|
+
multiline: {
|
|
396
|
+
24: '30',
|
|
397
|
+
30: '30',
|
|
398
|
+
36: '36',
|
|
399
|
+
42: '42',
|
|
400
|
+
48: '48', // no design
|
|
401
|
+
},
|
|
402
|
+
},
|
|
403
|
+
},
|
|
404
|
+
dataPickerCell: {
|
|
405
|
+
isBoldIcon: {
|
|
406
|
+
24: true,
|
|
407
|
+
},
|
|
408
|
+
padding: {
|
|
409
|
+
default: '12',
|
|
410
|
+
},
|
|
411
|
+
paddingLeft: {
|
|
412
|
+
default: '24',
|
|
413
|
+
},
|
|
414
|
+
text: {
|
|
415
|
+
24: '24',
|
|
416
|
+
30: '30',
|
|
417
|
+
36: '36',
|
|
418
|
+
42: '42',
|
|
419
|
+
48: '48',
|
|
420
|
+
60: '48',
|
|
421
|
+
},
|
|
422
|
+
},
|
|
423
|
+
dataPickerRow: {
|
|
424
|
+
padding: {
|
|
425
|
+
default: '24',
|
|
426
|
+
},
|
|
427
|
+
dataPickerCell: {
|
|
428
|
+
default: '36',
|
|
429
|
+
},
|
|
430
|
+
},
|
|
431
|
+
dataPickerFooter: {
|
|
432
|
+
flexRowPadding: '12',
|
|
433
|
+
switch: {
|
|
434
|
+
24: '12',
|
|
435
|
+
30: '18',
|
|
436
|
+
36: '18',
|
|
437
|
+
42: '24',
|
|
438
|
+
48: '24',
|
|
439
|
+
},
|
|
440
|
+
linkButton: {
|
|
441
|
+
24: '24',
|
|
442
|
+
30: '30',
|
|
443
|
+
36: '36',
|
|
444
|
+
42: '42',
|
|
445
|
+
48: '48',
|
|
446
|
+
mobile: '48',
|
|
447
|
+
},
|
|
448
|
+
},
|
|
449
|
+
rowAddons: {
|
|
450
|
+
checkbox: {
|
|
451
|
+
24: '12',
|
|
452
|
+
30: '18',
|
|
453
|
+
36: '18',
|
|
454
|
+
42: '18',
|
|
455
|
+
48: '18',
|
|
456
|
+
60: '18',
|
|
457
|
+
},
|
|
458
|
+
indentUnit: {
|
|
459
|
+
24: 6,
|
|
460
|
+
30: 12,
|
|
461
|
+
36: 12,
|
|
462
|
+
42: 24,
|
|
463
|
+
48: 24,
|
|
464
|
+
60: 24,
|
|
465
|
+
default: 24,
|
|
466
|
+
},
|
|
467
|
+
indentWidth: {
|
|
468
|
+
24: 12,
|
|
469
|
+
30: 18,
|
|
470
|
+
36: 18,
|
|
471
|
+
42: 24,
|
|
472
|
+
48: 24,
|
|
473
|
+
60: 24,
|
|
474
|
+
default: 12,
|
|
475
|
+
},
|
|
476
|
+
},
|
|
477
|
+
text: {
|
|
478
|
+
18: { lineHeight: 12, fontSize: 10 },
|
|
479
|
+
24: { lineHeight: 18, fontSize: 12 },
|
|
480
|
+
30: { lineHeight: 18, fontSize: 14 },
|
|
481
|
+
36: { lineHeight: 18, fontSize: 14 },
|
|
482
|
+
42: { lineHeight: 24, fontSize: 16 },
|
|
483
|
+
48: { lineHeight: 24, fontSize: 16 },
|
|
484
|
+
60: { lineHeight: 30, fontSize: 24 },
|
|
485
|
+
},
|
|
486
|
+
},
|
|
487
|
+
};
|
|
488
|
+
|
|
489
|
+
var css$1s = {"uui-typography":"ld8rtn","hero-header":"H5P0eY","promo-header":"coXgkD","uui-critical":"-z-8xi","uui-info":"N4nSXY","uui-success":"_8pw9ry","uui-warning":"F1QbVh","uui-highlight":"fuIDUL","uui-typography-size-12":"O9Ei-t","uui-typography-size-14":"yKFPf9","uui-typography-size-16":"_6OsXeH","root":"uDhGA1","uuiTypography":"ld8rtn","heroHeader":"H5P0eY","promoHeader":"coXgkD","uuiCritical":"-z-8xi","uuiInfo":"N4nSXY","uuiSuccess":"_8pw9ry","uuiWarning":"F1QbVh","uuiHighlight":"fuIDUL","uuiTypographySize12":"O9Ei-t","uuiTypographySize14":"yKFPf9","uuiTypographySize16":"_6OsXeH"};
|
|
318
490
|
|
|
319
|
-
const DEFAULT_SIZE$8 = '36';
|
|
320
491
|
function applyButtonMods(mods) {
|
|
321
492
|
return [
|
|
322
493
|
css$1s.root,
|
|
323
494
|
'uui-button',
|
|
324
495
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
325
496
|
`uui-color-${mods.color || 'primary'}`,
|
|
326
|
-
`uui-size-${mods.size ||
|
|
497
|
+
`uui-size-${mods.size || settings.sizes.defaults.button}`,
|
|
327
498
|
];
|
|
328
499
|
}
|
|
329
500
|
const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button, applyButtonMods, () => {
|
|
@@ -333,7 +504,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
333
504
|
};
|
|
334
505
|
});
|
|
335
506
|
|
|
336
|
-
var css$1r = {"root":"
|
|
507
|
+
var css$1r = {"root":"F68pSy"};
|
|
337
508
|
|
|
338
509
|
function applyIconButtonMods(props) {
|
|
339
510
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -350,7 +521,6 @@ const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Icon
|
|
|
350
521
|
}
|
|
351
522
|
return {
|
|
352
523
|
dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
|
|
353
|
-
size: props.size && Number(props.size),
|
|
354
524
|
};
|
|
355
525
|
});
|
|
356
526
|
|
|
@@ -371,15 +541,14 @@ function getIconClass(props) {
|
|
|
371
541
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
372
542
|
}
|
|
373
543
|
|
|
374
|
-
var css$1q = {"uui-typography":"
|
|
544
|
+
var css$1q = {"uui-typography":"hFJIef","hero-header":"VIUAa7","promo-header":"gylDmP","uui-critical":"SZ4R-X","uui-info":"BKG7RR","uui-success":"X76j1W","uui-warning":"DxRZlc","uui-highlight":"RPTkd5","uui-typography-size-12":"DtICEZ","uui-typography-size-14":"b4gopb","uui-typography-size-16":"rQM7Xz","root":"ajngK-","uuiTypography":"hFJIef","heroHeader":"VIUAa7","promoHeader":"gylDmP","uuiCritical":"SZ4R-X","uuiInfo":"BKG7RR","uuiSuccess":"X76j1W","uuiWarning":"DxRZlc","uuiHighlight":"RPTkd5","uuiTypographySize12":"DtICEZ","uuiTypographySize14":"b4gopb","uuiTypographySize16":"rQM7Xz"};
|
|
375
545
|
|
|
376
|
-
const DEFAULT_SIZE$7 = '36';
|
|
377
546
|
const DEFAULT_COLOR = 'primary';
|
|
378
547
|
function applyLinkButtonMods(mods) {
|
|
379
548
|
return [
|
|
380
549
|
'uui-link_button',
|
|
381
550
|
css$1q.root,
|
|
382
|
-
`uui-size-${mods.size ||
|
|
551
|
+
`uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
|
|
383
552
|
...getIconClass(mods),
|
|
384
553
|
`uui-color-${mods.color || DEFAULT_COLOR}`,
|
|
385
554
|
];
|
|
@@ -403,25 +572,25 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
403
572
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
404
573
|
});
|
|
405
574
|
|
|
406
|
-
var css$1p = {"root":"
|
|
575
|
+
var css$1p = {"root":"sp1Ayu"};
|
|
407
576
|
|
|
408
577
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
409
578
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
410
579
|
css$1p.root,
|
|
411
580
|
'uui-count_indicator',
|
|
412
|
-
|
|
581
|
+
`uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
|
|
413
582
|
props.color && `uui-color-${props.color}`,
|
|
414
583
|
props.cx,
|
|
415
584
|
]) }, props.caption));
|
|
416
585
|
});
|
|
417
586
|
|
|
418
|
-
var css$1o = {"uui-typography":"
|
|
587
|
+
var css$1o = {"uui-typography":"uXTdvI","hero-header":"IJmAat","promo-header":"vr-XAu","uui-critical":"mjxb91","uui-info":"_1eKrdY","uui-success":"vFtlNU","uui-warning":"VsmJq8","uui-highlight":"w5EfFa","uui-typography-size-12":"V6xUS7","uui-typography-size-14":"mdA7W8","uui-typography-size-16":"tOv9Gr","root":"_3rpgrD","withNotify":"RkTRVR","uuiTypography":"uXTdvI","heroHeader":"IJmAat","promoHeader":"vr-XAu","uuiCritical":"mjxb91","uuiInfo":"_1eKrdY","uuiSuccess":"vFtlNU","uuiWarning":"VsmJq8","uuiHighlight":"w5EfFa","uuiTypographySize12":"V6xUS7","uuiTypographySize14":"mdA7W8","uuiTypographySize16":"tOv9Gr"};
|
|
419
588
|
|
|
420
589
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
421
590
|
const styles = [
|
|
422
591
|
css$1o.root,
|
|
423
592
|
'uui-tab-button',
|
|
424
|
-
|
|
593
|
+
`uui-size-${props.size || settings.sizes.defaults.tabButton}`,
|
|
425
594
|
props.withNotify && css$1o.withNotify,
|
|
426
595
|
...getIconClass(props),
|
|
427
596
|
props.cx,
|
|
@@ -430,14 +599,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
430
599
|
const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
|
|
431
600
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
432
601
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
433
|
-
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption
|
|
434
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color:
|
|
602
|
+
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
|
|
603
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
|
|
435
604
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
436
605
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
437
606
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
438
607
|
});
|
|
439
608
|
|
|
440
|
-
var css$1n = {"uui-typography":"
|
|
609
|
+
var css$1n = {"uui-typography":"yOf2Q6","hero-header":"EU-RVc","promo-header":"_6ArztN","uui-critical":"EItrsX","uui-info":"d0DXMc","uui-success":"_9QsShS","uui-warning":"_5DAN2R","uui-highlight":"sJYu8a","uui-typography-size-12":"AAIWuM","uui-typography-size-14":"ERAFSD","uui-typography-size-16":"loYJEF","root":"_5JbrAf","uuiTypography":"yOf2Q6","heroHeader":"EU-RVc","promoHeader":"_6ArztN","uuiCritical":"EItrsX","uuiInfo":"d0DXMc","uuiSuccess":"_9QsShS","uuiWarning":"_5DAN2R","uuiHighlight":"sJYu8a","uuiTypographySize12":"AAIWuM","uuiTypographySize14":"ERAFSD","uuiTypographySize16":"loYJEF"};
|
|
441
610
|
|
|
442
611
|
function applyVerticalTabButtonMods() {
|
|
443
612
|
return [css$1n.root];
|
|
@@ -459,12 +628,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
459
628
|
};
|
|
460
629
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
461
630
|
|
|
462
|
-
var css$1m = {"uui-typography":"
|
|
631
|
+
var css$1m = {"uui-typography":"LrllBd","hero-header":"a7VigR","promo-header":"fSL2M8","uui-critical":"ktemsX","uui-info":"opYXMn","uui-success":"qDH7cI","uui-warning":"NxG3aW","uui-highlight":"LukO4n","uui-typography-size-12":"SsLLAL","uui-typography-size-14":"n52cvF","uui-typography-size-16":"_5oElyx","root":"BliEJO","mode-cell":"uXQ9tQ","uuiTypography":"LrllBd","heroHeader":"a7VigR","promoHeader":"fSL2M8","uuiCritical":"ktemsX","uuiInfo":"opYXMn","uuiSuccess":"qDH7cI","uuiWarning":"NxG3aW","uuiHighlight":"LukO4n","uuiTypographySize12":"SsLLAL","uuiTypographySize14":"n52cvF","uuiTypographySize16":"_5oElyx","modeCell":"uXQ9tQ"};
|
|
463
632
|
|
|
464
633
|
function applyCheckboxMods(mods) {
|
|
465
634
|
return [
|
|
466
635
|
css$1m.root,
|
|
467
|
-
|
|
636
|
+
`uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
|
|
468
637
|
css$1m['mode-' + (mods.mode || 'form')],
|
|
469
638
|
'uui-color-primary',
|
|
470
639
|
];
|
|
@@ -479,8 +648,6 @@ const applyUUICheckboxProps = (props) => {
|
|
|
479
648
|
};
|
|
480
649
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
481
650
|
|
|
482
|
-
var css$1l = {"uui-typography":"_7R0jjV","hero-header":"d78dAh","promo-header":"DwzoS-","uui-critical":"O6RJqn","uui-info":"_2ntH2f","uui-success":"BEQ-hZ","uui-warning":"i9ALqx","uui-highlight":"_70hDuG","uui-typography-size-12":"hpkc1P","uui-typography-size-14":"xUyQUh","uui-typography-size-16":"VQhXYY","root":"_2YQlTt","size-18":"EB22NN","size-12":"L20e7v","uuiTypography":"_7R0jjV","heroHeader":"d78dAh","promoHeader":"DwzoS-","uuiCritical":"O6RJqn","uuiInfo":"_2ntH2f","uuiSuccess":"BEQ-hZ","uuiWarning":"i9ALqx","uuiHighlight":"_70hDuG","uuiTypographySize12":"hpkc1P","uuiTypographySize14":"xUyQUh","uuiTypographySize16":"VQhXYY","size18":"EB22NN","size12":"L20e7v"};
|
|
483
|
-
|
|
484
651
|
var _path$A;
|
|
485
652
|
function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
|
|
486
653
|
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
@@ -496,21 +663,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
496
663
|
};
|
|
497
664
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
498
665
|
|
|
666
|
+
var css$1l = {"uui-typography":"qVY5g8","hero-header":"XJcDdZ","promo-header":"YFkpng","uui-critical":"Ik3yZi","uui-info":"Lj3WFm","uui-success":"tWHloI","uui-warning":"aHLVVk","uui-highlight":"Z189yi","uui-typography-size-12":"Q0cAtS","uui-typography-size-14":"iB6dBl","uui-typography-size-16":"Gkbwsp","root":"JLDNGD","uuiTypography":"qVY5g8","heroHeader":"XJcDdZ","promoHeader":"YFkpng","uuiCritical":"Ik3yZi","uuiInfo":"Lj3WFm","uuiSuccess":"tWHloI","uuiWarning":"aHLVVk","uuiHighlight":"Z189yi","uuiTypographySize12":"Q0cAtS","uuiTypographySize14":"iB6dBl","uuiTypographySize16":"Gkbwsp"};
|
|
667
|
+
|
|
499
668
|
function applyRadioInputMods(mods) {
|
|
500
669
|
return [
|
|
501
670
|
css$1l.root,
|
|
502
|
-
|
|
671
|
+
`uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
|
|
503
672
|
'uui-radio-input-container',
|
|
504
673
|
'uui-color-primary',
|
|
505
674
|
];
|
|
506
675
|
}
|
|
507
676
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
508
677
|
|
|
509
|
-
var css$1k = {"root":"
|
|
678
|
+
var css$1k = {"root":"bZvSg8"};
|
|
510
679
|
|
|
511
680
|
function applySwitchMods(mods) {
|
|
512
681
|
return [
|
|
513
|
-
css$1k.root,
|
|
682
|
+
css$1k.root,
|
|
683
|
+
`uui-size-${mods.size || settings.sizes.defaults.switch}`,
|
|
684
|
+
'uui-color-primary',
|
|
514
685
|
];
|
|
515
686
|
}
|
|
516
687
|
const Switch = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Switch, applySwitchMods);
|
|
@@ -572,14 +743,13 @@ var EditMode;
|
|
|
572
743
|
EditMode["INLINE"] = "inline";
|
|
573
744
|
})(EditMode || (EditMode = {}));
|
|
574
745
|
|
|
575
|
-
var textInputCss = {"uui-typography":"
|
|
746
|
+
var textInputCss = {"uui-typography":"BDieXP","hero-header":"sxjgyf","promo-header":"Bb-9U7","uui-critical":"Mcd18r","uui-info":"abvCOZ","uui-success":"_9fs8qv","uui-warning":"QmKfcL","uui-highlight":"_8OzzlG","uui-typography-size-12":"Xw4U2v","uui-typography-size-14":"O9IOO7","uui-typography-size-16":"dnuuH2","root":"D-EgvO","mode-form":"fDb-xU","mode-inline":"_9OlmhC","mode-cell":"yTP4fT","uuiTypography":"BDieXP","heroHeader":"sxjgyf","promoHeader":"Bb-9U7","uuiCritical":"Mcd18r","uuiInfo":"abvCOZ","uuiSuccess":"_9fs8qv","uuiWarning":"QmKfcL","uuiHighlight":"_8OzzlG","uuiTypographySize12":"Xw4U2v","uuiTypographySize14":"O9IOO7","uuiTypographySize16":"dnuuH2","modeForm":"fDb-xU","modeInline":"_9OlmhC","modeCell":"yTP4fT"};
|
|
576
747
|
|
|
577
|
-
const DEFAULT_SIZE$6 = '36';
|
|
578
748
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
579
749
|
function applyTextInputMods(mods) {
|
|
580
750
|
return [
|
|
581
751
|
textInputCss.root,
|
|
582
|
-
|
|
752
|
+
`uui-size-${mods.size || settings.sizes.defaults.textInput}`,
|
|
583
753
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
|
|
584
754
|
];
|
|
585
755
|
}
|
|
@@ -599,7 +769,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
599
769
|
} })));
|
|
600
770
|
});
|
|
601
771
|
|
|
602
|
-
var css$1j = {"root":"
|
|
772
|
+
var css$1j = {"root":"POlyAL"};
|
|
603
773
|
|
|
604
774
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
|
|
605
775
|
|
|
@@ -608,16 +778,14 @@ function MultiSwitchComponent(props, ref) {
|
|
|
608
778
|
}
|
|
609
779
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
610
780
|
|
|
611
|
-
var css$1i = {"uui-typography":"
|
|
781
|
+
var css$1i = {"uui-typography":"b-2ec6","hero-header":"L-DNHF","promo-header":"bT5sJk","uui-critical":"GwhCRw","uui-info":"HToS-H","uui-success":"Gd1LHH","uui-warning":"kI6aqz","uui-highlight":"IPVNSb","uui-typography-size-12":"A09BUu","uui-typography-size-14":"tg7yJE","uui-typography-size-16":"DQjr4U","root":"DGB71W","mode-form":"_5aF7lb","mode-cell":"_9S-m3y","uuiTypography":"b-2ec6","heroHeader":"L-DNHF","promoHeader":"bT5sJk","uuiCritical":"GwhCRw","uuiInfo":"HToS-H","uuiSuccess":"Gd1LHH","uuiWarning":"kI6aqz","uuiHighlight":"IPVNSb","uuiTypographySize12":"A09BUu","uuiTypographySize14":"tg7yJE","uuiTypographySize16":"DQjr4U","modeForm":"_5aF7lb","modeCell":"_9S-m3y"};
|
|
612
782
|
|
|
613
|
-
const DEFAULT_SIZE$5 = '36';
|
|
614
783
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
615
784
|
function applyNumericInputMods(mods) {
|
|
616
785
|
return [
|
|
617
786
|
textInputCss.root,
|
|
618
787
|
css$1i.root,
|
|
619
|
-
|
|
620
|
-
textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
788
|
+
`uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
|
|
621
789
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
|
|
622
790
|
];
|
|
623
791
|
}
|
|
@@ -631,21 +799,20 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
631
799
|
};
|
|
632
800
|
});
|
|
633
801
|
|
|
634
|
-
var css$1h = {"uui-typography":"
|
|
802
|
+
var css$1h = {"uui-typography":"bgpj9K","hero-header":"oUKCQk","promo-header":"tKVeeT","uui-critical":"aHsX4g","uui-info":"-lxJpQ","uui-success":"apS7XP","uui-warning":"_0nsOc-","uui-highlight":"Wdpz-8","uui-typography-size-12":"ujHdcE","uui-typography-size-14":"Mrku9Y","uui-typography-size-16":"bnkCgA","root":"ZtaLYc","mode-form":"_1kNhbR","mode-cell":"lLzvOZ","mode-inline":"_2WNKed","size-24":"JoJql6","size-30":"ixUr0v","size-36":"_3pUOFW","size-42":"GWY9GO","size-48":"VlKjHe","uuiTypography":"bgpj9K","heroHeader":"oUKCQk","promoHeader":"tKVeeT","uuiCritical":"aHsX4g","uuiInfo":"-lxJpQ","uuiSuccess":"apS7XP","uuiWarning":"_0nsOc-","uuiHighlight":"Wdpz-8","uuiTypographySize12":"ujHdcE","uuiTypographySize14":"Mrku9Y","uuiTypographySize16":"bnkCgA","modeForm":"_1kNhbR","modeCell":"lLzvOZ","modeInline":"_2WNKed","size24":"JoJql6","size30":"ixUr0v","size36":"_3pUOFW","size42":"GWY9GO","size48":"VlKjHe"};
|
|
635
803
|
|
|
636
|
-
const DEFAULT_SIZE$
|
|
804
|
+
const DEFAULT_SIZE$3 = '36';
|
|
637
805
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
638
806
|
function applyTextAreaMods(mods) {
|
|
639
807
|
return [
|
|
640
808
|
css$1h.root,
|
|
641
|
-
css$1h['size-' + (mods.size || DEFAULT_SIZE$
|
|
809
|
+
css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
|
|
642
810
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
643
811
|
];
|
|
644
812
|
}
|
|
645
813
|
const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
|
|
646
814
|
return {
|
|
647
815
|
autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
|
|
648
|
-
maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
|
|
649
816
|
};
|
|
650
817
|
});
|
|
651
818
|
|
|
@@ -733,7 +900,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
733
900
|
};
|
|
734
901
|
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
735
902
|
|
|
736
|
-
var css$1g = {"uui-typography":"
|
|
903
|
+
var css$1g = {"uui-typography":"mD2F4V","hero-header":"_9PeOlW","promo-header":"okPukj","uui-critical":"jDXVMK","uui-info":"Vi6ciD","uui-success":"_5TMAUJ","uui-warning":"_7wGRzM","uui-highlight":"mfXTAc","uui-typography-size-12":"SBZ--v","uui-typography-size-14":"naXJlJ","uui-typography-size-16":"E4mL-P","root":"zqwWms","icon-wrapper":"_8l4Rj9","alert-wrapper":"juUWKq","size-48":"lcRR2c","size-36":"DI-dMB","action-wrapper":"EQ-1Xl","action-icon":"NnHKMQ","action-link":"-yPQWq","close-icon":"aR8bAy","main-path":"vehcvf","content":"_2r22hd","uuiTypography":"mD2F4V","heroHeader":"_9PeOlW","promoHeader":"okPukj","uuiCritical":"jDXVMK","uuiInfo":"Vi6ciD","uuiSuccess":"_5TMAUJ","uuiWarning":"_7wGRzM","uuiHighlight":"mfXTAc","uuiTypographySize12":"SBZ--v","uuiTypographySize14":"naXJlJ","uuiTypographySize16":"E4mL-P","iconWrapper":"_8l4Rj9","alertWrapper":"juUWKq","size48":"lcRR2c","size36":"DI-dMB","actionWrapper":"EQ-1Xl","actionIcon":"NnHKMQ","actionLink":"-yPQWq","closeIcon":"aR8bAy","mainPath":"vehcvf"};
|
|
737
904
|
|
|
738
905
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
739
906
|
React__namespace.createElement("div", { className: css$1g.mainPath },
|
|
@@ -750,7 +917,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
750
917
|
|
|
751
918
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
752
919
|
|
|
753
|
-
var css$1f = {"root":"
|
|
920
|
+
var css$1f = {"root":"Sp3ZzV"};
|
|
754
921
|
|
|
755
922
|
function applyDropdownContainerMods(mods) {
|
|
756
923
|
return [
|
|
@@ -761,7 +928,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
761
928
|
}
|
|
762
929
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
763
930
|
|
|
764
|
-
var css$1e = {"uui-typography":"
|
|
931
|
+
var css$1e = {"uui-typography":"woop3H","hero-header":"fmCz04","promo-header":"cGXH6X","uui-critical":"_7WrJ-c","uui-info":"K80tZ4","uui-success":"CCLtPn","uui-warning":"pkRxb0","uui-highlight":"KufE25","uui-typography-size-12":"SL2APC","uui-typography-size-14":"_3QCMf5","uui-typography-size-16":"w7NL6D","submenu-root-item":"-I7u-D","icon-after":"Mag4Zs","icon-check":"cYpE80","splitter-root":"hMYMyr","splitter":"q1OV-9","header-root":"amrGxS","item-root":"PDGJA7","icon":"rWRhy-","link":"THdAwf","indent":"xquR-o","selected-mark":"yiUoRe","uuiTypography":"woop3H","heroHeader":"fmCz04","promoHeader":"cGXH6X","uuiCritical":"_7WrJ-c","uuiInfo":"K80tZ4","uuiSuccess":"CCLtPn","uuiWarning":"pkRxb0","uuiHighlight":"KufE25","uuiTypographySize12":"SL2APC","uuiTypographySize14":"_3QCMf5","uuiTypographySize16":"w7NL6D","submenuRootItem":"-I7u-D","iconAfter":"Mag4Zs","iconCheck":"cYpE80","splitterRoot":"hMYMyr","headerRoot":"amrGxS","itemRoot":"PDGJA7","selectedMark":"yiUoRe"};
|
|
765
932
|
|
|
766
933
|
exports.IDropdownControlKeys = void 0;
|
|
767
934
|
(function (IDropdownControlKeys) {
|
|
@@ -856,7 +1023,8 @@ function DropdownSubMenu(props) {
|
|
|
856
1023
|
name: 'offset',
|
|
857
1024
|
options: {
|
|
858
1025
|
offset: ({ placement }) => {
|
|
859
|
-
if (placement === 'right-start'
|
|
1026
|
+
if (placement === 'right-start'
|
|
1027
|
+
|| placement === 'left-start') {
|
|
860
1028
|
return [-6, 0];
|
|
861
1029
|
}
|
|
862
1030
|
else {
|
|
@@ -866,7 +1034,8 @@ function DropdownSubMenu(props) {
|
|
|
866
1034
|
},
|
|
867
1035
|
},
|
|
868
1036
|
];
|
|
869
|
-
|
|
1037
|
+
const dir = uuiComponents.useDocumentDir();
|
|
1038
|
+
return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
870
1039
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
871
1040
|
return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
872
1041
|
} }));
|
|
@@ -892,7 +1061,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
892
1061
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
893
1062
|
}
|
|
894
1063
|
|
|
895
|
-
var css$1d = {"uui-typography":"
|
|
1064
|
+
var css$1d = {"uui-typography":"FveBYs","hero-header":"IcrkFS","promo-header":"aua6DV","uui-critical":"_8lGj4W","uui-info":"S3-mBt","uui-success":"Vmdwl1","uui-warning":"YVJWYb","uui-highlight":"_9iqJxW","uui-typography-size-12":"jBEdeh","uui-typography-size-14":"DXcqra","uui-typography-size-16":"hTvlxe","root":"K3Z0q8","mode-block":"_8YHwjE","mode-inline":"xDDW4U","padding-0":"HsgsK8","padding-6":"_0s2rP8","padding-12":"VhdlEW","padding-18":"uNmNDq","uuiTypography":"FveBYs","heroHeader":"IcrkFS","promoHeader":"aua6DV","uuiCritical":"_8lGj4W","uuiInfo":"S3-mBt","uuiSuccess":"Vmdwl1","uuiWarning":"YVJWYb","uuiHighlight":"_9iqJxW","uuiTypographySize12":"jBEdeh","uuiTypographySize14":"DXcqra","uuiTypographySize16":"hTvlxe","modeBlock":"_8YHwjE","modeInline":"xDDW4U","padding0":"HsgsK8","padding6":"_0s2rP8","padding12":"VhdlEW","padding18":"uNmNDq"};
|
|
896
1065
|
|
|
897
1066
|
const getMode = (mode) => {
|
|
898
1067
|
return mode || 'block';
|
|
@@ -908,7 +1077,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
908
1077
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
909
1078
|
}));
|
|
910
1079
|
|
|
911
|
-
var css$1c = {"uui-typography":"
|
|
1080
|
+
var css$1c = {"uui-typography":"XN2dKc","hero-header":"_657qu0","promo-header":"x540cD","uui-critical":"_3iZDgS","uui-info":"UI6rQL","uui-success":"th5Df-","uui-warning":"igHdGp","uui-highlight":"mPaMxV","uui-typography-size-12":"WRvg0U","uui-typography-size-14":"vtCi-Y","uui-typography-size-16":"Xfnkvl","root":"-dGVJG","border-top":"NpmHzx","border-bottom":"c2QZo4","top-shadow":"n8yNrO","size-24":"uw-hi-","size-30":"YkcDgU","size-36":"F2CGkQ","size-42":"GTOw-y","size-48":"uynXTq","padding-6":"bSlTCM","padding-12":"R0jZLu","padding-18":"RZB40m","padding-24":"yceNTJ","margin-24":"PrTBEE","margin-12":"knBEF6","vPadding-12":"Z0ujWd","vPadding-18":"_7PDmoH","vPadding-24":"uZkD6A","vPadding-36":"_1ErRtO","vPadding-48":"IhrMqc","spacing-6":"FGbk-C","spacing-12":"tzKBSQ","spacing-18":"zRKOl7","uui-surface-main":"j4jUlg","uuiTypography":"XN2dKc","heroHeader":"_657qu0","promoHeader":"x540cD","uuiCritical":"_3iZDgS","uuiInfo":"UI6rQL","uuiSuccess":"th5Df-","uuiWarning":"igHdGp","uuiHighlight":"mPaMxV","uuiTypographySize12":"WRvg0U","uuiTypographySize14":"vtCi-Y","uuiTypographySize16":"Xfnkvl","borderTop":"NpmHzx","borderBottom":"c2QZo4","topShadow":"n8yNrO","size24":"uw-hi-","size30":"YkcDgU","size36":"F2CGkQ","size42":"GTOw-y","size48":"uynXTq","padding6":"bSlTCM","padding12":"R0jZLu","padding18":"RZB40m","padding24":"yceNTJ","margin24":"PrTBEE","margin12":"knBEF6","vPadding12":"Z0ujWd","vPadding18":"_7PDmoH","vPadding24":"uZkD6A","vPadding36":"_1ErRtO","vPadding48":"IhrMqc","spacing6":"FGbk-C","spacing12":"tzKBSQ","spacing18":"zRKOl7","uuiSurfaceMain":"j4jUlg"};
|
|
912
1081
|
|
|
913
1082
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
|
|
914
1083
|
|
|
@@ -932,7 +1101,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
932
1101
|
];
|
|
933
1102
|
});
|
|
934
1103
|
|
|
935
|
-
var css$1b = {"root":"
|
|
1104
|
+
var css$1b = {"root":"UQr8nu","margin-24":"_7Zgwa1","padding-12":"_9qqR7v","padding-24":"oKFtJl","shadow":"PHtZYV","uui-surface-main":"E6nrFi","margin24":"_7Zgwa1","padding12":"_9qqR7v","padding24":"oKFtJl","uuiSurfaceMain":"E6nrFi"};
|
|
936
1105
|
|
|
937
1106
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
938
1107
|
'uui-panel',
|
|
@@ -942,7 +1111,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
942
1111
|
props.background && css$1b[`uui-${props.background}`],
|
|
943
1112
|
]);
|
|
944
1113
|
|
|
945
|
-
var css$1a = {"root":"
|
|
1114
|
+
var css$1a = {"root":"JOJyjI"};
|
|
946
1115
|
|
|
947
1116
|
function applyTooltipMods(mods) {
|
|
948
1117
|
return [
|
|
@@ -952,18 +1121,18 @@ function applyTooltipMods(mods) {
|
|
|
952
1121
|
}
|
|
953
1122
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
954
1123
|
|
|
955
|
-
var css$19 = {"uui-typography":"
|
|
1124
|
+
var css$19 = {"uui-typography":"kGc7P6","hero-header":"Pji5be","promo-header":"HPHtGX","uui-critical":"zKLAAP","uui-info":"DMPhIx","uui-success":"U8a-ve","uui-warning":"ECKJHv","uui-highlight":"PuMqwO","uui-typography-size-12":"_9ktqw9","uui-typography-size-14":"fhsTop","uui-typography-size-16":"KpKhgG","root":"_0iQvMW","size-24":"Vb-zHX","size-30":"DkItdg","size-36":"fGgf-V","size-42":"wTkiu5","size-48":"-EewIj","uuiTypography":"kGc7P6","heroHeader":"Pji5be","promoHeader":"HPHtGX","uuiCritical":"zKLAAP","uuiInfo":"DMPhIx","uuiSuccess":"U8a-ve","uuiWarning":"ECKJHv","uuiHighlight":"PuMqwO","uuiTypographySize12":"_9ktqw9","uuiTypographySize14":"fhsTop","uuiTypographySize16":"KpKhgG","size24":"Vb-zHX","size30":"DkItdg","size36":"fGgf-V","size42":"wTkiu5","size48":"-EewIj"};
|
|
956
1125
|
|
|
957
|
-
const DEFAULT_SIZE$
|
|
1126
|
+
const DEFAULT_SIZE$2 = '36';
|
|
958
1127
|
function applyLabeledInputMods(mods) {
|
|
959
|
-
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$
|
|
1128
|
+
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
|
|
960
1129
|
}
|
|
961
1130
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
962
1131
|
Tooltip: props.Tooltip || Tooltip,
|
|
963
1132
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
964
1133
|
}));
|
|
965
1134
|
|
|
966
|
-
var css$18 = {"root":"
|
|
1135
|
+
var css$18 = {"root":"pRmkuc"};
|
|
967
1136
|
|
|
968
1137
|
function RadioGroup(props) {
|
|
969
1138
|
const direction = props.direction || 'vertical';
|
|
@@ -978,7 +1147,7 @@ function RadioGroup(props) {
|
|
|
978
1147
|
})));
|
|
979
1148
|
}
|
|
980
1149
|
|
|
981
|
-
var css$17 = {"root":"
|
|
1150
|
+
var css$17 = {"root":"_3Nsdyu"};
|
|
982
1151
|
|
|
983
1152
|
function applyScrollBarsMods() {
|
|
984
1153
|
return [
|
|
@@ -987,27 +1156,27 @@ function applyScrollBarsMods() {
|
|
|
987
1156
|
}
|
|
988
1157
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
989
1158
|
|
|
990
|
-
var css$16 = {"scroll-container":"
|
|
1159
|
+
var css$16 = {"scroll-container":"OinerQ","list-container":"MtpUcD","scrollContainer":"OinerQ","listContainer":"MtpUcD"};
|
|
991
1160
|
|
|
992
|
-
var css$15 = {"root":"
|
|
1161
|
+
var css$15 = {"root":"iXtWAQ"};
|
|
993
1162
|
|
|
994
1163
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
|
|
995
1164
|
|
|
996
|
-
var css$14 = {"uui-typography":"
|
|
1165
|
+
var css$14 = {"uui-typography":"T2UujR","hero-header":"azZQ4Z","promo-header":"_3CgTW7","uui-critical":"_3Gx58g","uui-info":"CgtI-0","uui-success":"qGmuWY","uui-warning":"aXUlXq","uui-highlight":"VmsLKo","uui-typography-size-12":"bwTuFg","uui-typography-size-14":"xCffrX","uui-typography-size-16":"ECyTyh","root":"JIvAxA","size-18":"pwyaMo","size-24":"zwyU2W","size-30":"mGO8FZ","size-36":"stTc6I","size-42":"ksakSi","size-48":"ZKyuWg","uuiTypography":"T2UujR","heroHeader":"azZQ4Z","promoHeader":"_3CgTW7","uuiCritical":"_3Gx58g","uuiInfo":"CgtI-0","uuiSuccess":"qGmuWY","uuiWarning":"aXUlXq","uuiHighlight":"VmsLKo","uuiTypographySize12":"bwTuFg","uuiTypographySize14":"xCffrX","uuiTypographySize16":"ECyTyh","size18":"pwyaMo","size24":"zwyU2W","size30":"mGO8FZ","size36":"stTc6I","size42":"ksakSi","size48":"ZKyuWg"};
|
|
997
1166
|
|
|
998
|
-
const DEFAULT_SIZE$
|
|
1167
|
+
const DEFAULT_SIZE$1 = '36';
|
|
999
1168
|
const DEFAULT_FILL = 'solid';
|
|
1000
1169
|
function applyBadgeMods(mods) {
|
|
1001
1170
|
return [
|
|
1002
1171
|
'uui-badge',
|
|
1003
1172
|
css$14.root,
|
|
1004
|
-
css$14['size-' + (mods.size || DEFAULT_SIZE$
|
|
1173
|
+
css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
|
|
1005
1174
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1006
1175
|
`uui-color-${mods.color || 'info'}`,
|
|
1007
1176
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1008
1177
|
];
|
|
1009
1178
|
}
|
|
1010
|
-
const mapCountIndicatorSizes
|
|
1179
|
+
const mapCountIndicatorSizes = {
|
|
1011
1180
|
18: '12',
|
|
1012
1181
|
24: '18',
|
|
1013
1182
|
30: '18',
|
|
@@ -1021,26 +1190,17 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1021
1190
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1022
1191
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1023
1192
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1024
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes
|
|
1193
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
1025
1194
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1026
1195
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1027
1196
|
});
|
|
1028
1197
|
|
|
1029
|
-
var css$13 = {"uui-typography":"
|
|
1198
|
+
var css$13 = {"uui-typography":"wmdLNz","hero-header":"PMgqo3","promo-header":"HIA-q8","uui-critical":"FA7h3v","uui-info":"Z4akPK","uui-success":"SYtI69","uui-warning":"Lf1smi","uui-highlight":"uQDRKL","uui-typography-size-12":"lXOX1s","uui-typography-size-14":"r4xT3b","uui-typography-size-16":"LyPNQj","root":"SG-yO6","uuiTypography":"wmdLNz","heroHeader":"PMgqo3","promoHeader":"HIA-q8","uuiCritical":"FA7h3v","uuiInfo":"Z4akPK","uuiSuccess":"SYtI69","uuiWarning":"Lf1smi","uuiHighlight":"uQDRKL","uuiTypographySize12":"lXOX1s","uuiTypographySize14":"r4xT3b","uuiTypographySize16":"LyPNQj"};
|
|
1030
1199
|
|
|
1031
|
-
const DEFAULT_SIZE$1 = '36';
|
|
1032
|
-
const mapCountIndicatorSizes = {
|
|
1033
|
-
18: '12',
|
|
1034
|
-
24: '18',
|
|
1035
|
-
30: '18',
|
|
1036
|
-
36: '18',
|
|
1037
|
-
42: '24',
|
|
1038
|
-
48: '24',
|
|
1039
|
-
};
|
|
1040
1200
|
function applyTagMods(props) {
|
|
1041
1201
|
return [
|
|
1042
|
-
css$13['size-' + (props.size || DEFAULT_SIZE$1)],
|
|
1043
1202
|
css$13.root,
|
|
1203
|
+
`uui-size-${props.size || settings.sizes.defaults.tag}`,
|
|
1044
1204
|
`uui-color-${props.color || 'neutral'}`,
|
|
1045
1205
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1046
1206
|
'uui-tag',
|
|
@@ -1053,20 +1213,20 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1053
1213
|
return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1054
1214
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1055
1215
|
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1056
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size:
|
|
1216
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.sizes.tag.countIndicator[(props.size || settings.sizes.defaults.tag)], caption: props.count })),
|
|
1057
1217
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1058
1218
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1059
1219
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1060
1220
|
});
|
|
1061
1221
|
|
|
1062
|
-
var css$12 = {"root":"
|
|
1222
|
+
var css$12 = {"root":"mqhNw3","uui-spinner":"natHGJ","uuiSpinner":"natHGJ"};
|
|
1063
1223
|
|
|
1064
1224
|
function applySpinnerMods() {
|
|
1065
1225
|
return [css$12.root, 'uui-spinner'];
|
|
1066
1226
|
}
|
|
1067
1227
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1068
1228
|
|
|
1069
|
-
var css$11 = {"root":"
|
|
1229
|
+
var css$11 = {"root":"QChuWn","spacer":"IUdufa","mode-ghost":"J6zRqP","size-24":"rA68Q6","size-30":"_2XrvPZ","navigation-size-24":"XgH3p8","navigation-size-30":"G7vmE3","modeGhost":"J6zRqP","size24":"rA68Q6","size30":"_2XrvPZ","navigationSize24":"XgH3p8","navigationSize30":"G7vmE3"};
|
|
1070
1230
|
|
|
1071
1231
|
var _path$v;
|
|
1072
1232
|
function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
|
|
@@ -1117,14 +1277,14 @@ function Paginator(props) {
|
|
|
1117
1277
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1118
1278
|
}
|
|
1119
1279
|
|
|
1120
|
-
var css$10 = {"root":"
|
|
1280
|
+
var css$10 = {"root":"WURx1G","progress-bar":"_4YqBQd","progressBar-indeterminate":"qUpEkY","size-12":"UQvqgi","size-18":"_8kDVy2","size-24":"QTSfvD","progressBar":"_4YqBQd","progressBarIndeterminate":"qUpEkY","size12":"UQvqgi","size18":"_8kDVy2","size24":"QTSfvD"};
|
|
1121
1281
|
|
|
1122
1282
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1123
1283
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1124
1284
|
React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
|
|
1125
1285
|
});
|
|
1126
1286
|
|
|
1127
|
-
var css$$ = {"root":"
|
|
1287
|
+
var css$$ = {"root":"_2Cy7Se","striped":"xvUPqr","animate-stripes":"zYBNYV","size-12":"CfW1PW","size-18":"vC9Apv","size-24":"nA--hr","animateStripes":"zYBNYV","size12":"CfW1PW","size18":"vC9Apv","size24":"nA--hr"};
|
|
1128
1288
|
|
|
1129
1289
|
const DEFAULT_SIZE = '12';
|
|
1130
1290
|
function applyProgressBarMods(mods) {
|
|
@@ -1139,14 +1299,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1139
1299
|
hideLabel: props.hideLabel || props.striped,
|
|
1140
1300
|
}));
|
|
1141
1301
|
|
|
1142
|
-
var css$_ = {"root":"
|
|
1302
|
+
var css$_ = {"root":"RRz6ki"};
|
|
1143
1303
|
|
|
1144
1304
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1145
1305
|
const { progress } = props;
|
|
1146
1306
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
|
|
1147
1307
|
});
|
|
1148
1308
|
|
|
1149
|
-
var css$Z = {"root":"
|
|
1309
|
+
var css$Z = {"root":"rnQAgz","size-12":"fAn-jQ","size-18":"bvGEw6","size-24":"g52I-f","size12":"fAn-jQ","size18":"bvGEw6","size24":"g52I-f"};
|
|
1150
1310
|
|
|
1151
1311
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1152
1312
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1161,46 +1321,21 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1161
1321
|
React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1162
1322
|
});
|
|
1163
1323
|
|
|
1164
|
-
var css$Y = {"drag-handle":"
|
|
1324
|
+
var css$Y = {"drag-handle":"fckJAU","icon-container":"J7E2RC","dragHandle":"fckJAU","iconContainer":"J7E2RC"};
|
|
1165
1325
|
|
|
1166
1326
|
function DataRowAddons(props) {
|
|
1167
1327
|
var _a, _b;
|
|
1168
1328
|
const row = props.rowProps;
|
|
1169
|
-
const additionalItemSize = +props.size < 30 ? '12' : '18';
|
|
1170
1329
|
const getIndent = () => {
|
|
1171
|
-
|
|
1172
|
-
case '24':
|
|
1173
|
-
return (row.indent - 1) * 6;
|
|
1174
|
-
case '30':
|
|
1175
|
-
case '36':
|
|
1176
|
-
return (row.indent - 1) * 12;
|
|
1177
|
-
case '42':
|
|
1178
|
-
case '48':
|
|
1179
|
-
case '60':
|
|
1180
|
-
return (row.indent - 1) * 24;
|
|
1181
|
-
default:
|
|
1182
|
-
return (row.indent - 1) * 24;
|
|
1183
|
-
}
|
|
1330
|
+
return (row.indent - 1) * settings.sizes.rowAddons.indentUnit[props.size || 'default'];
|
|
1184
1331
|
};
|
|
1185
1332
|
const getWidth = () => {
|
|
1186
|
-
|
|
1187
|
-
case '24':
|
|
1188
|
-
return '12px';
|
|
1189
|
-
case '30':
|
|
1190
|
-
case '36':
|
|
1191
|
-
return '18px';
|
|
1192
|
-
case '42':
|
|
1193
|
-
case '48':
|
|
1194
|
-
case '60':
|
|
1195
|
-
return '24px';
|
|
1196
|
-
default:
|
|
1197
|
-
return '12px';
|
|
1198
|
-
}
|
|
1333
|
+
return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
|
|
1199
1334
|
};
|
|
1200
1335
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1201
1336
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1202
|
-
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size:
|
|
1203
|
-
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: {
|
|
1337
|
+
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1338
|
+
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
1204
1339
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1205
1340
|
role: 'button',
|
|
1206
1341
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
@@ -1208,7 +1343,7 @@ function DataRowAddons(props) {
|
|
|
1208
1343
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1209
1344
|
}
|
|
1210
1345
|
|
|
1211
|
-
var css$X = {"root":"
|
|
1346
|
+
var css$X = {"root":"_9gfLAf"};
|
|
1212
1347
|
|
|
1213
1348
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1214
1349
|
|
|
@@ -1249,7 +1384,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1249
1384
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1250
1385
|
});
|
|
1251
1386
|
|
|
1252
|
-
var css$W = {"root":"
|
|
1387
|
+
var css$W = {"root":"_0x6h91"};
|
|
1253
1388
|
|
|
1254
1389
|
function CheckboxGroup(props) {
|
|
1255
1390
|
const currentValue = props.value || [];
|
|
@@ -1411,7 +1546,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
|
|
|
1411
1546
|
} }));
|
|
1412
1547
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1413
1548
|
|
|
1414
|
-
var css$V = {"uui-typography":"
|
|
1549
|
+
var css$V = {"uui-typography":"_9FBXWI","hero-header":"dQmGPL","promo-header":"OHSr4R","uui-critical":"QDcjtw","uui-info":"cKR3s8","uui-success":"SYGNCp","uui-warning":"ipZaQ1","uui-highlight":"XRJxXs","uui-typography-size-12":"uOSImV","uui-typography-size-14":"EXF3SG","uui-typography-size-16":"RXft5S","modal":"-UIpdY","search-wrapper":"TZspgz","body":"oaejDL","checkbox":"sROd5F","no-found-size-24":"_6w4-yv","no-found-size-30":"XiGl1n","no-found-size-36":"NjVGaH","no-found-size-42":"HivZGS","uuiTypography":"_9FBXWI","heroHeader":"dQmGPL","promoHeader":"OHSr4R","uuiCritical":"QDcjtw","uuiInfo":"cKR3s8","uuiSuccess":"SYGNCp","uuiWarning":"ipZaQ1","uuiHighlight":"XRJxXs","uuiTypographySize12":"uOSImV","uuiTypographySize14":"EXF3SG","uuiTypographySize16":"RXft5S","searchWrapper":"TZspgz","noFoundSize24":"_6w4-yv","noFoundSize30":"XiGl1n","noFoundSize36":"NjVGaH","noFoundSize42":"HivZGS"};
|
|
1415
1550
|
|
|
1416
1551
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1417
1552
|
constructor() {
|
|
@@ -1423,29 +1558,23 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
1423
1558
|
if (this.props.renderNotFound) {
|
|
1424
1559
|
return this.props.renderNotFound();
|
|
1425
1560
|
}
|
|
1426
|
-
|
|
1427
|
-
|
|
1561
|
+
// TODO: need fix sizes, how to use variables
|
|
1562
|
+
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
|
|
1563
|
+
React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1428
1564
|
}
|
|
1429
1565
|
render() {
|
|
1430
|
-
const searchSize = uuiCore.isMobile() ? '
|
|
1566
|
+
const searchSize = (uuiCore.isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
|
|
1431
1567
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1432
1568
|
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1433
1569
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
1434
|
-
React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
|
|
1570
|
+
React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
|
|
1435
1571
|
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-pickerInput-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__namespace.default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
|
|
1436
1572
|
}
|
|
1437
1573
|
}
|
|
1438
1574
|
|
|
1439
|
-
const switchSizes = {
|
|
1440
|
-
24: '12',
|
|
1441
|
-
36: '18',
|
|
1442
|
-
42: '24',
|
|
1443
|
-
48: '24',
|
|
1444
|
-
};
|
|
1445
1575
|
function DataPickerFooterImpl(props) {
|
|
1446
1576
|
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1447
|
-
const size = uuiCore.isMobile() ? '
|
|
1448
|
-
const switchSize = switchSizes[size];
|
|
1577
|
+
const size = settings.sizes.dataPickerFooter.linkButton[uuiCore.isMobile() ? 'mobile' : props.size];
|
|
1449
1578
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1450
1579
|
const rowsCount = view.getListProps().rowsCount;
|
|
1451
1580
|
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
@@ -1455,8 +1584,8 @@ function DataPickerFooterImpl(props) {
|
|
|
1455
1584
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1456
1585
|
// show always for multi picker and for single only in case if search not disabled.
|
|
1457
1586
|
const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
|
|
1458
|
-
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding:
|
|
1459
|
-
!isSinglePicker && (React__namespace.default.createElement(Switch, { size:
|
|
1587
|
+
return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
|
|
1588
|
+
!isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1460
1589
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1461
1590
|
React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
1462
1591
|
view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
|
|
@@ -1468,12 +1597,12 @@ function DataPickerFooterImpl(props) {
|
|
|
1468
1597
|
}
|
|
1469
1598
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
1470
1599
|
|
|
1471
|
-
var css$U = {"header":"
|
|
1600
|
+
var css$U = {"header":"AsG0MA","close":"Ou-LuF"};
|
|
1472
1601
|
|
|
1473
1602
|
const DataPickerHeaderImpl = (props) => {
|
|
1474
1603
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
1475
1604
|
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
|
|
1476
|
-
React__namespace.default.createElement(Text, { size:
|
|
1605
|
+
React__namespace.default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
|
|
1477
1606
|
React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.close })));
|
|
1478
1607
|
};
|
|
1479
1608
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
@@ -1493,7 +1622,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1493
1622
|
};
|
|
1494
1623
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
1495
1624
|
|
|
1496
|
-
var css$T = {"uui-typography":"
|
|
1625
|
+
var css$T = {"uui-typography":"QPvcag","hero-header":"V-2MJd","promo-header":"IRXp7i","uui-critical":"_9WOb4K","uui-info":"yIWp6o","uui-success":"IQ8TlX","uui-warning":"Uq-FqP","uui-highlight":"_7k0OGv","uui-typography-size-12":"GkKY2C","uui-typography-size-14":"jkheim","uui-typography-size-16":"qCCFk-","root":"_0pY31x","align-widgets-top":"GCMWEK","size-24":"j-qjNr","size-30":"PgPihl","size-36":"a-XyqO","size-42":"_99dhi-","size-48":"_6Nwsx-","size-60":"Fnm9tr","align-widgets-center":"Olw4c9","icon-wrapper":"FkoW6u","padding-12":"q9FHNi","padding-24":"ALqXhk","padding-left-12":"_6CzVO-","padding-left-24":"_62zeHj","icon-container":"ML5ptz","loading-cell":"SKhMde","content-wrapper":"ekv0n-","render-item":"a-9dwU","icon-default":"OLhNfN","selected-mark":"UWu3kk","uuiTypography":"QPvcag","heroHeader":"V-2MJd","promoHeader":"IRXp7i","uuiCritical":"_9WOb4K","uuiInfo":"yIWp6o","uuiSuccess":"IQ8TlX","uuiWarning":"Uq-FqP","uuiHighlight":"_7k0OGv","uuiTypographySize12":"GkKY2C","uuiTypographySize14":"jkheim","uuiTypographySize16":"qCCFk-","alignWidgetsTop":"GCMWEK","size24":"j-qjNr","size30":"PgPihl","size36":"a-XyqO","size42":"_99dhi-","size48":"_6Nwsx-","size60":"Fnm9tr","alignWidgetsCenter":"Olw4c9","iconWrapper":"FkoW6u","padding12":"q9FHNi","padding24":"ALqXhk","paddingLeft12":"_6CzVO-","paddingLeft24":"_62zeHj","iconContainer":"ML5ptz","loadingCell":"SKhMde","contentWrapper":"ekv0n-","renderItem":"a-9dwU","iconDefault":"OLhNfN","selectedMark":"UWu3kk"};
|
|
1497
1626
|
|
|
1498
1627
|
function DataPickerCell(props) {
|
|
1499
1628
|
const ref = React__namespace.useRef();
|
|
@@ -1501,18 +1630,18 @@ function DataPickerCell(props) {
|
|
|
1501
1630
|
if (props.rowProps.isLoading) {
|
|
1502
1631
|
content = (
|
|
1503
1632
|
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
1504
|
-
React__namespace.createElement(Text, { key: "t", size:
|
|
1633
|
+
React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
|
|
1505
1634
|
React__namespace.createElement(TextPlaceholder, null)));
|
|
1506
1635
|
}
|
|
1507
1636
|
else if (props.rowProps.isUnknown) {
|
|
1508
|
-
content = (React__namespace.createElement(Text, { key: "t", size:
|
|
1637
|
+
content = (React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
|
|
1509
1638
|
}
|
|
1510
1639
|
else {
|
|
1511
1640
|
content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
|
|
1512
1641
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1513
1642
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
1514
1643
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
|
|
1515
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.size
|
|
1644
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1516
1645
|
? 'Child is selected'
|
|
1517
1646
|
: 'Selected' } })))));
|
|
1518
1647
|
}
|
|
@@ -1521,22 +1650,22 @@ function DataPickerCell(props) {
|
|
|
1521
1650
|
css$T.root,
|
|
1522
1651
|
props.cx,
|
|
1523
1652
|
'data-picker-cell',
|
|
1524
|
-
css$T['size-' + (props.size ||
|
|
1525
|
-
css$T[`padding-${props.padding ||
|
|
1526
|
-
css$T[`padding-left-${props.padding ||
|
|
1653
|
+
css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
|
|
1654
|
+
css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
|
|
1655
|
+
css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
|
|
1527
1656
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1528
1657
|
] },
|
|
1529
1658
|
React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1530
1659
|
getWrappedContent()));
|
|
1531
1660
|
}
|
|
1532
1661
|
|
|
1533
|
-
var css$S = {"uui-typography":"
|
|
1662
|
+
var css$S = {"uui-typography":"FmfIHs","hero-header":"oZ31-c","promo-header":"HVdrMv","uui-critical":"Fs3Ykm","uui-info":"_4O9Tu2","uui-success":"PJbLww","uui-warning":"WZVvL7","uui-highlight":"-rbQhx","uui-typography-size-12":"GCZtz5","uui-typography-size-14":"GmO0xR","uui-typography-size-16":"wErLjb","picker-row":"rMUqY3","uuiTypography":"FmfIHs","heroHeader":"oZ31-c","promoHeader":"HVdrMv","uuiCritical":"Fs3Ykm","uuiInfo":"_4O9Tu2","uuiSuccess":"PJbLww","uuiWarning":"WZVvL7","uuiHighlight":"-rbQhx","uuiTypographySize12":"GCZtz5","uuiTypographySize14":"GmO0xR","uuiTypographySize16":"wErLjb","pickerRow":"rMUqY3"};
|
|
1534
1663
|
|
|
1535
1664
|
class DataPickerRow extends React__namespace.Component {
|
|
1536
1665
|
constructor() {
|
|
1537
1666
|
super(...arguments);
|
|
1538
1667
|
this.renderContent = () => {
|
|
1539
|
-
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size ||
|
|
1668
|
+
return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || settings.sizes.dataPickerRow.dataPickerCell.default, padding: this.props.padding || settings.sizes.dataPickerRow.padding.default, rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
|
|
1540
1669
|
};
|
|
1541
1670
|
}
|
|
1542
1671
|
render() {
|
|
@@ -1544,7 +1673,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
1544
1673
|
}
|
|
1545
1674
|
}
|
|
1546
1675
|
|
|
1547
|
-
var css$R = {"uui-typography":"
|
|
1676
|
+
var css$R = {"uui-typography":"Qf8B0c","hero-header":"ZUCnrK","promo-header":"Gjl-nV","uui-critical":"_2My7iB","uui-info":"dBZXW3","uui-success":"L3Ezme","uui-warning":"oJtLyh","uui-highlight":"MDZtHx","uui-typography-size-12":"_0djMrO","uui-typography-size-14":"mR0uSv","uui-typography-size-16":"l3--Bo","done":"GyrnDl","container":"bZwlMZ","uuiTypography":"Qf8B0c","heroHeader":"ZUCnrK","promoHeader":"Gjl-nV","uuiCritical":"_2My7iB","uuiInfo":"dBZXW3","uuiSuccess":"L3Ezme","uuiWarning":"oJtLyh","uuiHighlight":"MDZtHx","uuiTypographySize12":"_0djMrO","uuiTypographySize14":"mR0uSv","uuiTypographySize16":"l3--Bo"};
|
|
1548
1677
|
|
|
1549
1678
|
const MobileDropdownWrapper = (props) => {
|
|
1550
1679
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -1553,7 +1682,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
1553
1682
|
return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
|
|
1554
1683
|
isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
|
|
1555
1684
|
props.children,
|
|
1556
|
-
isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size:
|
|
1685
|
+
isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: settings.sizes.mobileDropdownWrapper.linkButton })));
|
|
1557
1686
|
};
|
|
1558
1687
|
|
|
1559
1688
|
var _path$s, _path2$4;
|
|
@@ -1578,9 +1707,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1578
1707
|
};
|
|
1579
1708
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
1580
1709
|
|
|
1581
|
-
var css$Q = {"uui-typography":"
|
|
1582
|
-
|
|
1583
|
-
var css$P = {"root":"TC66y3","multiline":"kZoRp1","vertical-padding-24":"-B6FX9","vertical-padding-30":"ErfYor","vertical-padding-36":"Ia-BnH","vertical-padding-42":"UFucnT","vertical-padding-48":"f0fi33","text":"yfLZxM","verticalPadding24":"-B6FX9","verticalPadding30":"ErfYor","verticalPadding36":"Ia-BnH","verticalPadding42":"UFucnT","verticalPadding48":"f0fi33"};
|
|
1710
|
+
var css$Q = {"uui-typography":"PpWSdk","hero-header":"wlL7bh","promo-header":"wGYonH","uui-critical":"KEOKF3","uui-info":"c8AeQl","uui-success":"_1a3CQh","uui-warning":"OJoCt9","uui-highlight":"_07fBEq","uui-typography-size-12":"mVqxTU","uui-typography-size-14":"aCQS1s","uui-typography-size-16":"_6Cfv7R","sub-header-wrapper":"_6RH-ER","switch":"eMwUNU","no-found-modal-container":"jkfRir","no-found-modal-container-icon":"_6E0Vdv","no-found-modal-container-text":"_0H-n0R","uuiTypography":"PpWSdk","heroHeader":"wlL7bh","promoHeader":"wGYonH","uuiCritical":"KEOKF3","uuiInfo":"c8AeQl","uuiSuccess":"_1a3CQh","uuiWarning":"OJoCt9","uuiHighlight":"_07fBEq","uuiTypographySize12":"mVqxTU","uuiTypographySize14":"aCQS1s","uuiTypographySize16":"_6Cfv7R","subHeaderWrapper":"_6RH-ER","$switch$":"eMwUNU","noFoundModalContainer":"jkfRir","noFoundModalContainerIcon":"_6E0Vdv","noFoundModalContainerText":"_0H-n0R"};
|
|
1584
1711
|
|
|
1585
1712
|
const mergeHighlightRanges = (ranges) => {
|
|
1586
1713
|
const mergedRanges = [];
|
|
@@ -1647,11 +1774,12 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1647
1774
|
return getDecoratedText(str, ranges);
|
|
1648
1775
|
};
|
|
1649
1776
|
|
|
1650
|
-
|
|
1777
|
+
var css$P = {"root":"mmYa0s","multiline":"xLOCRX","vertical-padding-24":"nOaCUi","vertical-padding-30":"pd-lzg","vertical-padding-36":"s5d-Kk","vertical-padding-42":"U3tr3Q","vertical-padding-48":"tXY3s-","text":"YPdGp9","verticalPadding24":"nOaCUi","verticalPadding30":"pd-lzg","verticalPadding36":"s5d-Kk","verticalPadding42":"U3tr3Q","verticalPadding48":"tXY3s-"};
|
|
1778
|
+
|
|
1651
1779
|
function PickerItem(props) {
|
|
1652
1780
|
var _a;
|
|
1653
1781
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
|
|
1654
|
-
const itemSize = size ||
|
|
1782
|
+
const itemSize = size || settings.sizes.defaults.pickerItem;
|
|
1655
1783
|
const isMultiline = !!(props.title && props.subtitle);
|
|
1656
1784
|
const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
|
|
1657
1785
|
const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
|
|
@@ -1665,7 +1793,7 @@ function PickerItem(props) {
|
|
|
1665
1793
|
subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
|
|
1666
1794
|
}
|
|
1667
1795
|
function getAvatarSize(size, isMultiline) {
|
|
1668
|
-
return isMultiline ?
|
|
1796
|
+
return settings.sizes.pickerItem.avatar[isMultiline ? 'multiline' : 'rest'][size];
|
|
1669
1797
|
}
|
|
1670
1798
|
|
|
1671
1799
|
function PickerModal(props) {
|
|
@@ -1714,34 +1842,18 @@ function PickerModal(props) {
|
|
|
1714
1842
|
listView: view,
|
|
1715
1843
|
rows: dataRows,
|
|
1716
1844
|
searchPosition: 'body',
|
|
1717
|
-
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
|
|
1845
|
+
}, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
|
|
1718
1846
|
!isSingleSelect() && (React__namespace.default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
|
|
1719
1847
|
props.renderFilter && React__namespace.default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
|
|
1720
1848
|
React__namespace.default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
|
|
1721
1849
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1722
1850
|
}
|
|
1723
1851
|
|
|
1724
|
-
var css$O = {"tooltip":"
|
|
1725
|
-
|
|
1726
|
-
const getPickerTogglerButtonSize = (propSize) => {
|
|
1727
|
-
switch (propSize) {
|
|
1728
|
-
case '48':
|
|
1729
|
-
return '42';
|
|
1730
|
-
case '42':
|
|
1731
|
-
return '36';
|
|
1732
|
-
case '36':
|
|
1733
|
-
return '30';
|
|
1734
|
-
case '30':
|
|
1735
|
-
return '24';
|
|
1736
|
-
case '24':
|
|
1737
|
-
return '18';
|
|
1738
|
-
default:
|
|
1739
|
-
return '30';
|
|
1740
|
-
}
|
|
1741
|
-
};
|
|
1852
|
+
var css$O = {"tooltip":"jDCW6F"};
|
|
1853
|
+
|
|
1742
1854
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1743
1855
|
var _a;
|
|
1744
|
-
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size:
|
|
1856
|
+
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerToggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
|
|
1745
1857
|
if (props.isCollapsed) {
|
|
1746
1858
|
const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
|
|
1747
1859
|
return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
@@ -1752,20 +1864,20 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1752
1864
|
}
|
|
1753
1865
|
});
|
|
1754
1866
|
|
|
1755
|
-
var css$N = {"uui-typography":"
|
|
1867
|
+
var css$N = {"uui-typography":"k8B2ZT","hero-header":"T8-IyF","promo-header":"JJhriO","uui-critical":"JBgIwn","uui-info":"wZXcpZ","uui-success":"WW-7EP","uui-warning":"jvhKKc","uui-highlight":"n3o8D-","uui-typography-size-12":"sesXow","uui-typography-size-14":"EawdDj","uui-typography-size-16":"xWlrEo","root":"i9olSn","mode-form":"xKiAUk","mode-cell":"GgJkaZ","mode-inline":"qlO6lT","uuiTypography":"k8B2ZT","heroHeader":"T8-IyF","promoHeader":"JJhriO","uuiCritical":"JBgIwn","uuiInfo":"wZXcpZ","uuiSuccess":"WW-7EP","uuiWarning":"jvhKKc","uuiHighlight":"n3o8D-","uuiTypographySize12":"sesXow","uuiTypographySize14":"EawdDj","uuiTypographySize16":"xWlrEo","modeForm":"xKiAUk","modeCell":"GgJkaZ","modeInline":"qlO6lT"};
|
|
1756
1868
|
|
|
1757
|
-
const defaultSize$1 = '36';
|
|
1758
1869
|
const defaultMode$1 = EditMode.FORM;
|
|
1759
1870
|
function applyPickerTogglerMods(mods) {
|
|
1760
1871
|
return [
|
|
1761
1872
|
css$N.root,
|
|
1762
|
-
|
|
1873
|
+
'uui-picker_toggler',
|
|
1874
|
+
`uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
|
|
1763
1875
|
css$N['mode-' + (mods.mode || defaultMode$1)],
|
|
1764
1876
|
];
|
|
1765
1877
|
}
|
|
1766
1878
|
function PickerTogglerComponent(props, ref) {
|
|
1767
1879
|
const renderItem = (itemProps) => {
|
|
1768
|
-
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
|
|
1880
|
+
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.defaults.pickerToggler) });
|
|
1769
1881
|
if (!!props.renderItem) {
|
|
1770
1882
|
return props.renderItem(itemPropsWithSize);
|
|
1771
1883
|
}
|
|
@@ -1775,8 +1887,6 @@ function PickerTogglerComponent(props, ref) {
|
|
|
1775
1887
|
}
|
|
1776
1888
|
const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
|
|
1777
1889
|
|
|
1778
|
-
const pickerHeight$1 = 300;
|
|
1779
|
-
const pickerWidth = 360;
|
|
1780
1890
|
function PickerInputComponent(_a, ref) {
|
|
1781
1891
|
var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
|
|
1782
1892
|
const toggleModalOpening = () => {
|
|
@@ -1813,9 +1923,9 @@ function PickerInputComponent(_a, ref) {
|
|
|
1813
1923
|
};
|
|
1814
1924
|
const getRowSize = () => {
|
|
1815
1925
|
if (uuiCore.isMobile()) {
|
|
1816
|
-
return
|
|
1926
|
+
return settings.sizes.pickerInput.rowSize.mobile;
|
|
1817
1927
|
}
|
|
1818
|
-
return props.editMode === 'modal' ?
|
|
1928
|
+
return props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.modal : props.size;
|
|
1819
1929
|
};
|
|
1820
1930
|
const getSubtitle = ({ path }, { search }) => {
|
|
1821
1931
|
if (!search)
|
|
@@ -1830,12 +1940,12 @@ function PickerInputComponent(_a, ref) {
|
|
|
1830
1940
|
return (React__namespace.default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
|
|
1831
1941
|
};
|
|
1832
1942
|
const renderRow = (rowProps, dsState) => {
|
|
1833
|
-
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: props.editMode === 'modal' ?
|
|
1943
|
+
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.padding.modal : settings.sizes.pickerInput.rowSize.padding.default), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
|
|
1834
1944
|
};
|
|
1835
1945
|
const renderBody = (bodyProps, rows) => {
|
|
1836
1946
|
const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
|
|
1837
|
-
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight ||
|
|
1838
|
-
const minBodyWidth = props.minBodyWidth ||
|
|
1947
|
+
const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
|
|
1948
|
+
const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
|
|
1839
1949
|
return (React__namespace.default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
|
|
1840
1950
|
React__namespace.default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
|
|
1841
1951
|
? () => props.renderNotFound({
|
|
@@ -1854,7 +1964,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1854
1964
|
}
|
|
1855
1965
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
1856
1966
|
|
|
1857
|
-
var css$M = {"row":"
|
|
1967
|
+
var css$M = {"row":"Zax1QT"};
|
|
1858
1968
|
|
|
1859
1969
|
function PickerListItem(props) {
|
|
1860
1970
|
var _a;
|
|
@@ -1875,7 +1985,7 @@ function PickerListItem(props) {
|
|
|
1875
1985
|
return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
|
|
1876
1986
|
}
|
|
1877
1987
|
|
|
1878
|
-
var css$L = {"root":"
|
|
1988
|
+
var css$L = {"root":"OyxxD0"};
|
|
1879
1989
|
|
|
1880
1990
|
function PickerList(props) {
|
|
1881
1991
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -1915,7 +2025,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1915
2025
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1916
2026
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1917
2027
|
|
|
1918
|
-
var css$K = {"uui-typography":"
|
|
2028
|
+
var css$K = {"uui-typography":"i2XOFE","hero-header":"vMErKD","promo-header":"cdKKLT","uui-critical":"sY32OM","uui-info":"AUiJ3L","uui-success":"i3ZUkD","uui-warning":"Qs2S37","uui-highlight":"dU180z","uui-typography-size-12":"QJ3448","uui-typography-size-14":"_7X3a0-","uui-typography-size-16":"LnT9-R","root":"LQYu-U","title-wrapper":"Wg5toh","title":"qbn6Ho","text-wrapper":"yU-Dd3","selection":"_6koK89","postfix":"_1PTpqV","selected":"MqLtEt","uuiTypography":"i2XOFE","heroHeader":"vMErKD","promoHeader":"cdKKLT","uuiCritical":"sY32OM","uuiInfo":"AUiJ3L","uuiSuccess":"i3ZUkD","uuiWarning":"Qs2S37","uuiHighlight":"dU180z","uuiTypographySize12":"QJ3448","uuiTypographySize14":"_7X3a0-","uuiTypographySize16":"LnT9-R","titleWrapper":"Wg5toh","textWrapper":"yU-Dd3"};
|
|
1919
2029
|
|
|
1920
2030
|
const defaultSize = '36';
|
|
1921
2031
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -2008,7 +2118,7 @@ function FilterPickerBody(_a) {
|
|
|
2008
2118
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2009
2119
|
}
|
|
2010
2120
|
|
|
2011
|
-
var css$J = {"container":"
|
|
2121
|
+
var css$J = {"container":"kmqeUs"};
|
|
2012
2122
|
|
|
2013
2123
|
const defaultFormat = 'MMM D, YYYY';
|
|
2014
2124
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2145,8 +2255,11 @@ const uuiHeader = {
|
|
|
2145
2255
|
navIconRight: 'uui-datepickerheader-nav-icon-right',
|
|
2146
2256
|
navIconLeft: 'uui-datepickerheader-nav-icon-left',
|
|
2147
2257
|
};
|
|
2148
|
-
const
|
|
2149
|
-
|
|
2258
|
+
const MIN_SOBER_YEAR = 1000;
|
|
2259
|
+
const MAX_SOBER_YEAR = 2200;
|
|
2260
|
+
const isYearWithinSoberRange = (value) => {
|
|
2261
|
+
const year = value.year();
|
|
2262
|
+
return year >= MIN_SOBER_YEAR && year <= MAX_SOBER_YEAR;
|
|
2150
2263
|
};
|
|
2151
2264
|
function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }) {
|
|
2152
2265
|
const onSetMonth = (newMonth) => {
|
|
@@ -2208,8 +2321,8 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2208
2321
|
: '';
|
|
2209
2322
|
return `${monthSubstr} ${month.year()}`;
|
|
2210
2323
|
}, [view, month]);
|
|
2211
|
-
const disablePrev = view === 'YEAR_SELECTION' && !
|
|
2212
|
-
const disableNext = view === 'YEAR_SELECTION' && !
|
|
2324
|
+
const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
|
|
2325
|
+
const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
|
|
2213
2326
|
return (React__namespace.createElement("div", { className: cx__default.default(css$J.container, uuiHeader.container, cx__default.default) },
|
|
2214
2327
|
React__namespace.createElement("header", { className: uuiHeader.header },
|
|
2215
2328
|
React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
|
|
@@ -2217,14 +2330,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2217
2330
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2218
2331
|
}
|
|
2219
2332
|
|
|
2220
|
-
var css$I = {"uui-typography":"
|
|
2333
|
+
var css$I = {"uui-typography":"PZUczH","hero-header":"vM0FWE","promo-header":"_2YnTFn","uui-critical":"wmBMsX","uui-info":"oiBb-t","uui-success":"LXdAp5","uui-warning":"U0neg8","uui-highlight":"m1OC19","uui-typography-size-12":"GjGb0a","uui-typography-size-14":"Jw29EE","uui-typography-size-16":"W0307i","root":"jrlB--","uuiTypography":"PZUczH","heroHeader":"vM0FWE","promoHeader":"_2YnTFn","uuiCritical":"wmBMsX","uuiInfo":"oiBb-t","uuiSuccess":"LXdAp5","uuiWarning":"U0neg8","uuiHighlight":"m1OC19","uuiTypographySize12":"GjGb0a","uuiTypographySize14":"Jw29EE","uuiTypographySize16":"W0307i"};
|
|
2221
2334
|
|
|
2222
2335
|
function applyDateSelectionMods() {
|
|
2223
2336
|
return [css$I.root];
|
|
2224
2337
|
}
|
|
2225
2338
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2226
2339
|
|
|
2227
|
-
var css$H = {"uui-typography":"
|
|
2340
|
+
var css$H = {"uui-typography":"vVbiUM","hero-header":"M5YX6y","promo-header":"_0SWykw","uui-critical":"rgxNZ1","uui-info":"DYswsY","uui-success":"_7GZb06","uui-warning":"xzZPvC","uui-highlight":"NZDHql","uui-typography-size-12":"h7ec6o","uui-typography-size-14":"iE4MUa","uui-typography-size-16":"WJR4YD","root":"zN6NtQ","uuiTypography":"vVbiUM","heroHeader":"M5YX6y","promoHeader":"_0SWykw","uuiCritical":"rgxNZ1","uuiInfo":"DYswsY","uuiSuccess":"_7GZb06","uuiWarning":"xzZPvC","uuiHighlight":"NZDHql","uuiTypographySize12":"h7ec6o","uuiTypographySize14":"iE4MUa","uuiTypographySize16":"WJR4YD"};
|
|
2228
2341
|
|
|
2229
2342
|
const uuiDatePickerBody = {
|
|
2230
2343
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2312,7 +2425,7 @@ function FilterDatePickerBody(props) {
|
|
|
2312
2425
|
} })))));
|
|
2313
2426
|
}
|
|
2314
2427
|
|
|
2315
|
-
var css$G = {"uui-typography":"
|
|
2428
|
+
var css$G = {"uui-typography":"zwIz0B","hero-header":"A3OLrk","promo-header":"qb4RXH","uui-critical":"VODMfm","uui-info":"f7rYM9","uui-success":"jwMDng","uui-warning":"_-5UKYH","uui-highlight":"_6ZR2XF","uui-typography-size-12":"wLtJVt","uui-typography-size-14":"M30Nhp","uui-typography-size-16":"yU4qLl","dropdown-container":"r2qPAd","date-input":"FcHsRd","date-input-group":"uyNxar","separator":"Z8JIJv","mode-form":"fcqDvF","mode-cell":"QfcnjY","uuiTypography":"zwIz0B","heroHeader":"A3OLrk","promoHeader":"qb4RXH","uuiCritical":"VODMfm","uuiInfo":"f7rYM9","uuiSuccess":"jwMDng","uuiWarning":"_-5UKYH","uuiHighlight":"_6ZR2XF","uuiTypographySize12":"wLtJVt","uuiTypographySize14":"M30Nhp","uuiTypographySize16":"yU4qLl","dropdownContainer":"r2qPAd","dateInput":"FcHsRd","dateInputGroup":"uyNxar","modeForm":"fcqDvF","modeCell":"QfcnjY"};
|
|
2316
2429
|
|
|
2317
2430
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2318
2431
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2338,14 +2451,14 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2338
2451
|
}
|
|
2339
2452
|
};
|
|
2340
2453
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2341
|
-
return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
|
|
2454
|
+
return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
|
|
2342
2455
|
if (!isDisabled) {
|
|
2343
2456
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2344
2457
|
}
|
|
2345
2458
|
}, onBlur: onBlur },
|
|
2346
|
-
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput,
|
|
2459
|
+
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
|
|
2347
2460
|
React__namespace.default.createElement("div", { className: css$G.separator }),
|
|
2348
|
-
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput,
|
|
2461
|
+
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2349
2462
|
onValueChange(defaultRangeValue);
|
|
2350
2463
|
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to })));
|
|
2351
2464
|
});
|
|
@@ -2403,7 +2516,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2403
2516
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2404
2517
|
}
|
|
2405
2518
|
|
|
2406
|
-
var css$F = {"container":"
|
|
2519
|
+
var css$F = {"container":"OUGe-z"};
|
|
2407
2520
|
|
|
2408
2521
|
function FilterNumericBody(props) {
|
|
2409
2522
|
var _a, _b;
|
|
@@ -2488,7 +2601,7 @@ function FilterItemBody(props) {
|
|
|
2488
2601
|
|
|
2489
2602
|
var _path$r;
|
|
2490
2603
|
function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
|
|
2491
|
-
var
|
|
2604
|
+
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
2492
2605
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
2493
2606
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2494
2607
|
width: 24,
|
|
@@ -2496,14 +2609,12 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2496
2609
|
viewBox: "0 0 24 24",
|
|
2497
2610
|
ref: ref
|
|
2498
2611
|
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2499
|
-
|
|
2500
|
-
d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
|
|
2501
|
-
clipRule: "evenodd"
|
|
2612
|
+
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
2502
2613
|
})));
|
|
2503
2614
|
};
|
|
2504
|
-
var ForwardRef$r = /*#__PURE__*/React.forwardRef(
|
|
2615
|
+
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
2505
2616
|
|
|
2506
|
-
var css$E = {"uui-typography":"
|
|
2617
|
+
var css$E = {"uui-typography":"vzDDyE","hero-header":"_5Ygzwk","promo-header":"xOKDYO","uui-critical":"OYmRHZ","uui-info":"Zf6K9-","uui-success":"G3TnMO","uui-warning":"opVz99","uui-highlight":"LJZU2F","uui-typography-size-12":"PmHW-X","uui-typography-size-14":"-nd0gb","uui-typography-size-16":"_7gd4Mn","header":"W1sfOj","removeButton":"XnVLLa","with-search":"ws0jAn","uuiTypography":"vzDDyE","heroHeader":"_5Ygzwk","promoHeader":"xOKDYO","uuiCritical":"OYmRHZ","uuiInfo":"Zf6K9-","uuiSuccess":"G3TnMO","uuiWarning":"opVz99","uuiHighlight":"LJZU2F","uuiTypographySize12":"PmHW-X","uuiTypographySize14":"-nd0gb","uuiTypographySize16":"_7gd4Mn","withSearch":"ws0jAn"};
|
|
2507
2618
|
|
|
2508
2619
|
function useView(props, value) {
|
|
2509
2620
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -2825,7 +2936,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2825
2936
|
}
|
|
2826
2937
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
2827
2938
|
|
|
2828
|
-
var css$D = {"divider":"-
|
|
2939
|
+
var css$D = {"divider":"gLsq-B","dropdownDeleteIcon":"Nt0O38","presetsWrapper":"yNKxfT","addPresetContainer":"-UACv-","dropContainer":"-V7pyg"};
|
|
2829
2940
|
|
|
2830
2941
|
var _path$p;
|
|
2831
2942
|
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); }
|
|
@@ -2938,22 +3049,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
2938
3049
|
};
|
|
2939
3050
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
2940
3051
|
|
|
2941
|
-
var
|
|
2942
|
-
function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
|
|
2943
|
-
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
2944
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
2945
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2946
|
-
width: 24,
|
|
2947
|
-
height: 24,
|
|
2948
|
-
viewBox: "0 0 24 24",
|
|
2949
|
-
ref: ref
|
|
2950
|
-
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2951
|
-
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
2952
|
-
})));
|
|
2953
|
-
};
|
|
2954
|
-
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
2955
|
-
|
|
2956
|
-
var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
|
|
3052
|
+
var css$C = {"delete-button":"hdJ6GI","tab-button":"OXjbnu","targetOpen":"_9oJSVN","deleteButton":"hdJ6GI","tabButton":"OXjbnu"};
|
|
2957
3053
|
|
|
2958
3054
|
function PresetActionsDropdown(props) {
|
|
2959
3055
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -3003,7 +3099,7 @@ function PresetActionsDropdown(props) {
|
|
|
3003
3099
|
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$j, caption: "Copy Link", onClick: copyUrlToClipboard }),
|
|
3004
3100
|
!isReadonlyPreset && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3005
3101
|
React__namespace.default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
|
|
3006
|
-
React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$
|
|
3102
|
+
React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
|
|
3007
3103
|
};
|
|
3008
3104
|
const renderTarget = React.useCallback((dropdownProps) => {
|
|
3009
3105
|
return (React__namespace.default.createElement(IconButton, Object.assign({ cx: [css$C.tabButton, dropdownProps.isOpen && css$C.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral' }, dropdownProps, { icon: ForwardRef$p, size: "18" })));
|
|
@@ -3011,7 +3107,7 @@ function PresetActionsDropdown(props) {
|
|
|
3011
3107
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3012
3108
|
}
|
|
3013
3109
|
|
|
3014
|
-
var css$B = {"preset-input-cell":"
|
|
3110
|
+
var css$B = {"preset-input-cell":"IWGqcV","preset-input":"MA5x-k","presetInputCell":"IWGqcV","presetInput":"MA5x-k"};
|
|
3015
3111
|
|
|
3016
3112
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3017
3113
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3044,7 +3140,7 @@ function PresetInput(props) {
|
|
|
3044
3140
|
React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3045
3141
|
}
|
|
3046
3142
|
|
|
3047
|
-
var css$A = {"preset":"
|
|
3143
|
+
var css$A = {"preset":"_5td9-7","activePreset":"G0EzZC"};
|
|
3048
3144
|
|
|
3049
3145
|
function Preset(props) {
|
|
3050
3146
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3065,6 +3161,23 @@ function Preset(props) {
|
|
|
3065
3161
|
return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$A.preset, isPresetActive && css$A.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
3066
3162
|
}
|
|
3067
3163
|
|
|
3164
|
+
var _path$i;
|
|
3165
|
+
function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
|
|
3166
|
+
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
3167
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
3168
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3169
|
+
width: 24,
|
|
3170
|
+
height: 24,
|
|
3171
|
+
viewBox: "0 0 24 24",
|
|
3172
|
+
ref: ref
|
|
3173
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3174
|
+
fillRule: "evenodd",
|
|
3175
|
+
d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
|
|
3176
|
+
clipRule: "evenodd"
|
|
3177
|
+
})));
|
|
3178
|
+
};
|
|
3179
|
+
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
|
|
3180
|
+
|
|
3068
3181
|
function PresetsPanel(props) {
|
|
3069
3182
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
3070
3183
|
const setAddingPreset = React.useCallback(() => {
|
|
@@ -3087,7 +3200,7 @@ function PresetsPanel(props) {
|
|
|
3087
3200
|
return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
|
|
3088
3201
|
React__namespace.default.createElement("div", { className: css$D.divider }),
|
|
3089
3202
|
React__namespace.default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
|
|
3090
|
-
React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$
|
|
3203
|
+
React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$i, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
|
|
3091
3204
|
};
|
|
3092
3205
|
const getPresetPriority = (preset, index) => {
|
|
3093
3206
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3146,25 +3259,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3146
3259
|
return columns;
|
|
3147
3260
|
};
|
|
3148
3261
|
|
|
3149
|
-
var css$z = {"line-height-12":"
|
|
3262
|
+
var css$z = {"line-height-12":"SERcjn","line-height-18":"fVVpJt","line-height-24":"e31M2V","line-height-30":"_7brrSE","font-size-10":"WZNxfT","font-size-12":"E7iJ4o","font-size-14":"Ifvwrz","font-size-16":"PnsCR0","font-size-18":"H23nLx","font-size-24":"F3wBjK","v-padding-2":"ivMo0H","v-padding-3":"MZKUHG","v-padding-5":"cq8iGt","v-padding-6":"udVog9","v-padding-8":"_9v03ys","v-padding-9":"Rgl-tJ","v-padding-11":"woY0ZX","v-padding-12":"CKAMMY","v-padding-14":"Z4s4B9","v-padding-15":"pK54Mg","v-padding-17":"cZN17b","v-padding-18":"FKqMog","v-padding-23":"_2LR3zd","v-padding-24":"Qbs5Zp","lineHeight12":"SERcjn","lineHeight18":"fVVpJt","lineHeight24":"e31M2V","lineHeight30":"_7brrSE","fontSize10":"WZNxfT","fontSize12":"E7iJ4o","fontSize14":"Ifvwrz","fontSize16":"PnsCR0","fontSize18":"H23nLx","fontSize24":"F3wBjK","vPadding2":"ivMo0H","vPadding3":"MZKUHG","vPadding5":"cq8iGt","vPadding6":"udVog9","vPadding8":"_9v03ys","vPadding9":"Rgl-tJ","vPadding11":"woY0ZX","vPadding12":"CKAMMY","vPadding14":"Z4s4B9","vPadding15":"pK54Mg","vPadding17":"cZN17b","vPadding18":"FKqMog","vPadding23":"_2LR3zd","vPadding24":"Qbs5Zp"};
|
|
3150
3263
|
|
|
3151
|
-
const defaultTextSettings = {
|
|
3152
|
-
18: { lineHeight: 12, fontSize: 10 },
|
|
3153
|
-
24: { lineHeight: 18, fontSize: 12 },
|
|
3154
|
-
30: { lineHeight: 18, fontSize: 14 },
|
|
3155
|
-
36: { lineHeight: 18, fontSize: 14 },
|
|
3156
|
-
42: { lineHeight: 24, fontSize: 16 },
|
|
3157
|
-
48: { lineHeight: 24, fontSize: 16 },
|
|
3158
|
-
60: { lineHeight: 30, fontSize: 24 },
|
|
3159
|
-
};
|
|
3160
3264
|
function getTextClasses(props, border) {
|
|
3161
3265
|
if (props.size === 'none') {
|
|
3162
3266
|
return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
|
|
3163
3267
|
}
|
|
3164
3268
|
const setting = {
|
|
3165
3269
|
size: props.size,
|
|
3166
|
-
lineHeight: props.lineHeight ||
|
|
3167
|
-
fontSize: props.fontSize ||
|
|
3270
|
+
lineHeight: props.lineHeight || settings.sizes.text[props.size].lineHeight,
|
|
3271
|
+
fontSize: props.fontSize || settings.sizes.text[props.size].fontSize,
|
|
3168
3272
|
};
|
|
3169
3273
|
const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
|
|
3170
3274
|
return [
|
|
@@ -3172,11 +3276,11 @@ function getTextClasses(props, border) {
|
|
|
3172
3276
|
];
|
|
3173
3277
|
}
|
|
3174
3278
|
|
|
3175
|
-
var css$y = {"root":"
|
|
3279
|
+
var css$y = {"root":"JnRYe7"};
|
|
3176
3280
|
|
|
3177
3281
|
function applyTextMods(mods) {
|
|
3178
3282
|
const textClasses = getTextClasses({
|
|
3179
|
-
size: mods.size ||
|
|
3283
|
+
size: mods.size || settings.sizes.defaults.text,
|
|
3180
3284
|
lineHeight: mods.lineHeight,
|
|
3181
3285
|
fontSize: mods.fontSize,
|
|
3182
3286
|
}, false);
|
|
@@ -3191,7 +3295,7 @@ function applyTextMods(mods) {
|
|
|
3191
3295
|
}
|
|
3192
3296
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
|
|
3193
3297
|
|
|
3194
|
-
var css$x = {"root":"
|
|
3298
|
+
var css$x = {"root":"-pFXyW","loading-word":"_33mFUf","animated-loading":"QsQbkF","skeleton_loading":"g0m5MF","loadingWord":"_33mFUf","animatedLoading":"QsQbkF","skeletonLoading":"g0m5MF"};
|
|
3195
3299
|
|
|
3196
3300
|
const TextPlaceholder = (props) => {
|
|
3197
3301
|
const pattern = ' ';
|
|
@@ -3210,7 +3314,7 @@ const TextPlaceholder = (props) => {
|
|
|
3210
3314
|
|
|
3211
3315
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3212
3316
|
|
|
3213
|
-
var css$w = {"uui-typography":"
|
|
3317
|
+
var css$w = {"uui-typography":"mgtRF-","hero-header":"FgrSLR","promo-header":"e2eyni","uui-critical":"UkPE8T","uui-info":"vqlymL","uui-success":"cdBn7N","uui-warning":"jXeE4L","uui-highlight":"MQoNxi","uui-typography-size-12":"lD82jb","uui-typography-size-14":"_3adTiR","uui-typography-size-16":"R6UFzo","root":"aD2RH7","modal-blocker":"SavMY-","animateModalBlocker":"GhEbZP","modal":"GGXsWK","modal-footer":"xww5AU","modal-header":"gL8j2F","uuiTypography":"mgtRF-","heroHeader":"FgrSLR","promoHeader":"e2eyni","uuiCritical":"UkPE8T","uuiInfo":"vqlymL","uuiSuccess":"cdBn7N","uuiWarning":"jXeE4L","uuiHighlight":"MQoNxi","uuiTypographySize12":"lD82jb","uuiTypographySize14":"_3adTiR","uuiTypographySize16":"R6UFzo","modalBlocker":"SavMY-","modalFooter":"xww5AU","modalHeader":"gL8j2F"};
|
|
3214
3318
|
|
|
3215
3319
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
|
|
3216
3320
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3229,19 +3333,19 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
|
|
|
3229
3333
|
maxHeight }),
|
|
3230
3334
|
};
|
|
3231
3335
|
});
|
|
3232
|
-
class ModalHeader extends React__namespace.Component {
|
|
3336
|
+
class ModalHeader extends React__namespace.default.Component {
|
|
3233
3337
|
render() {
|
|
3234
|
-
return (React__namespace.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
|
|
3235
|
-
this.props.title && (React__namespace.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
|
|
3338
|
+
return (React__namespace.default.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
|
|
3339
|
+
this.props.title && (React__namespace.default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
|
|
3236
3340
|
this.props.children,
|
|
3237
|
-
this.props.onClose && React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
3238
|
-
this.props.onClose && (React__namespace.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
3239
|
-
React__namespace.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
|
|
3341
|
+
this.props.onClose && React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
3342
|
+
this.props.onClose && (React__namespace.default.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
3343
|
+
React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
|
|
3240
3344
|
}
|
|
3241
3345
|
}
|
|
3242
|
-
class ModalFooter extends React__namespace.Component {
|
|
3346
|
+
class ModalFooter extends React__namespace.default.Component {
|
|
3243
3347
|
render() {
|
|
3244
|
-
return (React__namespace.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3348
|
+
return (React__namespace.default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3245
3349
|
css$w.root,
|
|
3246
3350
|
css$w.modalFooter,
|
|
3247
3351
|
this.props.cx,
|
|
@@ -3264,7 +3368,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3264
3368
|
};
|
|
3265
3369
|
var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
3266
3370
|
|
|
3267
|
-
var css$v = {"uui-typography":"
|
|
3371
|
+
var css$v = {"uui-typography":"-y5UyA","hero-header":"pf6CuY","promo-header":"Nv-toi","uui-critical":"DU4TPW","uui-info":"MXHu4z","uui-success":"RnAK8T","uui-warning":"_1luZCq","uui-highlight":"DBxaW-","uui-typography-size-12":"pdSxez","uui-typography-size-14":"M-rS41","uui-typography-size-16":"rUSMXd","root":"XzGlMG","icon-wrapper":"vPks8V","action-wrapper":"_6SKJtB","action-link":"hwCYkH","close-icon":"TuYQSp","main-path":"_5xv-K2","content":"ZN-MDY","close-wrapper":"SCO0Ao","notification-wrapper":"VPR2Mi","clear-button":"PjFcxe","uuiTypography":"-y5UyA","heroHeader":"pf6CuY","promoHeader":"Nv-toi","uuiCritical":"DU4TPW","uuiInfo":"MXHu4z","uuiSuccess":"RnAK8T","uuiWarning":"_1luZCq","uuiHighlight":"DBxaW-","uuiTypographySize12":"pdSxez","uuiTypographySize14":"M-rS41","uuiTypographySize16":"rUSMXd","iconWrapper":"vPks8V","actionWrapper":"_6SKJtB","actionLink":"hwCYkH","closeIcon":"TuYQSp","mainPath":"_5xv-K2","closeWrapper":"SCO0Ao","notificationWrapper":"VPR2Mi","clearButton":"PjFcxe"};
|
|
3268
3372
|
|
|
3269
3373
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3270
3374
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -3340,6 +3444,64 @@ function useReliableForceUpdate() {
|
|
|
3340
3444
|
return red[1];
|
|
3341
3445
|
}
|
|
3342
3446
|
|
|
3447
|
+
var css$u = {"root":"whuI-d","timepicker-input":"Du-izy","ltr-always":"MfDtNi","timepickerInput":"Du-izy","ltrAlways":"MfDtNi"};
|
|
3448
|
+
|
|
3449
|
+
const uuiTimePicker = {
|
|
3450
|
+
container: 'uui-timepicker-container',
|
|
3451
|
+
iconUp: 'uui-timepicker-icon-up',
|
|
3452
|
+
iconDown: 'uui-timepicker-icon-down',
|
|
3453
|
+
input: 'uui-timepicker-input',
|
|
3454
|
+
elementContainer: 'uui-timepicker-item',
|
|
3455
|
+
};
|
|
3456
|
+
const MIN_MINUTES = 0;
|
|
3457
|
+
const MAX_MINUTES = 59;
|
|
3458
|
+
const FORMAT_12H = 12;
|
|
3459
|
+
function TimePickerBody(props) {
|
|
3460
|
+
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3461
|
+
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3462
|
+
const setValue = (newTime) => {
|
|
3463
|
+
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3464
|
+
};
|
|
3465
|
+
const onHoursChange = (newHours) => {
|
|
3466
|
+
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3467
|
+
};
|
|
3468
|
+
const onMinutesChange = (newMinutes) => {
|
|
3469
|
+
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3470
|
+
};
|
|
3471
|
+
const onTimeTypeChange = () => {
|
|
3472
|
+
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3473
|
+
};
|
|
3474
|
+
const handleMinutesUpClick = () => {
|
|
3475
|
+
const minutesStep = props.minutesStep || 5;
|
|
3476
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3477
|
+
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3478
|
+
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3479
|
+
};
|
|
3480
|
+
const handleMinutesDownClick = () => {
|
|
3481
|
+
const minutesStep = props.minutesStep || 5;
|
|
3482
|
+
const value = uuiDayjs.dayjs().set(props.value);
|
|
3483
|
+
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3484
|
+
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3485
|
+
};
|
|
3486
|
+
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3487
|
+
React__namespace.createElement("div", { className: css$u.ltrAlways },
|
|
3488
|
+
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3489
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
3490
|
+
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3491
|
+
.set(props.value)
|
|
3492
|
+
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3493
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
3494
|
+
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3495
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3496
|
+
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3497
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
|
|
3498
|
+
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3499
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3500
|
+
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3501
|
+
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3502
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3503
|
+
}
|
|
3504
|
+
|
|
3343
3505
|
const getMeridian = (newValue, format) => {
|
|
3344
3506
|
if (format === 'hh:mm A') {
|
|
3345
3507
|
if (newValue.toLowerCase().includes('p') && newValue.toLowerCase().includes('a')) {
|
|
@@ -3386,8 +3548,6 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3386
3548
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3387
3549
|
};
|
|
3388
3550
|
|
|
3389
|
-
var css$u = {"root":"_1a2pjz","timepicker-input":"skdcbb","timepickerInput":"skdcbb"};
|
|
3390
|
-
|
|
3391
3551
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3392
3552
|
const valueToTimeString = (value, format) => {
|
|
3393
3553
|
if (value === null)
|
|
@@ -3477,62 +3637,7 @@ function TimePicker(props) {
|
|
|
3477
3637
|
return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
3478
3638
|
}
|
|
3479
3639
|
|
|
3480
|
-
|
|
3481
|
-
container: 'uui-timepicker-container',
|
|
3482
|
-
iconUp: 'uui-timepicker-icon-up',
|
|
3483
|
-
iconDown: 'uui-timepicker-icon-down',
|
|
3484
|
-
input: 'uui-timepicker-input',
|
|
3485
|
-
elementContainer: 'uui-timepicker-item',
|
|
3486
|
-
};
|
|
3487
|
-
const MIN_MINUTES = 0;
|
|
3488
|
-
const MAX_MINUTES = 59;
|
|
3489
|
-
const FORMAT_12H = 12;
|
|
3490
|
-
function TimePickerBody(props) {
|
|
3491
|
-
const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
|
|
3492
|
-
const MAX_HOURS = props.format || FORMAT_12H;
|
|
3493
|
-
const setValue = (newTime) => {
|
|
3494
|
-
props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
|
|
3495
|
-
};
|
|
3496
|
-
const onHoursChange = (newHours) => {
|
|
3497
|
-
setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
|
|
3498
|
-
};
|
|
3499
|
-
const onMinutesChange = (newMinutes) => {
|
|
3500
|
-
setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
|
|
3501
|
-
};
|
|
3502
|
-
const onTimeTypeChange = () => {
|
|
3503
|
-
setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
|
|
3504
|
-
};
|
|
3505
|
-
const handleMinutesUpClick = () => {
|
|
3506
|
-
const minutesStep = props.minutesStep || 5;
|
|
3507
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3508
|
-
const minutesToAdd = minutesStep - (value.minute() % minutesStep);
|
|
3509
|
-
onMinutesChange(value.add(minutesToAdd, 'm').minute());
|
|
3510
|
-
};
|
|
3511
|
-
const handleMinutesDownClick = () => {
|
|
3512
|
-
const minutesStep = props.minutesStep || 5;
|
|
3513
|
-
const value = uuiDayjs.dayjs().set(props.value);
|
|
3514
|
-
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
3515
|
-
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
3516
|
-
};
|
|
3517
|
-
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
3518
|
-
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3519
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
3520
|
-
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
3521
|
-
.set(props.value)
|
|
3522
|
-
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
3523
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
3524
|
-
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3525
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
3526
|
-
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
3527
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
|
|
3528
|
-
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
3529
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
3530
|
-
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
3531
|
-
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
3532
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3533
|
-
}
|
|
3534
|
-
|
|
3535
|
-
var css$t = {"root":"_1tTUIl"};
|
|
3640
|
+
var css$t = {"root":"_8Vnxuz"};
|
|
3536
3641
|
|
|
3537
3642
|
function applyInputAddonMods() {
|
|
3538
3643
|
return [
|
|
@@ -3541,7 +3646,7 @@ function applyInputAddonMods() {
|
|
|
3541
3646
|
}
|
|
3542
3647
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
3543
3648
|
|
|
3544
|
-
var css$s = {"root":"
|
|
3649
|
+
var css$s = {"root":"ECPfU6"};
|
|
3545
3650
|
|
|
3546
3651
|
function applySliderMods() {
|
|
3547
3652
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3595,7 +3700,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3595
3700
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3596
3701
|
return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3597
3702
|
// fixes a bug with body open, it skips unwanted prevent default
|
|
3598
|
-
onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size ||
|
|
3703
|
+
onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
|
|
3599
3704
|
setInputValue(v || '');
|
|
3600
3705
|
}, onCancel: allowClear ? () => {
|
|
3601
3706
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3624,14 +3729,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3624
3729
|
}
|
|
3625
3730
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3626
3731
|
|
|
3627
|
-
var css$r = {"uui-typography":"
|
|
3732
|
+
var css$r = {"uui-typography":"wLARps","hero-header":"jAq1DI","promo-header":"bnKLnk","uui-critical":"_5-sSsO","uui-info":"qRKYyl","uui-success":"morok5","uui-warning":"l6594V","uui-highlight":"WxZM2L","uui-typography-size-12":"egpev-","uui-typography-size-14":"kacBZ0","uui-typography-size-16":"NvfHqC","root":"kFUmzz","uuiTypography":"wLARps","heroHeader":"jAq1DI","promoHeader":"bnKLnk","uuiCritical":"_5-sSsO","uuiInfo":"qRKYyl","uuiSuccess":"morok5","uuiWarning":"l6594V","uuiHighlight":"WxZM2L","uuiTypographySize12":"egpev-","uuiTypographySize14":"kacBZ0","uuiTypographySize16":"NvfHqC"};
|
|
3628
3733
|
|
|
3629
3734
|
function applyCalendarPresetsMods() {
|
|
3630
3735
|
return [css$r.root];
|
|
3631
3736
|
}
|
|
3632
3737
|
const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
|
|
3633
3738
|
|
|
3634
|
-
var css$q = {"uui-typography":"
|
|
3739
|
+
var css$q = {"uui-typography":"ksJB49","hero-header":"qcL0m8","promo-header":"_9tkvF6","uui-critical":"XAYpKH","uui-info":"RkQp32","uui-success":"-vDXje","uui-warning":"H4gEVZ","uui-highlight":"_-8tDjf","uui-typography-size-12":"pjhitz","uui-typography-size-14":"nOOySy","uui-typography-size-16":"qnKJn0","root":"ehGqM-","container":"hJFEvd","day-selection":"EiQ1ge","from-picker":"VLc2Jx","to-picker":"_5EYohA","bodes-wrapper":"gosv7C","blocker":"gqPqtC","uuiTypography":"ksJB49","heroHeader":"qcL0m8","promoHeader":"_9tkvF6","uuiCritical":"XAYpKH","uuiInfo":"RkQp32","uuiSuccess":"-vDXje","uuiWarning":"H4gEVZ","uuiHighlight":"_-8tDjf","uuiTypographySize12":"pjhitz","uuiTypographySize14":"nOOySy","uuiTypographySize16":"qnKJn0","daySelection":"EiQ1ge","fromPicker":"VLc2Jx","toPicker":"_5EYohA","bodesWrapper":"gosv7C"};
|
|
3635
3740
|
|
|
3636
3741
|
const uuiRangeDatePickerBody = {
|
|
3637
3742
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3875,7 +3980,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3875
3980
|
}
|
|
3876
3981
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3877
3982
|
|
|
3878
|
-
var css$p = {"root":"
|
|
3983
|
+
var css$p = {"root":"jGY3hn","blocker":"-mJmr6","marker":"zjiTrZ","top":"a267wA","bottom":"yam2vK","left":"mheuyY","right":"aKAsOX","inside":"_0QQQFL"};
|
|
3879
3984
|
|
|
3880
3985
|
function DropMarker(props) {
|
|
3881
3986
|
return props.isDndInProgress
|
|
@@ -3890,7 +3995,7 @@ function DropMarker(props) {
|
|
|
3890
3995
|
: null;
|
|
3891
3996
|
}
|
|
3892
3997
|
|
|
3893
|
-
var css$o = {"uui-typography":"
|
|
3998
|
+
var css$o = {"uui-typography":"cKVLUA","hero-header":"ChpSA6","promo-header":"hy4psS","uui-critical":"cS-9-Z","uui-info":"pfZGlf","uui-success":"uvI46p","uui-warning":"pW8GLy","uui-highlight":"_3SMfoR","uui-typography-size-12":"ebifGW","uui-typography-size-14":"_4rzHqL","uui-typography-size-16":"_8s1IKv","cell":"ZGMzPJ","wrapper":"B7mhJb","align-widgets-top":"Br23fz","size-24":"_1yV1GD","size-30":"XAG9da","size-36":"DTCHf-","size-42":"n2DN-p","size-48":"z-y-XY","size-60":"RRvv7Y","align-widgets-center":"HK2PY4","padding-6":"zH0iWg","padding-12":"_8sGipC","padding-24":"GtPrHm","padding-left-12":"YSLJW4","padding-left-24":"-tRYl3","padding-right-12":"qR81ew","padding-right-24":"ZZbpJq","loading-cell":"nFHZxj","uuiTypography":"cKVLUA","heroHeader":"ChpSA6","promoHeader":"hy4psS","uuiCritical":"cS-9-Z","uuiInfo":"pfZGlf","uuiSuccess":"uvI46p","uuiWarning":"pW8GLy","uuiHighlight":"_3SMfoR","uuiTypographySize12":"ebifGW","uuiTypographySize14":"_4rzHqL","uuiTypographySize16":"_8s1IKv","alignWidgetsTop":"Br23fz","size24":"_1yV1GD","size30":"XAG9da","size36":"DTCHf-","size42":"n2DN-p","size48":"z-y-XY","size60":"RRvv7Y","alignWidgetsCenter":"HK2PY4","padding6":"zH0iWg","padding12":"_8sGipC","padding24":"GtPrHm","paddingLeft12":"YSLJW4","paddingLeft24":"-tRYl3","paddingRight12":"qR81ew","paddingRight24":"ZZbpJq","loadingCell":"nFHZxj"};
|
|
3894
3999
|
|
|
3895
4000
|
function DataTableCell(props) {
|
|
3896
4001
|
props = Object.assign({}, props);
|
|
@@ -3938,7 +4043,7 @@ function DataTableCell(props) {
|
|
|
3938
4043
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
3939
4044
|
}
|
|
3940
4045
|
|
|
3941
|
-
var css$n = {"uui-typography":"
|
|
4046
|
+
var css$n = {"uui-typography":"_3Ns6hL","hero-header":"oKiRak","promo-header":"JQL8VU","uui-critical":"pt4kjH","uui-info":"Eudec3","uui-success":"bNfpQm","uui-warning":"xmM-bI","uui-highlight":"zagrly","uui-typography-size-12":"HbD7Rg","uui-typography-size-14":"Rqf04x","uui-typography-size-16":"SgKCdR","root":"OhKVuy","size-24":"-Awctv","size-30":"_30Fdzc","size-36":"qzRyIX","size-48":"miV1Zy","size-60":"qlWXEu","uuiTypography":"_3Ns6hL","heroHeader":"oKiRak","promoHeader":"JQL8VU","uuiCritical":"pt4kjH","uuiInfo":"Eudec3","uuiSuccess":"bNfpQm","uuiWarning":"xmM-bI","uuiHighlight":"zagrly","uuiTypographySize12":"HbD7Rg","uuiTypographySize14":"Rqf04x","uuiTypographySize16":"SgKCdR","size24":"-Awctv","size30":"_30Fdzc","size36":"qzRyIX","size48":"miV1Zy","size60":"qlWXEu"};
|
|
3942
4047
|
|
|
3943
4048
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3944
4049
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -3954,7 +4059,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3954
4059
|
];
|
|
3955
4060
|
}, () => propsMods);
|
|
3956
4061
|
|
|
3957
|
-
var css$m = {"uui-typography":"
|
|
4062
|
+
var css$m = {"uui-typography":"_7A2nce","hero-header":"ZX6qq6","promo-header":"c2X2ox","uui-critical":"E9d5Hl","uui-info":"D3rE4T","uui-success":"V23pqQ","uui-warning":"QXAIDp","uui-highlight":"HDC-OY","uui-typography-size-12":"_4VG0OR","uui-typography-size-14":"MrVC8V","uui-typography-size-16":"wjN5tq","sorting-panel-container":"lwNSrO","sort-active":"_4t0KHA","uuiTypography":"_7A2nce","heroHeader":"ZX6qq6","promoHeader":"c2X2ox","uuiCritical":"E9d5Hl","uuiInfo":"D3rE4T","uuiSuccess":"V23pqQ","uuiWarning":"QXAIDp","uuiHighlight":"HDC-OY","uuiTypographySize12":"_4VG0OR","uuiTypographySize14":"MrVC8V","uuiTypographySize16":"wjN5tq","sortingPanelContainer":"lwNSrO","sortActive":"_4t0KHA"};
|
|
3958
4063
|
|
|
3959
4064
|
var _path$g;
|
|
3960
4065
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -4084,7 +4189,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4084
4189
|
};
|
|
4085
4190
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
4086
4191
|
|
|
4087
|
-
var css$l = {"uui-typography":"
|
|
4192
|
+
var css$l = {"uui-typography":"rYAD05","hero-header":"BhBLqn","promo-header":"_1QT8Em","uui-critical":"dDtRLc","uui-info":"nrwD3p","uui-success":"WaEn6A","uui-warning":"Gb78YR","uui-highlight":"DkYmRT","uui-typography-size-12":"MEMzFi","uui-typography-size-14":"eOOfsV","uui-typography-size-16":"jj-ZPi","cell":"YJOxEE","column-gap-12":"yWA1Sc","caption-wrapper":"bCn1MX","column-gap-24":"ZwgoDk","first-column-12":"UCmZOj","last-column-12":"YX6Xcw","first-column-24":"kSTRLt","last-column-24":"-SOlVy","sort-icon":"uC8F1K","dropdown-icon":"rKjLsg","infoIcon":"vRhRN5","resizable":"_5PUQ6d","size-24":"fjjmnC","size-30":"r3yvl0","size-36":"_1Mx9Qy","size-42":"_6U6Xuv","size-48":"rBHZQQ","padding-left-24":"LBlNED","padding-right-24":"Xhnh7S","align-right":"wQolNF","align-center":"cJVT6x","caption":"-TOdsq","checkbox":"NcOajL","icon":"S6us3O","fold-all-icon":"SURbOi","cell-tooltip":"Mg1KB0","upper-case":"d1HUWo","font-size-14":"N3T-2O","resize-mark":"_5QZVdw","resize-mark-6":"-XtSWE","resize-mark-12":"xZhz9K","pinned-right":"_08PPtb","draggable":"DRcKAI","ghost":"JTgZ2K","is-dragged-out":"_7lEmNo","dnd-marker-left":"m1rpFc","dnd-marker-right":"u-p6vP","cell-tooltip-wrapper":"Kv-rBi","cell-tooltip-text":"BslpFr","uuiTypography":"rYAD05","heroHeader":"BhBLqn","promoHeader":"_1QT8Em","uuiCritical":"dDtRLc","uuiInfo":"nrwD3p","uuiSuccess":"WaEn6A","uuiWarning":"Gb78YR","uuiHighlight":"DkYmRT","uuiTypographySize12":"MEMzFi","uuiTypographySize14":"eOOfsV","uuiTypographySize16":"jj-ZPi","columnGap12":"yWA1Sc","captionWrapper":"bCn1MX","columnGap24":"ZwgoDk","firstColumn12":"UCmZOj","lastColumn12":"YX6Xcw","firstColumn24":"kSTRLt","lastColumn24":"-SOlVy","sortIcon":"uC8F1K","dropdownIcon":"rKjLsg","size24":"fjjmnC","size30":"r3yvl0","size36":"_1Mx9Qy","size42":"_6U6Xuv","size48":"rBHZQQ","paddingLeft24":"LBlNED","paddingRight24":"Xhnh7S","alignRight":"wQolNF","alignCenter":"cJVT6x","foldAllIcon":"SURbOi","cellTooltip":"Mg1KB0","upperCase":"d1HUWo","fontSize14":"N3T-2O","resizeMark":"_5QZVdw","resizeMark6":"-XtSWE","resizeMark12":"xZhz9K","pinnedRight":"_08PPtb","isDraggedOut":"_7lEmNo","dndMarkerLeft":"m1rpFc","dndMarkerRight":"u-p6vP","cellTooltipWrapper":"Kv-rBi","cellTooltipText":"BslpFr"};
|
|
4088
4193
|
|
|
4089
4194
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4090
4195
|
constructor() {
|
|
@@ -4166,14 +4271,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4166
4271
|
};
|
|
4167
4272
|
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
4168
4273
|
|
|
4169
|
-
var css$k = {"uui-typography":"
|
|
4274
|
+
var css$k = {"uui-typography":"-BKU3e","hero-header":"QrAFAe","promo-header":"hxhjSi","uui-critical":"_8Z33jb","uui-info":"lp8BnU","uui-success":"_8qfG2h","uui-warning":"tdSwsi","uui-highlight":"Ymuedf","uui-typography-size-12":"xCFS5N","uui-typography-size-14":"qy4YG0","uui-typography-size-16":"pK8B77","header-cell":"hIWf9I","truncate":"YLlZwq","uuiTypography":"-BKU3e","heroHeader":"QrAFAe","promoHeader":"hxhjSi","uuiCritical":"_8Z33jb","uuiInfo":"lp8BnU","uuiSuccess":"_8qfG2h","uuiWarning":"tdSwsi","uuiHighlight":"Ymuedf","uuiTypographySize12":"xCFS5N","uuiTypographySize14":"qy4YG0","uuiTypographySize16":"pK8B77","headerCell":"hIWf9I"};
|
|
4170
4275
|
|
|
4171
4276
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4172
4277
|
renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4173
4278
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4174
4279
|
}));
|
|
4175
4280
|
|
|
4176
|
-
var styles$1 = {"uui-typography":"
|
|
4281
|
+
var styles$1 = {"uui-typography":"PVeqnx","hero-header":"_7WdazM","promo-header":"UNkJbb","uui-critical":"JzJQdG","uui-info":"k7c7Ma","uui-success":"zoRfJa","uui-warning":"zYAa9b","uui-highlight":"gvYwY4","uui-typography-size-12":"S6wBGo","uui-typography-size-14":"_0ykmZC","uui-typography-size-16":"TOH62m","main-panel":"DQ-ClI","group-title":"znCQEX","group-title-text":"qs-6dF","group-title-badge":"cWE-ix","group-items":"rROjO0","no-data":"rEYY88","h-divider":"ZNGIU7","search-area":"LjrZRB","subgroup-accordion":"wdM3sF","subgroup-title":"ima-XA","uuiTypography":"PVeqnx","heroHeader":"_7WdazM","promoHeader":"UNkJbb","uuiCritical":"JzJQdG","uuiInfo":"k7c7Ma","uuiSuccess":"zoRfJa","uuiWarning":"zYAa9b","uuiHighlight":"gvYwY4","uuiTypographySize12":"S6wBGo","uuiTypographySize14":"_0ykmZC","uuiTypographySize16":"TOH62m","mainPanel":"DQ-ClI","groupTitle":"znCQEX","groupTitleText":"qs-6dF","groupTitleBadge":"cWE-ix","groupItems":"rROjO0","noData":"rEYY88","hDivider":"ZNGIU7","searchArea":"LjrZRB","subgroupAccordion":"wdM3sF","subgroupTitle":"ima-XA"};
|
|
4177
4282
|
|
|
4178
4283
|
var _path$8;
|
|
4179
4284
|
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
@@ -4230,7 +4335,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4230
4335
|
};
|
|
4231
4336
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4232
4337
|
|
|
4233
|
-
var css$j = {"unpin-icon":"
|
|
4338
|
+
var css$j = {"unpin-icon":"iSyZ04","pin-toggler-icon":"qwn4ik","unpinIcon":"iSyZ04","pinTogglerIcon":"qwn4ik"};
|
|
4234
4339
|
|
|
4235
4340
|
function PinIconButton(props) {
|
|
4236
4341
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4289,7 +4394,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4289
4394
|
};
|
|
4290
4395
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4291
4396
|
|
|
4292
|
-
var styles = {"uui-typography":"
|
|
4397
|
+
var styles = {"uui-typography":"VMlQRF","hero-header":"sa5pDW","promo-header":"_55UOzx","uui-critical":"xX4u7n","uui-info":"_64EqGS","uui-success":"OLFHpN","uui-warning":"FMcOSG","uui-highlight":"_6oEgbS","uui-typography-size-12":"a1lKkW","uui-typography-size-14":"J30Yid","uui-typography-size-16":"F2Wg6e","row-wrapper":"xeGy3R","not-pinned":"cRf0cs","pin-icon-button":"_2LTon6","checkbox":"FnGRD-","drag-handle":"PHeX9j","dnd-disabled":"dHUUk2","uuiTypography":"VMlQRF","heroHeader":"sa5pDW","promoHeader":"_55UOzx","uuiCritical":"xX4u7n","uuiInfo":"_64EqGS","uuiSuccess":"OLFHpN","uuiWarning":"FMcOSG","uuiHighlight":"_6oEgbS","uuiTypographySize12":"a1lKkW","uuiTypographySize14":"J30Yid","uuiTypographySize16":"F2Wg6e","rowWrapper":"xeGy3R","notPinned":"cRf0cs","pinIconButton":"_2LTon6","dragHandle":"PHeX9j","dndDisabled":"dHUUk2"};
|
|
4293
4398
|
|
|
4294
4399
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4295
4400
|
const { column } = props;
|
|
@@ -4398,7 +4503,7 @@ function SubGroup(props) {
|
|
|
4398
4503
|
return null;
|
|
4399
4504
|
}
|
|
4400
4505
|
|
|
4401
|
-
var css$i = {"listContainer":"
|
|
4506
|
+
var css$i = {"listContainer":"u1wm8I","header":"t91xdE","group":"nINsxm","stickyHeader":"nd98ix"};
|
|
4402
4507
|
|
|
4403
4508
|
const getChildrenAndRest = (row, rows) => {
|
|
4404
4509
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4464,7 +4569,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4464
4569
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4465
4570
|
ref: ref
|
|
4466
4571
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4467
|
-
clipPath: "url(#
|
|
4572
|
+
clipPath: "url(#hehich6bfuegojv77_a)"
|
|
4468
4573
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4469
4574
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4470
4575
|
fill: "#F5F6FA"
|
|
@@ -4485,7 +4590,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4485
4590
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4486
4591
|
fill: "#1D1E26"
|
|
4487
4592
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4488
|
-
id: "
|
|
4593
|
+
id: "hehichxv7wkbti1n_b",
|
|
4489
4594
|
style: {
|
|
4490
4595
|
maskType: "alpha"
|
|
4491
4596
|
},
|
|
@@ -4498,7 +4603,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4498
4603
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4499
4604
|
fill: "#9BDEFF"
|
|
4500
4605
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4501
|
-
mask: "url(#
|
|
4606
|
+
mask: "url(#hehichxv7wkbti1n_b)",
|
|
4502
4607
|
fillRule: "evenodd",
|
|
4503
4608
|
clipRule: "evenodd"
|
|
4504
4609
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4584,7 +4689,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4584
4689
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4585
4690
|
fill: "#fff"
|
|
4586
4691
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4587
|
-
id: "
|
|
4692
|
+
id: "hehich6bfuegojv77_a"
|
|
4588
4693
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4589
4694
|
fill: "#fff",
|
|
4590
4695
|
transform: "translate(.552)",
|
|
@@ -4593,7 +4698,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4593
4698
|
};
|
|
4594
4699
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4595
4700
|
|
|
4596
|
-
var css$h = {"sticky-header":"
|
|
4701
|
+
var css$h = {"sticky-header":"WhowUn","table":"ENVPNh","no-results":"MK3nTP","no-results-icon":"_1FktTF","no-results-title":"_5quJg4","stickyHeader":"WhowUn","noResults":"MK3nTP","noResultsIcon":"_1FktTF","noResultsTitle":"_5quJg4"};
|
|
4597
4702
|
|
|
4598
4703
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4599
4704
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4646,9 +4751,9 @@ function DataTable(props) {
|
|
|
4646
4751
|
} }))));
|
|
4647
4752
|
}
|
|
4648
4753
|
|
|
4649
|
-
var css$g = {"root":"
|
|
4754
|
+
var css$g = {"root":"_3Sbr-A"};
|
|
4650
4755
|
|
|
4651
|
-
var css$f = {"root":"
|
|
4756
|
+
var css$f = {"root":"cJl3AE","burger-content":"_0yRkln","burgerContent":"_0yRkln"};
|
|
4652
4757
|
|
|
4653
4758
|
var _path$3;
|
|
4654
4759
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4691,7 +4796,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4691
4796
|
};
|
|
4692
4797
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
4693
4798
|
|
|
4694
|
-
var css$e = {"uui-typography":"
|
|
4799
|
+
var css$e = {"uui-typography":"LIiF6u","hero-header":"WAgNsS","promo-header":"_5nKK-y","uui-critical":"qSM23U","uui-info":"-Pv4KZ","uui-success":"IbA3L2","uui-warning":"DtSG2S","uui-highlight":"_4XeAJs","uui-typography-size-12":"ebmc86","uui-typography-size-14":"CKc8SQ","uui-typography-size-16":"JVoRt0","root":"Ovv3JE","button-primary":"k5jHHd","button-secondary":"UXfHz7","hasIcon":"ji0nqt","dropdown":"nTL43C","uuiTypography":"LIiF6u","heroHeader":"WAgNsS","promoHeader":"_5nKK-y","uuiCritical":"qSM23U","uuiInfo":"-Pv4KZ","uuiSuccess":"IbA3L2","uuiWarning":"DtSG2S","uuiHighlight":"_4XeAJs","uuiTypographySize12":"ebmc86","uuiTypographySize14":"CKc8SQ","uuiTypographySize16":"JVoRt0","buttonPrimary":"k5jHHd","buttonSecondary":"UXfHz7"};
|
|
4695
4800
|
|
|
4696
4801
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
4697
4802
|
css$e.root,
|
|
@@ -4702,13 +4807,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
4702
4807
|
props.icon && css$e.hasIcon,
|
|
4703
4808
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4704
4809
|
|
|
4705
|
-
var css$d = {"search-input":"
|
|
4810
|
+
var css$d = {"search-input":"iT5G8E","searchInput":"iT5G8E"};
|
|
4706
4811
|
|
|
4707
4812
|
function BurgerSearch(props) {
|
|
4708
4813
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4709
4814
|
}
|
|
4710
4815
|
|
|
4711
|
-
var css$c = {"root":"
|
|
4816
|
+
var css$c = {"root":"_6qDBP6","group-header":"D8A0OF","group-name":"nqE2Io","line":"Y3tpLt","groupHeader":"D8A0OF","groupName":"nqE2Io"};
|
|
4712
4817
|
|
|
4713
4818
|
function BurgerGroupHeader(props) {
|
|
4714
4819
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4716,7 +4821,7 @@ function BurgerGroupHeader(props) {
|
|
|
4716
4821
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4717
4822
|
}
|
|
4718
4823
|
|
|
4719
|
-
var css$b = {"uui-typography":"
|
|
4824
|
+
var css$b = {"uui-typography":"oXthX-","hero-header":"qLI3P3","promo-header":"a5Xd4d","uui-critical":"XpeJkP","uui-info":"_0d0VPN","uui-success":"_43xIIH","uui-warning":"s91TVN","uui-highlight":"BStF3i","uui-typography-size-12":"N48h5J","uui-typography-size-14":"mrkU7M","uui-typography-size-16":"MQYoTk","root":"rKDc2a","type-primary":"_2bSado","type-secondary":"QXOOqW","uuiTypography":"oXthX-","heroHeader":"qLI3P3","promoHeader":"a5Xd4d","uuiCritical":"XpeJkP","uuiInfo":"_0d0VPN","uuiSuccess":"_43xIIH","uuiWarning":"s91TVN","uuiHighlight":"BStF3i","uuiTypographySize12":"N48h5J","uuiTypographySize14":"mrkU7M","uuiTypographySize16":"MQYoTk","typePrimary":"_2bSado","typeSecondary":"QXOOqW"};
|
|
4720
4825
|
|
|
4721
4826
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4722
4827
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4732,7 +4837,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4732
4837
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4733
4838
|
});
|
|
4734
4839
|
|
|
4735
|
-
var css$a = {"dropdown-body":"
|
|
4840
|
+
var css$a = {"dropdown-body":"zDv92E","dropdownBody":"zDv92E"};
|
|
4736
4841
|
|
|
4737
4842
|
class MainMenuDropdown extends React__namespace.Component {
|
|
4738
4843
|
render() {
|
|
@@ -4787,12 +4892,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4787
4892
|
};
|
|
4788
4893
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4789
4894
|
|
|
4790
|
-
var css$9 = {"global-menu-btn":"-
|
|
4895
|
+
var css$9 = {"global-menu-btn":"-me6R2","global-menu-icon":"_2qa9h9","globalMenuBtn":"-me6R2","globalMenuIcon":"_2qa9h9"};
|
|
4791
4896
|
|
|
4792
4897
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4793
4898
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4794
4899
|
|
|
4795
|
-
var css$8 = {"container":"
|
|
4900
|
+
var css$8 = {"container":"IoiT-g","open":"NOb2-K"};
|
|
4796
4901
|
|
|
4797
4902
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4798
4903
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4800,18 +4905,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4800
4905
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
4801
4906
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4802
4907
|
|
|
4803
|
-
var css$7 = {"search-input":"
|
|
4908
|
+
var css$7 = {"search-input":"QBcIMG","searchInput":"QBcIMG"};
|
|
4804
4909
|
|
|
4805
4910
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4806
4911
|
var _a;
|
|
4807
4912
|
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4808
4913
|
} }))));
|
|
4809
4914
|
|
|
4810
|
-
var css$6 = {"container":"
|
|
4915
|
+
var css$6 = {"container":"p-Mo66"};
|
|
4811
4916
|
|
|
4812
4917
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
|
|
4813
4918
|
|
|
4814
|
-
var css$5 = {"root":"
|
|
4919
|
+
var css$5 = {"root":"ehgEX7"};
|
|
4815
4920
|
|
|
4816
4921
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
4817
4922
|
|
|
@@ -4869,7 +4974,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4869
4974
|
};
|
|
4870
4975
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
4871
4976
|
|
|
4872
|
-
var css$4 = {"root":"
|
|
4977
|
+
var css$4 = {"root":"PnNPNO","drop-start":"qQEZHe","drop-over":"HXYhr-","link":"BeNoTM","drop-area":"vF-eOy","drop-caption":"SSs9Ft","icon-blue":"RB9UzS","dropStart":"qQEZHe","dropOver":"HXYhr-","dropArea":"vF-eOy","dropCaption":"SSs9Ft","iconBlue":"RB9UzS"};
|
|
4873
4978
|
|
|
4874
4979
|
function DropSpot(props) {
|
|
4875
4980
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4887,9 +4992,9 @@ function DropSpot(props) {
|
|
|
4887
4992
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4888
4993
|
}
|
|
4889
4994
|
|
|
4890
|
-
var css$3 = {"uui-typography":"
|
|
4995
|
+
var css$3 = {"uui-typography":"_1YQLmI","hero-header":"ciTRKm","promo-header":"Bt8Fqo","uui-critical":"aAvxap","uui-info":"kdzoK-","uui-success":"Tiuhbn","uui-warning":"v1mwLw","uui-highlight":"O4gcMB","uui-typography-size-12":"l-B1-x","uui-typography-size-14":"oh2sBj","uui-typography-size-16":"IVhjfl","root":"OyN-QF","file-name":"b8vI19","default-color":"n-Nrec","doc-color":"mUe3hr","xls-color":"MgHB34","pdf-color":"blYswp","movie-color":"aOcvPQ","img-color":"_5zM0A-","mov-color":"KzoYdf","error-block":"wyPdLl","icons-block":"CQe2J2","uuiTypography":"_1YQLmI","heroHeader":"ciTRKm","promoHeader":"Bt8Fqo","uuiCritical":"aAvxap","uuiInfo":"kdzoK-","uuiSuccess":"Tiuhbn","uuiWarning":"v1mwLw","uuiHighlight":"O4gcMB","uuiTypographySize12":"l-B1-x","uuiTypographySize14":"oh2sBj","uuiTypographySize16":"IVhjfl","fileName":"b8vI19","defaultColor":"n-Nrec","docColor":"mUe3hr","xlsColor":"MgHB34","pdfColor":"blYswp","movieColor":"aOcvPQ","imgColor":"_5zM0A-","movColor":"KzoYdf","errorBlock":"wyPdLl","iconsBlock":"CQe2J2"};
|
|
4891
4996
|
|
|
4892
|
-
var css$2 = {"root":"
|
|
4997
|
+
var css$2 = {"root":"HGkmFw"};
|
|
4893
4998
|
|
|
4894
4999
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4895
5000
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5014,7 +5119,7 @@ const getErrorPageConfig = () => ({
|
|
|
5014
5119
|
},
|
|
5015
5120
|
});
|
|
5016
5121
|
|
|
5017
|
-
var css$1 = {"container":"
|
|
5122
|
+
var css$1 = {"container":"RTlZa2"};
|
|
5018
5123
|
|
|
5019
5124
|
const ErrorPage = (props) => {
|
|
5020
5125
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5025,7 +5130,7 @@ const ErrorPage = (props) => {
|
|
|
5025
5130
|
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5026
5131
|
};
|
|
5027
5132
|
|
|
5028
|
-
var css = {"recovery-spinner":"
|
|
5133
|
+
var css = {"recovery-spinner":"Yss-PI","recovery-message":"_5MizJV","modal-blocker":"KFzo04","modalFadeIn":"yAs-vW","recoverySpinner":"Yss-PI","recoveryMessage":"_5MizJV","modalBlocker":"KFzo04"};
|
|
5029
5134
|
|
|
5030
5135
|
function ErrorHandler(props) {
|
|
5031
5136
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|
|
@@ -5217,6 +5322,7 @@ exports.propsMods = propsMods;
|
|
|
5217
5322
|
exports.rangeDatePickerPresets = rangeDatePickerPresets;
|
|
5218
5323
|
exports.renderCell = renderCell;
|
|
5219
5324
|
exports.renderDropMarkers = renderDropMarkers;
|
|
5325
|
+
exports.settings = settings;
|
|
5220
5326
|
exports.useColumnsWithFilters = useColumnsWithFilters;
|
|
5221
5327
|
exports.useForm = useForm;
|
|
5222
5328
|
exports.uuiDatePickerBody = uuiDatePickerBody;
|