@oracle/oraclejet-preact 19.0.5 → 19.0.7

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 (131) hide show
  1. package/amd/{BarChart-8521c53a.js → BarChart-d94f9c56.js} +2 -2
  2. package/amd/{BarChart-8521c53a.js.map → BarChart-d94f9c56.js.map} +1 -1
  3. package/amd/{Chart-061335fe.js → Chart-3108fa88.js} +2 -2
  4. package/amd/{Chart-061335fe.js.map → Chart-3108fa88.js.map} +1 -1
  5. package/amd/CheckboxSet-678ea1d4.js +2 -0
  6. package/{es/CheckboxSet-751d4298.js.map → amd/CheckboxSet-678ea1d4.js.map} +1 -1
  7. package/amd/ColorPicker-8ef0b6e0.js +2 -0
  8. package/amd/{ColorPicker-d8bda48d.js.map → ColorPicker-8ef0b6e0.js.map} +1 -1
  9. package/amd/{ComboChart-f3876b51.js → ComboChart-e61b5581.js} +2 -2
  10. package/amd/{ComboChart-f3876b51.js.map → ComboChart-e61b5581.js.map} +1 -1
  11. package/amd/{InputColor-192a309b.js → InputColor-5315b76a.js} +2 -2
  12. package/amd/{InputColor-192a309b.js.map → InputColor-5315b76a.js.map} +1 -1
  13. package/amd/InputDatePicker-c5ceeb44.js +2 -0
  14. package/amd/{InputDatePicker-8c8e14ca.js.map → InputDatePicker-c5ceeb44.js.map} +1 -1
  15. package/amd/{LineAreaChart-68050d87.js → LineAreaChart-f8aefe07.js} +2 -2
  16. package/amd/{LineAreaChart-68050d87.js.map → LineAreaChart-f8aefe07.js.map} +1 -1
  17. package/amd/NavigationListItem-82b0c382.js +2 -0
  18. package/amd/{NavigationListItem-cdbcc394.js.map → NavigationListItem-82b0c382.js.map} +1 -1
  19. package/amd/{OverflowTabBar-587b7c2a.js → OverflowTabBar-e2b5f36e.js} +2 -2
  20. package/amd/{OverflowTabBar-587b7c2a.js.map → OverflowTabBar-e2b5f36e.js.map} +1 -1
  21. package/amd/{OverflowTabBarItem-bcf24ceb.js → OverflowTabBarItem-e01e53ae.js} +2 -2
  22. package/amd/{OverflowTabBarItem-bcf24ceb.js.map → OverflowTabBarItem-e01e53ae.js.map} +1 -1
  23. package/amd/PRIVATE_Chart.js +1 -1
  24. package/amd/{ScatterChart-6fc3c47e.js → ScatterChart-1999acf0.js} +2 -2
  25. package/amd/{ScatterChart-6fc3c47e.js.map → ScatterChart-1999acf0.js.map} +1 -1
  26. package/amd/Theme-redwood/theme.css +187 -187
  27. package/amd/Theme-stable/theme.css +173 -173
  28. package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
  29. package/amd/UNSAFE_BarChart.js +1 -1
  30. package/amd/UNSAFE_CheckboxItem.js +1 -1
  31. package/amd/UNSAFE_CheckboxItem.js.map +1 -1
  32. package/amd/UNSAFE_CheckboxSet.js +1 -1
  33. package/amd/UNSAFE_CheckboxSet.js.map +1 -1
  34. package/amd/UNSAFE_ColorPicker.js +1 -1
  35. package/amd/UNSAFE_ComboChart.js +1 -1
  36. package/amd/UNSAFE_InputColor.js +1 -1
  37. package/amd/UNSAFE_InputDatePicker.js +1 -1
  38. package/amd/UNSAFE_LineAreaChart.js +1 -1
  39. package/amd/UNSAFE_NavigationList.js +1 -1
  40. package/amd/UNSAFE_OverflowTabBar.js +1 -1
  41. package/amd/UNSAFE_RichCheckboxSet.js +1 -1
  42. package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
  43. package/amd/UNSAFE_RichSelectionItem.js +1 -1
  44. package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
  45. package/amd/UNSAFE_ScatterChart.js +1 -1
  46. package/amd/UNSAFE_TabBar.js +1 -1
  47. package/amd/UNSAFE_TabBarCommon.js +1 -1
  48. package/amd/UNSAFE_TabBarMixed.js +1 -1
  49. package/cjs/{Chart-55c4cd8f.js → Chart-c07adbbd.js} +2 -2
  50. package/cjs/{Chart-55c4cd8f.js.map → Chart-c07adbbd.js.map} +1 -1
  51. package/cjs/{ColorPalette-ea5e1bed.js → ColorPalette-f8fbe6a4.js} +2 -2
  52. package/cjs/{ColorPalette-ea5e1bed.js.map → ColorPalette-f8fbe6a4.js.map} +1 -1
  53. package/cjs/{ColorPicker-03036ee3.js → ColorPicker-efe1edb3.js} +2 -2
  54. package/cjs/{ColorPicker-03036ee3.js.map → ColorPicker-efe1edb3.js.map} +1 -1
  55. package/cjs/{Expander-96ce2888.js → Expander-01af6642.js} +2 -2
  56. package/cjs/{Expander-96ce2888.js.map → Expander-01af6642.js.map} +1 -1
  57. package/cjs/MaxLengthCounter-39055ba1.js +27 -0
  58. package/cjs/MaxLengthCounter-39055ba1.js.map +1 -0
  59. package/cjs/{NavigationListItem-24abe2ab.js → NavigationListItem-843e014d.js} +4 -2
  60. package/cjs/{NavigationListItem-24abe2ab.js.map → NavigationListItem-843e014d.js.map} +1 -1
  61. package/cjs/{NavigationListLinkItem-35f33123.js → NavigationListLinkItem-0931af4d.js} +2 -2
  62. package/cjs/{NavigationListLinkItem-35f33123.js.map → NavigationListLinkItem-0931af4d.js.map} +1 -1
  63. package/cjs/{OverflowTabBarItem-c8809159.js → OverflowTabBarItem-6c3c9629.js} +4 -4
  64. package/cjs/{OverflowTabBarItem-c8809159.js.map → OverflowTabBarItem-6c3c9629.js.map} +1 -1
  65. package/cjs/PRIVATE_Chart.js +4 -4
  66. package/cjs/PRIVATE_Expander.js +55 -55
  67. package/cjs/PRIVATE_Table.js +5 -5
  68. package/cjs/{SortControl-7be650eb.js → SortControl-5ca85c6b.js} +2 -2
  69. package/cjs/{SortControl-7be650eb.js.map → SortControl-5ca85c6b.js.map} +1 -1
  70. package/cjs/{TabBar-afd26c75.js → TabBar-1885c9c5.js} +3 -1
  71. package/cjs/{TabBar-afd26c75.js.map → TabBar-1885c9c5.js.map} +1 -1
  72. package/cjs/{TabBarLinkItem-4e4f8da0.js → TabBarLinkItem-cdff6676.js} +2 -2
  73. package/cjs/{TabBarLinkItem-4e4f8da0.js.map → TabBarLinkItem-cdff6676.js.map} +1 -1
  74. package/cjs/{Table-0bca32d4.js → Table-49575528.js} +2 -2
  75. package/cjs/{Table-0bca32d4.js.map → Table-49575528.js.map} +1 -1
  76. package/cjs/Theme-redwood/theme.css +148 -148
  77. package/cjs/Theme-stable/theme.css +239 -239
  78. package/cjs/UNSAFE_BarChart.js +4 -4
  79. package/cjs/UNSAFE_ColorPalette.js +69 -69
  80. package/cjs/UNSAFE_ColorPicker.js +64 -64
  81. package/cjs/UNSAFE_ComboChart.js +4 -4
  82. package/cjs/UNSAFE_FlatTreeView.js +30 -30
  83. package/cjs/UNSAFE_InputColor.js +12 -12
  84. package/cjs/UNSAFE_InputDatePicker.js +92 -92
  85. package/cjs/UNSAFE_LineAreaChart.js +4 -4
  86. package/cjs/UNSAFE_NavigationList.js +13 -13
  87. package/cjs/UNSAFE_NavigationListCommon.js +2 -2
  88. package/cjs/UNSAFE_OverflowTabBar.js +35 -35
  89. package/cjs/UNSAFE_ReorderableTabBar.js +30 -9
  90. package/cjs/UNSAFE_ReorderableTabBar.js.map +1 -1
  91. package/cjs/UNSAFE_ScatterChart.js +4 -4
  92. package/cjs/UNSAFE_SortControl.js +47 -47
  93. package/cjs/UNSAFE_TabBar.js +35 -35
  94. package/cjs/UNSAFE_TabBarCommon.js +55 -55
  95. package/cjs/UNSAFE_TabBarMixed.js +34 -34
  96. package/cjs/UNSAFE_TableView.js +5 -5
  97. package/cjs/UNSAFE_TextArea.js +216 -106
  98. package/cjs/UNSAFE_TextArea.js.map +1 -1
  99. package/cjs/UNSAFE_TextAreaAutosize.js +2 -2
  100. package/cjs/UNSAFE_TextAreaAutosize.js.map +1 -1
  101. package/es/CheckboxSetContext-1be56556.js +9 -0
  102. package/{amd/CheckboxSetContext-2e486ea8.js.map → es/CheckboxSetContext-1be56556.js.map} +1 -1
  103. package/es/{ColorPicker-3bb4cad3.js → ColorPicker-b0f5a7f2.js} +2 -2
  104. package/es/{ColorPicker-3bb4cad3.js.map → ColorPicker-b0f5a7f2.js.map} +1 -1
  105. package/es/DiagramStyles.styles.css +10 -16
  106. package/es/DiagramStyles.styles2.css +16 -10
  107. package/es/PRIVATE_ContainerDiagram/themes/DiagramStyles.css.js +1 -1
  108. package/es/PRIVATE_ContainerDiagram.js +1 -1
  109. package/es/Theme-redwood/theme.css +406 -406
  110. package/es/Theme-stable/theme.css +457 -457
  111. package/es/UNSAFE_CheckboxItem.js +47 -101
  112. package/es/UNSAFE_CheckboxItem.js.map +1 -1
  113. package/es/UNSAFE_CheckboxSet.js +44 -10
  114. package/es/UNSAFE_CheckboxSet.js.map +1 -1
  115. package/es/UNSAFE_ColorPicker.js +25 -25
  116. package/es/UNSAFE_Diagram/themes/DiagramStyles.css.js +1 -1
  117. package/es/UNSAFE_Diagram.js +1 -1
  118. package/es/UNSAFE_InputColor.js +2 -2
  119. package/es/UNSAFE_InputDatePicker.js +92 -92
  120. package/es/UNSAFE_RichCheckboxSet.js +25 -29
  121. package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
  122. package/es/UNSAFE_RichSelectionItem.js +29 -172
  123. package/es/UNSAFE_RichSelectionItem.js.map +1 -1
  124. package/package.json +2 -2
  125. package/amd/CheckboxSetContext-2e486ea8.js +0 -2
  126. package/amd/ColorPicker-d8bda48d.js +0 -2
  127. package/amd/InputDatePicker-8c8e14ca.js +0 -2
  128. package/amd/NavigationListItem-cdbcc394.js +0 -2
  129. package/cjs/TextArea-8608dba1.js +0 -187
  130. package/cjs/TextArea-8608dba1.js.map +0 -1
  131. package/es/CheckboxSet-751d4298.js +0 -49
