@oracle/oraclejet-preact 20.0.2 → 20.0.4

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 (120) hide show
  1. package/amd/{BarChart-f429b382.js → BarChart-994cb8f0.js} +2 -2
  2. package/amd/{BarChart-f429b382.js.map → BarChart-994cb8f0.js.map} +1 -1
  3. package/amd/{Chart-57965de4.js → Chart-d9eafc7a.js} +2 -2
  4. package/amd/{Chart-57965de4.js.map → Chart-d9eafc7a.js.map} +1 -1
  5. package/amd/{ComboChart-c42ed049.js → ComboChart-5a6f6c8a.js} +2 -2
  6. package/amd/{ComboChart-c42ed049.js.map → ComboChart-5a6f6c8a.js.map} +1 -1
  7. package/amd/ExpandableList-233c279e.js +2 -0
  8. package/amd/{ExpandableList-a9a86ad8.js.map → ExpandableList-233c279e.js.map} +1 -1
  9. package/amd/{InlineSelectSingle-7c1cc5b5.js → InlineSelectSingle-87bc8a45.js} +2 -2
  10. package/amd/{InlineSelectSingle-7c1cc5b5.js.map → InlineSelectSingle-87bc8a45.js.map} +1 -1
  11. package/amd/{LineAreaChart-48efb7f7.js → LineAreaChart-47fc17d2.js} +2 -2
  12. package/amd/{LineAreaChart-48efb7f7.js.map → LineAreaChart-47fc17d2.js.map} +1 -1
  13. package/amd/ListView-02a92d18.js +2 -0
  14. package/amd/{ListView-6d21e8f9.js.map → ListView-02a92d18.js.map} +1 -1
  15. package/amd/PRIVATE_Chart.js +1 -1
  16. package/amd/PRIVATE_SelectCommon.js +1 -1
  17. package/amd/{ScatterChart-6427e7ec.js → ScatterChart-7bd0f601.js} +2 -2
  18. package/amd/{ScatterChart-6427e7ec.js.map → ScatterChart-7bd0f601.js.map} +1 -1
  19. package/amd/{SelectMobileFieldInput-d499ef86.js → SelectMobileFieldInput-4795a794.js} +2 -2
  20. package/amd/{SelectMobileFieldInput-d499ef86.js.map → SelectMobileFieldInput-4795a794.js.map} +1 -1
  21. package/amd/{SelectMultiple-cc9bffc6.js → SelectMultiple-e216b16c.js} +2 -2
  22. package/amd/{SelectMultiple-cc9bffc6.js.map → SelectMultiple-e216b16c.js.map} +1 -1
  23. package/amd/{SelectSingle-2bb35b67.js → SelectSingle-d53cf202.js} +2 -2
  24. package/amd/{SelectSingle-2bb35b67.js.map → SelectSingle-d53cf202.js.map} +1 -1
  25. package/amd/Theme-redwood/theme.css +209 -209
  26. package/amd/Theme-stable/theme.css +160 -160
  27. package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
  28. package/amd/UNSAFE_BarChart.js +1 -1
  29. package/amd/UNSAFE_ComboChart.js +1 -1
  30. package/amd/UNSAFE_ExpandableList.js +1 -1
  31. package/amd/UNSAFE_InlineSelectSingle.js +1 -1
  32. package/amd/UNSAFE_LineAreaChart.js +1 -1
  33. package/amd/UNSAFE_ListView.js +1 -1
  34. package/amd/UNSAFE_ScatterChart.js +1 -1
  35. package/amd/UNSAFE_SelectMultiple.js +1 -1
  36. package/amd/UNSAFE_SelectSingle.js +1 -1
  37. package/amd/UNSAFE_VirtualizedListView.js +1 -1
  38. package/amd/VirtualizedListView-a0f338c2.js +2 -0
  39. package/amd/{VirtualizedListView-1ae7151d.js.map → VirtualizedListView-a0f338c2.js.map} +1 -1
  40. package/amd/{useDisplayValue-0e90bf4c.js → useDisplayValue-9b671893.js} +2 -2
  41. package/amd/{useDisplayValue-0e90bf4c.js.map → useDisplayValue-9b671893.js.map} +1 -1
  42. package/amd/useSelectCommon-f33709d2.js +2 -0
  43. package/amd/{useSelectCommon-a02ddf3c.js.map → useSelectCommon-f33709d2.js.map} +1 -1
  44. package/cjs/{BaseCardView-c0909427.js → BaseCardView-ba63723a.js} +4 -1
  45. package/cjs/{BaseCardView-c0909427.js.map → BaseCardView-ba63723a.js.map} +1 -1
  46. package/cjs/PRIVATE_BaseCardView.js +1 -1
  47. package/cjs/PRIVATE_TableList.js +4 -4
  48. package/cjs/SegmentStyles.styles.css +9 -12
  49. package/cjs/SegmentStyles.styles2.css +12 -9
  50. package/cjs/{TabBar-27ae2c21.js → TabBar-4bc753a9.js} +3 -1
  51. package/{es/TabBar-67ca442c.js.map → cjs/TabBar-4bc753a9.js.map} +1 -1
  52. package/cjs/Theme-redwood/theme.css +146 -146
  53. package/cjs/Theme-stable/theme.css +311 -311
  54. package/cjs/UNSAFE_CardFlexView.js +1 -1
  55. package/cjs/UNSAFE_CardGridView.js +1 -1
  56. package/cjs/UNSAFE_ListView.js +53 -53
  57. package/cjs/UNSAFE_OverflowTabBar.js +10 -10
  58. package/cjs/UNSAFE_ReorderableTabBar.js +12 -12
  59. package/cjs/UNSAFE_TabBar.js +10 -10
  60. package/cjs/UNSAFE_TabBarMixed.js +8 -8
  61. package/es/{BaseCardView-b3d8bae0.js → BaseCardView-85b9a71e.js} +1 -4
  62. package/es/{BaseCardView-b3d8bae0.js.map → BaseCardView-85b9a71e.js.map} +1 -1
  63. package/es/ButtonLayoutVariants.styles.css +2 -2
  64. package/es/ButtonLayoutVariants.styles2.css +2 -2
  65. package/es/{Chart-b866a74c.js → Chart-8c63da28.js} +2 -2
  66. package/es/{Chart-b866a74c.js.map → Chart-8c63da28.js.map} +1 -1
  67. package/es/CheckboxSetContext-1be56556.js +9 -0
  68. package/es/CheckboxSetContext-1be56556.js.map +1 -0
  69. package/es/{ColorPicker-ae648c4c.js → ColorPicker-fa103067.js} +2 -2
  70. package/es/{ColorPicker-ae648c4c.js.map → ColorPicker-fa103067.js.map} +1 -1
  71. package/es/PRIVATE_BaseCardView.js +1 -1
  72. package/es/PRIVATE_Chart.js +4 -4
  73. package/es/PRIVATE_CollapsibleNavigationList.js +25 -25
  74. package/es/PRIVATE_TableList.js +4 -4
  75. package/es/SegmentStyles.styles.css +12 -9
  76. package/es/SegmentStyles.styles2.css +9 -12
  77. package/es/{TabBar-67ca442c.js → TabBar-10488830.js} +1 -3
  78. package/{cjs/TabBar-27ae2c21.js.map → es/TabBar-10488830.js.map} +1 -1
  79. package/es/Theme-redwood/theme.css +506 -506
  80. package/es/Theme-stable/theme.css +427 -427
  81. package/es/UNSAFE_BarChart.js +4 -4
  82. package/es/UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutTheme.js +1 -1
  83. package/es/UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutVariants.css.js +1 -1
  84. package/es/UNSAFE_ButtonLayout/themes/stable/ButtonLayoutTheme.js +1 -1
  85. package/es/UNSAFE_ButtonLayout/themes/stable/ButtonLayoutVariants.css.js +1 -1
  86. package/es/UNSAFE_ButtonLayout.js +1 -1
  87. package/es/UNSAFE_CardFlexView.js +1 -1
  88. package/es/UNSAFE_CardGridView.js +1 -1
  89. package/es/UNSAFE_CheckboxItem.js +61 -122
  90. package/es/UNSAFE_CheckboxItem.js.map +1 -1
  91. package/es/UNSAFE_CheckboxSet.js +49 -15
  92. package/es/UNSAFE_CheckboxSet.js.map +1 -1
  93. package/es/UNSAFE_ColorPicker.js +25 -25
  94. package/es/UNSAFE_ComboChart.js +4 -4
  95. package/es/UNSAFE_FlatTreeView.js +14 -14
  96. package/es/UNSAFE_InputColor.js +2 -2
  97. package/es/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
  98. package/es/UNSAFE_InputDateMask.js +1 -1
  99. package/es/UNSAFE_InputDatePicker.js +1 -1
  100. package/es/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
  101. package/es/UNSAFE_InputTimeMask.js +1 -1
  102. package/es/UNSAFE_LineAreaChart.js +4 -4
  103. package/es/UNSAFE_ListView.js +53 -53
  104. package/es/UNSAFE_OverflowTabBar.js +10 -10
  105. package/es/UNSAFE_ReorderableTabBar.js +12 -12
  106. package/es/UNSAFE_RichCheckboxSet.js +42 -46
  107. package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
  108. package/es/UNSAFE_RichSelectionItem.js +89 -152
  109. package/es/UNSAFE_RichSelectionItem.js.map +1 -1
  110. package/es/UNSAFE_ScatterChart.js +4 -4
  111. package/es/UNSAFE_TabBar.js +10 -10
  112. package/es/UNSAFE_TabBarMixed.js +8 -8
  113. package/es/UNSAFE_Toolbar.js +1 -1
  114. package/package.json +2 -2
  115. package/amd/ExpandableList-a9a86ad8.js +0 -2
  116. package/amd/ListView-6d21e8f9.js +0 -2
  117. package/amd/VirtualizedListView-1ae7151d.js +0 -2
  118. package/amd/useSelectCommon-a02ddf3c.js +0 -2
  119. package/es/CheckboxSet-3aab5935.js +0 -51
  120. package/es/CheckboxSet-3aab5935.js.map +0 -1
