@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.
Files changed (51) hide show
  1. package/assets/styles/typography.scss +6 -0
  2. package/components/buttons/LinkButton.d.ts +10 -1
  3. package/components/buttons/LinkButton.d.ts.map +1 -1
  4. package/components/datePickers/CalendarPresets.d.ts +44 -4
  5. package/components/datePickers/CalendarPresets.d.ts.map +1 -1
  6. package/components/datePickers/DatePickerHeader.d.ts +4 -4
  7. package/components/datePickers/DatePickerHeader.d.ts.map +1 -1
  8. package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
  9. package/components/datePickers/RangeDatePickerInput.d.ts +0 -4
  10. package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
  11. package/components/datePickers/types.d.ts +3 -3
  12. package/components/datePickers/types.d.ts.map +1 -1
  13. package/components/filters/FilterPickerBody.d.ts.map +1 -1
  14. package/components/filters/index.d.ts +1 -0
  15. package/components/filters/index.d.ts.map +1 -1
  16. package/components/inputs/TextArea.d.ts.map +1 -1
  17. package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -1
  18. package/components/layout/LabeledInput.d.ts.map +1 -1
  19. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  20. package/components/pickers/DataPickerCell.d.ts.map +1 -1
  21. package/components/pickers/DataPickerFooter.d.ts +1 -1
  22. package/components/pickers/DataPickerFooter.d.ts.map +1 -1
  23. package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -1
  24. package/components/pickers/PickerToggler.d.ts.map +1 -1
  25. package/components/pickers/PickerTogglerTag.d.ts +1 -0
  26. package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
  27. package/components/tables/DataTable.d.ts +1 -1
  28. package/components/tables/DataTable.d.ts.map +1 -1
  29. package/components/tables/DataTableCell.d.ts +1 -1
  30. package/components/tables/DataTableCell.d.ts.map +1 -1
  31. package/components/tables/DataTableHeaderCell.d.ts +1 -1
  32. package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
  33. package/components/widgets/Badge.d.ts.map +1 -1
  34. package/components/widgets/CountIndicator.d.ts +2 -2
  35. package/components/widgets/DataRowAddons.d.ts +5 -1
  36. package/components/widgets/DataRowAddons.d.ts.map +1 -1
  37. package/components/widgets/StatusIndicator.d.ts.map +1 -1
  38. package/index.d.ts +2 -1
  39. package/index.d.ts.map +1 -1
  40. package/index.esm.js +264 -286
  41. package/index.esm.js.map +1 -1
  42. package/index.js +266 -283
  43. package/index.js.map +1 -1
  44. package/package.json +5 -5
  45. package/settings.d.ts +192 -2
  46. package/settings.d.ts.map +1 -1
  47. package/stats.html +1 -1
  48. package/styles.css +3298 -2716
  49. package/styles.css.map +1 -1
  50. package/settings.types.d.ts +0 -139
  51. 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, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