@@ -4,7 +4,6 @@ import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
4
4
  import './FormFieldContext-47ca0c20.js';
5
5
  import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
6
6
  import { u as useRichSelectionContext, b as useRichSelectionStartContext } from './RichSelectionStartContext-3fc472e0.js';
7
- import { u as useCheckboxSetContext } from './CheckboxSet-751d4298.js';
8
7
  import { u as useRadioSetContext, a as useRadioItemContext } from './RadioItemContext-fe419b75.js';
9
8
  import { T as TruncatingText } from './TruncatingText-659ee20a.js';
10
9
  import { c as classNames } from './classNames-4e12b00d.js';
@@ -31,31 +30,18 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
31
30
  import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.js';
32
31
  import { radioDisabledColor, radioDefaultColor } from './UNSAFE_RadioItem/themes/RadioStyles.css.js';
33
32
  import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
33
+ import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
34
34
  import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
35
35
  import { S as StyledCard } from './StyledCard-efd0a872.js';
36
36
  import 'preact';
37
- import 'preact/compat';
38
- import './useFormFieldContextProps-31bbc12f.js';
39
- import './CheckboxSetStyles.styles.css';
40
- import './CheckboxRadioField-4ca01498.js';
41
- import './useCollectionFocusRing-71cdd52c.js';
42
- import './collectionUtils-893f2808.js';
43
- import './keys-49c92dbb.js';
44
- import './clientHints-a42b510c.js';
45
- import './useTranslationBundle-25469f1c.js';
46
- import './LayerHost-12489cef.js';
47
- import './index-3e2e69c4.js';
48
- import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
49
- import './LayerHostStyles.styles.css';
50
- import './Label-17e1d221.js';
51
- import './UserAssistanceStyles.styles.css';
52
- import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
53
- import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
54
- import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
55
- import './MessageBannerStyles.styles.css';
56
- import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
57
- import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
58
- import './MessageBannerVariants.styles.css';
37
+ import './useTooltipOnTruncation-ea080f54.js';
38
+ import './useDetectTruncation-eb704b0c.js';
39
+ import './truncationUtils-e37f95ee.js';
40
+ import './useResizeObserver-13641643.js';
41
+ import './useAddBusyState-7a6af61f.js';
42
+ import './BusyStateContext-9ee9751d.js';
43
+ import './useBusyStateContext-4d3c27c0.js';
44
+ import './unsafeDomAccess-453eb74e.js';
59
45
  import './useTooltip-f442fedb.js';