@@ -39,8 +39,6 @@ import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
39
39
  import { S as Selector } from './Selector-23bccbe7.js';
40
40
  import { textAlignStyles, verticalAlignStyles } from './PRIVATE_TableCommon/themes/Common.css.js';
41
41
  import { listCellStylesHC, listCellStyles } from './PRIVATE_TableList/themes/ListCellStyles.css.js';
42
- import './StyledCheckbox-d6c8f557.js';
43
- import './SelectorStyles.styles.css';
44
42
  import { listSkeletonStylesHC, listSkeletonStyles } from './PRIVATE_TableList/themes/ListSkeletonStyles.css.js';
45
43
  import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
46
44
  import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
@@ -93,8 +91,7 @@ import './useToggle-8b7fcefe.js';
93
91
  import './useActive-fb6d4d52.js';
94
92
  import './BaseSelector-7cbc48bc.js';
95
93
  import './useFocus-38c95977.js';
96
- import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
97
- import './ListCellStyles.styles.css';
94
+ import './StyledCheckbox-d6c8f557.js';
98
95
  import './Check-ac39fe00.js';
99
96
  import './Icon-4983d06e.js';
100
97
  import './size-af1e638c.js';
@@ -129,6 +126,9 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js';
129
126
  import './CheckboxIconVariants.styles.css';