3
- 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: "m12 16.4-6-6L7.4 9l4.6 4.6L16.6 9l1.4 1.4-6 6z"
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: '24',
337
- 36: '30',
338
- 42: '36',
339
- 48: '42',
340
- 60: '48',
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: '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":"kgTbKY","hero-header":"pwjn8u","promo-header":"cECO0u","uui-critical":"NIsivg","uui-info":"uSAmM9","uui-success":"Sdsxow","uui-warning":"_7G0dB4","uui-highlight":"JkUw6P","uui-typography-size-12":"UCNsuY","uui-typography-size-14":"cOz3UF","uui-typography-size-16":"FEvWnM","root":"GJnngF","uuiTypography":"kgTbKY","heroHeader":"pwjn8u","promoHeader":"cECO0u","uuiCritical":"NIsivg","uuiInfo":"uSAmM9","uuiSuccess":"Sdsxow","uuiWarning":"_7G0dB4","uuiHighlight":"JkUw6P","uuiTypographySize12":"UCNsuY","uuiTypographySize14":"cOz3UF","uuiTypographySize16":"FEvWnM"};
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":"_34-QuP"};
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":"slGgB-","hero-header":"qrwVD-","promo-header":"D6zV-Q","uui-critical":"Df9Mte","uui-info":"UMQHkk","uui-success":"lZWcy7","uui-warning":"AGd-to","uui-highlight":"w1Ij7C","uui-typography-size-12":"F6DYPj","uui-typography-size-14":"bSrnR0","uui-typography-size-16":"kKecjt","root":"_5MCudS","uuiTypography":"slGgB-","heroHeader":"qrwVD-","promoHeader":"D6zV-Q","uuiCritical":"Df9Mte","uuiInfo":"UMQHkk","uuiSuccess":"lZWcy7","uuiWarning":"AGd-to","uuiHighlight":"w1Ij7C","uuiTypographySize12":"F6DYPj","uuiTypographySize14":"bSrnR0","uuiTypographySize16":"kKecjt"};
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
- function applyLinkButtonMods(mods) {
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 styles = [applyLinkButtonMods(props), props.cx];
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: styles, ref: ref }),
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: uuiElement.caption }, props.caption)),
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":"UlrdES"};
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":"tSGEkP","hero-header":"mQxoqy","promo-header":"-qVaep","uui-critical":"ZOz2jY","uui-info":"_74oldI","uui-success":"_0-ddFN","uui-warning":"K85u-t","uui-highlight":"D6hc5r","uui-typography-size-12":"q00ACF","uui-typography-size-14":"jFRO-G","uui-typography-size-16":"Y6TL5x","root":"_2Opey7","withNotify":"dw6vHz","uuiTypography":"tSGEkP","heroHeader":"mQxoqy","promoHeader":"-qVaep","uuiCritical":"ZOz2jY","uuiInfo":"_74oldI","uuiSuccess":"_0-ddFN","uuiWarning":"K85u-t","uuiHighlight":"D6hc5r","uuiTypographySize12":"q00ACF","uuiTypographySize14":"jFRO-G","uuiTypographySize16":"Y6TL5x"};
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":"ZkEKdL","hero-header":"rfZo4Z","promo-header":"wVhJty","uui-critical":"cFUiet","uui-info":"f6bLd-","uui-success":"rKCEVr","uui-warning":"ZmyOlv","uui-highlight":"_2DE9cg","uui-typography-size-12":"opvITi","uui-typography-size-14":"lptD0v","uui-typography-size-16":"PucnSG","root":"zC0nrQ","uuiTypography":"ZkEKdL","heroHeader":"rfZo4Z","promoHeader":"wVhJty","uuiCritical":"cFUiet","uuiInfo":"f6bLd-","uuiSuccess":"rKCEVr","uuiWarning":"ZmyOlv","uuiHighlight":"_2DE9cg","uuiTypographySize12":"opvITi","uuiTypographySize14":"lptD0v","uuiTypographySize16":"PucnSG"};
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":"J6G3v4","hero-header":"vkqli-","promo-header":"_7BtCD9","uui-critical":"dRcG6Q","uui-info":"_3durSx","uui-success":"_9eQgT-","uui-warning":"xmA39f","uui-highlight":"CvAPgR","uui-typography-size-12":"yA607R","uui-typography-size-14":"tWF-PJ","uui-typography-size-16":"SGSIG9","root":"t7aosk","mode-cell":"CDrE04","uuiTypography":"J6G3v4","heroHeader":"vkqli-","promoHeader":"_7BtCD9","uuiCritical":"dRcG6Q","uuiInfo":"_3durSx","uuiSuccess":"_9eQgT-","uuiWarning":"xmA39f","uuiHighlight":"CvAPgR","uuiTypographySize12":"yA607R","uuiTypographySize14":"tWF-PJ","uuiTypographySize16":"SGSIG9","modeCell":"CDrE04"};
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 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"
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":"QwweiY","hero-header":"IEYohZ","promo-header":"ZIvzhh","uui-critical":"_1hRvty","uui-info":"_1PxguZ","uui-success":"jTqvfv","uui-warning":"o5O6hP","uui-highlight":"g1Qc-P","uui-typography-size-12":"CF-01G","uui-typography-size-14":"s5zTNZ","uui-typography-size-16":"OG4Koh","root":"bJmX0C","uuiTypography":"QwweiY","heroHeader":"IEYohZ","promoHeader":"ZIvzhh","uuiCritical":"_1hRvty","uuiInfo":"_1PxguZ","uuiSuccess":"jTqvfv","uuiWarning":"o5O6hP","uuiHighlight":"g1Qc-P","uuiTypographySize12":"CF-01G","uuiTypographySize14":"s5zTNZ","uuiTypographySize16":"OG4Koh"};
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":"cfxkwl"};
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":"EVxlPO","hero-header":"YWtpq2","promo-header":"_6ZztpG","uui-critical":"pUGj-F","uui-info":"EWGtWC","uui-success":"toq-nB","uui-warning":"qVFznf","uui-highlight":"hmi-Mj","uui-typography-size-12":"IEF8kl","uui-typography-size-14":"fHwASS","uui-typography-size-16":"S-11WL","root":"Tf0fZP","mode-form":"P-hwGB","mode-inline":"SavHIW","mode-cell":"Gr86QX","uuiTypography":"EVxlPO","heroHeader":"YWtpq2","promoHeader":"_6ZztpG","uuiCritical":"pUGj-F","uuiInfo":"EWGtWC","uuiSuccess":"toq-nB","uuiWarning":"qVFznf","uuiHighlight":"hmi-Mj","uuiTypographySize12":"IEF8kl","uuiTypographySize14":"fHwASS","uuiTypographySize16":"S-11WL","modeForm":"P-hwGB","modeInline":"SavHIW","modeCell":"Gr86QX"};
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":"h023l9"};
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":"WIcHtf","hero-header":"vBqsSd","promo-header":"_0yPjet","uui-critical":"ERJeZM","uui-info":"vBMc7u","uui-success":"h6wdpc","uui-warning":"WTY21-","uui-highlight":"YVbDXW","uui-typography-size-12":"l1yQh6","uui-typography-size-14":"LayhbI","uui-typography-size-16":"C9qpV-","root":"MjJwVd","mode-form":"W6KE3M","mode-cell":"kpoN6e","uuiTypography":"WIcHtf","heroHeader":"vBqsSd","promoHeader":"_0yPjet","uuiCritical":"ERJeZM","uuiInfo":"vBMc7u","uuiSuccess":"h6wdpc","uuiWarning":"WTY21-","uuiHighlight":"YVbDXW","uuiTypographySize12":"l1yQh6","uuiTypographySize14":"LayhbI","uuiTypographySize16":"C9qpV-","modeForm":"W6KE3M","modeCell":"kpoN6e"};
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":"v6VOAV","hero-header":"kWu3-t","promo-header":"gduC8T","uui-critical":"rdr-Nq","uui-info":"YSiX87","uui-success":"_7bIPDY","uui-warning":"hQmX94","uui-highlight":"oPC5hp","uui-typography-size-12":"xT2BNF","uui-typography-size-14":"_044iCu","uui-typography-size-16":"W3qiOJ","root":"ZuikGS","mode-form":"DvG6CK","mode-cell":"D2gdfr","mode-inline":"pDRNrA","uuiTypography":"v6VOAV","heroHeader":"kWu3-t","promoHeader":"gduC8T","uuiCritical":"rdr-Nq","uuiInfo":"YSiX87","uuiSuccess":"_7bIPDY","uuiWarning":"hQmX94","uuiHighlight":"oPC5hp","uuiTypographySize12":"xT2BNF","uuiTypographySize14":"_044iCu","uuiTypographySize16":"W3qiOJ","modeForm":"DvG6CK","modeCell":"D2gdfr","modeInline":"pDRNrA"};
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
- 'uui-textarea',
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":"VfoFTP","hero-header":"i-tetx","promo-header":"-PJXux","uui-critical":"DJEVoG","uui-info":"QjTwGC","uui-success":"jrX-gO","uui-warning":"DBPmzV","uui-highlight":"l8PwcW","uui-typography-size-12":"_1ilLU1","uui-typography-size-14":"S6YgXL","uui-typography-size-16":"Y4OdSO","root":"XLkyv3","icon-wrapper":"o0mZ8P","alert-wrapper":"UhMB70","size-48":"ais6i5","size-36":"cTEr5a","action-wrapper":"VtsTi1","action-icon":"sXn1q-","action-link":"-K6YLo","close-icon":"rcOPra","main-path":"PHszuJ","content":"_0DsTHi","uuiTypography":"VfoFTP","heroHeader":"i-tetx","promoHeader":"-PJXux","uuiCritical":"DJEVoG","uuiInfo":"QjTwGC","uuiSuccess":"jrX-gO","uuiWarning":"DBPmzV","uuiHighlight":"l8PwcW","uuiTypographySize12":"_1ilLU1","uuiTypographySize14":"S6YgXL","uuiTypographySize16":"Y4OdSO","iconWrapper":"o0mZ8P","alertWrapper":"UhMB70","size48":"ais6i5","size36":"cTEr5a","actionWrapper":"VtsTi1","actionIcon":"sXn1q-","actionLink":"-K6YLo","closeIcon":"rcOPra","mainPath":"PHszuJ"};
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":"O5PvX-"};
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":"dbMCz-","hero-header":"v1c1Ji","promo-header":"fgFIPq","uui-critical":"OayjL2","uui-info":"t6Vqb-","uui-success":"_1Y19ke","uui-warning":"-kj0ie","uui-highlight":"GucUd9","uui-typography-size-12":"TY-byk","uui-typography-size-14":"uxITyk","uui-typography-size-16":"tNmjv8","submenu-root-item":"Q8LdQv","icon-after":"kUHfYR","icon-check":"HfXLYB","splitter-root":"_0Ax8cE","splitter":"XAfCxP","header-root":"jtyCxk","item-root":"AEXTmF","icon":"fYf6f5","link":"pni0sc","indent":"Hn4nrr","selected-mark":"w3kZuj","uuiTypography":"dbMCz-","heroHeader":"v1c1Ji","promoHeader":"fgFIPq","uuiCritical":"OayjL2","uuiInfo":"t6Vqb-","uuiSuccess":"_1Y19ke","uuiWarning":"-kj0ie","uuiHighlight":"GucUd9","uuiTypographySize12":"TY-byk","uuiTypographySize14":"uxITyk","uuiTypographySize16":"tNmjv8","submenuRootItem":"Q8LdQv","iconAfter":"kUHfYR","iconCheck":"HfXLYB","splitterRoot":"_0Ax8cE","headerRoot":"jtyCxk","itemRoot":"AEXTmF","selectedMark":"w3kZuj"};
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":"abCLlj","hero-header":"hwxaq8","promo-header":"EJy9Kn","uui-critical":"RgrKD0","uui-info":"yIloAV","uui-success":"CqCq90","uui-warning":"Kl26jK","uui-highlight":"_2whJx7","uui-typography-size-12":"ZfJOTF","uui-typography-size-14":"IwoeOc","uui-typography-size-16":"_11U-1G","root":"dQPgYB","mode-block":"kwX1M7","mode-inline":"ViadGa","padding-0":"nCA-fQ","padding-6":"TakObJ","padding-12":"_8AKo-A","padding-18":"dBvDRE","uuiTypography":"abCLlj","heroHeader":"hwxaq8","promoHeader":"EJy9Kn","uuiCritical":"RgrKD0","uuiInfo":"yIloAV","uuiSuccess":"CqCq90","uuiWarning":"Kl26jK","uuiHighlight":"_2whJx7","uuiTypographySize12":"ZfJOTF","uuiTypographySize14":"IwoeOc","uuiTypographySize16":"_11U-1G","modeBlock":"kwX1M7","modeInline":"ViadGa","padding0":"nCA-fQ","padding6":"TakObJ","padding12":"_8AKo-A","padding18":"dBvDRE"};
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":"QSt9vg","hero-header":"M9qaGD","promo-header":"Jd7v0J","uui-critical":"TKtdjU","uui-info":"wDy-SE","uui-success":"U7rp-B","uui-warning":"M1k-jl","uui-highlight":"faOr5N","uui-typography-size-12":"_5oy-ks","uui-typography-size-14":"JUUAWw","uui-typography-size-16":"_4KXcSl","root":"xENfMD","border-top":"bHCvsv","border-bottom":"eUJzqa","top-shadow":"ywpq0i","size-24":"-bSs2t","size-30":"t3YaIx","size-36":"i39kYA","size-42":"yUWdJt","size-48":"TZKkYs","padding-6":"UPuYF-","padding-12":"AWhzAs","padding-18":"D9ho-V","padding-24":"S1zNDY","margin-24":"qOXfsz","margin-12":"k1r-qL","vPadding-12":"qLJILw","vPadding-18":"pn2C-x","vPadding-24":"O9gKDU","vPadding-36":"N0oOQs","vPadding-48":"dLJY6N","spacing-6":"G-Pg8t","spacing-12":"NKp6hg","spacing-18":"FhYC-0","uui-surface-main":"U-8VbG","uuiTypography":"QSt9vg","heroHeader":"M9qaGD","promoHeader":"Jd7v0J","uuiCritical":"TKtdjU","uuiInfo":"wDy-SE","uuiSuccess":"U7rp-B","uuiWarning":"M1k-jl","uuiHighlight":"faOr5N","uuiTypographySize12":"_5oy-ks","uuiTypographySize14":"JUUAWw","uuiTypographySize16":"_4KXcSl","borderTop":"bHCvsv","borderBottom":"eUJzqa","topShadow":"ywpq0i","size24":"-bSs2t","size30":"t3YaIx","size36":"i39kYA","size42":"yUWdJt","size48":"TZKkYs","padding6":"UPuYF-","padding12":"AWhzAs","padding18":"D9ho-V","padding24":"S1zNDY","margin24":"qOXfsz","margin12":"k1r-qL","vPadding12":"qLJILw","vPadding18":"pn2C-x","vPadding24":"O9gKDU","vPadding36":"N0oOQs","vPadding48":"dLJY6N","spacing6":"G-Pg8t","spacing12":"NKp6hg","spacing18":"FhYC-0","uuiSurfaceMain":"U-8VbG"};
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":"oaWGbp","margin-24":"_3YIhVQ","padding-12":"bv-73v","padding-24":"d5a-vk","shadow":"FaIDq-","uui-surface-main":"UDKHb5","margin24":"_3YIhVQ","padding12":"bv-73v","padding24":"d5a-vk","uuiSurfaceMain":"UDKHb5"};
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":"-mb7aG"};
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":"W2R8os","hero-header":"_0Bg5G1","promo-header":"_6br4Cl","uui-critical":"b3ikKS","uui-info":"cSgcn4","uui-success":"K36pxN","uui-warning":"syK6kh","uui-highlight":"U3bOQi","uui-typography-size-12":"GJAwrA","uui-typography-size-14":"HupQFw","uui-typography-size-16":"EUsRWN","root":"_9zjBqr","uuiTypography":"W2R8os","heroHeader":"_0Bg5G1","promoHeader":"_6br4Cl","uuiCritical":"b3ikKS","uuiInfo":"cSgcn4","uuiSuccess":"K36pxN","uuiWarning":"syK6kh","uuiHighlight":"U3bOQi","uuiTypographySize12":"GJAwrA","uuiTypographySize14":"HupQFw","uuiTypographySize16":"EUsRWN"};
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 || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
1099
+ infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
1141
1100
  }));