60
46
  import './useTooltipControlled-d7724623.js';
61
47
  import './useHover-85077adb.js';
@@ -66,6 +52,11 @@ import './mergeProps-88ea8306.js';
66
52
  import './useAnimation-a5eb7604.js';
67
53
  import './useThemeInterpolations-4b48d878.js';
68
54
  import './useColorScheme-96cce6a1.js';
55
+ import './LayerHost-12489cef.js';
56
+ import './index-3e2e69c4.js';
57
+ import 'preact/compat';
58
+ import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
59
+ import './LayerHostStyles.styles.css';
69
60
  import './useScale-0ebe15ed.js';
70
61
  import './theme-63551f30.js';
71
62
  import './Theme-e6dec6db.js';
@@ -76,7 +67,6 @@ import './_curry1-63949a9b.js';
76
67
  import './_curry2-01c87f61.js';
77
68
  import './_isObject-1fab0f5b.js';
78
69
  import './useDensity-d06ae84a.js';
79
- import './unsafeDomAccess-453eb74e.js';
80
70
  import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
81
71
  import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
82
72
  import './TooltipContentStyles.styles.css';
@@ -84,6 +74,7 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js'
84
74
  import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
85
75
  import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
86
76
  import './TooltipContentVariants.styles.css';
77
+ import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
87
78
  import './tooltipUtils-466c63c4.js';
