@epam/uui 5.9.0-beta.0 → 5.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/typography.scss +6 -0
- package/components/buttons/LinkButton.d.ts +10 -1
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/datePickers/CalendarPresets.d.ts +44 -4
- package/components/datePickers/CalendarPresets.d.ts.map +1 -1
- package/components/datePickers/DatePickerHeader.d.ts +4 -4
- package/components/datePickers/DatePickerHeader.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts +0 -4
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/datePickers/types.d.ts +3 -3
- package/components/datePickers/types.d.ts.map +1 -1
- package/components/filters/FilterPickerBody.d.ts.map +1 -1
- package/components/filters/index.d.ts +1 -0
- package/components/filters/index.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -1
- package/components/layout/LabeledInput.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/pickers/DataPickerCell.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts +1 -1
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -1
- package/components/pickers/PickerToggler.d.ts.map +1 -1
- package/components/pickers/PickerTogglerTag.d.ts +1 -0
- package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
- package/components/tables/DataTable.d.ts +1 -1
- package/components/tables/DataTable.d.ts.map +1 -1
- package/components/tables/DataTableCell.d.ts +1 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/tables/DataTableHeaderCell.d.ts +1 -1
- package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts +2 -2
- package/components/widgets/DataRowAddons.d.ts +5 -1
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/components/widgets/StatusIndicator.d.ts.map +1 -1
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/index.esm.js +264 -286
- package/index.esm.js.map +1 -1
- package/index.js +266 -283
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/settings.d.ts +192 -2
- package/settings.d.ts.map +1 -1
- package/stats.html +1 -1
- package/styles.css +3298 -2716
- package/styles.css.map +1 -1
- package/settings.types.d.ts +0 -139
- package/settings.types.d.ts.map +0 -1
package/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as uuiComponents from '@epam/uui-components';
|
|
2
|
-
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1,
|
|
3
|
-
export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
2
|
+
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableCellContainer, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
|
|
3
|
+
export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
4
4
|
import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default, { forwardRef, useContext, useRef, useState, useImperativeHandle, useEffect, Fragment, useMemo, useCallback, useReducer } from 'react';
|
|
@@ -41,7 +41,7 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
|
|
|
41
41
|
viewBox: "0 0 24 24",
|
|
42
42
|
ref: ref
|
|
43
43
|
}, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "
|
|
44
|
+
d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
|
|
45
45
|
})));
|
|
46
46
|
};
|
|
47
47
|
var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
|
|
@@ -284,7 +284,6 @@ const systemIcons = {
|
|
|
284
284
|
const settings = {
|
|
285
285
|
sizes: {
|
|
286
286
|
defaults: {
|
|
287
|
-
badge: '36',
|
|
288
287
|
button: '36',
|
|
289
288
|
checkbox: '18',
|
|
290
289
|
countIndicator: '24',
|
|
@@ -298,12 +297,9 @@ const settings = {
|
|
|
298
297
|
tabButton: '48',
|
|
299
298
|
tag: '36',
|
|
300
299
|
text: '36',
|
|
301
|
-
textArea: '36',
|
|
302
300
|
textInput: '36',
|
|
303
301
|
rangeDatePicker: '36',
|
|
304
302
|
datePicker: '36',
|
|
305
|
-
labeledInput: '36',
|
|
306
|
-
statusIndicator: '24',
|
|
307
303
|
},
|
|
308
304
|
tag: {
|
|
309
305
|
countIndicator: {
|
|
@@ -333,11 +329,11 @@ const settings = {
|
|
|
333
329
|
pickerToggler: {
|
|
334
330
|
tag: {
|
|
335
331
|
24: '18',
|
|
336
|
-
30: '
|
|
337
|
-
36: '
|
|
338
|
-
42: '
|
|
339
|
-
48: '
|
|
340
|
-
60: '
|
|
332
|
+
30: '18',
|
|
333
|
+
36: '24',
|
|
334
|
+
42: '30',
|
|
335
|
+
48: '36',
|
|
336
|
+
60: '42',
|
|
341
337
|
},
|
|
342
338
|
},
|
|
343
339
|
dataPickerHeader: {
|
|
@@ -390,14 +386,6 @@ const settings = {
|
|
|
390
386
|
48: '48',
|
|
391
387
|
60: '48',
|
|
392
388
|
},
|
|
393
|
-
icon: {
|
|
394
|
-
24: '12',
|
|
395
|
-
30: '18',
|
|
396
|
-
36: '18',
|
|
397
|
-
42: '24',
|
|
398
|
-
48: '24',
|
|
399
|
-
60: '24',
|
|
400
|
-
},
|
|
401
389
|
},
|
|
402
390
|
dataPickerRow: {
|
|
403
391
|
padding: {
|
|
@@ -412,7 +400,7 @@ const settings = {
|
|
|
412
400
|
switch: {
|
|
413
401
|
24: '12',
|
|
414
402
|
30: '18',
|
|
415
|
-
36: '
|
|
403
|
+
36: '18',
|
|
416
404
|
42: '24',
|
|
417
405
|
48: '24',
|
|
418
406
|
},
|
|
@@ -434,14 +422,6 @@ const settings = {
|
|
|
434
422
|
48: '18',
|
|
435
423
|
60: '18',
|
|
436
424
|
},
|
|
437
|
-
icon: {
|
|
438
|
-
24: '12',
|
|
439
|
-
30: '18',
|
|
440
|
-
36: '18',
|
|
441
|
-
42: '24',
|
|
442
|
-
48: '24',
|
|
443
|
-
60: '24',
|
|
444
|
-
},
|
|
445
425
|
indentUnit: {
|
|
446
426
|
24: 6,
|
|
447
427
|
30: 12,
|
|
@@ -470,29 +450,10 @@ const settings = {
|
|
|
470
450
|
48: { lineHeight: 24, fontSize: 16 },
|
|
471
451
|
60: { lineHeight: 30, fontSize: 24 },
|
|
472
452
|
},
|
|
473
|
-
filterPickerBody: {
|
|
474
|
-
pickerItem: '36',
|
|
475
|
-
dataPickerRow: '36',
|
|
476
|
-
dataPickerFooter: '36',
|
|
477
|
-
searchSize: '36',
|
|
478
|
-
},
|
|
479
|
-
labeledInput: {
|
|
480
|
-
fillIcon: ['24', '30'],
|
|
481
|
-
},
|
|
482
|
-
badge: {
|
|
483
|
-
countIndicator: {
|
|
484
|
-
18: '12',
|
|
485
|
-
24: '18',
|
|
486
|
-
30: '18',
|
|
487
|
-
36: '18',
|
|
488
|
-
42: '24',
|
|
489
|
-
48: '24',
|
|
490
|
-
},
|
|
491
|
-
},
|
|
492
453
|
},
|
|
493
454
|
};
|
|
494
455
|
|
|
495
|
-
var css$1s = {"uui-typography":"
|
|
456
|
+
var css$1s = {"uui-typography":"i-IFmK","hero-header":"O8bkF7","promo-header":"m0M1Vk","uui-critical":"_9ggEka","uui-info":"sKVmxV","uui-success":"VBJsqi","uui-warning":"NCqwe3","uui-highlight":"Pb5hEE","uui-typography-size-12":"_3jXbAV","uui-typography-size-14":"-JmXl1","uui-typography-size-16":"pN4mf0","root":"g--ZrC","uuiTypography":"i-IFmK","heroHeader":"O8bkF7","promoHeader":"m0M1Vk","uuiCritical":"_9ggEka","uuiInfo":"sKVmxV","uuiSuccess":"VBJsqi","uuiWarning":"NCqwe3","uuiHighlight":"Pb5hEE","uuiTypographySize12":"_3jXbAV","uuiTypographySize14":"-JmXl1","uuiTypographySize16":"pN4mf0"};
|
|
496
457
|
|
|
497
458
|
function applyButtonMods(mods) {
|
|
498
459
|
return [
|
|
@@ -510,7 +471,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
510
471
|
};
|
|
511
472
|
});
|
|
512
473
|
|
|
513
|
-
var css$1r = {"root":"
|
|
474
|
+
var css$1r = {"root":"ISW7A0"};
|
|
514
475
|
|
|
515
476
|
function applyIconButtonMods(props) {
|
|
516
477
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -547,18 +508,10 @@ function getIconClass(props) {
|
|
|
547
508
|
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'];
|
|
548
509
|
}
|
|
549
510
|
|
|
550
|
-
var css$1q = {"uui-typography":"
|
|
511
|
+
var css$1q = {"uui-typography":"XJ7gJ-","hero-header":"zbQ1nz","promo-header":"_1EihEb","uui-critical":"EcFRor","uui-info":"s7Jubk","uui-success":"sk-00q","uui-warning":"fp-HeX","uui-highlight":"o4Wf7z","uui-typography-size-12":"Sq0Ftp","uui-typography-size-14":"Oq1WiL","uui-typography-size-16":"jMVg-v","root":"cUVgSy","uuiTypography":"XJ7gJ-","heroHeader":"zbQ1nz","promoHeader":"_1EihEb","uuiCritical":"EcFRor","uuiInfo":"s7Jubk","uuiSuccess":"sk-00q","uuiWarning":"fp-HeX","uuiHighlight":"o4Wf7z","uuiTypographySize12":"Sq0Ftp","uuiTypographySize14":"Oq1WiL","uuiTypographySize16":"jMVg-v"};
|
|
551
512
|
|
|
552
513
|
const DEFAULT_COLOR = 'primary';
|
|
553
|
-
|
|
554
|
-
return [
|
|
555
|
-
'uui-link_button',
|
|
556
|
-
css$1q.root,
|
|
557
|
-
`uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
|
|
558
|
-
...getIconClass(mods),
|
|
559
|
-
`uui-color-${mods.color || DEFAULT_COLOR}`,
|
|
560
|
-
];
|
|
561
|
-
}
|
|
514
|
+
const DEFAULT_WEIGHT = 'semibold';
|
|
562
515
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
563
516
|
if (process.env.NODE_ENV !== "production" && props.color === 'contrast') {
|
|
564
517
|
devLogger.warnAboutDeprecatedPropValue({
|
|
@@ -569,16 +522,24 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
569
522
|
condition: () => props.color === 'contrast',
|
|
570
523
|
});
|
|
571
524
|
}
|
|
572
|
-
const
|
|
525
|
+
const rootStyles = [
|
|
526
|
+
'uui-link_button',
|
|
527
|
+
css$1q.root,
|
|
528
|
+
`uui-size-${props.size || settings.sizes.defaults.linkButton}`,
|
|
529
|
+
...getIconClass(props),
|
|
530
|
+
`uui-color-${props.color || DEFAULT_COLOR}`,
|
|
531
|
+
props.cx,
|
|
532
|
+
];
|
|
533
|
+
const captionStyles = cx(uuiElement.caption, props.underline && `uui-underline-${props.underline}`, `uui-link-button-weight-${props.weight || DEFAULT_WEIGHT}`);
|
|
573
534
|
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
|
|
574
|
-
return (React.createElement(Clickable, Object.assign({}, props, { type: "button", cx:
|
|
535
|
+
return (React.createElement(Clickable, Object.assign({}, props, { type: "button", cx: rootStyles, ref: ref }),
|
|
575
536
|
props.icon && props.iconPosition !== 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
576
|
-
props.caption && (React.createElement("div", { className:
|
|
537
|
+
props.caption && (React.createElement("div", { className: captionStyles }, props.caption)),
|
|
577
538
|
props.icon && props.iconPosition === 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
578
539
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
579
540
|
});
|
|
580
541
|
|
|
581
|
-
var css$1p = {"root":"
|
|
542
|
+
var css$1p = {"root":"JqPEIJ"};
|
|
582
543
|
|
|
583
544
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
584
545
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -590,7 +551,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
590
551
|
]) }, props.caption));
|
|
591
552
|
});
|
|
592
553
|
|
|
593
|
-
var css$1o = {"uui-typography":"
|
|
554
|
+
var css$1o = {"uui-typography":"zd93-g","hero-header":"qO3IeI","promo-header":"uqgeXf","uui-critical":"YouBXa","uui-info":"xp7qRc","uui-success":"fFZAUa","uui-warning":"_6ofHhE","uui-highlight":"_0VGY4m","uui-typography-size-12":"AgDevH","uui-typography-size-14":"roQGs6","uui-typography-size-16":"d9J-2n","root":"_9tZEfr","withNotify":"Levh-p","uuiTypography":"zd93-g","heroHeader":"qO3IeI","promoHeader":"uqgeXf","uuiCritical":"YouBXa","uuiInfo":"xp7qRc","uuiSuccess":"fFZAUa","uuiWarning":"_6ofHhE","uuiHighlight":"_0VGY4m","uuiTypographySize12":"AgDevH","uuiTypographySize14":"roQGs6","uuiTypographySize16":"d9J-2n"};
|
|
594
555
|
|
|
595
556
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
596
557
|
const styles = [
|
|
@@ -612,7 +573,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
612
573
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
613
574
|
});
|
|
614
575
|
|
|
615
|
-
var css$1n = {"uui-typography":"
|
|
576
|
+
var css$1n = {"uui-typography":"PtxKow","hero-header":"bRC499","promo-header":"_64dKKb","uui-critical":"_8n54MU","uui-info":"-FWYmN","uui-success":"liAp2a","uui-warning":"dbi7cv","uui-highlight":"Z7Edla","uui-typography-size-12":"nkmOac","uui-typography-size-14":"p5LzVP","uui-typography-size-16":"J6fiQP","root":"_6Yhcgc","uuiTypography":"PtxKow","heroHeader":"bRC499","promoHeader":"_64dKKb","uuiCritical":"_8n54MU","uuiInfo":"-FWYmN","uuiSuccess":"liAp2a","uuiWarning":"dbi7cv","uuiHighlight":"Z7Edla","uuiTypographySize12":"nkmOac","uuiTypographySize14":"p5LzVP","uuiTypographySize16":"J6fiQP"};
|
|
616
577
|
|
|
617
578
|
function applyVerticalTabButtonMods() {
|
|
618
579
|
return [css$1n.root];
|
|
@@ -634,7 +595,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
634
595
|
};
|
|
635
596
|
var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
636
597
|
|
|
637
|
-
var css$1m = {"uui-typography":"
|
|
598
|
+
var css$1m = {"uui-typography":"MNRGxO","hero-header":"IQGIL6","promo-header":"oaMlaj","uui-critical":"Bw3rrQ","uui-info":"hK6DcC","uui-success":"wK2EiN","uui-warning":"yqESmd","uui-highlight":"KbGOQ8","uui-typography-size-12":"zAeltu","uui-typography-size-14":"jOEvil","uui-typography-size-16":"_7xRt-r","root":"_45rG2x","mode-cell":"_4MiOlQ","uuiTypography":"MNRGxO","heroHeader":"IQGIL6","promoHeader":"oaMlaj","uuiCritical":"Bw3rrQ","uuiInfo":"hK6DcC","uuiSuccess":"wK2EiN","uuiWarning":"yqESmd","uuiHighlight":"KbGOQ8","uuiTypographySize12":"zAeltu","uuiTypographySize14":"jOEvil","uuiTypographySize16":"_7xRt-r","modeCell":"_4MiOlQ"};
|
|
638
599
|
|
|
639
600
|
function applyCheckboxMods(mods) {
|
|
640
601
|
return [
|
|
@@ -664,12 +625,12 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
664
625
|
viewBox: "0 0 24 24",
|
|
665
626
|
ref: ref
|
|
666
627
|
}, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
|
|
667
|
-
d: "M12
|
|
628
|
+
d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
|
|
668
629
|
})));
|
|
669
630
|
};
|
|
670
631
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
|
|
671
632
|
|
|
672
|
-
var css$1l = {"uui-typography":"
|
|
633
|
+
var css$1l = {"uui-typography":"DA64WJ","hero-header":"_1S3ehJ","promo-header":"-d3HrQ","uui-critical":"jJohpC","uui-info":"mVtbyc","uui-success":"tF0L2R","uui-warning":"VZCJu-","uui-highlight":"RmTsed","uui-typography-size-12":"PyeJQD","uui-typography-size-14":"K9BIe1","uui-typography-size-16":"yfPs-2","root":"D7j08-","uuiTypography":"DA64WJ","heroHeader":"_1S3ehJ","promoHeader":"-d3HrQ","uuiCritical":"jJohpC","uuiInfo":"mVtbyc","uuiSuccess":"tF0L2R","uuiWarning":"VZCJu-","uuiHighlight":"RmTsed","uuiTypographySize12":"PyeJQD","uuiTypographySize14":"K9BIe1","uuiTypographySize16":"yfPs-2"};
|
|
673
634
|
|
|
674
635
|
function applyRadioInputMods(mods) {
|
|
675
636
|
return [
|
|
@@ -681,7 +642,7 @@ function applyRadioInputMods(mods) {
|
|
|
681
642
|
}
|
|
682
643
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
683
644
|
|
|
684
|
-
var css$1k = {"root":"
|
|
645
|
+
var css$1k = {"root":"KXX0EY"};
|
|
685
646
|
|
|
686
647
|
function applySwitchMods(mods) {
|
|
687
648
|
return [
|
|
@@ -749,7 +710,7 @@ var EditMode;
|
|
|
749
710
|
EditMode["INLINE"] = "inline";
|
|
750
711
|
})(EditMode || (EditMode = {}));
|
|
751
712
|
|
|
752
|
-
var textInputCss = {"uui-typography":"
|
|
713
|
+
var textInputCss = {"uui-typography":"FBIOs3","hero-header":"QNRK9P","promo-header":"jKd0CX","uui-critical":"T4k0YX","uui-info":"O9v5y5","uui-success":"UxdvuZ","uui-warning":"UF3mh9","uui-highlight":"Ecx673","uui-typography-size-12":"jW-CGt","uui-typography-size-14":"dsDZWF","uui-typography-size-16":"RMhwYI","root":"x8HHS-","mode-form":"aisphR","mode-inline":"_2nbTYc","mode-cell":"BdSuv3","uuiTypography":"FBIOs3","heroHeader":"QNRK9P","promoHeader":"jKd0CX","uuiCritical":"T4k0YX","uuiInfo":"O9v5y5","uuiSuccess":"UxdvuZ","uuiWarning":"UF3mh9","uuiHighlight":"Ecx673","uuiTypographySize12":"jW-CGt","uuiTypographySize14":"dsDZWF","uuiTypographySize16":"RMhwYI","modeForm":"aisphR","modeInline":"_2nbTYc","modeCell":"BdSuv3"};
|
|
753
714
|
|
|
754
715
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
755
716
|
function applyTextInputMods(mods) {
|
|
@@ -775,7 +736,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
775
736
|
} })));
|
|
776
737
|
});
|
|
777
738
|
|
|
778
|
-
var css$1j = {"root":"
|
|
739
|
+
var css$1j = {"root":"tx4iAR"};
|
|
779
740
|
|
|
780
741
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
|
|
781
742
|
|
|
@@ -784,7 +745,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
784
745
|
}
|
|
785
746
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
786
747
|
|
|
787
|
-
var css$1i = {"uui-typography":"
|
|
748
|
+
var css$1i = {"uui-typography":"wC3-EE","hero-header":"HmhfL0","promo-header":"XvpXCI","uui-critical":"edFf9X","uui-info":"_0idIbU","uui-success":"T-XBLy","uui-warning":"pEMZIF","uui-highlight":"w-r4og","uui-typography-size-12":"vJVAYH","uui-typography-size-14":"GFFJAt","uui-typography-size-16":"uEO7es","root":"bm5Sp2","mode-form":"l-aIZ3","mode-cell":"cQD8FG","uuiTypography":"wC3-EE","heroHeader":"HmhfL0","promoHeader":"XvpXCI","uuiCritical":"edFf9X","uuiInfo":"_0idIbU","uuiSuccess":"T-XBLy","uuiWarning":"pEMZIF","uuiHighlight":"w-r4og","uuiTypographySize12":"vJVAYH","uuiTypographySize14":"GFFJAt","uuiTypographySize16":"uEO7es","modeForm":"l-aIZ3","modeCell":"cQD8FG"};
|
|
788
749
|
|
|
789
750
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
790
751
|
function applyNumericInputMods(mods) {
|
|
@@ -805,14 +766,14 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
805
766
|
};
|
|
806
767
|
});
|
|
807
768
|
|
|
808
|
-
var css$1h = {"uui-typography":"
|
|
769
|
+
var css$1h = {"uui-typography":"Py9zLY","hero-header":"L0QzVL","promo-header":"_4-xU-M","uui-critical":"rExUOB","uui-info":"iNptas","uui-success":"zEJD-4","uui-warning":"PRTuCY","uui-highlight":"sNiJS-","uui-typography-size-12":"_1JhA9t","uui-typography-size-14":"HwTZ9I","uui-typography-size-16":"_19tc14","root":"_1ZyaLc","mode-form":"gYcxst","mode-cell":"Kg3DUx","mode-inline":"sRZs6b","size-24":"iJrln1","size-30":"HAk3gg","size-36":"cELDQC","size-42":"VW45sL","size-48":"J3K-ck","uuiTypography":"Py9zLY","heroHeader":"L0QzVL","promoHeader":"_4-xU-M","uuiCritical":"rExUOB","uuiInfo":"iNptas","uuiSuccess":"zEJD-4","uuiWarning":"PRTuCY","uuiHighlight":"sNiJS-","uuiTypographySize12":"_1JhA9t","uuiTypographySize14":"HwTZ9I","uuiTypographySize16":"_19tc14","modeForm":"gYcxst","modeCell":"Kg3DUx","modeInline":"sRZs6b","size24":"iJrln1","size30":"HAk3gg","size36":"cELDQC","size42":"VW45sL","size48":"J3K-ck"};
|
|
809
770
|
|
|
771
|
+
const DEFAULT_SIZE$3 = '36';
|
|
810
772
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
811
773
|
function applyTextAreaMods(mods) {
|
|
812
774
|
return [
|
|
813
775
|
css$1h.root,
|
|
814
|
-
'
|
|
815
|
-
'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
|
|
776
|
+
css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
|
|
816
777
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
817
778
|
];
|
|
818
779
|
}
|
|
@@ -906,7 +867,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
906
867
|
};
|
|
907
868
|
var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
908
869
|
|
|
909
|
-
var css$1g = {"uui-typography":"
|
|
870
|
+
var css$1g = {"uui-typography":"uMuySi","hero-header":"p9Rux3","promo-header":"E2bs4R","uui-critical":"zAgbCA","uui-info":"JakQHU","uui-success":"Lao8kF","uui-warning":"vVSUja","uui-highlight":"B67UZy","uui-typography-size-12":"RPrNK0","uui-typography-size-14":"HGSNSI","uui-typography-size-16":"_0gJyxR","root":"HE5yCW","icon-wrapper":"ZsdL8b","alert-wrapper":"GW1VTw","size-48":"UbMqW9","size-36":"qT7v-n","action-wrapper":"URlT9N","action-icon":"Q2aVZV","action-link":"AzPPkJ","close-icon":"sgFz7Z","main-path":"PzLYdX","content":"GdLmww","uuiTypography":"uMuySi","heroHeader":"p9Rux3","promoHeader":"E2bs4R","uuiCritical":"zAgbCA","uuiInfo":"JakQHU","uuiSuccess":"Lao8kF","uuiWarning":"vVSUja","uuiHighlight":"B67UZy","uuiTypographySize12":"RPrNK0","uuiTypographySize14":"HGSNSI","uuiTypographySize16":"_0gJyxR","iconWrapper":"ZsdL8b","alertWrapper":"GW1VTw","size48":"UbMqW9","size36":"qT7v-n","actionWrapper":"URlT9N","actionIcon":"Q2aVZV","actionLink":"AzPPkJ","closeIcon":"sgFz7Z","mainPath":"PzLYdX"};
|
|
910
871
|
|
|
911
872
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
912
873
|
React.createElement("div", { className: css$1g.mainPath },
|
|
@@ -923,7 +884,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
923
884
|
|
|
924
885
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
925
886
|
|
|
926
|
-
var css$1f = {"root":"
|
|
887
|
+
var css$1f = {"root":"_23nM9u"};
|
|
927
888
|
|
|
928
889
|
function applyDropdownContainerMods(mods) {
|
|
929
890
|
return [
|
|
@@ -934,7 +895,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
934
895
|
}
|
|
935
896
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
936
897
|
|
|
937
|
-
var css$1e = {"uui-typography":"
|
|
898
|
+
var css$1e = {"uui-typography":"_5F-lmK","hero-header":"_18q11c","promo-header":"HBM3cr","uui-critical":"QptYyp","uui-info":"_6-irKK","uui-success":"JNYhaq","uui-warning":"pL4dYR","uui-highlight":"yudWAE","uui-typography-size-12":"e-Yfxa","uui-typography-size-14":"kPcTOC","uui-typography-size-16":"dxnMMe","submenu-root-item":"Wy5qT1","icon-after":"YiAPpK","icon-check":"gKYR-I","splitter-root":"Bf8HM4","splitter":"G8saKQ","header-root":"pAfm7C","item-root":"CS3xAm","icon":"HpSIcR","link":"MRtQ4J","indent":"MGgv-a","selected-mark":"-hAePa","uuiTypography":"_5F-lmK","heroHeader":"_18q11c","promoHeader":"HBM3cr","uuiCritical":"QptYyp","uuiInfo":"_6-irKK","uuiSuccess":"JNYhaq","uuiWarning":"pL4dYR","uuiHighlight":"yudWAE","uuiTypographySize12":"e-Yfxa","uuiTypographySize14":"kPcTOC","uuiTypographySize16":"dxnMMe","submenuRootItem":"Wy5qT1","iconAfter":"YiAPpK","iconCheck":"gKYR-I","splitterRoot":"Bf8HM4","headerRoot":"pAfm7C","itemRoot":"CS3xAm","selectedMark":"-hAePa"};
|
|
938
899
|
|
|
939
900
|
var IDropdownControlKeys;
|
|
940
901
|
(function (IDropdownControlKeys) {
|
|
@@ -1029,7 +990,8 @@ function DropdownSubMenu(props) {
|
|
|
1029
990
|
name: 'offset',
|
|
1030
991
|
options: {
|
|
1031
992
|
offset: ({ placement }) => {
|
|
1032
|
-
if (placement === 'right-start'
|
|
993
|
+
if (placement === 'right-start'
|
|
994
|
+
|| placement === 'left-start') {
|
|
1033
995
|
return [-6, 0];
|
|
1034
996
|
}
|
|
1035
997
|
else {
|
|
@@ -1040,7 +1002,7 @@ function DropdownSubMenu(props) {
|
|
|
1040
1002
|
},
|
|
1041
1003
|
];
|
|
1042
1004
|
const dir = useDocumentDir();
|
|
1043
|
-
return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
1005
|
+
return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
|
|
1044
1006
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1045
1007
|
return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
1046
1008
|
} }));
|
|
@@ -1066,7 +1028,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1066
1028
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1067
1029
|
}
|
|
1068
1030
|
|
|
1069
|
-
var css$1d = {"uui-typography":"
|
|
1031
|
+
var css$1d = {"uui-typography":"djPOAK","hero-header":"_8D3uKM","promo-header":"DVpyWz","uui-critical":"HEtgyK","uui-info":"smLW6v","uui-success":"qw9QG2","uui-warning":"WDytUb","uui-highlight":"mamQiR","uui-typography-size-12":"_6yX-6v","uui-typography-size-14":"amErVU","uui-typography-size-16":"GikIJS","root":"cZNy1u","mode-block":"g5jEw0","mode-inline":"_7H7BfT","padding-0":"_11ALhf","padding-6":"iDAqlG","padding-12":"V8bJKE","padding-18":"sjI0y8","uuiTypography":"djPOAK","heroHeader":"_8D3uKM","promoHeader":"DVpyWz","uuiCritical":"HEtgyK","uuiInfo":"smLW6v","uuiSuccess":"qw9QG2","uuiWarning":"WDytUb","uuiHighlight":"mamQiR","uuiTypographySize12":"_6yX-6v","uuiTypographySize14":"amErVU","uuiTypographySize16":"GikIJS","modeBlock":"g5jEw0","modeInline":"_7H7BfT","padding0":"_11ALhf","padding6":"iDAqlG","padding12":"V8bJKE","padding18":"sjI0y8"};
|
|
1070
1032
|
|
|
1071
1033
|
const getMode = (mode) => {
|
|
1072
1034
|
return mode || 'block';
|
|
@@ -1082,7 +1044,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1082
1044
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1083
1045
|
}));
|
|
1084
1046
|
|
|
1085
|
-
var css$1c = {"uui-typography":"
|
|
1047
|
+
var css$1c = {"uui-typography":"jLD6V-","hero-header":"GYS-Pq","promo-header":"tqpZfm","uui-critical":"ZoYdBU","uui-info":"OiOhWX","uui-success":"f6xG6W","uui-warning":"hMSjGI","uui-highlight":"d2Zzv4","uui-typography-size-12":"yH8gP3","uui-typography-size-14":"E1sxas","uui-typography-size-16":"posgl5","root":"JbBbUh","border-top":"PCqd-l","border-bottom":"L0dl4G","top-shadow":"DFsYSH","size-24":"qbbx3-","size-30":"T0GJ7t","size-36":"YeDcLu","size-42":"lEACsu","size-48":"_09cDM9","padding-6":"CDpBMY","padding-12":"vy9nk1","padding-18":"hX-HrE","padding-24":"arBPmE","margin-24":"eenDGp","margin-12":"DNcLWM","vPadding-12":"h-9PCC","vPadding-18":"m3bJWJ","vPadding-24":"BZGtsq","vPadding-36":"sLVV7l","vPadding-48":"z9nTUh","spacing-6":"KWV7e0","spacing-12":"_1lNpCS","spacing-18":"_4YGcNL","uui-surface-main":"NpJi-w","uuiTypography":"jLD6V-","heroHeader":"GYS-Pq","promoHeader":"tqpZfm","uuiCritical":"ZoYdBU","uuiInfo":"OiOhWX","uuiSuccess":"f6xG6W","uuiWarning":"hMSjGI","uuiHighlight":"d2Zzv4","uuiTypographySize12":"yH8gP3","uuiTypographySize14":"E1sxas","uuiTypographySize16":"posgl5","borderTop":"PCqd-l","borderBottom":"L0dl4G","topShadow":"DFsYSH","size24":"qbbx3-","size30":"T0GJ7t","size36":"YeDcLu","size42":"lEACsu","size48":"_09cDM9","padding6":"CDpBMY","padding12":"vy9nk1","padding18":"hX-HrE","padding24":"arBPmE","margin24":"eenDGp","margin12":"DNcLWM","vPadding12":"h-9PCC","vPadding18":"m3bJWJ","vPadding24":"BZGtsq","vPadding36":"sLVV7l","vPadding48":"z9nTUh","spacing6":"KWV7e0","spacing12":"_1lNpCS","spacing18":"_4YGcNL","uuiSurfaceMain":"NpJi-w"};
|
|
1086
1048
|
|
|
1087
1049
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
|
|
1088
1050
|
|
|
@@ -1106,7 +1068,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
|
|
|
1106
1068
|
];
|
|
1107
1069
|
});
|
|
1108
1070
|
|
|
1109
|
-
var css$1b = {"root":"
|
|
1071
|
+
var css$1b = {"root":"QZc-zH","margin-24":"_7nV4Tt","padding-12":"ofoNIF","padding-24":"_--BviS","shadow":"Tdw4W1","uui-surface-main":"u-3MMR","margin24":"_7nV4Tt","padding12":"ofoNIF","padding24":"_--BviS","uuiSurfaceMain":"u-3MMR"};
|
|
1110
1072
|
|
|
1111
1073
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1112
1074
|
'uui-panel',
|
|
@@ -1116,7 +1078,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1116
1078
|
props.background && css$1b[`uui-${props.background}`],
|
|
1117
1079
|
]);
|
|
1118
1080
|
|
|
1119
|
-
var css$1a = {"root":"
|
|
1081
|
+
var css$1a = {"root":"eXSoOQ"};
|
|
1120
1082
|
|
|
1121
1083
|
function applyTooltipMods(mods) {
|
|
1122
1084
|
return [
|
|
@@ -1126,21 +1088,18 @@ function applyTooltipMods(mods) {
|
|
|
1126
1088
|
}
|
|
1127
1089
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1128
1090
|
|
|
1129
|
-
var css$19 = {"uui-typography":"
|
|
1091
|
+
var css$19 = {"uui-typography":"VnWHk7","hero-header":"tQmx0S","promo-header":"_20Ml-O","uui-critical":"gMfRL8","uui-info":"Kqjbfu","uui-success":"C4u2J-","uui-warning":"wQXHIK","uui-highlight":"c6FV2z","uui-typography-size-12":"ced3MN","uui-typography-size-14":"SUFfV-","uui-typography-size-16":"HuhTk0","root":"ezc261","size-24":"khdpz-","size-30":"R1NQMH","size-36":"_7S-5MP","size-42":"_6-eOQB","size-48":"_2i8AeP","uuiTypography":"VnWHk7","heroHeader":"tQmx0S","promoHeader":"_20Ml-O","uuiCritical":"gMfRL8","uuiInfo":"Kqjbfu","uuiSuccess":"C4u2J-","uuiWarning":"wQXHIK","uuiHighlight":"c6FV2z","uuiTypographySize12":"ced3MN","uuiTypographySize14":"SUFfV-","uuiTypographySize16":"HuhTk0","size24":"khdpz-","size30":"R1NQMH","size36":"_7S-5MP","size42":"_6-eOQB","size48":"_2i8AeP"};
|
|
1130
1092
|
|
|
1093
|
+
const DEFAULT_SIZE$2 = '36';
|
|
1131
1094
|
function applyLabeledInputMods(mods) {
|
|
1132
|
-
return [
|
|
1133
|
-
'uui-labeled-input',
|
|
1134
|
-
css$19.root,
|
|
1135
|
-
'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
|
|
1136
|
-
];
|
|
1095
|
+
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
|
|
1137
1096
|
}
|
|
1138
1097
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1139
1098
|
Tooltip: props.Tooltip || Tooltip,
|
|
1140
|
-
infoIcon: props.infoIcon || (
|
|
1099
|
+
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1141
1100
|
}));
|
|
1142
1101
|
|
|
1143
|
-
var css$18 = {"root":"
|
|
1102
|
+
var css$18 = {"root":"_4kJ9na"};
|
|
1144
1103
|
|
|
1145
1104
|
function RadioGroup(props) {
|
|
1146
1105
|
const direction = props.direction || 'vertical';
|
|
@@ -1155,7 +1114,7 @@ function RadioGroup(props) {
|
|
|
1155
1114
|
})));
|
|
1156
1115
|
}
|
|
1157
1116
|
|
|
1158
|
-
var css$17 = {"root":"
|
|
1117
|
+
var css$17 = {"root":"JD6LkI"};
|
|
1159
1118
|
|
|
1160
1119
|
function applyScrollBarsMods() {
|
|
1161
1120
|
return [
|
|
@@ -1164,37 +1123,46 @@ function applyScrollBarsMods() {
|
|
|
1164
1123
|
}
|
|
1165
1124
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1166
1125
|
|
|
1167
|
-
var css$16 = {"scroll-container":"
|
|
1126
|
+
var css$16 = {"scroll-container":"duBpXo","list-container":"o6xzks","scrollContainer":"duBpXo","listContainer":"o6xzks"};
|
|
1168
1127
|
|
|
1169
|
-
var css$15 = {"root":"
|
|
1128
|
+
var css$15 = {"root":"bGA-w0"};
|
|
1170
1129
|
|
|
1171
1130
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
|
|
1172
1131
|
|
|
1173
|
-
var css$14 = {"uui-typography":"
|
|
1132
|
+
var css$14 = {"uui-typography":"_1nvzjp","hero-header":"rpf65J","promo-header":"kP-PCn","uui-critical":"JwDXgv","uui-info":"vSq2uO","uui-success":"ogBP6-","uui-warning":"-GhZDx","uui-highlight":"_0JMqBO","uui-typography-size-12":"QWzfcf","uui-typography-size-14":"itVebz","uui-typography-size-16":"ag8zVu","root":"dflBhM","size-18":"_-19Z76","size-24":"QGBkzH","size-30":"LGk4At","size-36":"LISMyk","size-42":"_-73hhs","size-48":"yTXlA3","uuiTypography":"_1nvzjp","heroHeader":"rpf65J","promoHeader":"kP-PCn","uuiCritical":"JwDXgv","uuiInfo":"vSq2uO","uuiSuccess":"ogBP6-","uuiWarning":"-GhZDx","uuiHighlight":"_0JMqBO","uuiTypographySize12":"QWzfcf","uuiTypographySize14":"itVebz","uuiTypographySize16":"ag8zVu","size18":"_-19Z76","size24":"QGBkzH","size30":"LGk4At","size36":"LISMyk","size42":"_-73hhs","size48":"yTXlA3"};
|
|
1174
1133
|
|
|
1134
|
+
const DEFAULT_SIZE$1 = '36';
|
|
1175
1135
|
const DEFAULT_FILL = 'solid';
|
|
1176
1136
|
function applyBadgeMods(mods) {
|
|
1177
1137
|
return [
|
|
1178
1138
|
'uui-badge',
|
|
1179
1139
|
css$14.root,
|
|
1180
|
-
|
|
1140
|
+
css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
|
|
1181
1141
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1182
1142
|
`uui-color-${mods.color || 'info'}`,
|
|
1183
|
-
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1184
1143
|
];
|
|
1185
1144
|
}
|
|
1145
|
+
const mapCountIndicatorSizes = {
|
|
1146
|
+
18: '12',
|
|
1147
|
+
24: '18',
|
|
1148
|
+
30: '18',
|
|
1149
|
+
36: '18',
|
|
1150
|
+
42: '24',
|
|
1151
|
+
48: '24',
|
|
1152
|
+
};
|
|
1186
1153
|
const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1187
1154
|
const styles = [applyBadgeMods(props), props.cx];
|
|
1188
1155
|
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
|
|
1189
1156
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1157
|
+
(props.indicator && props.fill === 'outline') && (React__default.createElement("div", { className: "uui-indicator" })),
|
|
1190
1158
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1191
1159
|
props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
|
|
1192
|
-
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size:
|
|
1160
|
+
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
1193
1161
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1194
1162
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1195
1163
|
});
|
|
1196
1164
|
|
|
1197
|
-
var css$13 = {"uui-typography":"
|
|
1165
|
+
var css$13 = {"uui-typography":"XChVDQ","hero-header":"JUIs4-","promo-header":"oYvlSA","uui-critical":"jUbKyi","uui-info":"Hyz1PW","uui-success":"-SYvpU","uui-warning":"cZ7eVs","uui-highlight":"X48iJS","uui-typography-size-12":"VW2Y00","uui-typography-size-14":"IEsWug","uui-typography-size-16":"_1FH80Z","root":"tzbnLR","uuiTypography":"XChVDQ","heroHeader":"JUIs4-","promoHeader":"oYvlSA","uuiCritical":"jUbKyi","uuiInfo":"Hyz1PW","uuiSuccess":"-SYvpU","uuiWarning":"cZ7eVs","uuiHighlight":"X48iJS","uuiTypographySize12":"VW2Y00","uuiTypographySize14":"IEsWug","uuiTypographySize16":"_1FH80Z"};
|
|
1198
1166
|
|
|
1199
1167
|
function applyTagMods(props) {
|
|
1200
1168
|
return [
|
|
@@ -1218,14 +1186,14 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1218
1186
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1219
1187
|
});
|
|
1220
1188
|
|
|
1221
|
-
var css$12 = {"root":"
|
|
1189
|
+
var css$12 = {"root":"GmEVUZ","uui-spinner":"_1bLvP0","uuiSpinner":"_1bLvP0"};
|
|
1222
1190
|
|
|
1223
1191
|
function applySpinnerMods() {
|
|
1224
1192
|
return [css$12.root, 'uui-spinner'];
|
|
1225
1193
|
}
|
|
1226
1194
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
1227
1195
|
|
|
1228
|
-
var css$11 = {"root":"
|
|
1196
|
+
var css$11 = {"root":"KCDvO0","spacer":"MtRbBh","mode-ghost":"xONVT6","size-24":"AHwmUb","size-30":"U4xyjy","navigation-size-24":"Sk3kRE","navigation-size-30":"Ln8on3","modeGhost":"xONVT6","size24":"AHwmUb","size30":"U4xyjy","navigationSize24":"Sk3kRE","navigationSize30":"Ln8on3"};
|
|
1229
1197
|
|
|
1230
1198
|
var _path$v;
|
|
1231
1199
|
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); }
|
|
@@ -1237,7 +1205,7 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
|
|
|
1237
1205
|
viewBox: "0 0 24 24",
|
|
1238
1206
|
ref: ref
|
|
1239
1207
|
}, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
|
|
1240
|
-
d: "
|
|
1208
|
+
d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
|
|
1241
1209
|
})));
|
|
1242
1210
|
};
|
|
1243
1211
|
var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
|
|
@@ -1252,7 +1220,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
1252
1220
|
viewBox: "0 0 24 24",
|
|
1253
1221
|
ref: ref
|
|
1254
1222
|
}, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
|
|
1255
|
-
d: "
|
|
1223
|
+
d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
|
|
1256
1224
|
})));
|
|
1257
1225
|
};
|
|
1258
1226
|
var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
|
|
@@ -1276,14 +1244,14 @@ function Paginator(props) {
|
|
|
1276
1244
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
1277
1245
|
}
|
|
1278
1246
|
|
|
1279
|
-
var css$10 = {"root":"
|
|
1247
|
+
var css$10 = {"root":"HfmHYP","progress-bar":"pfsUy4","progressBar-indeterminate":"I-oI0c","size-12":"Ccy9y1","size-18":"mbfmQs","size-24":"_5n-rbO","progressBar":"pfsUy4","progressBarIndeterminate":"I-oI0c","size12":"Ccy9y1","size18":"mbfmQs","size24":"_5n-rbO"};
|
|
1280
1248
|
|
|
1281
1249
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1282
1250
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1283
1251
|
React.createElement("div", { className: cx(css$10.progressBar) })));
|
|
1284
1252
|
});
|
|
1285
1253
|
|
|
1286
|
-
var css$$ = {"root":"
|
|
1254
|
+
var css$$ = {"root":"ih4tGG","striped":"_71zf7g","animate-stripes":"KiTMEa","size-12":"bWO87O","size-18":"HO82fa","size-24":"LX9Wi9","animateStripes":"KiTMEa","size12":"bWO87O","size18":"HO82fa","size24":"LX9Wi9"};
|
|
1287
1255
|
|
|
1288
1256
|
const DEFAULT_SIZE = '12';
|
|
1289
1257
|
function applyProgressBarMods(mods) {
|
|
@@ -1298,29 +1266,29 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1298
1266
|
hideLabel: props.hideLabel || props.striped,
|
|
1299
1267
|
}));
|
|
1300
1268
|
|
|
1301
|
-
var css$_ = {"root":"
|
|
1269
|
+
var css$_ = {"root":"LBQTvc"};
|
|
1302
1270
|
|
|
1303
1271
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1304
1272
|
const { progress } = props;
|
|
1305
1273
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$_.root, props.cx) }));
|
|
1306
1274
|
});
|
|
1307
1275
|
|
|
1308
|
-
var css$Z = {"root":"
|
|
1276
|
+
var css$Z = {"root":"_-5AzRo","size-12":"yId9QG","size-18":"Nb-73f","size-24":"BKA9ia","size12":"yId9QG","size18":"Nb-73f","size24":"BKA9ia"};
|
|
1309
1277
|
|
|
1310
1278
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1311
1279
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
1312
1280
|
css$Z.root,
|
|
1313
|
-
`
|
|
1281
|
+
css$Z[`size-${props.size || 24}`],
|
|
1314
1282
|
'uui-status_indicator',
|
|
1315
1283
|
`uui-color-${props.color || 'neutral'}`,
|
|
1316
1284
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1317
1285
|
props.cx,
|
|
1318
1286
|
]) },
|
|
1319
|
-
React__default.createElement("div", { className: "uui-
|
|
1320
|
-
React__default.createElement("p", { className: "uui-
|
|
1287
|
+
React__default.createElement("div", { className: "uui-status_indicator_dot" }),
|
|
1288
|
+
React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1321
1289
|
});
|
|
1322
1290
|
|
|
1323
|
-
var css$Y = {"drag-handle":"
|
|
1291
|
+
var css$Y = {"drag-handle":"D6J0gQ","icon-container":"gskFSN","dragHandle":"D6J0gQ","iconContainer":"gskFSN"};
|
|
1324
1292
|
|
|
1325
1293
|
function DataRowAddons(props) {
|
|
1326
1294
|
var _a, _b;
|
|
@@ -1332,17 +1300,17 @@ function DataRowAddons(props) {
|
|
|
1332
1300
|
return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
|
|
1333
1301
|
};
|
|
1334
1302
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1335
|
-
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1303
|
+
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
|
|
1336
1304
|
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1337
|
-
row.indent > 0 && (React__default.createElement("div", { key: "fold", className:
|
|
1305
|
+
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
|
|
1338
1306
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1339
1307
|
role: 'button',
|
|
1340
1308
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
1341
1309
|
uuiElement.foldingArrow, uuiMarkers.clickable, css$Y.iconContainer,
|
|
1342
|
-
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row)
|
|
1310
|
+
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1343
1311
|
}
|
|
1344
1312
|
|
|
1345
|
-
var css$X = {"root":"
|
|
1313
|
+
var css$X = {"root":"caYEpQ"};
|
|
1346
1314
|
|
|
1347
1315
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1348
1316
|
|
|
@@ -1383,7 +1351,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1383
1351
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1384
1352
|
});
|
|
1385
1353
|
|
|
1386
|
-
var css$W = {"root":"
|
|
1354
|
+
var css$W = {"root":"V2bCTX"};
|
|
1387
1355
|
|
|
1388
1356
|
function CheckboxGroup(props) {
|
|
1389
1357
|
const currentValue = props.value || [];
|
|
@@ -1545,7 +1513,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
|
|
|
1545
1513
|
} }));
|
|
1546
1514
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1547
1515
|
|
|
1548
|
-
var css$V = {"uui-typography":"
|
|
1516
|
+
var css$V = {"uui-typography":"XkZaFX","hero-header":"rBPgVU","promo-header":"Ud9jnE","uui-critical":"lfsBum","uui-info":"K0RyVt","uui-success":"RQhxgM","uui-warning":"BGqcUW","uui-highlight":"LrjMe4","uui-typography-size-12":"_8isUOY","uui-typography-size-14":"lOZElh","uui-typography-size-16":"YDA-6x","modal":"_7yhCbT","search-wrapper":"LXzTT7","body":"lA-8YL","checkbox":"vo4b-6","no-found-size-24":"iVMeyV","no-found-size-30":"ImOK9A","no-found-size-36":"TfppAx","no-found-size-42":"xQlV8N","uuiTypography":"XkZaFX","heroHeader":"rBPgVU","promoHeader":"Ud9jnE","uuiCritical":"lfsBum","uuiInfo":"K0RyVt","uuiSuccess":"RQhxgM","uuiWarning":"BGqcUW","uuiHighlight":"LrjMe4","uuiTypographySize12":"_8isUOY","uuiTypographySize14":"lOZElh","uuiTypographySize16":"YDA-6x","searchWrapper":"LXzTT7","noFoundSize24":"iVMeyV","noFoundSize30":"ImOK9A","noFoundSize36":"TfppAx","noFoundSize42":"xQlV8N"};
|
|
1549
1517
|
|
|
1550
1518
|
class DataPickerBody extends PickerBodyBase {
|
|
1551
1519
|
constructor() {
|
|
@@ -1567,12 +1535,12 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
1567
1535
|
this.showSearch() && (React__default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1568
1536
|
React__default.createElement(FlexCell$1, { grow: 1 },
|
|
1569
1537
|
React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
|
|
1570
|
-
React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-
|
|
1538
|
+
React__default.createElement(FlexRow, { key: "body", cx: cx$1('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__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()))));
|
|
1571
1539
|
}
|
|
1572
1540
|
}
|
|
1573
1541
|
|
|
1574
1542
|
function DataPickerFooterImpl(props) {
|
|
1575
|
-
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1543
|
+
const { search, clearSelection, view, showSelected, selectionMode, } = props;
|
|
1576
1544
|
const size = settings.sizes.dataPickerFooter.linkButton[isMobile() ? 'mobile' : props.size];
|
|
1577
1545
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1578
1546
|
const rowsCount = view.getListProps().rowsCount;
|
|
@@ -1581,9 +1549,10 @@ function DataPickerFooterImpl(props) {
|
|
|
1581
1549
|
const clearAllText = i18n.pickerInput.clearSelectionButton;
|
|
1582
1550
|
const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
|
|
1583
1551
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1584
|
-
// show always for multi picker and for single only in case if search not disabled.
|
|
1585
|
-
const
|
|
1586
|
-
|
|
1552
|
+
// show always for multi picker and for single only in case if search not disabled and doesn't searching.
|
|
1553
|
+
const isSearching = search && (search === null || search === void 0 ? void 0 : search.length);
|
|
1554
|
+
const shouldShowFooter = isSinglePicker ? (!isSearching && !props.disableClear) : !isSearching;
|
|
1555
|
+
return shouldShowFooter && (React__default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
|
|
1587
1556
|
!isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1588
1557
|
React__default.createElement(FlexSpacer, null),
|
|
1589
1558
|
React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
@@ -1596,7 +1565,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1596
1565
|
}
|
|
1597
1566
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
1598
1567
|
|
|
1599
|
-
var css$U = {"header":"
|
|
1568
|
+
var css$U = {"header":"xF5S3n","close":"cfAWWw"};
|
|
1600
1569
|
|
|
1601
1570
|
const DataPickerHeaderImpl = (props) => {
|
|
1602
1571
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -1621,7 +1590,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1621
1590
|
};
|
|
1622
1591
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
1623
1592
|
|
|
1624
|
-
var css$T = {"uui-typography":"
|
|
1593
|
+
var css$T = {"uui-typography":"Osbz-V","hero-header":"_4QhK8p","promo-header":"qlsSAa","uui-critical":"y05ZH4","uui-info":"q7g2ZS","uui-success":"qrSiCM","uui-warning":"YQFztg","uui-highlight":"C9xAlp","uui-typography-size-12":"_3UYFzw","uui-typography-size-14":"cZ8jfH","uui-typography-size-16":"gbzp9k","root":"-S6h7t","align-widgets-top":"i-hjN7","size-24":"qv5Lww","size-30":"ZsuMNF","size-36":"_422WBp","size-42":"F5B549","size-48":"sN3QxQ","size-60":"v-BTHk","align-widgets-center":"iM3DHM","icon-wrapper":"_2mg4-g","padding-12":"Xb7Uqb","padding-24":"bfUDNs","padding-left-12":"_2Ap64k","padding-left-24":"LU5ILL","icon-container":"_81qNeN","loading-cell":"W5UUYR","content-wrapper":"ZWbqy3","render-item":"D3Kgys","icon-default":"zfmRNx","selected-mark":"uR1L9x","uuiTypography":"Osbz-V","heroHeader":"_4QhK8p","promoHeader":"qlsSAa","uuiCritical":"y05ZH4","uuiInfo":"q7g2ZS","uuiSuccess":"qrSiCM","uuiWarning":"YQFztg","uuiHighlight":"C9xAlp","uuiTypographySize12":"_3UYFzw","uuiTypographySize14":"cZ8jfH","uuiTypographySize16":"gbzp9k","alignWidgetsTop":"i-hjN7","size24":"qv5Lww","size30":"ZsuMNF","size36":"_422WBp","size42":"F5B549","size48":"sN3QxQ","size60":"v-BTHk","alignWidgetsCenter":"iM3DHM","iconWrapper":"_2mg4-g","padding12":"Xb7Uqb","padding24":"bfUDNs","paddingLeft12":"_2Ap64k","paddingLeft24":"LU5ILL","iconContainer":"_81qNeN","loadingCell":"W5UUYR","contentWrapper":"ZWbqy3","renderItem":"D3Kgys","iconDefault":"zfmRNx","selectedMark":"uR1L9x"};
|
|
1625
1594
|
|
|
1626
1595
|
function DataPickerCell(props) {
|
|
1627
1596
|
const ref = React.useRef();
|
|
@@ -1640,7 +1609,7 @@ function DataPickerCell(props) {
|
|
|
1640
1609
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1641
1610
|
React.createElement(FlexSpacer, null),
|
|
1642
1611
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$T.iconWrapper, uuiMod.selected) },
|
|
1643
|
-
React.createElement(IconContainer, {
|
|
1612
|
+
React.createElement(IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1644
1613
|
? 'Child is selected'
|
|
1645
1614
|
: 'Selected' } })))));
|
|
1646
1615
|
}
|
|
@@ -1649,16 +1618,16 @@ function DataPickerCell(props) {
|
|
|
1649
1618
|
css$T.root,
|
|
1650
1619
|
props.cx,
|
|
1651
1620
|
'data-picker-cell',
|
|
1652
|
-
'
|
|
1621
|
+
css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
|
|
1653
1622
|
css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
|
|
1654
1623
|
css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
|
|
1655
1624
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1656
1625
|
] },
|
|
1657
|
-
React.createElement(DataRowAddons, Object.assign({
|
|
1626
|
+
React.createElement(DataRowAddons, Object.assign({}, props, { tabIndex: -1 })),
|
|
1658
1627
|
getWrappedContent()));
|
|
1659
1628
|
}
|
|
1660
1629
|
|
|
1661
|
-
var css$S = {"uui-typography":"
|
|
1630
|
+
var css$S = {"uui-typography":"GJaWtv","hero-header":"ahKt9-","promo-header":"_0xewMC","uui-critical":"i-U7o0","uui-info":"cujdqn","uui-success":"EUvKbR","uui-warning":"SENqCT","uui-highlight":"XeQalu","uui-typography-size-12":"WCHSGv","uui-typography-size-14":"_4eXH6s","uui-typography-size-16":"-DYUwQ","picker-row":"_2Zj5rd","uuiTypography":"GJaWtv","heroHeader":"ahKt9-","promoHeader":"_0xewMC","uuiCritical":"i-U7o0","uuiInfo":"cujdqn","uuiSuccess":"EUvKbR","uuiWarning":"SENqCT","uuiHighlight":"XeQalu","uuiTypographySize12":"WCHSGv","uuiTypographySize14":"_4eXH6s","uuiTypographySize16":"-DYUwQ","pickerRow":"_2Zj5rd"};
|
|
1662
1631
|
|
|
1663
1632
|
class DataPickerRow extends React.Component {
|
|
1664
1633
|
constructor() {
|
|
@@ -1672,13 +1641,13 @@ class DataPickerRow extends React.Component {
|
|
|
1672
1641
|
}
|
|
1673
1642
|
}
|
|
1674
1643
|
|
|
1675
|
-
var css$R = {"uui-typography":"
|
|
1644
|
+
var css$R = {"uui-typography":"S5u8I6","hero-header":"DcGk9C","promo-header":"lqD1Qc","uui-critical":"UlTU22","uui-info":"WRAk50","uui-success":"slhaZj","uui-warning":"xEsBPv","uui-highlight":"tUL6vP","uui-typography-size-12":"-XzhKI","uui-typography-size-14":"N2ZBuI","uui-typography-size-16":"MTGLr7","done":"W8gpl2","container":"RIzMox","uuiTypography":"S5u8I6","heroHeader":"DcGk9C","promoHeader":"lqD1Qc","uuiCritical":"UlTU22","uuiInfo":"WRAk50","uuiSuccess":"slhaZj","uuiWarning":"xEsBPv","uuiHighlight":"tUL6vP","uuiTypographySize12":"-XzhKI","uuiTypographySize14":"N2ZBuI","uuiTypographySize16":"MTGLr7"};
|
|
1676
1645
|
|
|
1677
1646
|
const MobileDropdownWrapper = (props) => {
|
|
1678
1647
|
const isMobileView = isMobile();
|
|
1679
1648
|
const maxWidth = isMobileView ? 'auto' : props.maxWidth;
|
|
1680
1649
|
const maxHeight = isMobileView ? 'auto' : props.maxHeight;
|
|
1681
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
|
|
1650
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx], autoFocus: true }),
|
|
1682
1651
|
isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
|
|
1683
1652
|
props.children,
|
|
1684
1653
|
isMobileView && React__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 })));
|
|
@@ -1706,7 +1675,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1706
1675
|
};
|
|
1707
1676
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
1708
1677
|
|
|
1709
|
-
var css$Q = {"uui-typography":"
|
|
1678
|
+
var css$Q = {"uui-typography":"GlDe-O","hero-header":"_0IpUZk","promo-header":"BwJE96","uui-critical":"M4BdrX","uui-info":"myJ68-","uui-success":"_8VQICq","uui-warning":"GW3rQ0","uui-highlight":"R1giMv","uui-typography-size-12":"nr-wW5","uui-typography-size-14":"RiQe3M","uui-typography-size-16":"m4Oytk","sub-header-wrapper":"JDNzE1","switch":"Qm0CJ8","no-found-modal-container":"FsIOIc","no-found-modal-container-icon":"pIXY6m","no-found-modal-container-text":"_7Fd2IX","uuiTypography":"GlDe-O","heroHeader":"_0IpUZk","promoHeader":"BwJE96","uuiCritical":"M4BdrX","uuiInfo":"myJ68-","uuiSuccess":"_8VQICq","uuiWarning":"GW3rQ0","uuiHighlight":"R1giMv","uuiTypographySize12":"nr-wW5","uuiTypographySize14":"RiQe3M","uuiTypographySize16":"m4Oytk","subHeaderWrapper":"JDNzE1","$switch$":"Qm0CJ8","noFoundModalContainer":"FsIOIc","noFoundModalContainerIcon":"pIXY6m","noFoundModalContainerText":"_7Fd2IX"};
|
|
1710
1679
|
|
|
1711
1680
|
const mergeHighlightRanges = (ranges) => {
|
|
1712
1681
|
const mergedRanges = [];
|
|
@@ -1773,7 +1742,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1773
1742
|
return getDecoratedText(str, ranges);
|
|
1774
1743
|
};
|
|
1775
1744
|
|
|
1776
|
-
var css$P = {"root":"
|
|
1745
|
+
var css$P = {"root":"a-E0Ar","multiline":"-fgNUh","vertical-padding-24":"gIc885","vertical-padding-30":"tPv41U","vertical-padding-36":"OQiIbE","vertical-padding-42":"_2OOcEm","vertical-padding-48":"X8Zc8N","text":"_6M6hyd","verticalPadding24":"gIc885","verticalPadding30":"tPv41U","verticalPadding36":"OQiIbE","verticalPadding42":"_2OOcEm","verticalPadding48":"X8Zc8N"};
|
|
1777
1746
|
|
|
1778
1747
|
function PickerItem(props) {
|
|
1779
1748
|
var _a;
|
|
@@ -1848,22 +1817,22 @@ function PickerModal(props) {
|
|
|
1848
1817
|
React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1849
1818
|
}
|
|
1850
1819
|
|
|
1851
|
-
var css$O = {"tooltip":"
|
|
1820
|
+
var css$O = {"tooltip":"oq9FOC"};
|
|
1852
1821
|
|
|
1853
1822
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1854
1823
|
var _a;
|
|
1855
1824
|
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.createElement(TextPlaceholder, null) : props.caption });
|
|
1856
1825
|
if (props.isCollapsed) {
|
|
1857
|
-
const collapsedRows = props.collapsedRows.map((row) =>
|
|
1826
|
+
const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
|
|
1858
1827
|
return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
1859
|
-
React.createElement(Tag, Object.assign({ ref: ref }, tagProps))));
|
|
1828
|
+
React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
|
|
1860
1829
|
}
|
|
1861
1830
|
else {
|
|
1862
|
-
return React.createElement(Tag, Object.assign({ ref: ref }, tagProps));
|
|
1831
|
+
return React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps));
|
|
1863
1832
|
}
|
|
1864
1833
|
});
|
|
1865
1834
|
|
|
1866
|
-
var css$N = {"uui-typography":"
|
|
1835
|
+
var css$N = {"uui-typography":"gG5rLx","hero-header":"_5FzjQG","promo-header":"YeRo-8","uui-critical":"yAKodB","uui-info":"AIMgZ8","uui-success":"DhIpm2","uui-warning":"pYP0kN","uui-highlight":"MTtiL8","uui-typography-size-12":"H08wXF","uui-typography-size-14":"UApdP1","uui-typography-size-16":"nkS7KC","root":"fAIjMG","mode-form":"g9v2KF","mode-cell":"Ploe04","mode-inline":"cogKTh","uuiTypography":"gG5rLx","heroHeader":"_5FzjQG","promoHeader":"YeRo-8","uuiCritical":"yAKodB","uuiInfo":"AIMgZ8","uuiSuccess":"DhIpm2","uuiWarning":"pYP0kN","uuiHighlight":"MTtiL8","uuiTypographySize12":"H08wXF","uuiTypographySize14":"UApdP1","uuiTypographySize16":"nkS7KC","modeForm":"g9v2KF","modeCell":"Ploe04","modeInline":"cogKTh"};
|
|
1867
1836
|
|
|
1868
1837
|
const defaultMode$1 = EditMode.FORM;
|
|
1869
1838
|
function applyPickerTogglerMods(mods) {
|
|
@@ -1880,9 +1849,9 @@ function PickerTogglerComponent(props, ref) {
|
|
|
1880
1849
|
if (!!props.renderItem) {
|
|
1881
1850
|
return props.renderItem(itemPropsWithSize);
|
|
1882
1851
|
}
|
|
1883
|
-
return React.createElement(PickerTogglerTag, Object.assign({}, itemPropsWithSize));
|
|
1852
|
+
return (React.createElement(PickerTogglerTag, Object.assign({}, itemPropsWithSize, { getName: props.getName })));
|
|
1884
1853
|
};
|
|
1885
|
-
return (React.createElement(PickerToggler$1, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName:
|
|
1854
|
+
return (React.createElement(PickerToggler$1, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName: props.getName, cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow })));
|
|
1886
1855
|
}
|
|
1887
1856
|
const PickerToggler = /* @__PURE__ */React.forwardRef(PickerTogglerComponent);
|
|
1888
1857
|
|
|
@@ -1963,7 +1932,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1963
1932
|
}
|
|
1964
1933
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
1965
1934
|
|
|
1966
|
-
var css$M = {"row":"
|
|
1935
|
+
var css$M = {"row":"gxN5tL"};
|
|
1967
1936
|
|
|
1968
1937
|
function PickerListItem(props) {
|
|
1969
1938
|
var _a;
|
|
@@ -1984,7 +1953,7 @@ function PickerListItem(props) {
|
|
|
1984
1953
|
return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
|
|
1985
1954
|
}
|
|
1986
1955
|
|
|
1987
|
-
var css$L = {"root":"
|
|
1956
|
+
var css$L = {"root":"-GGmeh"};
|
|
1988
1957
|
|
|
1989
1958
|
function PickerList(props) {
|
|
1990
1959
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -2024,7 +1993,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
2024
1993
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
2025
1994
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
2026
1995
|
|
|
2027
|
-
var css$K = {"uui-typography":"
|
|
1996
|
+
var css$K = {"uui-typography":"bE3mvH","hero-header":"sh1q5O","promo-header":"CVA3Wy","uui-critical":"EWckcJ","uui-info":"ZY-3Z1","uui-success":"_1vqoiP","uui-warning":"sEM0Uv","uui-highlight":"_52alqu","uui-typography-size-12":"e5BR-D","uui-typography-size-14":"_14Hxcs","uui-typography-size-16":"XkuJ--","root":"fHgZj0","title-wrapper":"jV79gf","title":"rDSRNr","text-wrapper":"Ew26kt","selection":"M2TsNl","postfix":"GCV0LZ","selected":"si-JW3","uuiTypography":"bE3mvH","heroHeader":"sh1q5O","promoHeader":"CVA3Wy","uuiCritical":"EWckcJ","uuiInfo":"ZY-3Z1","uuiSuccess":"_1vqoiP","uuiWarning":"sEM0Uv","uuiHighlight":"_52alqu","uuiTypographySize12":"e5BR-D","uuiTypographySize14":"_14Hxcs","uuiTypographySize16":"XkuJ--","titleWrapper":"jV79gf","textWrapper":"Ew26kt"};
|
|
2028
1997
|
|
|
2029
1998
|
const defaultSize = '36';
|
|
2030
1999
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -2091,7 +2060,7 @@ function FilterPickerBody(_a) {
|
|
|
2091
2060
|
};
|
|
2092
2061
|
const renderItem = (item, rowProps, dsState) => {
|
|
2093
2062
|
const { flattenSearchResults } = view.getConfig();
|
|
2094
|
-
return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size:
|
|
2063
|
+
return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: "36" }, rowProps)));
|
|
2095
2064
|
};
|
|
2096
2065
|
const onSelect = (row) => {
|
|
2097
2066
|
handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
|
|
@@ -2100,30 +2069,30 @@ function FilterPickerBody(_a) {
|
|
|
2100
2069
|
if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
|
|
2101
2070
|
rowProps.onSelect = onSelect;
|
|
2102
2071
|
}
|
|
2103
|
-
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size:
|
|
2072
|
+
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: "36", padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
|
|
2104
2073
|
};
|
|
2105
2074
|
const renderFooter = () => {
|
|
2106
|
-
return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size:
|
|
2075
|
+
return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: "36" }));
|
|
2107
2076
|
};
|
|
2108
2077
|
const renderBody = (bodyProps, rows) => {
|
|
2109
2078
|
const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
|
|
2110
2079
|
const maxHeight = isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
|
|
2111
2080
|
const maxWidth = isMobile() ? undefined : 360;
|
|
2112
2081
|
return (React.createElement(React.Fragment, null,
|
|
2113
|
-
React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize:
|
|
2082
|
+
React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: "36", editMode: "dropdown" })),
|
|
2114
2083
|
renderFooter()));
|
|
2115
2084
|
};
|
|
2116
2085
|
const rows = getRows();
|
|
2117
2086
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2118
2087
|
}
|
|
2119
2088
|
|
|
2120
|
-
var css$J = {"container":"
|
|
2089
|
+
var css$J = {"container":"_5pfoqI"};
|
|
2121
2090
|
|
|
2122
2091
|
const defaultFormat = 'MMM D, YYYY';
|
|
2123
2092
|
const valueFormat = 'YYYY-MM-DD';
|
|
2124
2093
|
const supportedDateFormats = (format) => {
|
|
2125
2094
|
return [
|
|
2126
|
-
...(format ? [format] : []), 'MM/DD/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'MMM D, YYYY', 'D/M/YYYY', 'YYYY/M/D',
|
|
2095
|
+
...(format ? [format] : []), 'MM/DD/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DDMMYYYY', 'YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'MMM D, YYYY', 'D/M/YYYY', 'YYYY/M/D',
|
|
2127
2096
|
];
|
|
2128
2097
|
};
|
|
2129
2098
|
const uuiDatePickerBodyBase = {
|
|
@@ -2254,10 +2223,13 @@ const uuiHeader = {
|
|
|
2254
2223
|
navIconRight: 'uui-datepickerheader-nav-icon-right',
|
|
2255
2224
|
navIconLeft: 'uui-datepickerheader-nav-icon-left',
|
|
2256
2225
|
};
|
|
2257
|
-
const
|
|
2258
|
-
|
|
2226
|
+
const MIN_SOBER_YEAR = 1000;
|
|
2227
|
+
const MAX_SOBER_YEAR = 2200;
|
|
2228
|
+
const isYearWithinSoberRange = (value) => {
|
|
2229
|
+
const year = value.year();
|
|
2230
|
+
return year >= MIN_SOBER_YEAR && year <= MAX_SOBER_YEAR;
|
|
2259
2231
|
};
|
|
2260
|
-
function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }) {
|
|
2232
|
+
function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, isDisabled, }) {
|
|
2261
2233
|
const onSetMonth = (newMonth) => {
|
|
2262
2234
|
onValueChange({
|
|
2263
2235
|
view,
|
|
@@ -2317,23 +2289,23 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2317
2289
|
: '';
|
|
2318
2290
|
return `${monthSubstr} ${month.year()}`;
|
|
2319
2291
|
}, [view, month]);
|
|
2320
|
-
const disablePrev = view === 'YEAR_SELECTION' && !
|
|
2321
|
-
const disableNext = view === 'YEAR_SELECTION' && !
|
|
2292
|
+
const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
|
|
2293
|
+
const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
|
|
2322
2294
|
return (React.createElement("div", { className: cx(css$J.container, uuiHeader.container, cx) },
|
|
2323
2295
|
React.createElement("header", { className: uuiHeader.header },
|
|
2324
|
-
React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
|
|
2325
|
-
React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(view) }),
|
|
2326
|
-
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2296
|
+
React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
|
|
2297
|
+
React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
|
|
2298
|
+
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2327
2299
|
}
|
|
2328
2300
|
|
|
2329
|
-
var css$I = {"uui-typography":"
|
|
2301
|
+
var css$I = {"uui-typography":"fOwkl0","hero-header":"RwIeLS","promo-header":"GKr9T7","uui-critical":"ifdDmY","uui-info":"Kz0Fir","uui-success":"HK--02","uui-warning":"eehtE2","uui-highlight":"_27-Q05","uui-typography-size-12":"lgrE1n","uui-typography-size-14":"u9kw1d","uui-typography-size-16":"ZjAZBd","root":"HZPuOK","uuiTypography":"fOwkl0","heroHeader":"RwIeLS","promoHeader":"GKr9T7","uuiCritical":"ifdDmY","uuiInfo":"Kz0Fir","uuiSuccess":"HK--02","uuiWarning":"eehtE2","uuiHighlight":"_27-Q05","uuiTypographySize12":"lgrE1n","uuiTypographySize14":"u9kw1d","uuiTypographySize16":"ZjAZBd"};
|
|
2330
2302
|
|
|
2331
2303
|
function applyDateSelectionMods() {
|
|
2332
2304
|
return [css$I.root];
|
|
2333
2305
|
}
|
|
2334
2306
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2335
2307
|
|
|
2336
|
-
var css$H = {"uui-typography":"
|
|
2308
|
+
var css$H = {"uui-typography":"_2Z8GkH","hero-header":"z4cJTv","promo-header":"Uv00ao","uui-critical":"UVCZXY","uui-info":"_3wfwVg","uui-success":"bR8iVD","uui-warning":"bIFOIl","uui-highlight":"mD5LZY","uui-typography-size-12":"rsPMMF","uui-typography-size-14":"_2IiHAh","uui-typography-size-16":"BJkrAo","root":"s0VeBO","uuiTypography":"_2Z8GkH","heroHeader":"z4cJTv","promoHeader":"Uv00ao","uuiCritical":"UVCZXY","uuiInfo":"_3wfwVg","uuiSuccess":"bR8iVD","uuiWarning":"bIFOIl","uuiHighlight":"mD5LZY","uuiTypographySize12":"rsPMMF","uuiTypographySize14":"_2IiHAh","uuiTypographySize16":"BJkrAo"};
|
|
2337
2309
|
|
|
2338
2310
|
const uuiDatePickerBody = {
|
|
2339
2311
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2352,7 +2324,7 @@ function DatePickerBodyComp(props, ref) {
|
|
|
2352
2324
|
return (React__default.createElement(StatelessDatePickerBody, Object.assign({ ref: ref }, props, { month: month, view: view, onValueChange: onValueChange, onMonthChange: (m) => setMonth(m), onViewChange: (v) => setView(v) })));
|
|
2353
2325
|
}
|
|
2354
2326
|
const StatelessDatePickerBody = /* @__PURE__ */forwardRef(StatelessDatePickerBodyComp);
|
|
2355
|
-
function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, }, ref) {
|
|
2327
|
+
function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, isDisabled, }, ref) {
|
|
2356
2328
|
const selectedDate = uuiDayjs.dayjs(value);
|
|
2357
2329
|
const onMonthClick = (newDate) => {
|
|
2358
2330
|
onMonthChange(newDate);
|
|
@@ -2374,7 +2346,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
|
|
|
2374
2346
|
case 'YEAR_SELECTION':
|
|
2375
2347
|
return (React__default.createElement(YearSelection, { selectedDate: selectedDate, value: month, onValueChange: onYearClick }));
|
|
2376
2348
|
case 'DAY_SELECTION':
|
|
2377
|
-
return (React__default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday }));
|
|
2349
|
+
return (React__default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday, isDisabled: isDisabled }));
|
|
2378
2350
|
}
|
|
2379
2351
|
};
|
|
2380
2352
|
return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(uuiDatePickerBodyBase.container, classes) }, rawProps),
|
|
@@ -2385,7 +2357,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
|
|
|
2385
2357
|
}, onValueChange: (newValue) => {
|
|
2386
2358
|
onMonthChange(newValue.month);
|
|
2387
2359
|
onViewChange(newValue.view);
|
|
2388
|
-
} }),
|
|
2360
|
+
}, isDisabled: isDisabled }),
|
|
2389
2361
|
getView())));
|
|
2390
2362
|
}
|
|
2391
2363
|
|
|
@@ -2421,9 +2393,9 @@ function FilterDatePickerBody(props) {
|
|
|
2421
2393
|
} })))));
|
|
2422
2394
|
}
|
|
2423
2395
|
|
|
2424
|
-
var css$G = {"uui-typography":"
|
|
2396
|
+
var css$G = {"uui-typography":"_1s2osU","hero-header":"_49EiAE","promo-header":"ZLL1gv","uui-critical":"_5-tVIG","uui-info":"_011O5k","uui-success":"_6PtYTK","uui-warning":"ozuPrF","uui-highlight":"ZsW92j","uui-typography-size-12":"d5Mnrj","uui-typography-size-14":"y-cDCp","uui-typography-size-16":"m-3uBT","dropdown-container":"JO-J4c","date-input":"cp-KkM","date-input-group":"d7fMEs","separator":"F86Rv6","mode-form":"sG6Hik","mode-cell":"WbtmuU","uuiTypography":"_1s2osU","heroHeader":"_49EiAE","promoHeader":"ZLL1gv","uuiCritical":"_5-tVIG","uuiInfo":"_011O5k","uuiSuccess":"_6PtYTK","uuiWarning":"ozuPrF","uuiHighlight":"ZsW92j","uuiTypographySize12":"d5Mnrj","uuiTypographySize14":"y-cDCp","uuiTypographySize16":"m-3uBT","dropdownContainer":"JO-J4c","dateInput":"cp-KkM","dateInputGroup":"d7fMEs","modeForm":"sG6Hik","modeCell":"WbtmuU"};
|
|
2425
2397
|
|
|
2426
|
-
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange,
|
|
2398
|
+
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2427
2399
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
2428
2400
|
useEffect(() => {
|
|
2429
2401
|
setInputValue(toCustomDateRangeFormat(value, format));
|
|
@@ -2446,17 +2418,19 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2446
2418
|
onValueChange(Object.assign(Object.assign({}, selectedDate), { [inputType]: null }));
|
|
2447
2419
|
}
|
|
2448
2420
|
};
|
|
2421
|
+
const onInputKeyDown = (e) => {
|
|
2422
|
+
if (e.key === 'Enter') {
|
|
2423
|
+
onClick();
|
|
2424
|
+
e.preventDefault();
|
|
2425
|
+
}
|
|
2426
|
+
};
|
|
2449
2427
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2450
|
-
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus),
|
|
2451
|
-
|
|
2452
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2453
|
-
}
|
|
2454
|
-
}, onBlur: onBlur },
|
|
2455
|
-
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && 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 }),
|
|
2428
|
+
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus) },
|
|
2429
|
+
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && 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, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
|
|
2456
2430
|
React__default.createElement("div", { className: css$G.separator }),
|
|
2457
2431
|
React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2458
2432
|
onValueChange(defaultRangeValue);
|
|
2459
|
-
} : 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 })));
|
|
2433
|
+
} : 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, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2460
2434
|
});
|
|
2461
2435
|
|
|
2462
2436
|
function FilterRangeDatePickerBody(props) {
|
|
@@ -2512,7 +2486,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2512
2486
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2513
2487
|
}
|
|
2514
2488
|
|
|
2515
|
-
var css$F = {"container":"
|
|
2489
|
+
var css$F = {"container":"VfFwHQ"};
|
|
2516
2490
|
|
|
2517
2491
|
function FilterNumericBody(props) {
|
|
2518
2492
|
var _a, _b;
|
|
@@ -2547,12 +2521,12 @@ function FilterNumericBody(props) {
|
|
|
2547
2521
|
const clearSelection = () => {
|
|
2548
2522
|
if (isInRangePredicate) {
|
|
2549
2523
|
props.onValueChange({
|
|
2550
|
-
from:
|
|
2551
|
-
to:
|
|
2524
|
+
from: undefined,
|
|
2525
|
+
to: undefined,
|
|
2552
2526
|
});
|
|
2553
2527
|
}
|
|
2554
2528
|
else {
|
|
2555
|
-
props.onValueChange(
|
|
2529
|
+
props.onValueChange(undefined);
|
|
2556
2530
|
}
|
|
2557
2531
|
};
|
|
2558
2532
|
const isClearDisabled = typeof props.value !== 'number' && typeof props.value !== 'object';
|
|
@@ -2597,7 +2571,7 @@ function FilterItemBody(props) {
|
|
|
2597
2571
|
|
|
2598
2572
|
var _path$r;
|
|
2599
2573
|
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); }
|
|
2600
|
-
var
|
|
2574
|
+
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
2601
2575
|
return /*#__PURE__*/React.createElement("svg", _extends$r({
|
|
2602
2576
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2603
2577
|
width: 24,
|
|
@@ -2605,14 +2579,12 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2605
2579
|
viewBox: "0 0 24 24",
|
|
2606
2580
|
ref: ref
|
|
2607
2581
|
}, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
|
|
2608
|
-
|
|
2609
|
-
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",
|
|
2610
|
-
clipRule: "evenodd"
|
|
2582
|
+
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
2611
2583
|
})));
|
|
2612
2584
|
};
|
|
2613
|
-
var ForwardRef$r = /*#__PURE__*/forwardRef(
|
|
2585
|
+
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
2614
2586
|
|
|
2615
|
-
var css$E = {"uui-typography":"
|
|
2587
|
+
var css$E = {"uui-typography":"sKUFgq","hero-header":"_9ktNIt","promo-header":"ywPLqB","uui-critical":"ldH8e4","uui-info":"ogx1WF","uui-success":"Y-R2zL","uui-warning":"YMUrtj","uui-highlight":"qv3fta","uui-typography-size-12":"rVN39q","uui-typography-size-14":"t-CqFQ","uui-typography-size-16":"_78NlGh","header":"_5hN6x0","removeButton":"ClD6I2","with-search":"rcObIx","uuiTypography":"sKUFgq","heroHeader":"_9ktNIt","promoHeader":"ywPLqB","uuiCritical":"ldH8e4","uuiInfo":"ogx1WF","uuiSuccess":"Y-R2zL","uuiWarning":"YMUrtj","uuiHighlight":"qv3fta","uuiTypographySize12":"rVN39q","uuiTypographySize14":"t-CqFQ","uuiTypographySize16":"_78NlGh","withSearch":"rcObIx"};
|
|
2616
2588
|
|
|
2617
2589
|
function useView(props, value) {
|
|
2618
2590
|
const forceUpdate = useForceUpdate();
|
|
@@ -2900,7 +2872,8 @@ function FiltersToolbarImpl(props) {
|
|
|
2900
2872
|
return orderBy(selectedFilters, (f) => { var _a, _b; return (_b = (_a = tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[f.field]) === null || _b === void 0 ? void 0 : _b.order; });
|
|
2901
2873
|
}, [filters, tableState.filtersConfig]);
|
|
2902
2874
|
const renderAddFilterToggler = useCallback((togglerProps) => {
|
|
2903
|
-
|
|
2875
|
+
var _a;
|
|
2876
|
+
return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
|
|
2904
2877
|
}, []);
|
|
2905
2878
|
const getRowOptions = useCallback((item) => ({
|
|
2906
2879
|
isDisabled: item.isAlwaysVisible,
|
|
@@ -2933,7 +2906,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2933
2906
|
}
|
|
2934
2907
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
2935
2908
|
|
|
2936
|
-
var css$D = {"divider":"
|
|
2909
|
+
var css$D = {"divider":"_7aR79c","dropdownDeleteIcon":"ZoWfDn","presetsWrapper":"iQBgXi","addPresetContainer":"_--bMQq","dropContainer":"yH-pgw"};
|
|
2937
2910
|
|
|
2938
2911
|
var _path$p;
|
|
2939
2912
|
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); }
|
|
@@ -3046,22 +3019,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
3046
3019
|
};
|
|
3047
3020
|
var ForwardRef$j = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
|
|
3048
3021
|
|
|
3049
|
-
var
|
|
3050
|
-
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); }
|
|
3051
|
-
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
3052
|
-
return /*#__PURE__*/React.createElement("svg", _extends$i({
|
|
3053
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
3054
|
-
width: 24,
|
|
3055
|
-
height: 24,
|
|
3056
|
-
viewBox: "0 0 24 24",
|
|
3057
|
-
ref: ref
|
|
3058
|
-
}, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
|
|
3059
|
-
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
3060
|
-
})));
|
|
3061
|
-
};
|
|
3062
|
-
var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
3063
|
-
|
|
3064
|
-
var css$C = {"delete-button":"zF3qpi","tab-button":"-aEbrH","targetOpen":"gyk-RJ","deleteButton":"zF3qpi","tabButton":"-aEbrH"};
|
|
3022
|
+
var css$C = {"delete-button":"ONjxQd","tab-button":"DpiPzH","targetOpen":"Ugn6q8","deleteButton":"ONjxQd","tabButton":"DpiPzH"};
|
|
3065
3023
|
|
|
3066
3024
|
function PresetActionsDropdown(props) {
|
|
3067
3025
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -3111,7 +3069,7 @@ function PresetActionsDropdown(props) {
|
|
|
3111
3069
|
React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$j, caption: "Copy Link", onClick: copyUrlToClipboard }),
|
|
3112
3070
|
!isReadonlyPreset && (React__default.createElement(React__default.Fragment, null,
|
|
3113
3071
|
React__default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
|
|
3114
|
-
React__default.createElement(DropdownMenuButton, { icon: ForwardRef$
|
|
3072
|
+
React__default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
|
|
3115
3073
|
};
|
|
3116
3074
|
const renderTarget = useCallback((dropdownProps) => {
|
|
3117
3075
|
return (React__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" })));
|
|
@@ -3119,7 +3077,7 @@ function PresetActionsDropdown(props) {
|
|
|
3119
3077
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3120
3078
|
}
|
|
3121
3079
|
|
|
3122
|
-
var css$B = {"preset-input-cell":"
|
|
3080
|
+
var css$B = {"preset-input-cell":"SyZQGd","preset-input":"_95ljlD","presetInputCell":"SyZQGd","presetInput":"_95ljlD"};
|
|
3123
3081
|
|
|
3124
3082
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3125
3083
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3152,7 +3110,7 @@ function PresetInput(props) {
|
|
|
3152
3110
|
React__default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3153
3111
|
}
|
|
3154
3112
|
|
|
3155
|
-
var css$A = {"preset":"
|
|
3113
|
+
var css$A = {"preset":"_1N9D09","activePreset":"jQEFOD"};
|
|
3156
3114
|
|
|
3157
3115
|
function Preset(props) {
|
|
3158
3116
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3173,6 +3131,23 @@ function Preset(props) {
|
|
|
3173
3131
|
return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__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__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
3174
3132
|
}
|
|
3175
3133
|
|
|
3134
|
+
var _path$i;
|
|
3135
|
+
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); }
|
|
3136
|
+
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
3137
|
+
return /*#__PURE__*/React.createElement("svg", _extends$i({
|
|
3138
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3139
|
+
width: 24,
|
|
3140
|
+
height: 24,
|
|
3141
|
+
viewBox: "0 0 24 24",
|
|
3142
|
+
ref: ref
|
|
3143
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
|
|
3144
|
+
fillRule: "evenodd",
|
|
3145
|
+
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",
|
|
3146
|
+
clipRule: "evenodd"
|
|
3147
|
+
})));
|
|
3148
|
+
};
|
|
3149
|
+
var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
|
|
3150
|
+
|
|
3176
3151
|
function PresetsPanel(props) {
|
|
3177
3152
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
3178
3153
|
const setAddingPreset = useCallback(() => {
|
|
@@ -3195,7 +3170,7 @@ function PresetsPanel(props) {
|
|
|
3195
3170
|
return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
|
|
3196
3171
|
React__default.createElement("div", { className: css$D.divider }),
|
|
3197
3172
|
React__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__default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
|
|
3198
|
-
React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$
|
|
3173
|
+
React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__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)) })))))) }));
|
|
3199
3174
|
};
|
|
3200
3175
|
const getPresetPriority = (preset, index) => {
|
|
3201
3176
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3254,7 +3229,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3254
3229
|
return columns;
|
|
3255
3230
|
};
|
|
3256
3231
|
|
|
3257
|
-
var css$z = {"line-height-12":"
|
|
3232
|
+
var css$z = {"line-height-12":"tOMlsI","line-height-18":"V9-Apx","line-height-24":"_2k7baW","line-height-30":"SQACQa","font-size-10":"m1K6LH","font-size-12":"_54BSJ3","font-size-14":"_3Zl5zH","font-size-16":"N7tmUr","font-size-18":"MYSyGq","font-size-24":"yfybxJ","v-padding-2":"d-6kxE","v-padding-3":"Lh7Oba","v-padding-5":"putB78","v-padding-6":"y7ROAa","v-padding-8":"_-0HSQw","v-padding-9":"d4tL-z","v-padding-11":"Lm2pDS","v-padding-12":"_-81RjD","v-padding-14":"-YSsHY","v-padding-15":"Z9ryqA","v-padding-17":"Vgho4D","v-padding-18":"Le9-hJ","v-padding-23":"MJbvAl","v-padding-24":"AgX4iw","lineHeight12":"tOMlsI","lineHeight18":"V9-Apx","lineHeight24":"_2k7baW","lineHeight30":"SQACQa","fontSize10":"m1K6LH","fontSize12":"_54BSJ3","fontSize14":"_3Zl5zH","fontSize16":"N7tmUr","fontSize18":"MYSyGq","fontSize24":"yfybxJ","vPadding2":"d-6kxE","vPadding3":"Lh7Oba","vPadding5":"putB78","vPadding6":"y7ROAa","vPadding8":"_-0HSQw","vPadding9":"d4tL-z","vPadding11":"Lm2pDS","vPadding12":"_-81RjD","vPadding14":"-YSsHY","vPadding15":"Z9ryqA","vPadding17":"Vgho4D","vPadding18":"Le9-hJ","vPadding23":"MJbvAl","vPadding24":"AgX4iw"};
|
|
3258
3233
|
|
|
3259
3234
|
function getTextClasses(props, border) {
|
|
3260
3235
|
if (props.size === 'none') {
|
|
@@ -3271,7 +3246,7 @@ function getTextClasses(props, border) {
|
|
|
3271
3246
|
];
|
|
3272
3247
|
}
|
|
3273
3248
|
|
|
3274
|
-
var css$y = {"root":"
|
|
3249
|
+
var css$y = {"root":"HZ4--V"};
|
|
3275
3250
|
|
|
3276
3251
|
function applyTextMods(mods) {
|
|
3277
3252
|
const textClasses = getTextClasses({
|
|
@@ -3290,7 +3265,7 @@ function applyTextMods(mods) {
|
|
|
3290
3265
|
}
|
|
3291
3266
|
const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
|
|
3292
3267
|
|
|
3293
|
-
var css$x = {"root":"
|
|
3268
|
+
var css$x = {"root":"sGcJrc","loading-word":"LT5hwY","animated-loading":"B3sCN5","skeleton_loading":"wqRvFJ","loadingWord":"LT5hwY","animatedLoading":"B3sCN5","skeletonLoading":"wqRvFJ"};
|
|
3294
3269
|
|
|
3295
3270
|
const TextPlaceholder = (props) => {
|
|
3296
3271
|
const pattern = ' ';
|
|
@@ -3309,7 +3284,7 @@ const TextPlaceholder = (props) => {
|
|
|
3309
3284
|
|
|
3310
3285
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3311
3286
|
|
|
3312
|
-
var css$w = {"uui-typography":"
|
|
3287
|
+
var css$w = {"uui-typography":"plCZdW","hero-header":"AeCqbS","promo-header":"GwLgrz","uui-critical":"_0Ej2kB","uui-info":"gWggi0","uui-success":"_3Jfblk","uui-warning":"_1rcgbe","uui-highlight":"rLGM-V","uui-typography-size-12":"JkgY30","uui-typography-size-14":"hWVAp6","uui-typography-size-16":"_9vwXh0","root":"_6gKM4F","modal-blocker":"_4mVAUE","animateModalBlocker":"wovPsE","modal":"zzacEk","modal-footer":"wZMpwc","modal-header":"QPR4Es","uuiTypography":"plCZdW","heroHeader":"AeCqbS","promoHeader":"GwLgrz","uuiCritical":"_0Ej2kB","uuiInfo":"gWggi0","uuiSuccess":"_3Jfblk","uuiWarning":"_1rcgbe","uuiHighlight":"rLGM-V","uuiTypographySize12":"JkgY30","uuiTypographySize14":"hWVAp6","uuiTypographySize16":"_9vwXh0","modalBlocker":"_4mVAUE","modalFooter":"wZMpwc","modalHeader":"QPR4Es"};
|
|
3313
3288
|
|
|
3314
3289
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
|
|
3315
3290
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3363,7 +3338,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3363
3338
|
};
|
|
3364
3339
|
var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
3365
3340
|
|
|
3366
|
-
var css$v = {"uui-typography":"
|
|
3341
|
+
var css$v = {"uui-typography":"p3QP0h","hero-header":"r-iTnY","promo-header":"U67Wpq","uui-critical":"_56MJFs","uui-info":"_9TxvLM","uui-success":"urF-A1","uui-warning":"m2MYVm","uui-highlight":"kHrMI-","uui-typography-size-12":"_2UFPir","uui-typography-size-14":"vp-0uG","uui-typography-size-16":"_08fJ6L","root":"iFF3fw","icon-wrapper":"XVRS7A","action-wrapper":"HhGJl6","action-link":"T3N-5T","close-icon":"eGWyTA","main-path":"_9jAq0V","content":"O-cwtw","close-wrapper":"Cn9xAY","notification-wrapper":"qNiE2O","clear-button":"qp3S7m","uuiTypography":"p3QP0h","heroHeader":"r-iTnY","promoHeader":"U67Wpq","uuiCritical":"_56MJFs","uuiInfo":"_9TxvLM","uuiSuccess":"urF-A1","uuiWarning":"m2MYVm","uuiHighlight":"kHrMI-","uuiTypographySize12":"_2UFPir","uuiTypographySize14":"vp-0uG","uuiTypographySize16":"_08fJ6L","iconWrapper":"XVRS7A","actionWrapper":"HhGJl6","actionLink":"T3N-5T","closeIcon":"eGWyTA","mainPath":"_9jAq0V","closeWrapper":"Cn9xAY","notificationWrapper":"qNiE2O","clearButton":"qp3S7m"};
|
|
3367
3342
|
|
|
3368
3343
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3369
3344
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3439,7 +3414,7 @@ function useReliableForceUpdate() {
|
|
|
3439
3414
|
return red[1];
|
|
3440
3415
|
}
|
|
3441
3416
|
|
|
3442
|
-
var css$u = {"root":"
|
|
3417
|
+
var css$u = {"root":"g6OvGw","timepicker-input":"Q0iweq","ltr-always":"_18z8-I","timepickerInput":"Q0iweq","ltrAlways":"_18z8-I"};
|
|
3443
3418
|
|
|
3444
3419
|
const uuiTimePicker = {
|
|
3445
3420
|
container: 'uui-timepicker-container',
|
|
@@ -3632,7 +3607,7 @@ function TimePicker(props) {
|
|
|
3632
3607
|
return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
3633
3608
|
}
|
|
3634
3609
|
|
|
3635
|
-
var css$t = {"root":"
|
|
3610
|
+
var css$t = {"root":"VU2SPi"};
|
|
3636
3611
|
|
|
3637
3612
|
function applyInputAddonMods() {
|
|
3638
3613
|
return [
|
|
@@ -3641,7 +3616,7 @@ function applyInputAddonMods() {
|
|
|
3641
3616
|
}
|
|
3642
3617
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
3643
3618
|
|
|
3644
|
-
var css$s = {"root":"
|
|
3619
|
+
var css$s = {"root":"QysP0a"};
|
|
3645
3620
|
|
|
3646
3621
|
function applySliderMods() {
|
|
3647
3622
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3677,8 +3652,6 @@ function DatePickerComponent(props, ref) {
|
|
|
3677
3652
|
};
|
|
3678
3653
|
const onBlur = (e) => {
|
|
3679
3654
|
var _a;
|
|
3680
|
-
if (isFocusReceiverInsideFocusLock(e))
|
|
3681
|
-
return;
|
|
3682
3655
|
(_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
3683
3656
|
if (isValidDate(inputValue, format, props.filter)) {
|
|
3684
3657
|
setInputValue(toCustomDateFormat(inputValue, format));
|
|
@@ -3688,14 +3661,17 @@ function DatePickerComponent(props, ref) {
|
|
|
3688
3661
|
setInputValue(null);
|
|
3689
3662
|
onValueChange(null);
|
|
3690
3663
|
}
|
|
3691
|
-
|
|
3664
|
+
};
|
|
3665
|
+
const onInputKeyDown = (e) => {
|
|
3666
|
+
if (e.key === 'Enter') {
|
|
3667
|
+
setBodyIsOpen(true);
|
|
3668
|
+
e.preventDefault();
|
|
3669
|
+
}
|
|
3692
3670
|
};
|
|
3693
3671
|
const renderInput = (renderProps) => {
|
|
3694
3672
|
var _a;
|
|
3695
3673
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3696
|
-
return (React__default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3697
|
-
// fixes a bug with body open, it skips unwanted prevent default
|
|
3698
|
-
onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && 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) => {
|
|
3674
|
+
return (React__default.createElement(TextInput, Object.assign({}, renderProps, { isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && 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) => {
|
|
3699
3675
|
setInputValue(v || '');
|
|
3700
3676
|
}, onCancel: allowClear ? () => {
|
|
3701
3677
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3703,13 +3679,12 @@ function DatePickerComponent(props, ref) {
|
|
|
3703
3679
|
}
|
|
3704
3680
|
} : undefined, isInvalid: props.isInvalid, isDisabled: props.isDisabled, isReadonly: props.isReadonly, tabIndex: props.isReadonly || props.isDisabled ? -1 : 0, onFocus: (e) => {
|
|
3705
3681
|
var _a;
|
|
3706
|
-
setBodyIsOpen(true);
|
|
3707
3682
|
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
3708
|
-
}, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
|
|
3683
|
+
}, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
|
|
3709
3684
|
};
|
|
3710
3685
|
const renderBody = (renderProps) => {
|
|
3711
3686
|
var _a, _b;
|
|
3712
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps
|
|
3687
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps),
|
|
3713
3688
|
React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }), (_b = props.renderFooter) === null || _b === void 0 ? void 0 :
|
|
3714
3689
|
_b.call(props)));
|
|
3715
3690
|
};
|
|
@@ -3724,14 +3699,23 @@ function DatePickerComponent(props, ref) {
|
|
|
3724
3699
|
}
|
|
3725
3700
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3726
3701
|
|
|
3727
|
-
var css$r = {"uui-typography":"
|
|
3702
|
+
var css$r = {"uui-typography":"W6PbRl","hero-header":"DfO11-","promo-header":"-Gz5zX","uui-critical":"go4eRs","uui-info":"_4u8OjU","uui-success":"h2JvgL","uui-warning":"_0j13Nk","uui-highlight":"B1dmBr","uui-typography-size-12":"XuLL6I","uui-typography-size-14":"_1HnpjK","uui-typography-size-16":"_0ERa03","root":"pvg7bO","uuiTypography":"W6PbRl","heroHeader":"DfO11-","promoHeader":"-Gz5zX","uuiCritical":"go4eRs","uuiInfo":"_4u8OjU","uuiSuccess":"h2JvgL","uuiWarning":"_0j13Nk","uuiHighlight":"B1dmBr","uuiTypographySize12":"XuLL6I","uuiTypographySize14":"_1HnpjK","uuiTypographySize16":"_0ERa03"};
|
|
3728
3703
|
|
|
3729
|
-
|
|
3730
|
-
|
|
3704
|
+
const uuiPresets = {
|
|
3705
|
+
container: 'uui-presets-container',
|
|
3706
|
+
header: 'uui-presets-header',
|
|
3707
|
+
item: 'uui-presets-item',
|
|
3708
|
+
};
|
|
3709
|
+
const getPresets = (presets) => {
|
|
3710
|
+
return Object.keys(presets).map((key) => (Object.assign(Object.assign({}, presets[key].getRange()), { name: presets[key].name, key }))).sort((a, b) => a.order - b.order);
|
|
3711
|
+
};
|
|
3712
|
+
function CalendarPresets(props) {
|
|
3713
|
+
return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$r.root, props.cx) }, props.rawProps),
|
|
3714
|
+
React.createElement("div", { className: uuiPresets.header }, "Presets"),
|
|
3715
|
+
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
3731
3716
|
}
|
|
3732
|
-
const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
|
|
3733
3717
|
|
|
3734
|
-
var css$q = {"uui-typography":"
|
|
3718
|
+
var css$q = {"uui-typography":"bRiMG-","hero-header":"_41dYfc","promo-header":"_0DgqS-","uui-critical":"O-WduI","uui-info":"o5Ovkn","uui-success":"LKySov","uui-warning":"HEGlnz","uui-highlight":"XoEa-m","uui-typography-size-12":"HtXpI5","uui-typography-size-14":"q5qHv9","uui-typography-size-16":"OQdiWy","root":"ytxHx-","container":"pC8g7w","day-selection":"LFE-SO","from-picker":"_1ANzDS","to-picker":"_3NTsW9","bodes-wrapper":"NxHIpK","blocker":"mJ2xEJ","uuiTypography":"bRiMG-","heroHeader":"_41dYfc","promoHeader":"_0DgqS-","uuiCritical":"O-WduI","uuiInfo":"o5Ovkn","uuiSuccess":"LKySov","uuiWarning":"HEGlnz","uuiHighlight":"XoEa-m","uuiTypographySize12":"HtXpI5","uuiTypographySize14":"q5qHv9","uuiTypographySize16":"OQdiWy","daySelection":"LFE-SO","fromPicker":"_1ANzDS","toPicker":"_3NTsW9","bodesWrapper":"NxHIpK"};
|
|
3735
3719
|
|
|
3736
3720
|
const uuiRangeDatePickerBody = {
|
|
3737
3721
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3879,10 +3863,10 @@ function RangeDatePickerBodyComp(props, ref) {
|
|
|
3879
3863
|
React__default.createElement(FlexRow, { cx: css$q.bodesWrapper, alignItems: "top" },
|
|
3880
3864
|
React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$q.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
|
|
3881
3865
|
setMonth(m);
|
|
3882
|
-
}, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay })),
|
|
3866
|
+
}, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' })),
|
|
3883
3867
|
React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$q.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
|
|
3884
3868
|
setMonth(m.subtract(1, 'month'));
|
|
3885
|
-
}, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday })),
|
|
3869
|
+
}, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' })),
|
|
3886
3870
|
view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
|
|
3887
3871
|
left: activeMonth === 'from' ? '50%' : undefined,
|
|
3888
3872
|
right: activeMonth === 'to' ? '50%' : undefined,
|
|
@@ -3927,9 +3911,8 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3927
3911
|
}
|
|
3928
3912
|
}
|
|
3929
3913
|
};
|
|
3930
|
-
const onOpenChange = (newIsOpen
|
|
3914
|
+
const onOpenChange = (newIsOpen) => {
|
|
3931
3915
|
var _a;
|
|
3932
|
-
setInFocus(newIsOpen && focus ? focus : null);
|
|
3933
3916
|
setIsOpen(newIsOpen);
|
|
3934
3917
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
|
|
3935
3918
|
};
|
|
@@ -3945,16 +3928,9 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3945
3928
|
onOpenChange(false);
|
|
3946
3929
|
}
|
|
3947
3930
|
};
|
|
3948
|
-
// mainly for closing body on tab
|
|
3949
|
-
const onInputWrapperBlur = (event) => {
|
|
3950
|
-
if (isFocusReceiverInsideFocusLock(event)) {
|
|
3951
|
-
return;
|
|
3952
|
-
}
|
|
3953
|
-
onOpenChange(false);
|
|
3954
|
-
};
|
|
3955
3931
|
const renderBody = (renderProps) => {
|
|
3956
3932
|
var _a;
|
|
3957
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$G.dropdownContainer)
|
|
3933
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$G.dropdownContainer) }),
|
|
3958
3934
|
React__default.createElement(FlexRow, null,
|
|
3959
3935
|
React__default.createElement(RangeDatePickerBody, { cx: cx(props.bodyCx), value: {
|
|
3960
3936
|
selectedDate: _value,
|
|
@@ -3966,16 +3942,16 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3966
3942
|
};
|
|
3967
3943
|
return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
|
|
3968
3944
|
var _a;
|
|
3969
|
-
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange,
|
|
3945
|
+
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
|
|
3970
3946
|
var _a;
|
|
3971
|
-
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e,
|
|
3972
|
-
|
|
3973
|
-
}, onBlurInput: props.onBlur }));
|
|
3947
|
+
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
|
|
3948
|
+
setInFocus(type);
|
|
3949
|
+
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
|
|
3974
3950
|
}, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
|
|
3975
3951
|
}
|
|
3976
3952
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3977
3953
|
|
|
3978
|
-
var css$p = {"root":"
|
|
3954
|
+
var css$p = {"root":"_3ol1MS","blocker":"x2DkW8","marker":"rFab9L","top":"_1c-3lP","bottom":"P8Je-l","left":"UOiLJP","right":"D90zfr","inside":"Sm4f2B"};
|
|
3979
3955
|
|
|
3980
3956
|
function DropMarker(props) {
|
|
3981
3957
|
return props.isDndInProgress
|
|
@@ -3990,18 +3966,18 @@ function DropMarker(props) {
|
|
|
3990
3966
|
: null;
|
|
3991
3967
|
}
|
|
3992
3968
|
|
|
3993
|
-
var css$o = {"uui-typography":"
|
|
3969
|
+
var css$o = {"uui-typography":"cwpupr","hero-header":"h7a04T","promo-header":"STxdpM","uui-critical":"_1JO6Pi","uui-info":"L8cqQU","uui-success":"EbnSU-","uui-warning":"CGlaWM","uui-highlight":"GBSP89","uui-typography-size-12":"zraU4r","uui-typography-size-14":"TJZyXJ","uui-typography-size-16":"Jk-szV","cell":"-cXDPa","wrapper":"QrQLHD","align-widgets-top":"DeQhLt","size-24":"YIDKNI","size-30":"OOVxSW","size-36":"_5TkTnM","size-42":"yn1SYJ","size-48":"Yg56-m","size-60":"Q1sNGk","align-widgets-center":"PyS0Sv","padding-6":"J-X32D","padding-12":"fSsdu7","padding-24":"efaSNV","padding-left-12":"VIRWOz","padding-left-24":"_9Ktcfn","padding-right-12":"B3L0uI","padding-right-24":"pudqU2","loading-cell":"ThpicB","uuiTypography":"cwpupr","heroHeader":"h7a04T","promoHeader":"STxdpM","uuiCritical":"_1JO6Pi","uuiInfo":"L8cqQU","uuiSuccess":"EbnSU-","uuiWarning":"CGlaWM","uuiHighlight":"GBSP89","uuiTypographySize12":"zraU4r","uuiTypographySize14":"TJZyXJ","uuiTypographySize16":"Jk-szV","alignWidgetsTop":"DeQhLt","size24":"YIDKNI","size30":"OOVxSW","size36":"_5TkTnM","size42":"yn1SYJ","size48":"Yg56-m","size60":"Q1sNGk","alignWidgetsCenter":"PyS0Sv","padding6":"J-X32D","padding12":"fSsdu7","padding24":"efaSNV","paddingLeft12":"VIRWOz","paddingLeft24":"_9Ktcfn","paddingRight12":"B3L0uI","paddingRight24":"pudqU2","loadingCell":"ThpicB"};
|
|
3994
3970
|
|
|
3995
|
-
function DataTableCell(
|
|
3996
|
-
|
|
3971
|
+
function DataTableCell(props) {
|
|
3972
|
+
props = Object.assign({}, props);
|
|
3997
3973
|
if (props.isFirstColumn) {
|
|
3998
|
-
props.addons = React.createElement(DataRowAddons, Object.assign({
|
|
3974
|
+
props.addons = React.createElement(DataRowAddons, Object.assign({}, props));
|
|
3999
3975
|
}
|
|
4000
3976
|
props.renderPlaceholder = props.renderPlaceholder
|
|
4001
3977
|
|| (() => (
|
|
4002
3978
|
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
4003
3979
|
React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$o.loadingCell },
|
|
4004
|
-
React.createElement(TextPlaceholder,
|
|
3980
|
+
React.createElement(TextPlaceholder, { isNotAnimated: true }))));
|
|
4005
3981
|
props.renderUnknown = props.renderUnknown
|
|
4006
3982
|
|| (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
|
|
4007
3983
|
props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
|
|
@@ -4024,11 +4000,10 @@ function DataTableCell(initialProps) {
|
|
|
4024
4000
|
return { padding: '12', sidePadding: '24' };
|
|
4025
4001
|
};
|
|
4026
4002
|
props.cx = [
|
|
4027
|
-
'uui-dt-vars',
|
|
4028
4003
|
'data-table-cell',
|
|
4029
4004
|
props.cx,
|
|
4030
4005
|
css$o.cell,
|
|
4031
|
-
'
|
|
4006
|
+
css$o['size-' + (props.size || '36')],
|
|
4032
4007
|
css$o[`padding-${getPaddings().padding}`],
|
|
4033
4008
|
props.isFirstColumn && css$o[`padding-left-${getPaddings().sidePadding}`],
|
|
4034
4009
|
props.isLastColumn && css$o[`padding-right-${getPaddings().sidePadding}`],
|
|
@@ -4038,7 +4013,7 @@ function DataTableCell(initialProps) {
|
|
|
4038
4013
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
4039
4014
|
}
|
|
4040
4015
|
|
|
4041
|
-
var css$n = {"uui-typography":"
|
|
4016
|
+
var css$n = {"uui-typography":"hw4y-d","hero-header":"Er7e4O","promo-header":"Yw7ntJ","uui-critical":"mijoi4","uui-info":"f2REf9","uui-success":"O8o27y","uui-warning":"n0Pt8-","uui-highlight":"s3SYcI","uui-typography-size-12":"I5f5G1","uui-typography-size-14":"gT-Chl","uui-typography-size-16":"XIf-a7","root":"WiQZkx","size-24":"K84ODd","size-30":"MQnxWq","size-36":"GhLU6k","size-48":"-rCVPJ","size-60":"i28xcT","uuiTypography":"hw4y-d","heroHeader":"Er7e4O","promoHeader":"Yw7ntJ","uuiCritical":"mijoi4","uuiInfo":"f2REf9","uuiSuccess":"O8o27y","uuiWarning":"n0Pt8-","uuiHighlight":"s3SYcI","uuiTypographySize12":"I5f5G1","uuiTypographySize14":"gT-Chl","uuiTypographySize16":"XIf-a7","size24":"K84ODd","size30":"MQnxWq","size36":"GhLU6k","size48":"-rCVPJ","size60":"i28xcT"};
|
|
4042
4017
|
|
|
4043
4018
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4044
4019
|
// 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.
|
|
@@ -4054,7 +4029,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4054
4029
|
];
|
|
4055
4030
|
}, () => propsMods);
|
|
4056
4031
|
|
|
4057
|
-
var css$m = {"uui-typography":"
|
|
4032
|
+
var css$m = {"uui-typography":"deXZt6","hero-header":"XGzbMz","promo-header":"OIzjV-","uui-critical":"yYiFm0","uui-info":"rGzi4B","uui-success":"ksKsu-","uui-warning":"etKG8G","uui-highlight":"_-0hvUb","uui-typography-size-12":"_16rCf6","uui-typography-size-14":"PnvAKE","uui-typography-size-16":"_9r9ayE","sorting-panel-container":"TG4YBW","sort-active":"OvkLTQ","uuiTypography":"deXZt6","heroHeader":"XGzbMz","promoHeader":"OIzjV-","uuiCritical":"yYiFm0","uuiInfo":"rGzi4B","uuiSuccess":"ksKsu-","uuiWarning":"etKG8G","uuiHighlight":"_-0hvUb","uuiTypographySize12":"_16rCf6","uuiTypographySize14":"PnvAKE","uuiTypographySize16":"_9r9ayE","sortingPanelContainer":"TG4YBW","sortActive":"OvkLTQ"};
|
|
4058
4033
|
|
|
4059
4034
|
var _path$g;
|
|
4060
4035
|
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); }
|
|
@@ -4149,7 +4124,7 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
|
|
|
4149
4124
|
viewBox: "0 0 24 24",
|
|
4150
4125
|
ref: ref
|
|
4151
4126
|
}, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
|
|
4152
|
-
d: "
|
|
4127
|
+
d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
|
|
4153
4128
|
})));
|
|
4154
4129
|
};
|
|
4155
4130
|
var ForwardRef$c = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
|
|
@@ -4184,7 +4159,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4184
4159
|
};
|
|
4185
4160
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
4186
4161
|
|
|
4187
|
-
var css$l = {"uui-typography":"
|
|
4162
|
+
var css$l = {"uui-typography":"IFctLC","hero-header":"_7E3sVC","promo-header":"mxglKH","uui-critical":"vdtSJC","uui-info":"_0CVnRg","uui-success":"_0pO6b7","uui-warning":"ozrKz2","uui-highlight":"z4KeBT","uui-typography-size-12":"_1I0Zqc","uui-typography-size-14":"nSCEi5","uui-typography-size-16":"q-NH8R","cell":"_2G1wDg","column-gap-12":"St5cka","caption-wrapper":"Bh9SRA","column-gap-24":"NUDR6h","first-column-12":"XHOflQ","last-column-12":"_4TLUzP","first-column-24":"_7ivK5r","last-column-24":"uEQnOE","sort-icon":"C3Hvk6","dropdown-icon":"cR6IFp","infoIcon":"m4o-dC","resizable":"c2f-C5","size-24":"yw8aZw","size-30":"EQfsof","size-36":"_74XUv-","size-42":"OLsos9","size-48":"GIr-v-","size-60":"pa0B3l","padding-left-24":"yiO0oX","padding-right-24":"FRvT4h","align-right":"FQef41","align-center":"ppzF4Z","caption":"mTDJPl","checkbox":"off2aL","icon":"WTdaVn","fold-all-icon":"ovi6eA","cell-tooltip":"MNqZDC","upper-case":"sDYzGX","font-size-14":"CzNoYN","resize-mark":"p3oSs8","resize-mark-6":"Ldp30G","resize-mark-12":"a7ZTZR","pinned-right":"_4bH2n3","draggable":"jKI6vL","ghost":"DRWtve","is-dragged-out":"_3IFWUR","dnd-marker-left":"s-4TVE","dnd-marker-right":"BeXWMq","cell-tooltip-wrapper":"dsLGNB","cell-tooltip-text":"BHq9kc","uuiTypography":"IFctLC","heroHeader":"_7E3sVC","promoHeader":"mxglKH","uuiCritical":"vdtSJC","uuiInfo":"_0CVnRg","uuiSuccess":"_0pO6b7","uuiWarning":"ozrKz2","uuiHighlight":"z4KeBT","uuiTypographySize12":"_1I0Zqc","uuiTypographySize14":"nSCEi5","uuiTypographySize16":"q-NH8R","columnGap12":"St5cka","captionWrapper":"Bh9SRA","columnGap24":"NUDR6h","firstColumn12":"XHOflQ","lastColumn12":"_4TLUzP","firstColumn24":"_7ivK5r","lastColumn24":"uEQnOE","sortIcon":"C3Hvk6","dropdownIcon":"cR6IFp","size24":"yw8aZw","size30":"EQfsof","size36":"_74XUv-","size42":"OLsos9","size48":"GIr-v-","size60":"pa0B3l","paddingLeft24":"yiO0oX","paddingRight24":"FRvT4h","alignRight":"FQef41","alignCenter":"ppzF4Z","foldAllIcon":"ovi6eA","cellTooltip":"MNqZDC","upperCase":"sDYzGX","fontSize14":"CzNoYN","resizeMark":"p3oSs8","resizeMark6":"Ldp30G","resizeMark12":"a7ZTZR","pinnedRight":"_4bH2n3","isDraggedOut":"_3IFWUR","dndMarkerLeft":"s-4TVE","dndMarkerRight":"BeXWMq","cellTooltipWrapper":"dsLGNB","cellTooltipText":"BHq9kc"};
|
|
4188
4163
|
|
|
4189
4164
|
class DataTableHeaderCell extends React.Component {
|
|
4190
4165
|
constructor() {
|
|
@@ -4234,11 +4209,11 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4234
4209
|
const isResizable = (_a = this.props.column.allowResizing) !== null && _a !== void 0 ? _a : this.props.allowColumnsResizing;
|
|
4235
4210
|
const onClickEvent = !props.isResizing && (!this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick);
|
|
4236
4211
|
const sideColumnPadding = this.props.columnsGap === '12' ? '12' : '24';
|
|
4237
|
-
return (React.createElement(
|
|
4212
|
+
return (React.createElement(DataTableCellContainer, { column: this.props.column, ref: (ref) => {
|
|
4238
4213
|
var _a;
|
|
4239
4214
|
props.ref(ref);
|
|
4240
4215
|
(_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
|
|
4241
|
-
}, cx: cx$1(
|
|
4216
|
+
}, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.columnsGap && css$l[`column-gap-${this.props.columnsGap}`], this.props.isFirstColumn && css$l[`first-column-${sideColumnPadding}`], this.props.isLastColumn && css$l[`last-column-${sideColumnPadding}`], this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) },
|
|
4242
4217
|
this.renderHeaderCheckbox(),
|
|
4243
4218
|
this.renderFoldAllIcon(),
|
|
4244
4219
|
this.getColumnCaption(),
|
|
@@ -4247,6 +4222,9 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4247
4222
|
this.renderCellWithFilter = (props) => (React.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
|
|
4248
4223
|
}
|
|
4249
4224
|
render() {
|
|
4225
|
+
if (this.props.column.renderHeaderCell) {
|
|
4226
|
+
return this.props.column.renderHeaderCell(this.props);
|
|
4227
|
+
}
|
|
4250
4228
|
return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
|
|
4251
4229
|
}
|
|
4252
4230
|
}
|
|
@@ -4266,14 +4244,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4266
4244
|
};
|
|
4267
4245
|
var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
4268
4246
|
|
|
4269
|
-
var css$k = {"uui-typography":"
|
|
4247
|
+
var css$k = {"uui-typography":"_1vQmKT","hero-header":"QHN6Gg","promo-header":"_0ya0y7","uui-critical":"vB-1qk","uui-info":"pCDuaQ","uui-success":"AwJ8T2","uui-warning":"EByQuc","uui-highlight":"gnOEjL","uui-typography-size-12":"LNyVBu","uui-typography-size-14":"pCVgNJ","uui-typography-size-16":"wXaHom","header-cell":"EvpwS-","truncate":"ee0omN","uuiTypography":"_1vQmKT","heroHeader":"QHN6Gg","promoHeader":"_0ya0y7","uuiCritical":"vB-1qk","uuiInfo":"pCDuaQ","uuiSuccess":"AwJ8T2","uuiWarning":"EByQuc","uuiHighlight":"gnOEjL","uuiTypographySize12":"LNyVBu","uuiTypographySize14":"pCVgNJ","uuiTypographySize16":"wXaHom","headerCell":"EvpwS-"};
|
|
4270
4248
|
|
|
4271
4249
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4272
4250
|
renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4273
4251
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4274
4252
|
}));
|
|
4275
4253
|
|
|
4276
|
-
var styles$1 = {"uui-typography":"
|
|
4254
|
+
var styles$1 = {"uui-typography":"AbOcMH","hero-header":"XvJ-4Y","promo-header":"XVcCr9","uui-critical":"t31Bt2","uui-info":"niYF6C","uui-success":"qHvpir","uui-warning":"nMFabM","uui-highlight":"_4WVajJ","uui-typography-size-12":"dzuE4i","uui-typography-size-14":"_1cknu-","uui-typography-size-16":"EgxOnP","main-panel":"pJhDJ5","group-title":"_36dpUL","group-title-text":"v19Io7","group-title-badge":"ioZllf","group-items":"mhLFRd","no-data":"Ps6FMI","h-divider":"_6xJrpw","search-area":"GD-Cin","subgroup-accordion":"DFZvgg","subgroup-title":"Nel2n0","uuiTypography":"AbOcMH","heroHeader":"XvJ-4Y","promoHeader":"XVcCr9","uuiCritical":"t31Bt2","uuiInfo":"niYF6C","uuiSuccess":"qHvpir","uuiWarning":"nMFabM","uuiHighlight":"_4WVajJ","uuiTypographySize12":"dzuE4i","uuiTypographySize14":"_1cknu-","uuiTypographySize16":"EgxOnP","mainPanel":"pJhDJ5","groupTitle":"_36dpUL","groupTitleText":"v19Io7","groupTitleBadge":"ioZllf","groupItems":"mhLFRd","noData":"Ps6FMI","hDivider":"_6xJrpw","searchArea":"GD-Cin","subgroupAccordion":"DFZvgg","subgroupTitle":"Nel2n0"};
|
|
4277
4255
|
|
|
4278
4256
|
var _path$8;
|
|
4279
4257
|
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); }
|
|
@@ -4330,7 +4308,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4330
4308
|
};
|
|
4331
4309
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
4332
4310
|
|
|
4333
|
-
var css$j = {"unpin-icon":"
|
|
4311
|
+
var css$j = {"unpin-icon":"_8ixFfQ","pin-toggler-icon":"cAjTDl","unpinIcon":"_8ixFfQ","pinTogglerIcon":"cAjTDl"};
|
|
4334
4312
|
|
|
4335
4313
|
function PinIconButton(props) {
|
|
4336
4314
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4389,7 +4367,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4389
4367
|
};
|
|
4390
4368
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
4391
4369
|
|
|
4392
|
-
var styles = {"uui-typography":"
|
|
4370
|
+
var styles = {"uui-typography":"knwmxQ","hero-header":"i1Upub","promo-header":"A9jkLM","uui-critical":"n2gZgf","uui-info":"WbEEVJ","uui-success":"a5Gy8v","uui-warning":"D3Hlws","uui-highlight":"CtCpXD","uui-typography-size-12":"hBgn3K","uui-typography-size-14":"_5-fQMV","uui-typography-size-16":"Z2Z5nM","row-wrapper":"dZCaxb","not-pinned":"Gru9S6","pin-icon-button":"B3bOva","checkbox":"-V3uzv","drag-handle":"n7B9CS","dnd-disabled":"w78BoS","uuiTypography":"knwmxQ","heroHeader":"i1Upub","promoHeader":"A9jkLM","uuiCritical":"n2gZgf","uuiInfo":"WbEEVJ","uuiSuccess":"a5Gy8v","uuiWarning":"D3Hlws","uuiHighlight":"CtCpXD","uuiTypographySize12":"hBgn3K","uuiTypographySize14":"_5-fQMV","uuiTypographySize16":"Z2Z5nM","rowWrapper":"dZCaxb","notPinned":"Gru9S6","pinIconButton":"B3bOva","dragHandle":"n7B9CS","dndDisabled":"w78BoS"};
|
|
4393
4371
|
|
|
4394
4372
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4395
4373
|
const { column } = props;
|
|
@@ -4498,7 +4476,7 @@ function SubGroup(props) {
|
|
|
4498
4476
|
return null;
|
|
4499
4477
|
}
|
|
4500
4478
|
|
|
4501
|
-
var css$i = {"listContainer":"
|
|
4479
|
+
var css$i = {"listContainer":"isxXjZ","header":"WB3-XJ","group":"_02BXus","stickyHeader":"lACdxs"};
|
|
4502
4480
|
|
|
4503
4481
|
const getChildrenAndRest = (row, rows) => {
|
|
4504
4482
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4564,7 +4542,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4564
4542
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4565
4543
|
ref: ref
|
|
4566
4544
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4567
|
-
clipPath: "url(#
|
|
4545
|
+
clipPath: "url(#dttaa0b2ic052d5qn_a)"
|
|
4568
4546
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4569
4547
|
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",
|
|
4570
4548
|
fill: "#F5F6FA"
|
|
@@ -4585,7 +4563,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4585
4563
|
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",
|
|
4586
4564
|
fill: "#1D1E26"
|
|
4587
4565
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4588
|
-
id: "
|
|
4566
|
+
id: "dttaa03gpjzndwh0b_b",
|
|
4589
4567
|
style: {
|
|
4590
4568
|
maskType: "alpha"
|
|
4591
4569
|
},
|
|
@@ -4598,7 +4576,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4598
4576
|
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",
|
|
4599
4577
|
fill: "#9BDEFF"
|
|
4600
4578
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4601
|
-
mask: "url(#
|
|
4579
|
+
mask: "url(#dttaa03gpjzndwh0b_b)",
|
|
4602
4580
|
fillRule: "evenodd",
|
|
4603
4581
|
clipRule: "evenodd"
|
|
4604
4582
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4684,7 +4662,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4684
4662
|
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",
|
|
4685
4663
|
fill: "#fff"
|
|
4686
4664
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4687
|
-
id: "
|
|
4665
|
+
id: "dttaa0b2ic052d5qn_a"
|
|
4688
4666
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4689
4667
|
fill: "#fff",
|
|
4690
4668
|
transform: "translate(.552)",
|
|
@@ -4693,7 +4671,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4693
4671
|
};
|
|
4694
4672
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4695
4673
|
|
|
4696
|
-
var css$h = {"sticky-header":"
|
|
4674
|
+
var css$h = {"sticky-header":"UqlJi4","table":"_9c8Bu-","no-results":"bAVS9N","no-results-icon":"_1YP3fQ","no-results-title":"Flxbwi","stickyHeader":"UqlJi4","noResults":"bAVS9N","noResultsIcon":"_1YP3fQ","noResultsTitle":"Flxbwi"};
|
|
4697
4675
|
|
|
4698
4676
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4699
4677
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4746,9 +4724,9 @@ function DataTable(props) {
|
|
|
4746
4724
|
} }))));
|
|
4747
4725
|
}
|
|
4748
4726
|
|
|
4749
|
-
var css$g = {"root":"
|
|
4727
|
+
var css$g = {"root":"tWfP2U"};
|
|
4750
4728
|
|
|
4751
|
-
var css$f = {"root":"
|
|
4729
|
+
var css$f = {"root":"UNhAwr","burger-content":"zWhjjN","burgerContent":"zWhjjN"};
|
|
4752
4730
|
|
|
4753
4731
|
var _path$3;
|
|
4754
4732
|
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); }
|
|
@@ -4791,7 +4769,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4791
4769
|
};
|
|
4792
4770
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4793
4771
|
|
|
4794
|
-
var css$e = {"uui-typography":"
|
|
4772
|
+
var css$e = {"uui-typography":"FqQ2Tb","hero-header":"dwVwTe","promo-header":"H0SnZ0","uui-critical":"zJu4Ka","uui-info":"hptRhN","uui-success":"LjR0L7","uui-warning":"V-2xx7","uui-highlight":"lwrLbn","uui-typography-size-12":"JqG-gJ","uui-typography-size-14":"pDbYTo","uui-typography-size-16":"tTIFZC","root":"NTDvxj","button-primary":"PsxdBn","button-secondary":"_6cEgoA","hasIcon":"pVxKFg","dropdown":"tpTnWe","uuiTypography":"FqQ2Tb","heroHeader":"dwVwTe","promoHeader":"H0SnZ0","uuiCritical":"zJu4Ka","uuiInfo":"hptRhN","uuiSuccess":"LjR0L7","uuiWarning":"V-2xx7","uuiHighlight":"lwrLbn","uuiTypographySize12":"JqG-gJ","uuiTypographySize14":"pDbYTo","uuiTypographySize16":"tTIFZC","buttonPrimary":"PsxdBn","buttonSecondary":"_6cEgoA"};
|
|
4795
4773
|
|
|
4796
4774
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
4797
4775
|
css$e.root,
|
|
@@ -4802,13 +4780,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
4802
4780
|
props.icon && css$e.hasIcon,
|
|
4803
4781
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4804
4782
|
|
|
4805
|
-
var css$d = {"search-input":"
|
|
4783
|
+
var css$d = {"search-input":"C2VaMy","searchInput":"C2VaMy"};
|
|
4806
4784
|
|
|
4807
4785
|
function BurgerSearch(props) {
|
|
4808
4786
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4809
4787
|
}
|
|
4810
4788
|
|
|
4811
|
-
var css$c = {"root":"-
|
|
4789
|
+
var css$c = {"root":"-RCkQq","group-header":"CqNebq","group-name":"l439Ii","line":"_33usHg","groupHeader":"CqNebq","groupName":"l439Ii"};
|
|
4812
4790
|
|
|
4813
4791
|
function BurgerGroupHeader(props) {
|
|
4814
4792
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4816,7 +4794,7 @@ function BurgerGroupHeader(props) {
|
|
|
4816
4794
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4817
4795
|
}
|
|
4818
4796
|
|
|
4819
|
-
var css$b = {"uui-typography":"
|
|
4797
|
+
var css$b = {"uui-typography":"cfVBPL","hero-header":"rLMM85","promo-header":"_3q3UIY","uui-critical":"ZidfLz","uui-info":"-Ty5bO","uui-success":"_8wgh--","uui-warning":"IUQwPN","uui-highlight":"VzM9Hj","uui-typography-size-12":"SQa9g5","uui-typography-size-14":"b5FNg8","uui-typography-size-16":"PrFTbf","root":"_795PlD","type-primary":"taY-G-","type-secondary":"-S--06","uuiTypography":"cfVBPL","heroHeader":"rLMM85","promoHeader":"_3q3UIY","uuiCritical":"ZidfLz","uuiInfo":"-Ty5bO","uuiSuccess":"_8wgh--","uuiWarning":"IUQwPN","uuiHighlight":"VzM9Hj","uuiTypographySize12":"SQa9g5","uuiTypographySize14":"b5FNg8","uuiTypographySize16":"PrFTbf","typePrimary":"taY-G-","typeSecondary":"-S--06"};
|
|
4820
4798
|
|
|
4821
4799
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4822
4800
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4832,7 +4810,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4832
4810
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4833
4811
|
});
|
|
4834
4812
|
|
|
4835
|
-
var css$a = {"dropdown-body":"
|
|
4813
|
+
var css$a = {"dropdown-body":"dIfb86","dropdownBody":"dIfb86"};
|
|
4836
4814
|
|
|
4837
4815
|
class MainMenuDropdown extends React.Component {
|
|
4838
4816
|
render() {
|
|
@@ -4887,31 +4865,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4887
4865
|
};
|
|
4888
4866
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4889
4867
|
|
|
4890
|
-
var css$9 = {"global-menu-btn":"
|
|
4868
|
+
var css$9 = {"global-menu-btn":"DX5Sq4","global-menu-icon":"yqL3vt","globalMenuBtn":"DX5Sq4","globalMenuIcon":"yqL3vt"};
|
|
4891
4869
|
|
|
4892
4870
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4893
4871
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4894
4872
|
|
|
4895
|
-
var css$8 = {"container":"
|
|
4873
|
+
var css$8 = {"container":"_24AObP","open":"BCR5tR","folding-arrow":"G9--js","foldingArrow":"G9--js"};
|
|
4896
4874
|
|
|
4897
4875
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4898
4876
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
4899
4877
|
props.icon && React.createElement(IconContainer, { icon: props.icon }),
|
|
4900
4878
|
props.isDropdown && (React.createElement("div", null,
|
|
4901
|
-
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4879
|
+
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
4902
4880
|
|
|
4903
|
-
var css$7 = {"search-input":"
|
|
4881
|
+
var css$7 = {"search-input":"wOBTMq","searchInput":"wOBTMq"};
|
|
4904
4882
|
|
|
4905
4883
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4906
4884
|
var _a;
|
|
4907
4885
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4908
4886
|
} }))));
|
|
4909
4887
|
|
|
4910
|
-
var css$6 = {"container":"
|
|
4888
|
+
var css$6 = {"container":"honGEK"};
|
|
4911
4889
|
|
|
4912
4890
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
|
|
4913
4891
|
|
|
4914
|
-
var css$5 = {"root":"
|
|
4892
|
+
var css$5 = {"root":"sqKzVk"};
|
|
4915
4893
|
|
|
4916
4894
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
4917
4895
|
|
|
@@ -4969,7 +4947,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4969
4947
|
};
|
|
4970
4948
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
4971
4949
|
|
|
4972
|
-
var css$4 = {"root":"
|
|
4950
|
+
var css$4 = {"root":"Hzzr7w","drop-start":"pzeSnD","drop-over":"_8sOctr","link":"-gPI3I","drop-area":"B5DiLw","drop-caption":"_8-AX2U","icon-blue":"TK2rfQ","dropStart":"pzeSnD","dropOver":"_8sOctr","dropArea":"B5DiLw","dropCaption":"_8-AX2U","iconBlue":"TK2rfQ"};
|
|
4973
4951
|
|
|
4974
4952
|
function DropSpot(props) {
|
|
4975
4953
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4987,9 +4965,9 @@ function DropSpot(props) {
|
|
|
4987
4965
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4988
4966
|
}
|
|
4989
4967
|
|
|
4990
|
-
var css$3 = {"uui-typography":"
|
|
4968
|
+
var css$3 = {"uui-typography":"u3DI6o","hero-header":"_4nhTg9","promo-header":"_8HgdwJ","uui-critical":"_9JeXd-","uui-info":"Z-6hhk","uui-success":"_5Kv6Jj","uui-warning":"zTMIW2","uui-highlight":"wM1UOw","uui-typography-size-12":"Nxwk7E","uui-typography-size-14":"c-8aoq","uui-typography-size-16":"GtR5uo","root":"Uknelp","file-name":"_8TMdnw","default-color":"OOGvg1","doc-color":"tnSx8B","xls-color":"MgGAIG","pdf-color":"_8Qo1Rh","movie-color":"oawVAB","img-color":"_7ssvK-","mov-color":"-j5OYl","error-block":"U9JBm6","icons-block":"ZrtuW2","uuiTypography":"u3DI6o","heroHeader":"_4nhTg9","promoHeader":"_8HgdwJ","uuiCritical":"_9JeXd-","uuiInfo":"Z-6hhk","uuiSuccess":"_5Kv6Jj","uuiWarning":"zTMIW2","uuiHighlight":"wM1UOw","uuiTypographySize12":"Nxwk7E","uuiTypographySize14":"c-8aoq","uuiTypographySize16":"GtR5uo","fileName":"_8TMdnw","defaultColor":"OOGvg1","docColor":"tnSx8B","xlsColor":"MgGAIG","pdfColor":"_8Qo1Rh","movieColor":"oawVAB","imgColor":"_7ssvK-","movColor":"-j5OYl","errorBlock":"U9JBm6","iconsBlock":"ZrtuW2"};
|
|
4991
4969
|
|
|
4992
|
-
var css$2 = {"root":"
|
|
4970
|
+
var css$2 = {"root":"K7f1GK"};
|
|
4993
4971
|
|
|
4994
4972
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4995
4973
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5054,7 +5032,7 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5054
5032
|
};
|
|
5055
5033
|
const renderErrorContent = () => (React.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
|
|
5056
5034
|
React.createElement("div", { className: css$3.errorBlock },
|
|
5057
|
-
React.createElement(IconContainer, { icon: ForwardRef$x, size: 12
|
|
5035
|
+
React.createElement(IconContainer, { icon: ForwardRef$x, size: 12 }),
|
|
5058
5036
|
i18n.fileCard.failedUploadErrorMessage)));
|
|
5059
5037
|
const renderSuccessfulContent = () => (React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
|
|
5060
5038
|
fileExtension && `${fileExtension.toUpperCase()}, `,
|
|
@@ -5114,7 +5092,7 @@ const getErrorPageConfig = () => ({
|
|
|
5114
5092
|
},
|
|
5115
5093
|
});
|
|
5116
5094
|
|
|
5117
|
-
var css$1 = {"container":"
|
|
5095
|
+
var css$1 = {"container":"_5wUSML"};
|
|
5118
5096
|
|
|
5119
5097
|
const ErrorPage = (props) => {
|
|
5120
5098
|
const isMobileScreen = isMobile();
|
|
@@ -5125,7 +5103,7 @@ const ErrorPage = (props) => {
|
|
|
5125
5103
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5126
5104
|
};
|
|
5127
5105
|
|
|
5128
|
-
var css = {"recovery-spinner":"
|
|
5106
|
+
var css = {"recovery-spinner":"qLWsws","recovery-message":"gH8Egf","modal-blocker":"c3jkWY","modalFadeIn":"m2FCGA","recoverySpinner":"qLWsws","recoveryMessage":"gH8Egf","modalBlocker":"c3jkWY"};
|
|
5129
5107
|
|
|
5130
5108
|
function ErrorHandler(props) {
|
|
5131
5109
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|
|
@@ -5176,5 +5154,5 @@ function ErrorHandler(props) {
|
|
|
5176
5154
|
errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
|
|
5177
5155
|
}
|
|
5178
5156
|
|
|
5179
|
-
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
|
|
5157
|
+
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FilterPickerBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
|
|
5180
5158
|
//# sourceMappingURL=index.esm.js.map
|