1142
1101
 
1143
- var css$18 = {"root":"sLMUIO"};
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":"UHoGxD"};
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":"jvabmI","list-container":"FkRcKD","scrollContainer":"jvabmI","listContainer":"FkRcKD"};
1126
+ var css$16 = {"scroll-container":"duBpXo","list-container":"o6xzks","scrollContainer":"duBpXo","listContainer":"o6xzks"};
1168
1127
 
1169
- var css$15 = {"root":"HX2JbG"};
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":"Be4LbF","hero-header":"kvi1PD","promo-header":"TvyWBo","uui-critical":"Xwt6A1","uui-info":"CSDRjI","uui-success":"lNouK-","uui-warning":"kl86oz","uui-highlight":"yuhvbc","uui-typography-size-12":"_5fI9rw","uui-typography-size-14":"vRUu6J","uui-typography-size-16":"rCGl-N","root":"h-Y7xa","uuiTypography":"Be4LbF","heroHeader":"kvi1PD","promoHeader":"TvyWBo","uuiCritical":"Xwt6A1","uuiInfo":"CSDRjI","uuiSuccess":"lNouK-","uuiWarning":"kl86oz","uuiHighlight":"yuhvbc","uuiTypographySize12":"_5fI9rw","uuiTypographySize14":"vRUu6J","uuiTypographySize16":"rCGl-N"};
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
- `uui-size-${mods.size || settings.sizes.defaults.badge}`,
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: settings.sizes.badge.countIndicator[props.size || settings.sizes.defaults.badge], caption: props.count })),
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":"RIt1Ou","hero-header":"vxVOsl","promo-header":"_1yb12y","uui-critical":"_8xbl9N","uui-info":"LCj0SF","uui-success":"CoKfob","uui-warning":"aUzCKk","uui-highlight":"IeF390","uui-typography-size-12":"a5TqgA","uui-typography-size-14":"_2yiG3v","uui-typography-size-16":"zTp1T1","root":"NlNK8d","uuiTypography":"RIt1Ou","heroHeader":"vxVOsl","promoHeader":"_1yb12y","uuiCritical":"_8xbl9N","uuiInfo":"LCj0SF","uuiSuccess":"CoKfob","uuiWarning":"aUzCKk","uuiHighlight":"IeF390","uuiTypographySize12":"a5TqgA","uuiTypographySize14":"_2yiG3v","uuiTypographySize16":"zTp1T1"};
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":"Q-5tu4","uui-spinner":"e8TPU8","uuiSpinner":"e8TPU8"};
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":"eRhWqv","spacer":"-pYmM7","mode-ghost":"-gaql9","size-24":"_4jqALg","size-30":"g652-8","navigation-size-24":"ypIWcv","navigation-size-30":"PvbsDd","modeGhost":"-gaql9","size24":"_4jqALg","size30":"g652-8","navigationSize24":"ypIWcv","navigationSize30":"PvbsDd"};
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: "m14 18-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6L14 18z"
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: "M9.4 18 8 16.6l4.6-4.6L8 7.4 9.4 6l6 6-6 6z"
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":"PWFeIt","progress-bar":"_88B2Jb","progressBar-indeterminate":"_7RM-8C","size-12":"_6TmTcl","size-18":"uQ-feK","size-24":"-wBxeM","progressBar":"_88B2Jb","progressBarIndeterminate":"_7RM-8C","size12":"_6TmTcl","size18":"uQ-feK","size24":"-wBxeM"};
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":"_98UyNW","striped":"IZ3IMn","animate-stripes":"_1g95Ag","size-12":"gmrSh1","size-18":"att51j","size-24":"_71eZ3k","animateStripes":"_1g95Ag","size12":"gmrSh1","size18":"att51j","size24":"_71eZ3k"};
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":"KazOg0"};
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":"lqmCF-"};
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
- `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
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-status_indicator-dot" }),
1320
- React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
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":"xkJyH4","icon-container":"ZPCFJH","dragHandle":"xkJyH4","iconContainer":"ZPCFJH"};
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: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
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), size: settings.sizes.rowAddons.icon[props.size] }))))));
1310
+ ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
1343
1311
  }
1344
1312
 
1345
- var css$X = {"root":"qGrcIa"};
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":"mhIIsQ"};
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":"i3xHmX","hero-header":"dRJFfY","promo-header":"tbGsNh","uui-critical":"J-N1Z2","uui-info":"_2k9F5t","uui-success":"_9dakSV","uui-warning":"Kioboq","uui-highlight":"to1TWs","uui-typography-size-12":"Dh9X0R","uui-typography-size-14":"yIRXbO","uui-typography-size-16":"_7WHW7z","modal":"_2okuuV","search-wrapper":"eyJGVM","checkbox":"JGUDp4","no-found-size-24":"H55sdI","no-found-size-30":"LJACaY","no-found-size-36":"cvPKvs","no-found-size-42":"_1X-dlT","uuiTypography":"i3xHmX","heroHeader":"dRJFfY","promoHeader":"tbGsNh","uuiCritical":"J-N1Z2","uuiInfo":"_2k9F5t","uuiSuccess":"_9dakSV","uuiWarning":"Kioboq","uuiHighlight":"to1TWs","uuiTypographySize12":"Dh9X0R","uuiTypographySize14":"yIRXbO","uuiTypographySize16":"_7WHW7z","searchWrapper":"eyJGVM","noFoundSize24":"H55sdI","noFoundSize30":"LJACaY","noFoundSize36":"cvPKvs","noFoundSize42":"_1X-dlT"};
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-picker_input-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
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 shouldShowFooter = isSinglePicker ? !props.disableClear : true;
1586
- return shouldShowFooter && (React__default.createElement(FlexRow, { padding: settings.sizes.dataPickerFooter.flexRowPadding },
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":"cn9Dkg","close":"mOSiUL"};
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":"aastYs","hero-header":"J3MJSH","promo-header":"U6gp6k","uui-critical":"WCgdfG","uui-info":"E7FzEu","uui-success":"zPqK2x","uui-warning":"volmX9","uui-highlight":"YeONYa","uui-typography-size-12":"DMgYDT","uui-typography-size-14":"KFyche","uui-typography-size-16":"s0pcsr","root":"t3vNeY","align-widgets-top":"oe8-Mh","align-widgets-center":"yIGbhj","padding-12":"K3wW-t","padding-24":"k0dASH","padding-left-12":"J6pHmU","padding-left-24":"Fd3-HK","icon-container":"W-you5","loading-cell":"nQ90wV","content-wrapper":"CLQT3c","render-item":"FqgjTc","icon-wrapper":"YCSGeN","icon-default":"_7hWYCw","selected-mark":"GHuOX0","uuiTypography":"aastYs","heroHeader":"J3MJSH","promoHeader":"U6gp6k","uuiCritical":"WCgdfG","uuiInfo":"E7FzEu","uuiSuccess":"zPqK2x","uuiWarning":"volmX9","uuiHighlight":"YeONYa","uuiTypographySize12":"DMgYDT","uuiTypographySize14":"KFyche","uuiTypographySize16":"s0pcsr","alignWidgetsTop":"oe8-Mh","alignWidgetsCenter":"yIGbhj","padding12":"K3wW-t","padding24":"k0dASH","paddingLeft12":"J6pHmU","paddingLeft24":"Fd3-HK","iconContainer":"W-you5","loadingCell":"nQ90wV","contentWrapper":"CLQT3c","renderItem":"FqgjTc","iconWrapper":"YCSGeN","iconDefault":"_7hWYCw","selectedMark":"GHuOX0"};
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, { size: settings.sizes.dataPickerCell.icon[props.size], icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
1612
+ 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
- 'uui-size-' + (props.size || settings.sizes.defaults.dataPickerCell),
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({ size: props.size || settings.sizes.defaults.dataPickerCell }, props)),
1626
+ React.createElement(DataRowAddons, Object.assign({}, props, { tabIndex: -1 })),
1658
1627
  getWrappedContent()));
1659
1628
  }
1660
1629
 
1661
- var css$S = {"uui-typography":"MzhO-L","hero-header":"OkOy3j","promo-header":"IYKpP1","uui-critical":"zkUPjG","uui-info":"cj3n7j","uui-success":"X-x9R3","uui-warning":"maler3","uui-highlight":"FVDBeP","uui-typography-size-12":"NfmE6h","uui-typography-size-14":"Je5Hoc","uui-typography-size-16":"QGfR-F","picker-row":"_8rLt-3","uuiTypography":"MzhO-L","heroHeader":"OkOy3j","promoHeader":"IYKpP1","uuiCritical":"zkUPjG","uuiInfo":"cj3n7j","uuiSuccess":"X-x9R3","uuiWarning":"maler3","uuiHighlight":"FVDBeP","uuiTypographySize12":"NfmE6h","uuiTypographySize14":"Je5Hoc","uuiTypographySize16":"QGfR-F","pickerRow":"_8rLt-3"};
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":"jXYnbk","hero-header":"aZzDO3","promo-header":"tbnPtl","uui-critical":"kq1Lr9","uui-info":"EFfc8C","uui-success":"S4zvix","uui-warning":"eGkXim","uui-highlight":"_-62WwO","uui-typography-size-12":"P3-Q9a","uui-typography-size-14":"daaR0v","uui-typography-size-16":"iH3C-R","done":"_-6D6H0","container":"FXcRQU","uuiTypography":"jXYnbk","heroHeader":"aZzDO3","promoHeader":"tbnPtl","uuiCritical":"kq1Lr9","uuiInfo":"EFfc8C","uuiSuccess":"S4zvix","uuiWarning":"eGkXim","uuiHighlight":"_-62WwO","uuiTypographySize12":"P3-Q9a","uuiTypographySize14":"daaR0v","uuiTypographySize16":"iH3C-R"};
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":"_0-imMu","hero-header":"_1uegdy","promo-header":"FhoIW-","uui-critical":"vHcW6R","uui-info":"u7yM2G","uui-success":"qmo2w9","uui-warning":"_8elNQw","uui-highlight":"AEgcyU","uui-typography-size-12":"gfUnlm","uui-typography-size-14":"Fuku2z","uui-typography-size-16":"XXnTFK","sub-header-wrapper":"yFZx7d","switch":"_3kag3Q","no-found-modal-container":"Q17NjQ","no-found-modal-container-icon":"i86p-1","no-found-modal-container-text":"zM0YiF","uuiTypography":"_0-imMu","heroHeader":"_1uegdy","promoHeader":"FhoIW-","uuiCritical":"vHcW6R","uuiInfo":"u7yM2G","uuiSuccess":"qmo2w9","uuiWarning":"_8elNQw","uuiHighlight":"AEgcyU","uuiTypographySize12":"gfUnlm","uuiTypographySize14":"Fuku2z","uuiTypographySize16":"XXnTFK","subHeaderWrapper":"yFZx7d","$switch$":"_3kag3Q","noFoundModalContainer":"Q17NjQ","noFoundModalContainerIcon":"i86p-1","noFoundModalContainerText":"zM0YiF"};
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":"_6plSLi","multiline":"trt2YH","vertical-padding-24":"l-TTMg","vertical-padding-30":"BtAzcu","vertical-padding-36":"oUhr-u","vertical-padding-42":"u50Mdt","vertical-padding-48":"dSAmDZ","text":"R-ernm","verticalPadding24":"l-TTMg","verticalPadding30":"BtAzcu","verticalPadding36":"oUhr-u","verticalPadding42":"u50Mdt","verticalPadding48":"dSAmDZ"};
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":"_2L4mKc"};
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) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
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":"-Q61zN","hero-header":"cRxYIW","promo-header":"DUuVo3","uui-critical":"Ii0hMt","uui-info":"_26tfB1","uui-success":"Avcc7B","uui-warning":"jIqYaG","uui-highlight":"-XMVjm","uui-typography-size-12":"ieLg6D","uui-typography-size-14":"sDhxdp","uui-typography-size-16":"-LqHdJ","root":"XbgBlb","mode-form":"xHEkiu","mode-cell":"JNslCa","mode-inline":"CssQFI","uuiTypography":"-Q61zN","heroHeader":"cRxYIW","promoHeader":"DUuVo3","uuiCritical":"Ii0hMt","uuiInfo":"_26tfB1","uuiSuccess":"Avcc7B","uuiWarning":"jIqYaG","uuiHighlight":"-XMVjm","uuiTypographySize12":"ieLg6D","uuiTypographySize14":"sDhxdp","uuiTypographySize16":"-LqHdJ","modeForm":"xHEkiu","modeCell":"JNslCa","modeInline":"CssQFI"};
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: (item) => (props.getName ? props.getName(item) : item), cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow })));
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":"PxhG4T"};
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":"rCA8z7"};
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":"_3TlYGr","hero-header":"WHJZ5B","promo-header":"_0N8W-g","uui-critical":"_3geZyG","uui-info":"Sl4uHf","uui-success":"JkGacq","uui-warning":"TGl6F4","uui-highlight":"MgCNrl","uui-typography-size-12":"FvyhcU","uui-typography-size-14":"-XJFYg","uui-typography-size-16":"BCXcXX","root":"iYFnzl","title-wrapper":"WS3ZBk","title":"gzoudC","text-wrapper":"FNLG6-","selection":"bIAQr2","postfix":"_17O2vI","selected":"LuANrS","uuiTypography":"_3TlYGr","heroHeader":"WHJZ5B","promoHeader":"_0N8W-g","uuiCritical":"_3geZyG","uuiInfo":"Sl4uHf","uuiSuccess":"JkGacq","uuiWarning":"TGl6F4","uuiHighlight":"MgCNrl","uuiTypographySize12":"FvyhcU","uuiTypographySize14":"-XJFYg","uuiTypographySize16":"BCXcXX","titleWrapper":"WS3ZBk","textWrapper":"FNLG6-"};
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: settings.sizes.filterPickerBody.pickerItem }, rowProps)));
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: settings.sizes.filterPickerBody.dataPickerRow, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
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: settings.sizes.filterPickerBody.dataPickerFooter }));
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: settings.sizes.filterPickerBody.searchSize, editMode: "dropdown" })),
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":"ajmk49"};
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 isSoberYear = (value) => {
2258
- return value.year() >= 1990 && value.year() <= 2099;
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' && !isSoberYear(getPrevYearsList(month));
2321
- const disableNext = view === 'YEAR_SELECTION' && !isSoberYear(getNextYearsList(month));
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":"l-4QT3","hero-header":"bfYUSo","promo-header":"tsSmKC","uui-critical":"Attoil","uui-info":"uQXTkO","uui-success":"NR5a65","uui-warning":"_33fWpc","uui-highlight":"-Q9guB","uui-typography-size-12":"UPRsc7","uui-typography-size-14":"rFlvkk","uui-typography-size-16":"_454r6J","root":"B9Ziuc","uuiTypography":"l-4QT3","heroHeader":"bfYUSo","promoHeader":"tsSmKC","uuiCritical":"Attoil","uuiInfo":"uQXTkO","uuiSuccess":"NR5a65","uuiWarning":"_33fWpc","uuiHighlight":"-Q9guB","uuiTypographySize12":"UPRsc7","uuiTypographySize14":"rFlvkk","uuiTypographySize16":"_454r6J"};
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":"FTnaO1","hero-header":"hXVfe0","promo-header":"e5MhkM","uui-critical":"lMZLgH","uui-info":"J1cKl1","uui-success":"mo-UX1","uui-warning":"_6l8K6Y","uui-highlight":"-rhCKF","uui-typography-size-12":"S3CQEQ","uui-typography-size-14":"_3Red7A","uui-typography-size-16":"_0bRJn9","root":"KHoIwI","uuiTypography":"FTnaO1","heroHeader":"hXVfe0","promoHeader":"e5MhkM","uuiCritical":"lMZLgH","uuiInfo":"J1cKl1","uuiSuccess":"mo-UX1","uuiWarning":"_6l8K6Y","uuiHighlight":"-rhCKF","uuiTypographySize12":"S3CQEQ","uuiTypographySize14":"_3Red7A","uuiTypographySize16":"_0bRJn9"};
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":"FOF7cC","hero-header":"LUICKP","promo-header":"oT7fOi","uui-critical":"GbcPNE","uui-info":"H0nA1z","uui-success":"iQNQE9","uui-warning":"r0moKQ","uui-highlight":"g9vAm1","uui-typography-size-12":"_6LsSwi","uui-typography-size-14":"pdKAlp","uui-typography-size-16":"_29O7Ru","dropdown-container":"ohfYAn","date-input":"iI-kXw","date-input-group":"GgCdzf","separator":"BzGhM4","mode-form":"NSZPr6","mode-cell":"_2uz-EG","uuiTypography":"FOF7cC","heroHeader":"LUICKP","promoHeader":"oT7fOi","uuiCritical":"GbcPNE","uuiInfo":"H0nA1z","uuiSuccess":"iQNQE9","uuiWarning":"r0moKQ","uuiHighlight":"g9vAm1","uuiTypographySize12":"_6LsSwi","uuiTypographySize14":"pdKAlp","uuiTypographySize16":"_29O7Ru","dropdownContainer":"ohfYAn","dateInput":"iI-kXw","dateInputGroup":"GgCdzf","modeForm":"NSZPr6","modeCell":"_2uz-EG"};
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, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
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), onClick: (event) => {
2451
- if (!isDisabled) {
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":"ZRV5uX"};
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: null,
2551
- to: null,
2524
+ from: undefined,
2525
+ to: undefined,
2552
2526
  });
2553
2527
  }
2554
2528
  else {
2555
- props.onValueChange(null);
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 SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
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
- fillRule: "evenodd",
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(SvgActionDeleteForeverFill);
2585
+ var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
2614
2586
 
2615
- var css$E = {"uui-typography":"_-2YgRX","hero-header":"SPlct2","promo-header":"zE6WCx","uui-critical":"fPvS8H","uui-info":"_32ZuQi","uui-success":"GnUawe","uui-warning":"IP8PNT","uui-highlight":"aDIH6L","uui-typography-size-12":"SCVvHo","uui-typography-size-14":"PTz88B","uui-typography-size-16":"_6GdzX9","header":"DmCeqw","removeButton":"o49OZI","with-search":"AYX4tT","uuiTypography":"_-2YgRX","heroHeader":"SPlct2","promoHeader":"zE6WCx","uuiCritical":"fPvS8H","uuiInfo":"_32ZuQi","uuiSuccess":"GnUawe","uuiWarning":"IP8PNT","uuiHighlight":"aDIH6L","uuiTypographySize12":"SCVvHo","uuiTypographySize14":"PTz88B","uuiTypographySize16":"_6GdzX9","withSearch":"AYX4tT"};
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
- return (React__default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
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":"GvqtQn","dropdownDeleteIcon":"_7JDToK","presetsWrapper":"_0heZFq","addPresetContainer":"homTNo","dropContainer":"_1KPCgB"};
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 _path$i;
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$i, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
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":"nn3Ce5","preset-input":"tX5e7U","presetInputCell":"nn3Ce5","presetInput":"tX5e7U"};
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":"-gukT9","activePreset":"c-nxV0"};
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$r, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
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":"UaosY9","line-height-18":"yESbz3","line-height-24":"EWYR6a","line-height-30":"B-rq4o","font-size-10":"p2zbbr","font-size-12":"Ekl28H","font-size-14":"_7eyPpb","font-size-16":"ogKbW1","font-size-18":"zis9li","font-size-24":"BhQL1p","v-padding-2":"TTTcFo","v-padding-3":"G1fDXv","v-padding-5":"EZLy7V","v-padding-6":"BZpBfX","v-padding-8":"ijdgod","v-padding-9":"tXfJS4","v-padding-11":"htK8e8","v-padding-12":"iR-iGl","v-padding-14":"ZF1etr","v-padding-15":"_0K8pKw","v-padding-17":"SWy6UK","v-padding-18":"A7tZ0G","v-padding-23":"-lcRcX","v-padding-24":"u-g1IE","lineHeight12":"UaosY9","lineHeight18":"yESbz3","lineHeight24":"EWYR6a","lineHeight30":"B-rq4o","fontSize10":"p2zbbr","fontSize12":"Ekl28H","fontSize14":"_7eyPpb","fontSize16":"ogKbW1","fontSize18":"zis9li","fontSize24":"BhQL1p","vPadding2":"TTTcFo","vPadding3":"G1fDXv","vPadding5":"EZLy7V","vPadding6":"BZpBfX","vPadding8":"ijdgod","vPadding9":"tXfJS4","vPadding11":"htK8e8","vPadding12":"iR-iGl","vPadding14":"ZF1etr","vPadding15":"_0K8pKw","vPadding17":"SWy6UK","vPadding18":"A7tZ0G","vPadding23":"-lcRcX","vPadding24":"u-g1IE"};
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":"II5XgO"};
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":"_4Lr7eh","loading-word":"_29QUt7","animated-loading":"Pz4xvi","skeleton_loading":"UJteK6","loadingWord":"_29QUt7","animatedLoading":"Pz4xvi","skeletonLoading":"UJteK6"};
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 = '&nbsp;';
@@ -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":"_3DH2Vu","hero-header":"rIX-In","promo-header":"mBL29y","uui-critical":"jHUDOR","uui-info":"XDodtT","uui-success":"TTIJyZ","uui-warning":"DsybPa","uui-highlight":"h2IQay","uui-typography-size-12":"ogdbZo","uui-typography-size-14":"jl9uxE","uui-typography-size-16":"cs5b-s","root":"_5UQAAj","modal-blocker":"nns9QO","animateModalBlocker":"HN18qu","modal":"OoMJb8","modal-footer":"d59uA0","modal-header":"lj7oRW","uuiTypography":"_3DH2Vu","heroHeader":"rIX-In","promoHeader":"mBL29y","uuiCritical":"jHUDOR","uuiInfo":"XDodtT","uuiSuccess":"TTIJyZ","uuiWarning":"DsybPa","uuiHighlight":"h2IQay","uuiTypographySize12":"ogdbZo","uuiTypographySize14":"jl9uxE","uuiTypographySize16":"cs5b-s","modalBlocker":"nns9QO","modalFooter":"d59uA0","modalHeader":"lj7oRW"};
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":"IwiFdr","hero-header":"m7YZCl","promo-header":"Mm1DWd","uui-critical":"Jb87-g","uui-info":"Hhiri-","uui-success":"W7Om7c","uui-warning":"e6ulZo","uui-highlight":"Ao7WMT","uui-typography-size-12":"f3ZgJf","uui-typography-size-14":"EoSa97","uui-typography-size-16":"UhQ-8n","root":"_0thES6","icon-wrapper":"_14l7qG","action-wrapper":"rDYbVa","action-link":"giDtjz","close-icon":"qhJ3fI","main-path":"NCnklW","content":"gDvddi","close-wrapper":"eCT1RA","notification-wrapper":"qwoCB3","clear-button":"wJg9HW","uuiTypography":"IwiFdr","heroHeader":"m7YZCl","promoHeader":"Mm1DWd","uuiCritical":"Jb87-g","uuiInfo":"Hhiri-","uuiSuccess":"W7Om7c","uuiWarning":"e6ulZo","uuiHighlight":"Ao7WMT","uuiTypographySize12":"f3ZgJf","uuiTypographySize14":"EoSa97","uuiTypographySize16":"UhQ-8n","iconWrapper":"_14l7qG","actionWrapper":"rDYbVa","actionLink":"giDtjz","closeIcon":"qhJ3fI","mainPath":"NCnklW","closeWrapper":"eCT1RA","notificationWrapper":"qwoCB3","clearButton":"wJg9HW"};
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":"G335hP","timepicker-input":"U6Vn1r","ltr-always":"HAs03H","timepickerInput":"U6Vn1r","ltrAlways":"HAs03H"};
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":"vroRlt"};
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":"YXBt13"};
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
- setBodyIsOpen(false);
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, { focusLock: false }),
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":"JcbUiM","hero-header":"weTZAG","promo-header":"GsaB7N","uui-critical":"dvPBdh","uui-info":"_1y-naF","uui-success":"_8Z90q7","uui-warning":"_4R7ZW4","uui-highlight":"_-7KZqB","uui-typography-size-12":"-cdw4l","uui-typography-size-14":"_2ze0Jz","uui-typography-size-16":"OhX93z","root":"Z6U357","uuiTypography":"JcbUiM","heroHeader":"weTZAG","promoHeader":"GsaB7N","uuiCritical":"dvPBdh","uuiInfo":"_1y-naF","uuiSuccess":"_8Z90q7","uuiWarning":"_4R7ZW4","uuiHighlight":"_-7KZqB","uuiTypographySize12":"-cdw4l","uuiTypographySize14":"_2ze0Jz","uuiTypographySize16":"OhX93z"};
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
- function applyCalendarPresetsMods() {
3730
- return [css$r.root];
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":"_9LwvVG","hero-header":"ufknGm","promo-header":"_4hqgAz","uui-critical":"fkpNp-","uui-info":"Ai4Da4","uui-success":"_3bV472","uui-warning":"s7xK14","uui-highlight":"X7ktr8","uui-typography-size-12":"eOfCtq","uui-typography-size-14":"WdE57w","uui-typography-size-16":"M1ru2B","root":"OOYaY-","container":"P6vO6D","day-selection":"a4CILI","from-picker":"v2gZXR","to-picker":"VrV4sL","bodes-wrapper":"zGSq1i","blocker":"XWLdSe","uuiTypography":"_9LwvVG","heroHeader":"ufknGm","promoHeader":"_4hqgAz","uuiCritical":"fkpNp-","uuiInfo":"Ai4Da4","uuiSuccess":"_3bV472","uuiWarning":"s7xK14","uuiHighlight":"X7ktr8","uuiTypographySize12":"eOfCtq","uuiTypographySize14":"WdE57w","uuiTypographySize16":"M1ru2B","daySelection":"a4CILI","fromPicker":"v2gZXR","toPicker":"VrV4sL","bodesWrapper":"zGSq1i"};
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, focus) => {
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), focusLock: false }),
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, onBlur: onInputWrapperBlur, onFocusInput: (e, i) => {
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, i);
3972
- onOpenChange(true, i);
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":"RM9R44","blocker":"_1L8Uq-","marker":"_4sQ2wh","top":"IejB3A","bottom":"_0iLSc4","left":"_34jcDg","right":"YJRjck","inside":"e29U-g"};
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":"h0-j-9","hero-header":"BCV7uj","promo-header":"R1zQpZ","uui-critical":"I-Hv8Q","uui-info":"b5-42j","uui-success":"_4JI6nS","uui-warning":"nPS-rr","uui-highlight":"YGYepi","uui-typography-size-12":"OObUXp","uui-typography-size-14":"y4Owr9","uui-typography-size-16":"ngP3EG","cell":"di-kv5","wrapper":"T4v908","align-widgets-top":"B45RPC","align-widgets-center":"OmjFWc","padding-6":"iGSMp-","padding-12":"x4VN9G","padding-24":"Ia2lgL","padding-left-12":"_471Cm4","padding-left-24":"e3rJq5","padding-right-12":"wES7dI","padding-right-24":"_7yJq0D","loading-cell":"aVsvPq","uuiTypography":"h0-j-9","heroHeader":"BCV7uj","promoHeader":"R1zQpZ","uuiCritical":"I-Hv8Q","uuiInfo":"b5-42j","uuiSuccess":"_4JI6nS","uuiWarning":"nPS-rr","uuiHighlight":"YGYepi","uuiTypographySize12":"OObUXp","uuiTypographySize14":"y4Owr9","uuiTypographySize16":"ngP3EG","alignWidgetsTop":"B45RPC","alignWidgetsCenter":"OmjFWc","padding6":"iGSMp-","padding12":"x4VN9G","padding24":"Ia2lgL","paddingLeft12":"_471Cm4","paddingLeft24":"e3rJq5","paddingRight12":"wES7dI","paddingRight24":"_7yJq0D","loadingCell":"aVsvPq"};
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(initialProps) {
3996
- const props = Object.assign({}, initialProps);
3971
+ function DataTableCell(props) {
3972
+ props = Object.assign({}, props);
3997
3973
  if (props.isFirstColumn) {
3998
- props.addons = React.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
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, null))));
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
- 'uui-size-' + (props.size || '36'),
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":"vj79Sf","hero-header":"_4mbgbC","promo-header":"Mt0EvQ","uui-critical":"_2ygwSH","uui-info":"_13l-El","uui-success":"bPS7KW","uui-warning":"S23G53","uui-highlight":"SPEVJg","uui-typography-size-12":"gWYZnh","uui-typography-size-14":"k-MA3s","uui-typography-size-16":"yipM0P","root":"nge1rK","size-24":"_0r2qOb","size-30":"gEmJUd","size-36":"DGRpyr","size-48":"_4xOj-E","size-60":"GfqxDL","uuiTypography":"vj79Sf","heroHeader":"_4mbgbC","promoHeader":"Mt0EvQ","uuiCritical":"_2ygwSH","uuiInfo":"_13l-El","uuiSuccess":"bPS7KW","uuiWarning":"S23G53","uuiHighlight":"SPEVJg","uuiTypographySize12":"gWYZnh","uuiTypographySize14":"k-MA3s","uuiTypographySize16":"yipM0P","size24":"_0r2qOb","size30":"gEmJUd","size36":"DGRpyr","size48":"_4xOj-E","size60":"GfqxDL"};
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":"YqSDBG","hero-header":"tlYUaF","promo-header":"xxFaJv","uui-critical":"N1EH54","uui-info":"FHi-kR","uui-success":"m1-AuT","uui-warning":"fGPvfB","uui-highlight":"gFd-oD","uui-typography-size-12":"FvqmBn","uui-typography-size-14":"eKE0au","uui-typography-size-16":"_4dhvCv","sorting-panel-container":"FdBWuI","sort-active":"upqV48","uuiTypography":"YqSDBG","heroHeader":"tlYUaF","promoHeader":"xxFaJv","uuiCritical":"N1EH54","uuiInfo":"FHi-kR","uuiSuccess":"m1-AuT","uuiWarning":"fGPvfB","uuiHighlight":"gFd-oD","uuiTypographySize12":"FvqmBn","uuiTypographySize14":"eKE0au","uuiTypographySize16":"_4dhvCv","sortingPanelContainer":"FdBWuI","sortActive":"upqV48"};
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: "M7.4 15.4 6 14l6-6 6 6-1.4 1.4-4.6-4.6-4.6 4.6z"
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":"w8-1dZ","hero-header":"nddqVp","promo-header":"_55MWJQ","uui-critical":"WWB7br","uui-info":"JAR9PE","uui-success":"E5JIHL","uui-warning":"DAeRI4","uui-highlight":"Jf62KX","uui-typography-size-12":"_7vGl-l","uui-typography-size-14":"DXdPjY","uui-typography-size-16":"-MsAgG","cell":"Kffcvj","column-gap-12":"ZeM-tw","caption-wrapper":"S7S0At","column-gap-24":"_1wjuaa","first-column-12":"_1RuB-d","last-column-12":"LErGTt","first-column-24":"jRJknP","last-column-24":"Si0cyP","sort-icon":"_3CYlMr","dropdown-icon":"mwaVVX","infoIcon":"ryLSem","resizable":"_2wCH-8","size-24":"UYov4Z","size-30":"_5fPzlC","size-36":"Ko08PH","size-42":"PBdEYz","size-48":"MMekuP","padding-left-24":"_8SQh0h","padding-right-24":"_7Q-2t6","align-right":"-kYpR9","align-center":"_15ejrq","caption":"xEuZKq","checkbox":"SqUmsH","icon":"wNubqm","fold-all-icon":"XA7U8X","cell-tooltip":"lvUMKP","upper-case":"_6Egejg","font-size-14":"gw8H8l","resize-mark":"cpVp9-","resize-mark-6":"hdEfrQ","resize-mark-12":"K1tAuR","pinned-right":"e2eLfb","draggable":"l4BRy1","ghost":"N51WzQ","is-dragged-out":"_0XmGc5","dnd-marker-left":"pDe0l8","dnd-marker-right":"CzZQp6","cell-tooltip-wrapper":"_3mDszx","cell-tooltip-text":"GMbn9h","uuiTypography":"w8-1dZ","heroHeader":"nddqVp","promoHeader":"_55MWJQ","uuiCritical":"WWB7br","uuiInfo":"JAR9PE","uuiSuccess":"E5JIHL","uuiWarning":"DAeRI4","uuiHighlight":"Jf62KX","uuiTypographySize12":"_7vGl-l","uuiTypographySize14":"DXdPjY","uuiTypographySize16":"-MsAgG","columnGap12":"ZeM-tw","captionWrapper":"S7S0At","columnGap24":"_1wjuaa","firstColumn12":"_1RuB-d","lastColumn12":"LErGTt","firstColumn24":"jRJknP","lastColumn24":"Si0cyP","sortIcon":"_3CYlMr","dropdownIcon":"mwaVVX","size24":"UYov4Z","size30":"_5fPzlC","size36":"Ko08PH","size42":"PBdEYz","size48":"MMekuP","paddingLeft24":"_8SQh0h","paddingRight24":"_7Q-2t6","alignRight":"-kYpR9","alignCenter":"_15ejrq","foldAllIcon":"XA7U8X","cellTooltip":"lvUMKP","upperCase":"_6Egejg","fontSize14":"gw8H8l","resizeMark":"cpVp9-","resizeMark6":"hdEfrQ","resizeMark12":"K1tAuR","pinnedRight":"e2eLfb","isDraggedOut":"_0XmGc5","dndMarkerLeft":"pDe0l8","dndMarkerRight":"CzZQp6","cellTooltipWrapper":"_3mDszx","cellTooltipText":"GMbn9h"};
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(FlexCell, Object.assign({}, this.props.column, { minWidth: this.props.column.width, ref: (ref) => {
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('uui-dt-vars', 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.cx, 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) }),
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":"AA-t0p","hero-header":"C-n7o4","promo-header":"YBDR8k","uui-critical":"_84kOpg","uui-info":"TJz7rk","uui-success":"Af9Jg0","uui-warning":"BBW713","uui-highlight":"jBFalk","uui-typography-size-12":"lTegXo","uui-typography-size-14":"Ki5hdq","uui-typography-size-16":"scGBNq","header-cell":"WRZwDr","truncate":"frOwWG","uuiTypography":"AA-t0p","heroHeader":"C-n7o4","promoHeader":"YBDR8k","uuiCritical":"_84kOpg","uuiInfo":"TJz7rk","uuiSuccess":"Af9Jg0","uuiWarning":"BBW713","uuiHighlight":"jBFalk","uuiTypographySize12":"lTegXo","uuiTypographySize14":"Ki5hdq","uuiTypographySize16":"scGBNq","headerCell":"WRZwDr"};
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":"pZMfN7","hero-header":"_7njzCw","promo-header":"caKn7H","uui-critical":"y-Coli","uui-info":"A1ufj3","uui-success":"vAU02x","uui-warning":"_2lc2s2","uui-highlight":"-HC24T","uui-typography-size-12":"hQ7YCA","uui-typography-size-14":"pGNXq1","uui-typography-size-16":"VvLpHw","main-panel":"fTtM02","group-title":"YIvKDX","group-title-text":"RMjD6v","group-title-badge":"fLCoKX","group-items":"L1Ufae","no-data":"WxJGsv","h-divider":"XnTqM3","search-area":"_9q8-Jz","subgroup-accordion":"o1cgHm","subgroup-title":"-Ezt-W","uuiTypography":"pZMfN7","heroHeader":"_7njzCw","promoHeader":"caKn7H","uuiCritical":"y-Coli","uuiInfo":"A1ufj3","uuiSuccess":"vAU02x","uuiWarning":"_2lc2s2","uuiHighlight":"-HC24T","uuiTypographySize12":"hQ7YCA","uuiTypographySize14":"pGNXq1","uuiTypographySize16":"VvLpHw","mainPanel":"fTtM02","groupTitle":"YIvKDX","groupTitleText":"RMjD6v","groupTitleBadge":"fLCoKX","groupItems":"L1Ufae","noData":"WxJGsv","hDivider":"XnTqM3","searchArea":"_9q8-Jz","subgroupAccordion":"o1cgHm","subgroupTitle":"-Ezt-W"};
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":"Vw-lB8","pin-toggler-icon":"_75jUzv","unpinIcon":"Vw-lB8","pinTogglerIcon":"_75jUzv"};
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":"_6s52l4","hero-header":"_43iSoZ","promo-header":"nfUwlD","uui-critical":"uI4VbI","uui-info":"eKD0k-","uui-success":"Ypiysp","uui-warning":"r3Yr29","uui-highlight":"kb4HaE","uui-typography-size-12":"_7NENeq","uui-typography-size-14":"NXff1Y","uui-typography-size-16":"EO3qMs","row-wrapper":"Jd-0mV","not-pinned":"oDmiQt","pin-icon-button":"P7bduE","checkbox":"eyGTXF","drag-handle":"EiKomx","dnd-disabled":"wPCERC","uuiTypography":"_6s52l4","heroHeader":"_43iSoZ","promoHeader":"nfUwlD","uuiCritical":"uI4VbI","uuiInfo":"eKD0k-","uuiSuccess":"Ypiysp","uuiWarning":"r3Yr29","uuiHighlight":"kb4HaE","uuiTypographySize12":"_7NENeq","uuiTypographySize14":"NXff1Y","uuiTypographySize16":"EO3qMs","rowWrapper":"Jd-0mV","notPinned":"oDmiQt","pinIconButton":"P7bduE","dragHandle":"EiKomx","dndDisabled":"wPCERC"};
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":"pVBm-U","header":"GuMLAd","group":"ggY2M2","stickyHeader":"_6T-m8c"};
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(#ec5d0i3dz3ai0vpru_a)"
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: "ec5d0ihssmn4h9ojd_b",
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(#ec5d0ihssmn4h9ojd_b)",
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: "ec5d0i3dz3ai0vpru_a"
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":"ql6CDh","table":"jc2piE","no-results":"zqpXo6","no-results-icon":"GzIC6g","no-results-title":"K6mIq3","stickyHeader":"ql6CDh","noResults":"zqpXo6","noResultsIcon":"GzIC6g","noResultsTitle":"K6mIq3"};
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":"WvOMtu"};
4727
+ var css$g = {"root":"tWfP2U"};
4750
4728
 
4751
- var css$f = {"root":"OWDVDi","burger-content":"_-6oujp","burgerContent":"_-6oujp"};
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":"Z9ZLIz","hero-header":"Bm4iJg","promo-header":"_9mTQ47","uui-critical":"MciZl4","uui-info":"h4pkFQ","uui-success":"rfkbnq","uui-warning":"OCAEfM","uui-highlight":"IC2pn5","uui-typography-size-12":"gltzSy","uui-typography-size-14":"Ga9Zo8","uui-typography-size-16":"kob8T7","root":"Y33mAP","button-primary":"Dieh4k","button-secondary":"_-11ao5","hasIcon":"_1BfLKU","dropdown":"_5hWQOR","uuiTypography":"Z9ZLIz","heroHeader":"Bm4iJg","promoHeader":"_9mTQ47","uuiCritical":"MciZl4","uuiInfo":"h4pkFQ","uuiSuccess":"rfkbnq","uuiWarning":"OCAEfM","uuiHighlight":"IC2pn5","uuiTypographySize12":"gltzSy","uuiTypographySize14":"Ga9Zo8","uuiTypographySize16":"kob8T7","buttonPrimary":"Dieh4k","buttonSecondary":"_-11ao5"};
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":"C-mGuz","searchInput":"C-mGuz"};
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":"-JoUR6","group-header":"xB6F39","group-name":"xF4Y4E","line":"-l49ww","groupHeader":"xB6F39","groupName":"xF4Y4E"};
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":"_-4Ah1G","hero-header":"-BGu34","promo-header":"qKKcEp","uui-critical":"lWw2le","uui-info":"fj8K7g","uui-success":"eDXAMN","uui-warning":"hXhFWM","uui-highlight":"_2WfDNE","uui-typography-size-12":"vlYzR4","uui-typography-size-14":"tc8XyH","uui-typography-size-16":"HhP0ab","root":"eMZ-fj","type-primary":"ZYLG2T","type-secondary":"hJjmtB","uuiTypography":"_-4Ah1G","heroHeader":"-BGu34","promoHeader":"qKKcEp","uuiCritical":"lWw2le","uuiInfo":"fj8K7g","uuiSuccess":"eDXAMN","uuiWarning":"hXhFWM","uuiHighlight":"_2WfDNE","uuiTypographySize12":"vlYzR4","uuiTypographySize14":"tc8XyH","uuiTypographySize16":"HhP0ab","typePrimary":"ZYLG2T","typeSecondary":"hJjmtB"};
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":"kEjoAi","dropdownBody":"kEjoAi"};
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":"_83k2cJ","global-menu-icon":"TFfFrA","globalMenuBtn":"_83k2cJ","globalMenuIcon":"TFfFrA"};
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":"_7VtDbQ","open":"TQoCRV"};
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":"DEZGfn","searchInput":"DEZGfn"};
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":"AvedBl"};
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":"xRcoFY"};
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":"yo-YRJ","drop-start":"Ptv6xS","drop-over":"QHVPB3","link":"CYPPR5","drop-area":"GBh2eT","drop-caption":"nwuxjQ","icon-blue":"_-6cPoV","dropStart":"Ptv6xS","dropOver":"QHVPB3","dropArea":"GBh2eT","dropCaption":"nwuxjQ","iconBlue":"_-6cPoV"};
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":"_5pkolN","hero-header":"WM1gSA","promo-header":"-bKQB6","uui-critical":"FbRJ1a","uui-info":"HNFyMk","uui-success":"_0KNygM","uui-warning":"HoDROB","uui-highlight":"tvqMav","uui-typography-size-12":"bKBdSg","uui-typography-size-14":"f73FQc","uui-typography-size-16":"d2Oy-s","root":"SrXFlq","file-name":"FmENYa","default-color":"gKWQIs","doc-color":"rICyjn","xls-color":"_83ikN7","pdf-color":"_7K7AME","movie-color":"_0TPx5O","img-color":"QSWDUU","mov-color":"JLrfih","error-block":"xlC1aN","icons-block":"vKBgfZ","uuiTypography":"_5pkolN","heroHeader":"WM1gSA","promoHeader":"-bKQB6","uuiCritical":"FbRJ1a","uuiInfo":"HNFyMk","uuiSuccess":"_0KNygM","uuiWarning":"HoDROB","uuiHighlight":"tvqMav","uuiTypographySize12":"bKBdSg","uuiTypographySize14":"f73FQc","uuiTypographySize16":"d2Oy-s","fileName":"FmENYa","defaultColor":"gKWQIs","docColor":"rICyjn","xlsColor":"_83ikN7","pdfColor":"_7K7AME","movieColor":"_0TPx5O","imgColor":"QSWDUU","movColor":"JLrfih","errorBlock":"xlC1aN","iconsBlock":"vKBgfZ"};
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":"_3XlPR2"};
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, cx: css$3.defaultColor }),
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":"Nf1RjC"};
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":"ne7DP2","recovery-message":"y4IL88","modal-blocker":"cat94J","modalFadeIn":"lfTsnX","recoverySpinner":"ne7DP2","recoveryMessage":"y4IL88","modalBlocker":"cat94J"};
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