88
79
  import './EnvironmentProvider-546b7ebd.js';
89
80
  import './LayerManager-a62e619b.js';
@@ -110,164 +101,23 @@ import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
110
101
  import './vanilla-extract-dynamic.esm-c909758c.js';
111
102
  import './UNSAFE_Floating/themes/FloatingContract.css.js';
112
103
  import './useUnsafeDomElementRef-32290273.js';
113
- import './IconStyle.styles.css';
114
- import './IconButton-e7787aeb.js';
115
- import './BaseButton-32b49810.js';
116
- import './useActive-fb6d4d52.js';
117
- import './dimensions-ddde0eee.js';
118
- import './size-a3d3aeaf.js';
119
- import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
120
- import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
121
- import './BaseButtonStyles.styles.css';
122
- import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
123
- import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
124
- import './BareButton-2df3f3eb.js';
125
- import './useBareButton-31066c02.js';
126
- import './usePressClick-945cc43b.js';
127
- import './buttonUtils-55fb1df7.js';
128
- import './id-83adac50.js';
129
- import './ButtonLabelLayout-d449261a.js';
130
- import './Text-983c749e.js';
104
+ import './logger-c92f309c.js';
131
105
  import './UNSAFE_Text/themes/TextStyles.css.js';
132
106
  import './TextStyles.styles.css';