130
127
  import './useTabbableMode-090ed4b5.js';
131
128
  import './StyledCheckbox.styles.css';
129
+ import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
130
+ import './SelectorStyles.styles.css';
131
+ import './ListCellStyles.styles.css';
132
132
  import './ListSkeletonStyles.styles.css';
133
133
  import './mergeDeepWithKey-33e3d1be.js';
134
134
  import './_isObject-1fab0f5b.js';
@@ -1,4 +1,4 @@
1
- .SegmentStyles_base__kzheun0 {
1
+ .SegmentStyles_base__51w8ze0 {
2
2
  caret-color: transparent;
3
3
  text-align: end;
4
4
  -webkit-tap-highlight-color: transparent;
@@ -6,32 +6,35 @@
6
6
  user-select: none;
7
7
  -webkit-user-select: none;
8
8
  }
9
- .SegmentStyles_base__kzheun0:focus-visible {
9
+ .SegmentStyles_base__51w8ze0:focus-visible {
10
10
  outline: none;
11
11
  }
12
- .SegmentStyles_literalBase__kzheun1 {
12
+ .SegmentStyles_literalBase__51w8ze1 {
13
13
  white-space: pre;
14
14
  -webkit-user-select: none;
15
15
  -moz-user-select: none;
16
16
  user-select: none;
17
17
  }
18
- .SegmentStyles_placeholder__kzheun2 {
18
+ .SegmentStyles_placeholder__51w8ze2 {
19
19
  color: var(--oj-c-text-icon-secondary);
20
20
  text-align: start;
21
21
  }
22
- .SegmentStyles_selected__kzheun3 {
22
+ .SegmentStyles_space__51w8ze3 {
23
+ width: 4px;
24
+ }
25
+ .SegmentStyles_selected__51w8ze4 {
23
26
  background-color: var(--oj-c-surface-selected);
24
27
  border-color: var(--oj-c-border-selected);
25
28
  }
26
- .SegmentStyles_highlighted__kzheun4 {
29
+ .SegmentStyles_highlighted__51w8ze5 {
27
30
  background-color: var(--oj-c-surface-selected);
28
31
  }
29
- .SegmentStyles_hidden__kzheun5 {
32
+ .SegmentStyles_hidden__51w8ze6 {
30
33
  display: none;
31
34
  }
32
- .SegmentStyles_notHidden__kzheun6 {
35
+ .SegmentStyles_notHidden__51w8ze7 {
33
36
  display: block;
34
37
  }
35
- .SegmentStyles_accessibleTouchTarget__kzheun7 {
38
+ .SegmentStyles_accessibleTouchTarget__51w8ze8 {
36
39
  min-width: 24px;
37
40
  }
@@ -1,4 +1,4 @@
1
- .SegmentStyles_base__51w8ze0 {
1
+ .SegmentStyles_base__kzheun0 {
2
2
  caret-color: transparent;
3
3
  text-align: end;
4
4
  -webkit-tap-highlight-color: transparent;
@@ -6,35 +6,32 @@
6
6
  user-select: none;
7
7
  -webkit-user-select: none;
8
8
  }
9
- .SegmentStyles_base__51w8ze0:focus-visible {
9
+ .SegmentStyles_base__kzheun0:focus-visible {
10
10
  outline: none;
11
11
  }
12
- .SegmentStyles_literalBase__51w8ze1 {
12
+ .SegmentStyles_literalBase__kzheun1 {
13
13
  white-space: pre;
14
14
  -webkit-user-select: none;
15
15
  -moz-user-select: none;
16
16
  user-select: none;
17
17
  }
18
- .SegmentStyles_placeholder__51w8ze2 {
18
+ .SegmentStyles_placeholder__kzheun2 {
19
19
  color: var(--oj-c-text-icon-secondary);
20
20
  text-align: start;
21
21
  }
22
- .SegmentStyles_space__51w8ze3 {
23
- width: 4px;
24
- }
25
- .SegmentStyles_selected__51w8ze4 {
22
+ .SegmentStyles_selected__kzheun3 {
26
23
  background-color: var(--oj-c-surface-selected);
27
24
  border-color: var(--oj-c-border-selected);
28
25
  }
29
- .SegmentStyles_highlighted__51w8ze5 {
26
+ .SegmentStyles_highlighted__kzheun4 {
30
27
  background-color: var(--oj-c-surface-selected);
31
28
  }
32
- .SegmentStyles_hidden__51w8ze6 {
29
+ .SegmentStyles_hidden__kzheun5 {
33
30
  display: none;
34
31
  }
35
- .SegmentStyles_notHidden__51w8ze7 {
32
+ .SegmentStyles_notHidden__kzheun6 {
36
33
  display: block;
37
34
  }
38
- .SegmentStyles_accessibleTouchTarget__51w8ze8 {
35
+ .SegmentStyles_accessibleTouchTarget__kzheun7 {
39
36
  min-width: 24px;
40
37
  }
@@ -37,8 +37,6 @@ import './CollectionInteractionContext-7cf19abc.js';
37
37
  import './dropdownStyles.styles.css';
38
38
  import './Sheet-f9f8a4a4.js';
39
39
  import './OverflowTabBarItemStyles.styles.css';
40
- import './StyledCheckbox-d6c8f557.js';
41
- import './SelectorStyles.styles.css';
42
40
  import { styles } from './UNSAFE_TabBar/themes/TabBarStyles.css.js';
43
41
  import { u as useTabBar } from './useTabBar-c5558e77.js';
44
42
  import { T as TabBarContextMenu } from './TabBarContextMenu-c3326d67.js';
@@ -68,4 +66,4 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
68
66
  });
69
67
 
70
68
  export { TabBar as T };
71
- //# sourceMappingURL=TabBar-67ca442c.js.map
69
+ //# sourceMappingURL=TabBar-10488830.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabBar-27ae2c21.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n | {\n /**\n * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n *'icons' hides the label,\n */\n display?: 'standard' | 'icons';\n /**\n * The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n size?: 'md' | 'lg';\n }\n | {\n /**\n *'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n /**\n * A set of TabBarItem(s) that TabBar will hold\n */\n children: ComponentChildren;\n /**\n * Whether to stretch the tab bar items to occupy available space or to condense items\n */\n layout?: 'stretch' | 'condense';\n /**\n * The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n */\n edge?: 'top' | 'bottom';\n /**\n * Key of the selected item.\n */\n selection?: K;\n /**\n * Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n */\n onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n /**\n * Callback function to handle remove\n */\n onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n /**\n * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n */\n 'aria-describedby'?: string;\n /**\n * An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-label'?: string;\n\n /**\n * An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-labelledby'?: string;\n\n /**\n * Configuration used to specify a context menu.\n */\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string | number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const {\n rootProps,\n tabBarContext,\n menuProps,\n contextMenuContext,\n contextMenuDescription,\n contextMenuDescriptionId,\n accStatusInfo\n } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n const isContextMenuAvailable = contextMenuConfig != null;\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-haspopup={contextMenuConfig != null ? true : false}\n aria-describedby={\n isContextMenuAvailable && contextMenuDescriptionId\n ? ariaDescribedBy\n ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n : contextMenuDescriptionId\n : ariaDescribedBy\n }>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {isContextMenuAvailable && contextMenuDescriptionId && (\n <span id={contextMenuDescriptionId}>\n <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n </span>\n )}\n {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n {isContextMenuAvailable && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}
1
+ {"version":3,"file":"TabBar-10488830.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n | {\n /**\n * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n *'icons' hides the label,\n */\n display?: 'standard' | 'icons';\n /**\n * The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n size?: 'md' | 'lg';\n }\n | {\n /**\n *'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n /**\n * A set of TabBarItem(s) that TabBar will hold\n */\n children: ComponentChildren;\n /**\n * Whether to stretch the tab bar items to occupy available space or to condense items\n */\n layout?: 'stretch' | 'condense';\n /**\n * The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n */\n edge?: 'top' | 'bottom';\n /**\n * Key of the selected item.\n */\n selection?: K;\n /**\n * Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n */\n onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n /**\n * Callback function to handle remove\n */\n onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n /**\n * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n */\n 'aria-describedby'?: string;\n /**\n * An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-label'?: string;\n\n /**\n * An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-labelledby'?: string;\n\n /**\n * Configuration used to specify a context menu.\n */\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string | number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const {\n rootProps,\n tabBarContext,\n menuProps,\n contextMenuContext,\n contextMenuDescription,\n contextMenuDescriptionId,\n accStatusInfo\n } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n const isContextMenuAvailable = contextMenuConfig != null;\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-haspopup={contextMenuConfig != null ? true : false}\n aria-describedby={\n isContextMenuAvailable && contextMenuDescriptionId\n ? ariaDescribedBy\n ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n : contextMenuDescriptionId\n : ariaDescribedBy\n }>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {isContextMenuAvailable && contextMenuDescriptionId && (\n <span id={contextMenuDescriptionId}>\n <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n </span>\n )}\n {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n {isContextMenuAvailable && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAG,SAAS,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIA,GAAC,CAAA,UAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}