133
- import './useButtonLabelLayoutTheme-a1b95a52.js';
134
- import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
135
- import './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js';
136
- import './ButtonLabelLayoutStyles.styles.css';
137
- import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js';
138
- import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
139
- import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
140
- import './ButtonLabelLayoutVariants.styles.css';
141
- import './logger-c92f309c.js';
142
- import './MessageStyles.styles.css';
143
- import './MessageFormattingUtils-cdb25115.js';
144
- import './getLocale-1c41e86a.js';
145
- import './stringUtils-0fe25200.js';
146
- import './TransitionGroup-5fd80dc9.js';
147
- import './MessagesContext-76544845.js';
148
- import './HiddenAccessibleStyles.styles.css';
149
- import './ComponentMessageStyles.styles.css';
150
- import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
151
- import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
152
- import './InputGroupContext-20bdbd6e.js';
153
- import './Popup-0f026f03.js';
154
- import './tabbableUtils-ce19b388.js';
155
- import './head-8f89fe66.js';
156
- import './_arity-be492b9e.js';
157
- import './_isArray-694cc52d.js';
158
- import './_isString-675f1de9.js';
159
- import './FocusTrap-9f37aa41.js';
160
- import './FocusTracker-02ad6723.js';
161
- import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
162
- import './FocusTrackerStyles.styles.css';
163
- import './Modal-678575d5.js';
164
- import './UNSAFE_Modal/themes/ModalStyles.css.js';
165
- import './ModalStyles.styles.css';
166
- import './popupUtils-4edf62b5.js';
167
- import './WindowOverlay-b380ce51.js';
168
- import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
169
- import './WindowOverlayStyles.styles.css';
170
- import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
171
- import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
172
- import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
173
- import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
174
- import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
175
- import './usePopupAnimation-66b186ad.js';
176
- import './useAnimationStatus-072d6a98.js';
177
- import './popupAnimationUtils-175151d9.js';
178
- import './LiveRegion-79ffc814.js';
179
- import './LiveRegionStyles.styles.css';
180
- import './UNSAFE_Popup/themes/PopupContract.css.js';
181
- import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
182
- import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
183
- import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
184
- import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
185
- import './PopupStyles.styles.css';
186
- import './colors-b6530fec.js';
187
- import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
188
- import './SeparatorStyles.styles.css';
189
- import './CompactLabelAssistance-1082f67f.js';
190
- import './Help-2b3a3ccf.js';
191
- import './Icon-ef2ac069.js';
192
- import './UNSAFE_Icon/themes/IconStyle.css.js';
193
- import './useFocusWithin-30b1e2d8.js';
194
- import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
195
- import './UNSAFE_Label/themes/redwood/LabelTheme.js';
196
- import './UNSAFE_Label/themes/LabelStyles.css.js';
197
- import './LabelStyles.styles.css';
198
- import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
199
- import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
200
- import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
201
- import './truncationUtils-e37f95ee.js';
202
- import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
203
- import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
204
- import './SkeletonStyles.styles.css';
205
- import './TextFieldLoadingStyles.styles.css';
206
- import './TextFieldStyles.styles.css';
207
- import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
208
- import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
209
- import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
210
- import './TextFieldVariants.styles.css';
211
- import './InlineHelp-8293a502.js';
212
- import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
213
- import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
214
- import './InlineUserAssistance-af01b717.js';
215
- import './ComponentMessageContainer-dc2b5f81.js';
216
- import './MessagesManager-c46786cb.js';
217
- import './SuccessS-49782304.js';
218
- import './ErrorS-60a975db.js';
219
- import './InformationS-daba658e.js';
220
- import './WarningS-7c6d2d0e.js';
221
- import './PRIVATE_Message/themes/MessageStyles.css.js';
222
- import './soundUtils-88264cb5.js';
223
- import './useMessagesContext-9e1dbe91.js';
224
- import './Transition-f9501682.js';
225
- import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
226
- import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
227
- import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
228
- import './useInputGroupContext-1d19411e.js';
229
- import './CheckboxRadioFieldStyles.css-23f5791b.js';
230
- import './useMessageSeverity-65295e8f.js';
231
- import './CheckboxRadioFieldStyles.styles.css';
232
- import './CheckboxRadioContext-fe425383.js';
233
- import './LayoutStyles.css-6b02421a.js';
234
- import './LayoutStyles.styles.css';
235
- import './CheckboxRadioLabelValueLayout-1af018de.js';
236
- import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
237
- import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js';
238
- import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css';
239
- import './UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js';
240
- import './RadioStyles.styles.css';
241
- import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
242
- import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
243
- import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
244
- import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
245
- import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
246
- import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
247
- import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
248
- import './CheckboxStyles.styles.css';
249
- import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
250
- import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
251
- import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
252
- import './CheckboxVariants.styles.css';
253
- import './StyledLabelValueLayout-32bdf9d1.js';
254
- import './LabelValueLayoutStyles.styles.css';
255
- import './CheckboxRadioLabelValueLayoutStyles.styles.css';
256
- import './formControlUtils-4ec34117.js';
257
- import './useTooltipOnTruncation-ea080f54.js';
258
- import './useDetectTruncation-eb704b0c.js';
259
- import './useResizeObserver-13641643.js';
260
- import './useAddBusyState-7a6af61f.js';
261
- import './BusyStateContext-9ee9751d.js';
262
- import './useBusyStateContext-4d3c27c0.js';
107
+ import './clientHints-a42b510c.js';
263
108
  import './RichSelectionItemStyles.styles.css';
264
109
  import './borders-98a63040.js';
110
+ import './dimensions-ddde0eee.js';
111
+ import './size-a3d3aeaf.js';
265
112
  import './flexitem-7b7f7920.js';
266
113
  import './flexitem.styles.css';
267
114
  import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
115
+ import './colors-b6530fec.js';
268
116
  import './padding-9b3afaa2.js';
269
117
  import './aria-efa0582c.js';
270
118
  import './equals-625352e8.js';
119
+ import './_isArray-694cc52d.js';
120
+ import './_isString-675f1de9.js';
271
121
  import './AspectRatioStyles.styles.css';
272
122
  import './UNSAFE_Avatar/themes/redwood/AvatarTheme.js';
273
123
  import './UNSAFE_Avatar/themes/AvatarStyles.css.js';
@@ -283,7 +133,11 @@ import './boxalignment.styles.css';
283
133
  import './flexbox-529f25da.js';
284
134
  import './flexbox.styles.css';
285
135
  import './FlexStyles.styles.css';
136
+ import './useActive-fb6d4d52.js';
286
137
  import './CheckboxOff-79645ca6.js';
138
+ import './Icon-ef2ac069.js';
139
+ import './UNSAFE_Icon/themes/IconStyle.css.js';
140
+ import './IconStyle.styles.css';
287
141
  import './CheckboxOn-cf142463.js';
288
142
  import './CheckboxMixed-56054e95.js';
289
143
  import './UNSAFE_Checkbox/themes/CheckboxIconContract.css.js';
@@ -297,12 +151,15 @@ import './CheckboxIconVariants.styles.css';
297
151
  import './StyledCheckbox.styles.css';
298
152
  import './CollectionInteractionContext-7cf19abc.js';
299
153
  import './useCollectionInteractionContext-3895c632.js';
154
+ import './HiddenAccessibleStyles.styles.css';
155
+ import './RadioStyles.styles.css';
300
156
  import './UNSAFE_RadioItem/themes/RadioIconStyles.css.js';
301
157
  import './RadioIconStyles.styles.css';
302
158
  import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css.js';
303
159
  import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css';
304
160
  import './UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css.js';
305
161
  import './RadioIconVariants.styles.css';
162
+ import './useFocusWithin-30b1e2d8.js';
306
163
  import './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
307
164
  import './StyledCardStyles.styles.css';
308
165
 
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </span>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
1
+ {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </span>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "scripts": {},
6
6
  "devDependencies": {},
7
7
  "dependencies": {
8
- "@oracle/oraclejet-testing": "19.0.5",
8
+ "@oracle/oraclejet-testing": "19.0.7",
9
9
  "csstype": "3.1.1"
10
10
  },
11
11
  "peerDependencies": {
@@ -49,5 +49,5 @@
49
49
  ]
50
50
  }
51
51
  },
52
- "version": "19.0.5"
52
+ "version": "19.0.7"
53
53
  }
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact', 'preact/hooks'], (function(e,t,o){"use strict";const c=t.createContext({});e.CheckboxSetContext=c,e.useCheckboxSetContext=()=>o.useContext(c)}));
2
- //# sourceMappingURL=CheckboxSetContext-2e486ea8.js.map
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', './useTestId-a2e433c2', './UNSAFE_ColorPicker/themes/ColorPickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme', './ColorPalette-b26f3861', 'preact/compat', './Flex-4bc3a394', './clientUtils-f1eea2db'], (function(e,o,t,i,r,s,c,a,l,d){"use strict";const h=a.forwardRef((({swatchSize:e="xs",palette:a,height:h,maxWidth:m,value:n,testId:P,width:C,onCommit:p},u)=>{const{classes:x}=r.useComponentTheme(s.ColorPickerRedwoodTheme),k=t.useTestId(P);return o.jsx("div",{ref:u,class:x,...k,children:o.jsx(l.Flex,{direction:"column",height:"auto"===h||d.isMobile()?void 0:i.colorPickerPropVars.maxHeight,maxWidth:void 0!==m?m:d.isMobile()?"100%":i.colorPickerPropVars.maxWidth,width:void 0!==C?C:i.colorPickerPropVars.width,children:o.jsx(c.ColorPalette,{palette:a,swatchSize:e,value:n,testId:P?P+"_picker":void 0,onCommit:p})})})}));e.ColorPicker=h}));
2
- //# sourceMappingURL=ColorPicker-d8bda48d.js.map
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-47e39e3e', './InputDateMask-2fdb6f26', './HiddenAccessible-037ef42d', './IconButton-232d63fc', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-fdd314ac', './DatePicker-568944a7', './SectionedContent-bae8af88', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-7ea0c25b', './maskUtils-8e7a7701', './useHiddenTestMethod-2f1d2e7e', './calendarDateUtils-dd5b75ee', './useTestId-a2e433c2'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te){"use strict";const ae=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:u,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(c),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==c&&(P(c),c||I(!1));const w=ne(),{datePicker_label:M}=m.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(z.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:y,max:b,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!c||F&&!w||l||u||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Z.userAssistanceStyles,children:s.jsx(f.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Z.dropdownStyles,children:s.jsx(G.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(W.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ne=()=>"phone"===l.getClientHints().deviceType,oe=e=>e&&se.isCompleteCalendarDate(e)?e:void 0,re=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:oe(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:oe(s.data),dateValue:s.data};default:return e}},ie=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),c=a.useRef(null),u=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),y=a.useRef(r),f=a.useRef(!1),{state:b,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(re,{completeDateValue:oe(e),dateValue:e});return{state:s,dispatch:t}})({value:r});$.calendarDatesAreDifferent(y.current,r)&&(y.current=r,$.calendarDatesAreDifferent(r,b.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{$.calendarDatesAreDifferent(b.dateValue,h.current)&&(n({previousValue:h.current,value:b.dateValue}),h.current=b.dateValue),f.current&&$.calendarDatesAreDifferent(b.dateValue,p.current)&&(t?.({previousValue:p.current,value:b.dateValue}),p.current=b.dateValue,f.current=!1)}),[t,n,b.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{$.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{u.current||l((e=>!e)),u.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(u.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{u.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),f.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return ee.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:b.completeDateValue,dateValue:b.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:c}},le=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,max:f,messages:b,min:C,monthAndYearPicker:D,todayTimeZone:v,todayButton:S,value:k,onCommit:x,onInput:A,testId:T,userAssistanceDensity:g,weekDisplay:F,...I},V)=>{const P=te.useTestId(T),R=a.useRef(null),{calendarIconActionHandler:w,datePickerCommitHandler:M,completeDateValue:U,dateValue:_,dropdownCloseHandler:j,iconRef:H,isOpen:B,maskCommitHandler:E,maskInputHandler:N,maskRef:L}=ie({isDisabled:p,isReadonly:h,onCommit:x,onInput:A,rootRef:R,value:k}),O=a.useRef(null),{inputDatePicker_selectDate:Y,inputDatePicker_instruction:Z}=m.useTranslationBundle("@oracle/oraclejet-preact"),W=Y(),{userAssistanceDensity:z}=K.useFormContext(),G=g??z;a.useImperativeHandle(V,(()=>({focus:()=>{L.current?.focus()},blur:()=>{L.current?.blur()}})));const J=Q.useId(),X=Z(),$=p||h?void 0:s.jsx(r.HiddenAccessible,{id:J,isHidden:!0,children:X}),ee=p||h?e:q.l([e,J]),se=s.jsx(i.IconButton,{"aria-haspopup":"dialog","aria-label":W,isDisabled:p,ref:H,size:"sm",testId:T?T+"_calendarIcon":void 0,variant:"ghost",onAction:w,children:s.jsx(n.SvgCalendar,{})}),ne=B;return s.jsxs("div",{...P,ref:R,children:[s.jsx(o.InputDateMaskContext.Provider,{value:{isDropdownOpen:B,isInputDatePickerParent:!0},children:s.jsx(o.InputDateMask,{"aria-describedby":ee,assistiveText:t,endContent:se,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,onCommit:E,onInput:N,mainFieldRef:O,messages:b,testId:T?T+"_mask":void 0,ref:L,userAssistanceDensity:g,value:_,...I})}),$,ne&&s.jsx(ae,{anchorRef:O,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,isOpen:B,label:y,onClose:j,onCommit:M,max:f,messages:b,min:C,monthAndYearPicker:D,testId:T?T+"_datePicker":void 0,todayTimeZone:v,todayButton:S,userAssistanceDensity:G,value:U,weekDisplay:F})]})}));e.InputDatePicker=le}));
2
- //# sourceMappingURL=InputDatePicker-8c8e14ca.js.map
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './clientUtils-f1eea2db', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-26e6c87c', './useCollectionFocusRing-35d278f5', './useCurrentKey-2f1ca19e', './useContextMenuGesture-69b54d61', './useTranslationBundle-27bf6340', './TabBarContextMenu-cad0a362', 'preact/compat', './useTestId-a2e433c2', './HiddenAccessible-037ef42d', './LiveRegion-4b9317e5', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-cb5c260b', './Flex-4bc3a394', './logger-0f873e29', 'preact', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './BaseButton-2c9850cb', './ButtonLabelLayout-9cc087dc'], (function(e,t,n,o,s,r,i,a,c,l,u,d,m,f,y,g,b,v,x,h,C,p,K,S,I,R,N,L,F,k,M,E,w,A){"use strict";const T='[role="tab"]',B="[data-oj-navigationlist-item-remove-icon]",U={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},j={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const D=(e,t,n)=>{const o=c.findElementByKey(t,e,T);if(o){return o.querySelector(n)}},P=(e,t)=>{const n=c.findElementByKey(t,e,T);if(n)return n.innerText},_=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:c.keyExtractor(e,t)},V=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},H=y.forwardRef((({children:e,selection:x,onSelectionChange:C,onRemove:p,"aria-label":K,"aria-labelledby":S,testId:I},R)=>{const N=n.useRef(null),L=r.isMobile(),F=n.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=D(e.itemKey,N.current,B)&&L){const n=e.defaultMenuItems;return t.jsx(t.Fragment,{children:n})}}return null}})),[]),{showFocusRing:k,currentKey:M,onCurrentKeyChange:E,containerHandlers:w,onKeyDown:A,contextMenuContext:H,menuProps:O,contextMenuDescription:q,contextMenuDescriptionId:G,accStatusInfo:$}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i,contextMenuConfig:a}){const y=m.useTranslationBundle("@oracle/oraclejet-preact"),[g,b]=n.useState(t),v=n.useCallback((e=>{b(e.value)}),[]),{currentKeyProps:x}=u.useCurrentKey((e=>s?_(e,T,B):c.keyExtractor(e,T)),!1,c.getPrevNextKeyUsingRef(e,g,!0,T),c.getPrevNextKeyUsingRef(e,g,!1,T),void 0,void 0,g,v),[h,C]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),p={onFocus:n.useCallback((()=>{if(e.current&&void 0===g){const t=c.getFirstVisibleKey(e.current,T);t&&b(t)}}),[g,e])},K=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(T),(e=>c.getKey(e)));if(null!=g&&-1!==t.indexOf(g)){const t=c.findElementByKey(e.current,g,T);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else g&&-1===t.indexOf(g)&&(K.current?b(V(g,t,K.current)):b(t[0])),K.current=t}}),[i,g,e]);const S=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&g){const n=Array.from(e.current.querySelectorAll(T),(e=>c.getKey(e)));v?.({value:n["Home"===t.key?0:n.length-1]})}!g||"Enter"!==t.key&&" "!==t.key||r?.({value:g,reason:"keyboard"}),g&&"Delete"===t.key&&s?.({value:g})}),[g,r,s,v,e]),[I,R]=n.useState(),[N,L]=n.useState(j),[F,k]=n.useState(),{triggerProps:M}=d.useContextMenuGesture((({gesture:t,anchor:n,target:o})=>{let r=n,i=g;if("keyboard"===t){r=c.findElementByKey(e.current,g,T)||n}else{const e=c.keyExtractor(o,T);i=null!=e?e:g}let l=!1;e.current&&(l=null!=D(i,e.current,B));const u=f.getDefaultContextMenu({isRemovable:l,handleRemove:s,handleReorder:void 0,itemKey:i,tabKeys:void 0,direction:void 0,itemLabels:{labelRemove:l?y.tabbar_labelRemove():void 0},handleAccStatus:t=>{const n=P(t.removedKey,e.current),o=l&&t.removedKey?` Removed ${n}`:"";k(o)}});R(u),L({...U[t],anchorRef:{current:r},isOpen:null!=a})}),{isDisabled:!a}),E=n.useCallback((t=>{"dismissed"!==t.reason&&"itemAction"!==t.reason||(b(I?.itemKey),e.current?.focus()),L({...j})}),[e,I?.itemKey]),w="contextMenu_"+n.useId(),A=y.tabbar_labelContextMenu();return{showFocusRing:h,currentKey:g,onCurrentKeyChange:v,onKeyDown:S,menuProps:{...N,onClose:E},contextMenuContext:I,contextMenuDescription:A,contextMenuDescriptionId:w,accStatusInfo:F,containerHandlers:o.mergeProps(C,x,p,M)}}({containerRef:N,selection:x,onRemove:p,onSelectionChange:C,children:e,contextMenuConfig:F}),z=null!=F&&L,J={onKeyDown:A},Q=s.classNames([a.navigationListStyles.uListStyle]),W=i.useId()+"_",X=g.useTestId(I);return y.useImperativeHandle(R,(()=>({focus:()=>{N.current&&N.current.focus()},blur:()=>{N.current&&N.current.focus()}}))),t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":K,"aria-labelledby":S,role:"tablist",ref:N,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":M?W+M:"",...o.mergeProps(J,w),...X,class:Q,children:t.jsx(h.NavigationListContext.Provider,{value:{selection:x,onSelectionChange:C,onCurrentKeyChange:E,currentKey:M,showFocusRing:k,navigationListItemPrefix:W,onRemove:p},children:e})}),z&&G&&q&&t.jsx("span",{id:G,children:t.jsx(b.HiddenAccessible,{children:q})}),z&&$&&t.jsx(v.LiveRegion,{children:$}),z&&t.jsx(f.TabBarContextMenu,{...O,contextMenuConfig:F,contextMenuContext:H})]})}));e.NavigationList=H,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r}){return t.jsx(h.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r})}}));
2
- //# sourceMappingURL=NavigationListItem-cdbcc394.js.map