@oracle/oraclejet-preact 20.0.0 → 20.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/amd/BaseCardView-16fda4c3.js +2 -0
  2. package/amd/{BaseCardView-b8119561.js.map → BaseCardView-16fda4c3.js.map} +1 -1
  3. package/amd/BaseTabBarItem-d7c2922b.js +2 -0
  4. package/amd/BaseTabBarItem-d7c2922b.js.map +1 -0
  5. package/amd/CardFlexView-d3eb7373.js +2 -0
  6. package/amd/{CardFlexView-aa2f3de8.js.map → CardFlexView-d3eb7373.js.map} +1 -1
  7. package/amd/CardGridView-842f70cd.js +2 -0
  8. package/amd/{CardGridView-85f90c75.js.map → CardGridView-842f70cd.js.map} +1 -1
  9. package/amd/CheckboxSetContext-2e486ea8.js +2 -0
  10. package/{cjs/CheckboxSetContext-c62db26d.js.map → amd/CheckboxSetContext-2e486ea8.js.map} +1 -1
  11. package/amd/{CollapsibleNavigationList-f0072c90.js → CollapsibleNavigationList-fdeccbfb.js} +2 -2
  12. package/amd/{CollapsibleNavigationList-f0072c90.js.map → CollapsibleNavigationList-fdeccbfb.js.map} +1 -1
  13. package/amd/{DatePicker-88c5bbcd.js → DatePicker-bf521b1c.js} +2 -2
  14. package/amd/{DatePicker-88c5bbcd.js.map → DatePicker-bf521b1c.js.map} +1 -1
  15. package/amd/ExpandableList-a9a86ad8.js +2 -0
  16. package/amd/{ExpandableList-233c279e.js.map → ExpandableList-a9a86ad8.js.map} +1 -1
  17. package/amd/{FlatTreeView-9ecf2be6.js → FlatTreeView-15edd439.js} +2 -2
  18. package/amd/{FlatTreeView-9ecf2be6.js.map → FlatTreeView-15edd439.js.map} +1 -1
  19. package/amd/{InlineSelectSingle-f4438110.js → InlineSelectSingle-7c1cc5b5.js} +2 -2
  20. package/amd/{InlineSelectSingle-f4438110.js.map → InlineSelectSingle-7c1cc5b5.js.map} +1 -1
  21. package/amd/InputDatePicker-7227a858.js +2 -0
  22. package/amd/{InputDatePicker-48633486.js.map → InputDatePicker-7227a858.js.map} +1 -1
  23. package/amd/ListView-6d21e8f9.js +2 -0
  24. package/amd/{ListView-2678b2af.js.map → ListView-6d21e8f9.js.map} +1 -1
  25. package/amd/{MonthView-ea883c49.js → MonthView-96fafba4.js} +2 -2
  26. package/amd/{MonthView-ea883c49.js.map → MonthView-96fafba4.js.map} +1 -1
  27. package/amd/{OverflowTabBar-b142f8d4.js → OverflowTabBar-5ff68da7.js} +2 -2
  28. package/amd/{OverflowTabBar-b142f8d4.js.map → OverflowTabBar-5ff68da7.js.map} +1 -1
  29. package/amd/{OverflowTabBarItem-49a82149.js → OverflowTabBarItem-926b0c8a.js} +2 -2
  30. package/amd/{OverflowTabBarItem-49a82149.js.map → OverflowTabBarItem-926b0c8a.js.map} +1 -1
  31. package/amd/PRIVATE_BaseCardView.js +1 -1
  32. package/amd/PRIVATE_CollapsibleNavigationList.js +1 -1
  33. package/amd/PRIVATE_MonthView.js +1 -1
  34. package/amd/PRIVATE_MonthYearGridView.js +1 -1
  35. package/amd/PRIVATE_SelectCommon.js +1 -1
  36. package/amd/PRIVATE_StyledDatePickerButton.js +1 -1
  37. package/amd/PRIVATE_TableList.js +1 -1
  38. package/amd/{RemovableTabBarItem-e1bee7fa.js → RemovableTabBarItem-9ae273fe.js} +2 -2
  39. package/amd/{RemovableTabBarItem-e1bee7fa.js.map → RemovableTabBarItem-9ae273fe.js.map} +1 -1
  40. package/amd/ReorderableTabBar-0c69bfd4.js +2 -0
  41. package/amd/{ReorderableTabBar-46683bcb.js.map → ReorderableTabBar-0c69bfd4.js.map} +1 -1
  42. package/amd/{SelectMobileFieldInput-83f56b22.js → SelectMobileFieldInput-d499ef86.js} +2 -2
  43. package/amd/{SelectMobileFieldInput-83f56b22.js.map → SelectMobileFieldInput-d499ef86.js.map} +1 -1
  44. package/amd/{SelectMultiple-cb5fdd20.js → SelectMultiple-cc9bffc6.js} +2 -2
  45. package/amd/{SelectMultiple-cb5fdd20.js.map → SelectMultiple-cc9bffc6.js.map} +1 -1
  46. package/amd/{SelectSingle-02e85b6e.js → SelectSingle-2bb35b67.js} +2 -2
  47. package/amd/{SelectSingle-02e85b6e.js.map → SelectSingle-2bb35b67.js.map} +1 -1
  48. package/amd/StyledDatePickerButton-bceb62e1.js +2 -0
  49. package/amd/StyledDatePickerButton-bceb62e1.js.map +1 -0
  50. package/amd/StyledDatePickerButtonStyles.styles.css +17 -0
  51. package/amd/TabBar-de723fbc.js +2 -0
  52. package/amd/{TabBar-fcebb560.js.map → TabBar-de723fbc.js.map} +1 -1
  53. package/amd/TabBarItem-a39c5de3.js +2 -0
  54. package/amd/{TabBarItem-224bc6b3.js.map → TabBarItem-a39c5de3.js.map} +1 -1
  55. package/amd/TabBarLinkItem-944b1e8d.js +2 -0
  56. package/amd/{TabBarLinkItem-57587dbd.js.map → TabBarLinkItem-944b1e8d.js.map} +1 -1
  57. package/amd/TabBarMixed-cfd346bf.js +2 -0
  58. package/amd/{TabBarMixed-8cc4b4ed.js.map → TabBarMixed-cfd346bf.js.map} +1 -1
  59. package/amd/Theme-redwood/theme.css +201 -201
  60. package/amd/Theme-stable/theme.css +218 -218
  61. package/amd/UNSAFE_CardFlexView.js +1 -1
  62. package/amd/UNSAFE_CardGridView.js +1 -1
  63. package/amd/UNSAFE_CheckboxItem.js +1 -1
  64. package/amd/UNSAFE_CheckboxItem.js.map +1 -1
  65. package/amd/UNSAFE_CheckboxSet.js +1 -1
  66. package/amd/UNSAFE_CheckboxSet.js.map +1 -1
  67. package/amd/UNSAFE_DatePicker.js +1 -1
  68. package/amd/UNSAFE_ExpandableList.js +1 -1
  69. package/amd/UNSAFE_FlatTreeView.js +1 -1
  70. package/amd/UNSAFE_InlineSelectSingle.js +1 -1
  71. package/amd/UNSAFE_InputDatePicker.js +1 -1
  72. package/amd/UNSAFE_ListView.js +1 -1
  73. package/amd/UNSAFE_OverflowTabBar.js +1 -1
  74. package/amd/UNSAFE_ReorderableTabBar.js +1 -1
  75. package/amd/UNSAFE_RichCheckboxSet.js +1 -1
  76. package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
  77. package/amd/UNSAFE_RichSelectionItem.js +1 -1
  78. package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
  79. package/amd/UNSAFE_SelectMultiple.js +1 -1
  80. package/amd/UNSAFE_SelectSingle.js +1 -1
  81. package/amd/UNSAFE_TabBar.js +1 -1
  82. package/amd/UNSAFE_TabBarCommon.js +1 -1
  83. package/amd/UNSAFE_TabBarMixed.js +1 -1
  84. package/amd/UNSAFE_VirtualizedListView.js +1 -1
  85. package/amd/VirtualizedListView-1ae7151d.js +2 -0
  86. package/amd/{VirtualizedListView-a0f338c2.js.map → VirtualizedListView-1ae7151d.js.map} +1 -1
  87. package/amd/{YearsGridView-4aa7bc66.js → YearsGridView-561c3074.js} +2 -2
  88. package/amd/{YearsGridView-4aa7bc66.js.map → YearsGridView-561c3074.js.map} +1 -1
  89. package/amd/{useDisplayValue-e70c76d8.js → useDisplayValue-0e90bf4c.js} +2 -2
  90. package/amd/{useDisplayValue-e70c76d8.js.map → useDisplayValue-0e90bf4c.js.map} +1 -1
  91. package/amd/useSelectCommon-a02ddf3c.js +2 -0
  92. package/amd/useSelectCommon-a02ddf3c.js.map +1 -0
  93. package/cjs/{Chart-13a198f3.js → Chart-966da017.js} +2 -2
  94. package/cjs/{Chart-13a198f3.js.map → Chart-966da017.js.map} +1 -1
  95. package/cjs/CheckboxSet-6865f4fd.js +55 -0
  96. package/{amd/CheckboxSet-f000e5c2.js.map → cjs/CheckboxSet-6865f4fd.js.map} +1 -1
  97. package/cjs/{ColorPalette-9f041744.js → ColorPalette-b14114d8.js} +2 -2
  98. package/cjs/{ColorPalette-9f041744.js.map → ColorPalette-b14114d8.js.map} +1 -1
  99. package/cjs/{ColorPicker-9af6707c.js → ColorPicker-8f0b6000.js} +2 -2
  100. package/cjs/{ColorPicker-9af6707c.js.map → ColorPicker-8f0b6000.js.map} +1 -1
  101. package/cjs/{DatePicker-48c602ff.js → DatePicker-b60f8a7e.js} +3 -3
  102. package/cjs/{DatePicker-48c602ff.js.map → DatePicker-b60f8a7e.js.map} +1 -1
  103. package/cjs/{MonthView-59452edc.js → MonthView-a2661a58.js} +2 -2
  104. package/cjs/{MonthView-59452edc.js.map → MonthView-a2661a58.js.map} +1 -1
  105. package/cjs/{OverflowTabBarItem-2c967a89.js → OverflowTabBarItem-abcd2327.js} +6 -3
  106. package/cjs/OverflowTabBarItem-abcd2327.js.map +1 -0
  107. package/cjs/PRIVATE_Chart.js +4 -4
  108. package/cjs/PRIVATE_MonthView.js +2 -3
  109. package/cjs/PRIVATE_MonthView.js.map +1 -1
  110. package/cjs/PRIVATE_MonthYearGridView.js +2 -3
  111. package/cjs/PRIVATE_MonthYearGridView.js.map +1 -1
  112. package/cjs/PRIVATE_SelectCommon.js +2 -2
  113. package/cjs/PRIVATE_StyledDatePickerButton.js +1 -2
  114. package/cjs/PRIVATE_StyledDatePickerButton.js.map +1 -1
  115. package/cjs/SegmentStyles.styles.css +12 -9
  116. package/cjs/SegmentStyles.styles2.css +9 -12
  117. package/cjs/{SelectMobileFieldInput-111a95a5.js → SelectMobileFieldInput-cbf57541.js} +2 -2
  118. package/cjs/{SelectMobileFieldInput-111a95a5.js.map → SelectMobileFieldInput-cbf57541.js.map} +1 -1
  119. package/cjs/{StyledDatePickerButton-cf4e4dc0.js → StyledDatePickerButton-becd2a7d.js} +2 -8
  120. package/cjs/StyledDatePickerButton-becd2a7d.js.map +1 -0
  121. package/cjs/StyledDatePickerButtonStyles.styles.css +17 -0
  122. package/cjs/{TabBarLinkItem-42785eb3.js → TabBarLinkItem-b0c4b100.js} +2 -2
  123. package/cjs/{TabBarLinkItem-42785eb3.js.map → TabBarLinkItem-b0c4b100.js.map} +1 -1
  124. package/cjs/Theme-redwood/theme.css +117 -117
  125. package/cjs/Theme-stable/theme.css +224 -224
  126. package/cjs/UNSAFE_BarChart.js +4 -4
  127. package/cjs/UNSAFE_CheckboxItem.js +117 -56
  128. package/cjs/UNSAFE_CheckboxItem.js.map +1 -1
  129. package/cjs/UNSAFE_CheckboxSet.js +21 -50
  130. package/cjs/UNSAFE_CheckboxSet.js.map +1 -1
  131. package/cjs/UNSAFE_ColorPalette.js +80 -80
  132. package/cjs/UNSAFE_ColorPicker.js +60 -60
  133. package/cjs/UNSAFE_ComboChart.js +4 -4
  134. package/cjs/UNSAFE_DatePicker.js +4 -4
  135. package/cjs/UNSAFE_InlineSelectSingle.js +2 -2
  136. package/cjs/UNSAFE_InputColor.js +11 -11
  137. package/cjs/UNSAFE_InputDatePicker.js +96 -96
  138. package/cjs/UNSAFE_LineAreaChart.js +4 -4
  139. package/cjs/UNSAFE_OverflowTabBar.js +2 -2
  140. package/cjs/UNSAFE_RichCheckboxSet.js +46 -42
  141. package/cjs/UNSAFE_RichCheckboxSet.js.map +1 -1
  142. package/cjs/UNSAFE_RichSelectionItem.js +154 -91
  143. package/cjs/UNSAFE_RichSelectionItem.js.map +1 -1
  144. package/cjs/UNSAFE_ScatterChart.js +4 -4
  145. package/cjs/UNSAFE_SelectMultiple.js +2 -2
  146. package/cjs/UNSAFE_SelectSingle.js +3 -3
  147. package/cjs/UNSAFE_TabBar.js +2 -2
  148. package/cjs/UNSAFE_TabBarCommon.js +4 -4
  149. package/cjs/UNSAFE_TabBarMixed.js +3 -3
  150. package/cjs/{YearsGridView-b56f7f42.js → YearsGridView-d0d4e8e1.js} +2 -2
  151. package/cjs/{YearsGridView-b56f7f42.js.map → YearsGridView-d0d4e8e1.js.map} +1 -1
  152. package/cjs/{useDisplayValue-60dbe1c3.js → useDisplayValue-4ace417c.js} +2 -2
  153. package/cjs/{useDisplayValue-60dbe1c3.js.map → useDisplayValue-4ace417c.js.map} +1 -1
  154. package/cjs/{useSelectCommon-b0d7feb3.js → useSelectCommon-27afecfa.js} +8 -3
  155. package/cjs/useSelectCommon-27afecfa.js.map +1 -0
  156. package/es/{BaseCardView-85b9a71e.js → BaseCardView-b3d8bae0.js} +4 -1
  157. package/es/{BaseCardView-85b9a71e.js.map → BaseCardView-b3d8bae0.js.map} +1 -1
  158. package/es/{DatePicker-2ab05fbe.js → DatePicker-7287f0f9.js} +3 -3
  159. package/es/{DatePicker-2ab05fbe.js.map → DatePicker-7287f0f9.js.map} +1 -1
  160. package/es/{MonthView-097171eb.js → MonthView-4b2b483a.js} +2 -2
  161. package/es/{MonthView-097171eb.js.map → MonthView-4b2b483a.js.map} +1 -1
  162. package/es/{NavigationListItem-dbd29973.js → NavigationListItem-340ab770.js} +19 -1
  163. package/es/{NavigationListItem-dbd29973.js.map → NavigationListItem-340ab770.js.map} +1 -1
  164. package/es/{OverflowTabBarItem-6966fbc7.js → OverflowTabBarItem-aa0ce915.js} +7 -4
  165. package/es/OverflowTabBarItem-aa0ce915.js.map +1 -0
  166. package/es/PRIVATE_BaseCardView.js +1 -1
  167. package/es/PRIVATE_CollapsibleNavigationList.js +25 -25
  168. package/es/PRIVATE_MonthView.js +2 -3
  169. package/es/PRIVATE_MonthView.js.map +1 -1
  170. package/es/PRIVATE_MonthYearGridView.js +2 -3
  171. package/es/PRIVATE_MonthYearGridView.js.map +1 -1
  172. package/es/PRIVATE_SelectCommon.js +2 -2
  173. package/es/PRIVATE_StyledDatePickerButton.js +1 -2
  174. package/es/PRIVATE_StyledDatePickerButton.js.map +1 -1
  175. package/es/PRIVATE_TableList.js +4 -4
  176. package/es/RadioIconVariants.styles.css +3 -3
  177. package/es/RadioIconVariants.styles2.css +3 -3
  178. package/es/SegmentStyles.styles.css +9 -12
  179. package/es/SegmentStyles.styles2.css +12 -9
  180. package/es/{SelectMobileFieldInput-0a7c968c.js → SelectMobileFieldInput-345c4d45.js} +2 -2
  181. package/es/{SelectMobileFieldInput-0a7c968c.js.map → SelectMobileFieldInput-345c4d45.js.map} +1 -1
  182. package/es/{StyledDatePickerButton-f3971567.js → StyledDatePickerButton-78f2f6e8.js} +2 -8
  183. package/es/StyledDatePickerButton-78f2f6e8.js.map +1 -0
  184. package/es/StyledDatePickerButtonStyles.styles.css +17 -0
  185. package/es/{TabBar-10488830.js → TabBar-67ca442c.js} +3 -1
  186. package/es/{TabBar-10488830.js.map → TabBar-67ca442c.js.map} +1 -1
  187. package/es/{TabBarLinkItem-a9c1072b.js → TabBarLinkItem-e7be54fa.js} +2 -2
  188. package/es/{TabBarLinkItem-a9c1072b.js.map → TabBarLinkItem-e7be54fa.js.map} +1 -1
  189. package/es/Theme-redwood/theme.css +442 -442
  190. package/es/Theme-stable/theme.css +507 -507
  191. package/es/TrainVariants.styles.css +6 -6
  192. package/es/TrainVariants.styles2.css +6 -6
  193. package/es/UNSAFE_CardFlexView.js +1 -1
  194. package/es/UNSAFE_CardGridView.js +1 -1
  195. package/es/UNSAFE_DatePicker.js +4 -4
  196. package/es/UNSAFE_FlatTreeView.js +14 -14
  197. package/es/UNSAFE_InlineSelectSingle.js +2 -2
  198. package/es/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
  199. package/es/UNSAFE_InputDateMask.js +1 -1
  200. package/es/UNSAFE_InputDatePicker.js +5 -5
  201. package/es/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
  202. package/es/UNSAFE_InputTimeMask.js +1 -1
  203. package/es/UNSAFE_ListView.js +53 -53
  204. package/es/UNSAFE_NavigationList.js +13 -13
  205. package/es/UNSAFE_OverflowTabBar.js +13 -13
  206. package/es/UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js +1 -1
  207. package/es/UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css.js +1 -1
  208. package/es/UNSAFE_RadioItem/themes/stable/RadioIconTheme.js +1 -1
  209. package/es/UNSAFE_RadioItem/themes/stable/RadioIconVariants.css.js +1 -1
  210. package/es/UNSAFE_RadioItem.js +1 -1
  211. package/es/UNSAFE_ReorderableTabBar.js +12 -12
  212. package/es/UNSAFE_RichSelectionItem.js +1 -1
  213. package/es/UNSAFE_SelectMultiple.js +2 -2
  214. package/es/UNSAFE_SelectSingle.js +3 -3
  215. package/es/UNSAFE_TabBar.js +13 -13
  216. package/es/UNSAFE_TabBarCommon.js +5 -5
  217. package/es/UNSAFE_TabBarMixed.js +12 -12
  218. package/es/UNSAFE_TextArea.js +226 -106
  219. package/es/UNSAFE_TextArea.js.map +1 -1
  220. package/es/UNSAFE_TextAreaAutosize.js +1 -1
  221. package/es/UNSAFE_Train/themes/redwood/TrainTheme.js +1 -1
  222. package/es/UNSAFE_Train/themes/redwood/TrainVariants.css.js +1 -1
  223. package/es/UNSAFE_Train/themes/stable/TrainTheme.js +1 -1
  224. package/es/UNSAFE_Train/themes/stable/TrainVariants.css.js +1 -1
  225. package/es/UNSAFE_Train.js +1 -1
  226. package/es/{YearsGridView-cac4710a.js → YearsGridView-6c18094a.js} +2 -2
  227. package/es/{YearsGridView-cac4710a.js.map → YearsGridView-6c18094a.js.map} +1 -1
  228. package/es/{useDisplayValue-5bbf2830.js → useDisplayValue-65bbc74e.js} +2 -2
  229. package/es/{useDisplayValue-5bbf2830.js.map → useDisplayValue-65bbc74e.js.map} +1 -1
  230. package/es/{useSelectCommon-309d0f07.js → useSelectCommon-a3c69d60.js} +8 -3
  231. package/es/useSelectCommon-a3c69d60.js.map +1 -0
  232. package/es/useTextAreaAltEnter-ac460f4c.js +61 -0
  233. package/es/useTextAreaAltEnter-ac460f4c.js.map +1 -0
  234. package/package.json +2 -2
  235. package/amd/BaseCardView-b8119561.js +0 -2
  236. package/amd/BaseTabBarItem-03c91d3f.js +0 -2
  237. package/amd/BaseTabBarItem-03c91d3f.js.map +0 -1
  238. package/amd/CardFlexView-aa2f3de8.js +0 -2
  239. package/amd/CardGridView-85f90c75.js +0 -2
  240. package/amd/CheckboxSet-f000e5c2.js +0 -2
  241. package/amd/ExpandableList-233c279e.js +0 -2
  242. package/amd/InputDatePicker-48633486.js +0 -2
  243. package/amd/ListView-2678b2af.js +0 -2
  244. package/amd/ReorderableTabBar-46683bcb.js +0 -2
  245. package/amd/StyledDatePickerButton-b664f4f0.js +0 -2
  246. package/amd/StyledDatePickerButton-b664f4f0.js.map +0 -1
  247. package/amd/TabBar-fcebb560.js +0 -2
  248. package/amd/TabBarItem-224bc6b3.js +0 -2
  249. package/amd/TabBarLinkItem-57587dbd.js +0 -2
  250. package/amd/TabBarMixed-8cc4b4ed.js +0 -2
  251. package/amd/VirtualizedListView-a0f338c2.js +0 -2
  252. package/amd/useSelectCommon-28307b63.js +0 -2
  253. package/amd/useSelectCommon-28307b63.js.map +0 -1
  254. package/cjs/CheckboxSetContext-c62db26d.js +0 -12
  255. package/cjs/OverflowTabBarItem-2c967a89.js.map +0 -1
  256. package/cjs/StyledDatePickerButton-cf4e4dc0.js.map +0 -1
  257. package/cjs/useSelectCommon-b0d7feb3.js.map +0 -1
  258. package/es/OverflowTabBarItem-6966fbc7.js.map +0 -1
  259. package/es/StyledDatePickerButton-f3971567.js.map +0 -1
  260. package/es/TextArea-93ce78a7.js +0 -225
  261. package/es/TextArea-93ce78a7.js.map +0 -1
  262. package/es/useSelectCommon-309d0f07.js.map +0 -1
@@ -34,6 +34,7 @@ var SuccessS = require('./SuccessS-b6757c64.js');
34
34
  var mergeProps = require('./mergeProps-e3da7237.js');
35
35
  var NavigationListLinkItem = require('./NavigationListLinkItem-62c3912e.js');
36
36
  var UNSAFE_TabBarCommon_themes_TabBarItemContract_css = require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
37
+ var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
37
38
  var UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css = require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
38
39
  var NavigationListItem = require('./NavigationListItem-3b9eb0fb.js');
39
40
 
@@ -140,10 +141,12 @@ function BaseTabBarItem({ itemKey, label, icon, badge, metadata, severity = 'non
140
141
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Flex.Flex, { align: "center", justify: "center", flex: "1 1 auto", gap: "2x", children: [!isIconOnly && !isStacked && icon && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "semiBold", children: label }) }))] }), !isLinkItem && removeIcon && jsxRuntime.jsx("span", { class: removeClass, children: removeIcon })] }));
141
142
  };
142
143
  const complexItemRenderer = () => {
143
- return (jsxRuntime.jsxs(Flex.Flex, { flex: "1 1 auto", children: [jsxRuntime.jsxs(Flex.Flex, { minWidth: "10.5x", minHeight: isTall ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.lgHeight : '100%', height: isStacked && labelRequirement ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.stackedHeight : UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.mdHeight, direction: isStacked && labelRequirement ? 'column' : 'row', gap: "2x", align: "center", justify: "center", alignSelf: "center", flex: "1 1 auto", children: [(isStacked || isIconOnly) && (jsxRuntime.jsxs("div", { class: tabBarItemIconClasses, children: [icon, jsxRuntime.jsx("span", { class: tabBarItemStackedBadgeClasses, children: badge ? (jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "neutral", children: badge })) : null })] })), !isIconOnly && !isStacked && icon && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "semiBold", children: label }) })), !isStacked && !isIconOnly && badge && labelRequirement && (jsxRuntime.jsx("span", { "data-oj-tab-badge": badge, children: jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsxRuntime.jsx("span", { class: tabBarItemMetadataClasses, "data-oj-tab-metadata": metadata, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "normal", children: '( ' + metadata + ' )' }) })), severityRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-severity": severity, children: IconComponent(severity) }))] }), !isLinkItem && removeIcon && jsxRuntime.jsx("span", { class: removeClass, children: removeIcon })] }));
144
+ return (jsxRuntime.jsxs(Flex.Flex, { flex: "1 1 auto", children: [jsxRuntime.jsxs(Flex.Flex, { minWidth: "10.5x", minHeight: isTall ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.lgHeight : '100%', height: isStacked && labelRequirement ? UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.stackedHeight : UNSAFE_TabBarCommon_themes_TabBarItemContract_css.tabBarItemVars.mdHeight, direction: isStacked && labelRequirement ? 'column' : 'row', gap: "2x", align: "center", justify: "center", alignSelf: "center", flex: "1 1 auto", children: [(isStacked || isIconOnly) && (jsxRuntime.jsxs("div", { class: tabBarItemIconClasses, children: [
145
+ // JET-79198 - The label is made hidden so that in can be read out by screen readers and we will not need aria-label at role="tab" level to include all the content in it's children
146
+ isIconOnly && jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: "hiddenLabel", children: label }), icon, jsxRuntime.jsx("span", { class: tabBarItemStackedBadgeClasses, children: badge ? (jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "neutral", children: badge })) : null })] })), !isIconOnly && !isStacked && icon && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-icon": "startIcon", children: icon })), !isIconOnly && labelRequirement && (jsxRuntime.jsx("span", { class: tabBarItemLabelClasses, style: maxWidthDimensions, ...detectTruncationProps, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "semiBold", children: label }) })), !isStacked && !isIconOnly && badge && labelRequirement && (jsxRuntime.jsx("span", { "data-oj-tab-badge": badge, children: jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsxRuntime.jsx("span", { class: tabBarItemMetadataClasses, "data-oj-tab-metadata": metadata, children: jsxRuntime.jsx(Text.Text, { size: "md", weight: "normal", children: '( ' + metadata + ' )' }) })), severityRequirement && (jsxRuntime.jsx("span", { class: tabBarItemIconClasses, "data-oj-tab-severity": severity, children: IconComponent(severity) }))] }), !isLinkItem && removeIcon && jsxRuntime.jsx("span", { class: removeClass, children: removeIcon })] }));
144
147
  };
145
148
  const tabBarItemRenderer = () => {
146
- return (jsxRuntime.jsxs("div", { "data-oj-key": itemKey, "data-oj-removable": removeIcon ? 'true' : undefined, id: tabItemPrefix + itemKey, class: tabBarItem, role: "tab", "aria-label": isIconOnly ? label : undefined, "aria-controls": ariaControls, "aria-selected": isSelected, "aria-haspopup": ariaHasPopup, ...mergeProps.mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), ref: ref, style: isComplexItem ? flexDimensions : tabDimensions, children: [isComplexItem ? complexItemRenderer() : labelIconRenderer(), tooltipContent] }));
149
+ return (jsxRuntime.jsxs("div", { "data-oj-key": itemKey, "data-oj-removable": removeIcon ? 'true' : undefined, id: tabItemPrefix + itemKey, class: tabBarItem, role: "tab", "aria-controls": ariaControls, "aria-selected": isSelected, "aria-haspopup": ariaHasPopup, ...mergeProps.mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), ref: ref, style: isComplexItem ? flexDimensions : tabDimensions, children: [isComplexItem ? complexItemRenderer() : labelIconRenderer(), tooltipContent] }));
147
150
  };
148
151
  const tabBarLinkItemRenderer = () => {
149
152
  return (jsxRuntime.jsxs("span", { ref: ref, class: tabBarItem, ...mergeProps.mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps), style: isComplexItem ? flexDimensions : tabDimensions, children: [jsxRuntime.jsx("a", { onClick: onClickLink, class: tabBarItemLinkClasses, href: href, "data-oj-key": itemKey, "data-oj-removable": removeIcon ? 'true' : undefined, id: tabItemPrefix + itemKey, role: "tab", tabindex: -1, "aria-controls": ariaControls, "aria-selected": isSelected, "aria-haspopup": ariaHasPopup, children: isComplexItem ? complexItemRenderer() : labelIconRenderer() }), tooltipContent] }));
@@ -256,4 +259,4 @@ exports.BaseTabBarItem = BaseTabBarItem;
256
259
  exports.OverflowTabBarItem = OverflowTabBarItem;
257
260
  exports.RemovableTabBarItem = RemovableTabBarItem;
258
261
  exports.TabBarItem = TabBarItem;
259
- //# sourceMappingURL=OverflowTabBarItem-2c967a89.js.map
262
+ //# sourceMappingURL=OverflowTabBarItem-abcd2327.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OverflowTabBarItem-abcd2327.js","sources":["../../src/UNSAFE_TabBarCommon/BaseTabBarItem.tsx","../../src/UNSAFE_TabBarCommon/TabBarItem.tsx","../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx","../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["import { ComponentChildren, ComponentChild } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Text } from '../UNSAFE_Text';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { TabBarItemVariantOptions } from './themes/TabBarItemStyles.css';\nimport { TabBarItemRedwoodTheme } from './themes/redwood/TabBarItemTheme';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useConveyorBeltItem } from '../UNSAFE_ConveyorBelt/useConveyorBeltItem';\nimport { useDetectTruncation } from '../hooks/PRIVATE_useDetectTruncation';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabBarItemTooltip } from './useTabBarItemTooltip';\nimport { tabBarItemVars } from './themes/TabBarItemContract.css';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\ntype AriaProps = {\n /**\n * Accepts the tabpanel element's ID associated with the tab item\n **/\n 'aria-controls'?: string;\n /**\n * Used by an item that renders an interactive popup\n */\n 'aria-haspopup'?: boolean;\n};\n\nexport type BaseTabBarItemProps<K extends string | number> = {\n /**\n * Key of the TabBarItem\n */\n itemKey: K;\n /**\n * Label of the TabBarItem. For icon only display this label is the content\n * for aria-label and tooltip text of the Tab.\n */\n label: string;\n /**\n * The icon before the label in non-stack case, icon above the label in\n * stacked case or the stand alone icon when no label is specified.\n */\n icon?: ComponentChild;\n /**\n * The content to be rendered inside the Badge component.\n */\n badge?: string;\n /**\n * The content to be rendered inside the Text component as a metadata,\n * that appears after the label in non stack case only.\n */\n metadata?: string;\n /**\n * The status icon to be rendered after the label in non stack case only.\n */\n severity?: Severity;\n /**\n * The content to be rendered for remove icon\n */\n removeIcon?: ComponentChildren;\n /**\n * The control for enabling and disabling focusRing\n */\n showFocusRingOverride?: boolean;\n /**\n * The control for enabling and disabling selection indicator\n */\n selectionOverride?: boolean;\n /**\n * The control for overriding display value.\n */\n displayOverride?: string;\n /**\n * Maximum width tabbar item label can have\n */\n labelMaxWidth?: Size;\n /**\n * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n */\n href?: string;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n event.preventDefault();\n};\n\nexport function BaseTabBarItem<K extends string | number>({\n itemKey,\n label,\n icon,\n badge,\n metadata,\n severity = 'none',\n removeIcon,\n showFocusRingOverride,\n selectionOverride,\n displayOverride,\n labelMaxWidth,\n href,\n 'aria-controls': ariaControls,\n 'aria-haspopup': ariaHasPopup\n}: BaseTabBarItemProps<K>) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const {\n onSelect,\n selection,\n currentKey,\n showFocusRing,\n hideTooltip,\n layout,\n display,\n size,\n isEdgeBottom,\n tabItemPrefix\n } = useTabBarContext();\n\n const isCurrent = currentKey === itemKey;\n\n const { ref, ...conveyorBeltProps } = useConveyorBeltItem({ isCurrent });\n\n //Selection\n //Dependency on currentKey because upon removal selectionChange does not change hence no re render\n //and it is still holding the deleted key as selection\n const handlePress = useCallback(() => {\n onSelect?.({ value: itemKey as K });\n }, [itemKey, onSelect]);\n\n const { pressProps } = usePress(handlePress);\n\n const isSelected = selection === itemKey;\n\n const isStacked = display === 'stacked' ? true : false;\n const isIconOnly =\n display === 'icons' || (displayOverride && displayOverride === 'icons') ? true : false;\n const isTall = size === 'lg' ? true : false;\n const labelRequirement = label && !(label === ' ' && label === undefined);\n const severityRequirement = !(severity === 'none' || severity === undefined);\n\n const IconComponent = (severityValue: Severity) => {\n switch (severityValue) {\n case 'error':\n // As per spec acc label is required only for error severity icon.\n return <ErrorS color=\"danger\" accessibleLabel={translations.tabBar_tabContainsErrors()} />;\n case 'warning':\n return <WarningS color=\"warning\" />;\n case 'info':\n return <InformationS color=\"info\" />;\n case 'confirmation':\n return <SuccessS color=\"success\" />;\n default:\n return null;\n }\n };\n\n const { direction } = useUser();\n const makeFocusRingVisible =\n showFocusRingOverride !== undefined ? showFocusRingOverride : showFocusRing;\n const makeSelectionVisible = selectionOverride !== undefined ? selectionOverride : isSelected;\n const {\n classes,\n styles: {\n tabBarItemIcon,\n tabBarItemIconStacked,\n tabBarItemMetadata,\n tabBarItemStackedBadge,\n tabBarItemStackedBadgeRtl,\n tabBarItemRemoveIcon,\n tabBarItemLabel,\n tabBarItemLabelTruncated,\n tabBarItemLink\n }\n } = useComponentTheme<TabBarItemVariantOptions>(TabBarItemRedwoodTheme, {\n selection: makeSelectionVisible ? 'isSelected' : 'notSelected',\n current: isCurrent ? 'isCurrent' : 'notCurrent',\n focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',\n edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'\n });\n\n const tabBarItem = classNames([classes]);\n const tabBarItemLabelClasses = classNames([\n tabBarItemLabel,\n labelMaxWidth !== undefined && tabBarItemLabelTruncated\n ]);\n const tabBarItemIconClasses = classNames([\n tabBarItemIcon,\n (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked\n ]);\n const tabBarItemMetadataClasses = classNames([tabBarItemMetadata]);\n const tabBarItemStackedBadgeClasses = classNames([\n tabBarItemStackedBadge,\n direction === 'rtl' && tabBarItemStackedBadgeRtl\n ]);\n const removeClass = classNames([tabBarItemRemoveIcon]);\n const tabBarItemLinkClasses = classNames([tabBarItemLink]);\n\n const styleInterpolations = mergeInterpolations<\n FlexitemProps & DimensionProps & BoxAlignmentProps\n >([\n ...Object.values(flexitemInterpolations),\n ...Object.values(dimensionInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n ]);\n\n //This is for simple item where height and width need to be specified on the main div.\n const tabDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto',\n minWidth: '10.5x',\n height: isTall ? tabBarItemVars.lgHeight : tabBarItemVars.mdHeight,\n //This is needed for gap between icon/ label and remove icon in labelIconRenderer\n gap: '2x'\n });\n\n //This is for complex item, where only flex dimensions needs to be applied as height and width comes from child Flex component.\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n const maxWithInterpolation = mergeInterpolations<DimensionProps>([\n ...Object.values(dimensionInterpolations)\n ]);\n\n //The threshold for truncation is labelMinWidth: 96px as per spec.\n const labelMinWidth = '96px';\n const maxWidthDimensions = maxWithInterpolation({\n maxWidth: labelMaxWidth !== undefined ? `calc(max(${labelMinWidth},${labelMaxWidth}))` : '100%'\n });\n\n const { detectTruncationProps, isTextTruncated } = useDetectTruncation(\n labelMaxWidth === undefined\n );\n const showTooltip = isIconOnly || isTextTruncated;\n const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n useTabBarItemTooltip({ label, isDisabled: !showTooltip });\n if (showTooltip) {\n if (isCurrent && showFocusRing && !hideTooltip) {\n onLogicalFocus(ref.current as HTMLElement);\n } else if (!isCurrent || (isCurrent && !showFocusRing) || hideTooltip) {\n onLogicalBlur();\n }\n }\n\n const isComplexItem = badge || metadata || severity !== 'none' || isStacked || isIconOnly;\n const isLinkItem = href != null;\n\n const labelIconRenderer = () => {\n return (\n <>\n <Flex align=\"center\" justify=\"center\" flex=\"1 1 auto\" gap=\"2x\">\n {!isIconOnly && !isStacked && icon && labelRequirement && (\n <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n {icon}\n </span>\n )}\n {!isIconOnly && labelRequirement && (\n <span\n class={tabBarItemLabelClasses}\n style={maxWidthDimensions}\n {...detectTruncationProps}>\n {\n <Text size=\"md\" weight=\"semiBold\">\n {label}\n </Text>\n }\n </span>\n )}\n </Flex>\n {!isLinkItem && removeIcon && <span class={removeClass}>{removeIcon}</span>}\n </>\n );\n };\n\n const complexItemRenderer = () => {\n return (\n <Flex flex=\"1 1 auto\">\n <Flex\n minWidth=\"10.5x\"\n minHeight={isTall ? tabBarItemVars.lgHeight : '100%'}\n height={\n isStacked && labelRequirement ? tabBarItemVars.stackedHeight : tabBarItemVars.mdHeight\n }\n direction={isStacked && labelRequirement ? 'column' : 'row'}\n gap=\"2x\"\n align=\"center\"\n justify=\"center\"\n alignSelf=\"center\"\n flex=\"1 1 auto\">\n {(isStacked || isIconOnly) && (\n <div class={tabBarItemIconClasses}>\n {\n // JET-79198 - The label is made hidden so that in can be read out by screen readers and we will not need aria-label at role=\"tab\" level to include all the content in it's children\n isIconOnly && <HiddenAccessible id=\"hiddenLabel\">{label}</HiddenAccessible>\n }\n {icon}\n <span class={tabBarItemStackedBadgeClasses}>\n {badge ? (\n <Badge size=\"xs\" variant=\"neutral\">\n {badge}\n </Badge>\n ) : null}\n </span>\n </div>\n )}\n {!isIconOnly && !isStacked && icon && labelRequirement && (\n <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n {icon}\n </span>\n )}\n {!isIconOnly && labelRequirement && (\n <span\n class={tabBarItemLabelClasses}\n style={maxWidthDimensions}\n {...detectTruncationProps}>\n {\n <Text size=\"md\" weight=\"semiBold\">\n {label}\n </Text>\n }\n </span>\n )}\n {!isStacked && !isIconOnly && badge && labelRequirement && (\n <span data-oj-tab-badge={badge}>\n <Badge size=\"md\" variant=\"neutralSubtle\">\n {badge}\n </Badge>\n </span>\n )}\n {metadata && (\n <span class={tabBarItemMetadataClasses} data-oj-tab-metadata={metadata}>\n <Text size=\"md\" weight=\"normal\">\n {'( ' + metadata + ' )'}\n </Text>\n </span>\n )}\n {severityRequirement && (\n <span class={tabBarItemIconClasses} data-oj-tab-severity={severity}>\n {IconComponent(severity)}\n </span>\n )}\n </Flex>\n {!isLinkItem && removeIcon && <span class={removeClass}>{removeIcon}</span>}\n </Flex>\n );\n };\n\n const tabBarItemRenderer = () => {\n return (\n <div\n data-oj-key={itemKey}\n data-oj-removable={removeIcon ? 'true' : undefined}\n id={tabItemPrefix + itemKey}\n class={tabBarItem}\n role=\"tab\"\n aria-controls={ariaControls}\n aria-selected={isSelected}\n aria-haspopup={ariaHasPopup}\n {...mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n ref={ref}\n style={isComplexItem ? flexDimensions : tabDimensions}>\n {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n {tooltipContent}\n </div>\n );\n };\n\n const tabBarLinkItemRenderer = () => {\n return (\n <span\n ref={ref}\n class={tabBarItem}\n {...mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n style={isComplexItem ? flexDimensions : tabDimensions}>\n <a\n onClick={onClickLink}\n class={tabBarItemLinkClasses}\n href={href}\n data-oj-key={itemKey}\n data-oj-removable={removeIcon ? 'true' : undefined}\n id={tabItemPrefix + itemKey}\n role=\"tab\"\n tabindex={-1}\n aria-controls={ariaControls}\n aria-selected={isSelected}\n aria-haspopup={ariaHasPopup}>\n {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n </a>\n {tooltipContent}\n </span>\n );\n };\n return isLinkItem ? tabBarLinkItemRenderer() : tabBarItemRenderer();\n}\n","import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\nexport type TabBarItemProps<K extends string | number> = Pick<\n BaseTabBarItemProps<K>,\n | 'itemKey'\n | 'label'\n | 'icon'\n | 'badge'\n | 'metadata'\n | 'severity'\n | 'aria-controls'\n | 'labelMaxWidth'\n>;\n/**\n * TabBarItem content can be created by using labels or icons or both.\n */\nexport function TabBarItem<K extends string | number>({\n itemKey,\n label,\n icon,\n badge,\n metadata,\n severity,\n labelMaxWidth,\n 'aria-controls': ariaControls\n}: TabBarItemProps<K>) {\n return (\n <BaseTabBarItem\n aria-controls={ariaControls}\n itemKey={itemKey}\n label={label}\n icon={icon}\n badge={badge}\n metadata={metadata}\n severity={severity}\n labelMaxWidth={labelMaxWidth}\n />\n );\n}\n","import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n BaseTabBarItemProps<K>,\n | 'itemKey'\n | 'label'\n | 'icon'\n | 'badge'\n | 'metadata'\n | 'severity'\n | 'aria-controls'\n | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n itemKey,\n label,\n icon,\n badge,\n metadata,\n severity,\n labelMaxWidth,\n 'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n const { selection, currentKey, layout, onRemove } = useTabBarContext();\n const isSelected = selection === itemKey;\n const isCurrent = currentKey === itemKey;\n\n const handleRemove = useCallback(() => {\n onRemove?.({ value: itemKey as K });\n }, [onRemove, itemKey]);\n\n const { hoverProps, isHover } = useHover({});\n\n //instead of specifying flex: '1 0 auto' in cssProps var\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n //common to al tabs,after feedback from Curt's investigations.\n return (\n <div {...hoverProps} style={flexDimensions}>\n <Flex>\n <BaseTabBarItem\n aria-controls={ariaControls}\n itemKey={itemKey}\n label={label}\n icon={icon}\n badge={badge}\n metadata={metadata}\n severity={severity}\n labelMaxWidth={labelMaxWidth}\n removeIcon={\n <span data-oj-tabbar-item-remove-icon=\"true\">\n <EmbeddedIconButton\n aria-label={translations.tabBarNavigationList_removeCueText()}\n size=\"xs\"\n onAction={handleRemove}>\n {(isHover || isSelected || isCurrent) && <Close />}\n </EmbeddedIconButton>\n </span>\n }\n />\n </Flex>\n </div>\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n <Icon viewBox=\"0 0 24 24\" {...props}>\n <g fill=\"none\">\n <path\n d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n fill=\"currentcolor\"\n />\n </g>\n </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n NavigationListItem,\n NavigationList,\n RemovableNavigationListItem,\n FocusableHandle,\n NavigationListLinkItem\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n value: K;\n};\n\nexport type CloseDetail = {\n /**\n * dismissed represents dismissing the DropDown\n */\n reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n ComponentProps<typeof TabBarItem<K>>,\n 'testId' | 'aria-controls'\n> & {\n isRemovable?: boolean;\n /**\n * Accepts the tabpanel element's ID associated with the tab item\n **/\n tabPanelId?: string;\n /**\n * Sets the URL that the hyperlink points to.\n */\n href?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n /**\n * Key of the TabBarItem\n */\n overflowItemKey: K;\n /**\n * Whether to open the popup\n */\n isOpen: boolean;\n /**\n * Property that triggers a callback when DropDown is supposed to be closed.\n */\n onClose?: (detail: CloseDetail) => void;\n /**\n * The icon of the OverflowTabBarItem\n */\n icon?: ComponentChild;\n /**\n * The content to be rendered inside the Badge component.\n */\n badge?: string;\n /**\n * An array of data used by NavigationList to render individual overflow items.\n */\n overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n overflowItemKey,\n icon,\n badge,\n overflowItems,\n isOpen,\n onClose\n}: OverflowTabBarItemProps<K>) {\n const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n const isPointerSelection = useRef<boolean>(false);\n\n // Reset pointer selection flag when the popup closes so keyboard navigation\n // restores focus-visible on the overflow trigger.\n useEffect(() => {\n if (!isOpen) {\n isPointerSelection.current = false;\n }\n }, [isOpen]);\n\n const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n const navigationListRef = createRef<FocusableHandle>();\n\n const handleSelectionChange = useCallback<\n Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n >(\n (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n if (detail.reason === 'pointer') {\n isPointerSelection.current = true;\n }\n onSelect?.({ value: detail.value });\n onClose?.({ reason: 'itemAction' });\n },\n [onSelect, onClose]\n );\n\n const handleDropdownClose = useCallback(\n (e: CloseDetail) => {\n onClose?.({ reason: e.reason });\n },\n [onClose]\n );\n\n const handleSheetClose = useCallback(() => {\n onClose?.({ reason: 'dismissed' });\n }, [onClose]);\n\n //When NavigationList steals focus the app resets it. Not always would it be reset to\n //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n //Hence we check for isPointerSelection.current\n\n const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n const overflowContainsKey = (searchKey: K) => {\n return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n };\n\n const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n //instead of specifying flex: '1 0 auto' in cssProps var\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n const navContainerClasses = classNames([styles.navContainerBase]);\n\n const navContainerRef = useRef<HTMLDivElement>(null);\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n navigationListRef.current?.focus();\n }\n },\n [navigationListRef]\n );\n const getNavigationList = useCallback(() => {\n return (\n <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n <NavigationList\n ref={navigationListRef}\n selection={selection}\n onSelectionChange={handleSelectionChange}\n onRemove={onRemove}>\n {overflowItems?.map((item) =>\n item.href != null ? (\n <NavigationListLinkItem\n href={item.href}\n itemKey={item.itemKey}\n label={item.label}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n />\n ) : item.isRemovable ? (\n <RemovableNavigationListItem\n itemKey={item.itemKey}\n label={item.label}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n />\n ) : (\n <NavigationListItem\n itemKey={item.itemKey}\n label={item.label}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n />\n )\n )}\n </NavigationList>\n </div>\n );\n }, [\n handleKeyDown,\n navContainerClasses,\n navigationListRef,\n selection,\n handleSelectionChange,\n onRemove,\n overflowItems\n ]);\n\n return (\n <>\n {overflowItems && overflowItems.length > 0 && (\n <div ref={overflowTabBarItemRef} style={flexDimensions}>\n <BaseTabBarItem\n aria-controls={currentPanelId}\n itemKey={overflowItemKey}\n label={translations.overflowItemLabel()}\n icon={icon ? icon : <OverflowH />}\n badge={badge}\n showFocusRingOverride={focusRingRequirement}\n selectionOverride={isSelected}\n displayOverride={'icons'}\n aria-haspopup={true}\n />\n </div>\n )}\n {getIsMobile() ? (\n <Sheet isOpen={isOpen} onClose={handleSheetClose} initialFocus=\"firstFocusable\">\n {getNavigationList()}\n </Sheet>\n ) : (\n <Dropdown\n initialFocus=\"firstFocusable\"\n isOpen={isOpen}\n onClose={handleDropdownClose}\n placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n anchorRef={overflowTabBarItemRef}>\n {getNavigationList()}\n </Dropdown>\n )}\n </>\n );\n}\n\nconst getIsMobile = () => {\n const { deviceRenderMode } = getClientHints();\n return deviceRenderMode === 'phone';\n};\n"],"names":["useTranslationBundle","useTabBarContext","useConveyorBeltItem","useCallback","usePress","_jsx","ErrorS","WarningS","InformationS","SuccessS","useUser","useComponentTheme","TabBarItemRedwoodTheme","classNames","mergeInterpolations","flexitemInterpolations","dimensionInterpolations","boxAlignmentInterpolations","tabBarItemVars","useDetectTruncation","useTabBarItemTooltip","_jsxs","_Fragment","Flex","Text","HiddenAccessible","Badge","mergeProps","useHover","EmbeddedIconButton","Close","Icon","useRef","useEffect","createRef","styles","NavigationList","NavigationListLinkItem","RemovableNavigationListItem","NavigationListItem","OverflowH","Sheet","Dropdown","getClientHints"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var Chart = require('./Chart-13a198f3.js');
6
+ var Chart = require('./Chart-966da017.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('./PRIVATE_Chart/themes/ChartStyles.css.js');
9
9
 
@@ -72,6 +72,9 @@ require('./mergeProps-e3da7237.js');
72
72
  require('./useChartNav-c69c817e.js');
73
73
  require('./layoutUtils-af53a104.js');
74
74
  require('./useVisHover-ad36112d.js');
75
+ require('./ScrollBar-76e58249.js');
76
+ require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
77
+
75
78
  require('./useSelectDrill-0b4b47ec.js');
76
79
  require('./useChartDataCursor-67f7cc75.js');
77
80
  require('./hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js');
@@ -281,9 +284,6 @@ require('./OverviewSlidingWindow-0f5f00a3.js');
281
284
  require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
282
285
 
283
286
  require('./DragH-ac9f879f.js');
284
- require('./ScrollBar-76e58249.js');
285
- require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
286
-
287
287
 
288
288
 
289
289
 
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var MonthView = require('./MonthView-59452edc.js');
6
+ var MonthView = require('./MonthView-a2661a58.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('./dayUtils-075bd7a7.js');
9
9
  require('./getFormatParse-b70abd1a.js');
@@ -12,12 +12,11 @@ require('./logger-2b636482.js');
12
12
  require('./supplementalData-cdc1a84a.js');
13
13
  require('./calendarDateUtils-c572f2d3.js');
14
14
  require('preact/hooks');
15
- require('./StyledDatePickerButton-cf4e4dc0.js');
15
+ require('./StyledDatePickerButton-becd2a7d.js');
16
16
  require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
17
17
 
18
18
 
19
19
  require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
20
- require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
21
20
  require('./classNames-c14c6ef3.js');
22
21
  require('preact/compat');
23
22
  require('./useTranslationBundle-12dd087d.js');
@@ -1 +1 @@
1
- {"version":3,"file":"PRIVATE_MonthView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PRIVATE_MonthView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var YearsGridView = require('./YearsGridView-b56f7f42.js');
6
+ var YearsGridView = require('./YearsGridView-d0d4e8e1.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('./Grid-cef20569.js');
9
9
  require('./grid-7c06084e.js');
@@ -31,12 +31,11 @@ require('preact/compat');
31
31
  require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
32
32
 
33
33
  require('preact/hooks');
34
- require('./StyledDatePickerButton-cf4e4dc0.js');
34
+ require('./StyledDatePickerButton-becd2a7d.js');
35
35
  require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
36
36
 
37
37
 
38
38
  require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
39
- require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
40
39
  require('./useTranslationBundle-12dd087d.js');
41
40
  require('./useUser-1295b5cb.js');
42
41
  require('./getFormatParse-b70abd1a.js');
@@ -1 +1 @@
1
- {"version":3,"file":"PRIVATE_MonthYearGridView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PRIVATE_MonthYearGridView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,8 +3,8 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
7
- var SelectMobileFieldInput = require('./SelectMobileFieldInput-111a95a5.js');
6
+ var useSelectCommon = require('./useSelectCommon-27afecfa.js');
7
+ var SelectMobileFieldInput = require('./SelectMobileFieldInput-cbf57541.js');
8
8
  require('preact/jsx-runtime');
9
9
  require('./Flex-3a257bc3.js');
10
10
  require('./useTestId-4f53d561.js');
@@ -3,13 +3,12 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var StyledDatePickerButton = require('./StyledDatePickerButton-cf4e4dc0.js');
6
+ var StyledDatePickerButton = require('./StyledDatePickerButton-becd2a7d.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
9
9
 
10
10
 
11
11
  require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
12
- require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
13
12
  require('./classNames-c14c6ef3.js');
14
13
  require('preact/compat');
15
14
 
@@ -1 +1 @@
1
- {"version":3,"file":"PRIVATE_StyledDatePickerButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PRIVATE_StyledDatePickerButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -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
  }
@@ -8,7 +8,7 @@ var Layer = require('./Layer-b60deb1b.js');
8
8
  var compat = require('preact/compat');
9
9
  require('./LayerHost-3cd73603.js');
10
10
  var keyboardUtils = require('./keyboardUtils-b42fe7d5.js');
11
- var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
11
+ var useSelectCommon = require('./useSelectCommon-27afecfa.js');
12
12
  var PRIVATE_SelectCommon_themes_dropdownStyles_css = require('./PRIVATE_SelectCommon/themes/dropdownStyles.css.js');
13
13
  var useOutsideMousedown = require('./useOutsideMousedown-70f36cca.js');
14
14
  var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
@@ -245,4 +245,4 @@ exports.LinkItem = LinkItem;
245
245
  exports.MobileDropdown = MobileDropdown;
246
246
  exports.SelectMobileDropdown = SelectMobileDropdown;
247
247
  exports.SelectMobileFieldInput = SelectMobileFieldInput;
248
- //# sourceMappingURL=SelectMobileFieldInput-111a95a5.js.map
248
+ //# sourceMappingURL=SelectMobileFieldInput-cbf57541.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectMobileFieldInput-111a95a5.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx"],"sourcesContent":["/**\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n anchorRef: MutableRef<HTMLElement | null>;\n children?: ComponentChildren;\n dropdownRef: MutableRef<HTMLElement | null>;\n id?: string;\n isOpen?: boolean;\n onAutoDismiss?: (event?: Event) => void;\n onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n isMaxHeightAdjusted: true,\n maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n anchorRef,\n children,\n dropdownRef,\n id,\n isOpen,\n onAutoDismiss,\n onPosition\n}: Props) {\n const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n setPrevIsOpen(isOpen);\n }\n\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n const handleAutoDismiss = useCallback(\n (event: Event) => {\n onAutoDismiss?.(event);\n },\n [onAutoDismiss]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n return;\n }\n\n switch (event.code) {\n case KEYS.ESC:\n case KEYS.TAB:\n handleAutoDismiss(event);\n break;\n }\n },\n [handleAutoDismiss]\n );\n\n // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n // on the same event where focus will transfer\n useOutsideMousedown({\n isDisabled: !isOpen,\n ref: [anchorRef, dropdownRef],\n handler: handleAutoDismiss\n });\n\n const inlineStyle = isOpen\n ? {\n minWidth: `${anchorRef.current?.offsetWidth}px`\n }\n : {};\n\n return !isOpen ? null : (\n <Layer logicalParentRef={anchorRef}>\n <Floating\n anchorRef={anchorRef}\n sizeOptions={DROPDOWN_SIZE_OPTIONS}\n shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n ref={dropdownRef}\n placement={placement}\n offsetValue={DROPDOWN_OFFSET}\n onPosition={handlePosition}>\n <div\n class={dropdownStyles.base}\n id={id}\n style={inlineStyle}\n onKeyDown={handleKeyDown}\n onMouseDown={preventDefaultForCurrentTarget}>\n {children}\n </div>\n </Floating>\n </Layer>\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n ComponentProps<typeof InlineUserAssistance>,\n | 'assistiveText'\n | 'fieldLabel'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'id'\n | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n // of the user assistance\n const handleMouseDown = useCallback((event: MouseEvent) => {\n // Don't call preventDefault when the user clicks on the help source link, so that the\n // focus is allowed to transfer in that case.\n if ((event.target as Element)?.tagName !== 'A') {\n event.preventDefault();\n }\n }, []);\n\n return (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n <InlineUserAssistance {...props} />\n </div>\n </FormFieldContext.Provider>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n /**\n * Child content of the item.\n */\n children: string;\n /**\n * Specifies whether to highlight the item.\n */\n isHighlighted?: boolean;\n /**\n * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n */\n onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n const { isHover, hoverProps } = useHover();\n const { isFocused, focusProps } = useFocusWithin();\n\n const handleClick = useCallback(\n (e: Event) => {\n // prevent the link from actually navigating by preventing default and returning false\n e.preventDefault();\n onAction?.();\n return false;\n },\n [onAction]\n );\n\n const rootClasses = classNames([\n dropdownStyles.results.linkItemRoot,\n isFocused ? dropdownStyles.results.linkItemFocus : undefined\n ]);\n\n const linkClasses = classNames([\n dropdownStyles.results.extraItem,\n isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n ]);\n\n return (\n <div class={rootClasses} {...focusProps}>\n <Link href=\"#\" onClick={handleClick}>\n <div class={linkClasses} {...hoverProps}>\n {children}\n </div>\n </Link>\n </div>\n );\n};\n\nexport { LinkItem };\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n /**\n * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n */\n 'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n /**\n * The dropdown content\n */\n children?: ComponentChildren;\n\n /**\n * The id for the top level element\n */\n id?: string;\n\n /**\n * Specifies whether the dropdown is being shown\n */\n isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n return !isOpen ? null : (\n <Layer>\n <WindowOverlay>\n <div\n id={id}\n class={mobileDropdownStyles.base}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ariaLabelledBy}>\n <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n {children}\n </Flex>\n </div>\n </WindowOverlay>\n </Layer>\n );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n /**\n * The main dropdown content\n */\n children?: ComponentChildren;\n\n /**\n * The components to be placed in the end of the dropdown\n */\n footer?: ComponentChildren;\n\n /**\n * The components to be placed in the beginning of the dropdown\n */\n header?: ComponentChildren;\n\n /**\n * Specifies whether to have a separator between header and content\n */\n hasHeaderSeparator?: boolean;\n\n /**\n * Id of the label for the filter field.\n */\n labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n children,\n footer,\n hasHeaderSeparator = true,\n header,\n id,\n isOpen,\n labelId\n}: Props) {\n return (\n <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n {header}\n {hasHeaderSeparator && <Separator />}\n {/* TODO: Add overflow support to View and use it here */}\n {/* */}\n <div class={selectMobileDropdownStyles.content}>{children}</div>\n <Separator />\n {footer}\n </MobileDropdown>\n );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n UnpackSignals<JSX.AriaAttributes>,\n | 'aria-controls'\n | 'aria-describedby'\n | 'aria-expanded'\n | 'aria-invalid'\n | 'aria-label'\n | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n EventProps &\n TextProps & {\n displayValue?: string;\n hasEmptyLabel?: boolean;\n hasInsideLabel?: boolean;\n isRequired?: boolean;\n placeholder?: string;\n variant?: ContextType<typeof FormVariantContext>;\n };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n (\n {\n 'aria-controls': ariaControls,\n 'aria-describedby': ariaDescribedBy,\n 'aria-expanded': ariaExpanded,\n 'aria-invalid': ariaInvalid,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n displayValue,\n hasEmptyLabel,\n hasInsideLabel = false,\n isRequired,\n onBlur,\n onFocus,\n placeholder,\n textAlign,\n variant = 'default'\n }: Props,\n ref?: Ref<HTMLDivElement>\n ) => {\n // consume required contexts\n const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n // setup properties\n const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n ? placeholder\n : undefined;\n\n // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n // kinds of labels, this helps to ensure we don't override a meaningful label.\n const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n const mergedAriaLabelledBy = hasEmptyLabel\n ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n : ariaLabelledBy;\n\n // setup style classes\n const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n TextFieldInputRedwoodTheme,\n {\n type: 'notPassword',\n styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n textarea: 'notTextArea',\n input: 'isInput',\n prefix: 'noPrefix',\n suffix: 'noSuffix',\n startContent: 'noStartContent',\n endContent: 'hasEndContent',\n insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n value: hasValue ? 'hasValue' : 'noValue',\n focused: isFocused ? 'isFocused' : 'notFocused',\n disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n }\n );\n const rootDivStyleClasses = classNames([\n selectMobileFieldInputStyles.base,\n styleInterpolationClasses,\n themeClasses,\n // JET-72775 - Form control alignment in tables\n // When we are in legacy collection components, we want to inherit the text align\n // when it is not set explicitly.\n variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n ]);\n\n return (\n <div\n aria-autocomplete=\"list\"\n aria-controls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-invalid={ariaInvalid}\n aria-label={ariaLabel}\n aria-labelledby={mergedAriaLabelledBy}\n aria-required={isRequired ? 'true' : undefined}\n class={rootDivStyleClasses}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={ref}\n role=\"combobox\"\n {...(isTabbable && tabbableModeProps)}>\n <div class={selectMobileFieldInputStyles.content}>\n <Text variant={displayValue ? 'inherit' : 'secondary'}>\n {displayValue || myPlaceholder}\n </Text>\n </div>\n </div>\n );\n }\n);\n"],"names":["useState","useCallback","isControlOrFunctionKey","KEYS","useOutsideMousedown","_jsx","Layer","Floating","dropdownStyles","preventDefaultForCurrentTarget","FormFieldContext","InlineUserAssistance","useHover","useFocusWithin","classNames","Link","WindowOverlay","mobileDropdownStyles","Flex","_jsxs","Separator","selectMobileDropdownStyles","textInterpolations","mergeInterpolations","forwardRef","useFormFieldContext","useTabbableMode","isInputPlaceholderShown","useAccessibleContext","merge","useComponentTheme","TextFieldInputRedwoodTheme","isEmbeddedVariant","selectMobileFieldInputStyles","formControlInheritTextAlign","Text"],"mappings":"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"}
1
+ {"version":3,"file":"SelectMobileFieldInput-cbf57541.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx"],"sourcesContent":["/**\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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n anchorRef: MutableRef<HTMLElement | null>;\n children?: ComponentChildren;\n dropdownRef: MutableRef<HTMLElement | null>;\n id?: string;\n isOpen?: boolean;\n onAutoDismiss?: (event?: Event) => void;\n onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n isMaxHeightAdjusted: true,\n maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n anchorRef,\n children,\n dropdownRef,\n id,\n isOpen,\n onAutoDismiss,\n onPosition\n}: Props) {\n const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n setPrevIsOpen(isOpen);\n }\n\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n const handleAutoDismiss = useCallback(\n (event: Event) => {\n onAutoDismiss?.(event);\n },\n [onAutoDismiss]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n return;\n }\n\n switch (event.code) {\n case KEYS.ESC:\n case KEYS.TAB:\n handleAutoDismiss(event);\n break;\n }\n },\n [handleAutoDismiss]\n );\n\n // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n // on the same event where focus will transfer\n useOutsideMousedown({\n isDisabled: !isOpen,\n ref: [anchorRef, dropdownRef],\n handler: handleAutoDismiss\n });\n\n const inlineStyle = isOpen\n ? {\n minWidth: `${anchorRef.current?.offsetWidth}px`\n }\n : {};\n\n return !isOpen ? null : (\n <Layer logicalParentRef={anchorRef}>\n <Floating\n anchorRef={anchorRef}\n sizeOptions={DROPDOWN_SIZE_OPTIONS}\n shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n ref={dropdownRef}\n placement={placement}\n offsetValue={DROPDOWN_OFFSET}\n onPosition={handlePosition}>\n <div\n class={dropdownStyles.base}\n id={id}\n style={inlineStyle}\n onKeyDown={handleKeyDown}\n onMouseDown={preventDefaultForCurrentTarget}>\n {children}\n </div>\n </Floating>\n </Layer>\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n ComponentProps<typeof InlineUserAssistance>,\n | 'assistiveText'\n | 'fieldLabel'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'id'\n | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n // of the user assistance\n const handleMouseDown = useCallback((event: MouseEvent) => {\n // Don't call preventDefault when the user clicks on the help source link, so that the\n // focus is allowed to transfer in that case.\n if ((event.target as Element)?.tagName !== 'A') {\n event.preventDefault();\n }\n }, []);\n\n return (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n <InlineUserAssistance {...props} />\n </div>\n </FormFieldContext.Provider>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n /**\n * Child content of the item.\n */\n children: string;\n /**\n * Specifies whether to highlight the item.\n */\n isHighlighted?: boolean;\n /**\n * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n */\n onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n const { isHover, hoverProps } = useHover();\n const { isFocused, focusProps } = useFocusWithin();\n\n const handleClick = useCallback(\n (e: Event) => {\n // prevent the link from actually navigating by preventing default and returning false\n e.preventDefault();\n onAction?.();\n return false;\n },\n [onAction]\n );\n\n const rootClasses = classNames([\n dropdownStyles.results.linkItemRoot,\n isFocused ? dropdownStyles.results.linkItemFocus : undefined\n ]);\n\n const linkClasses = classNames([\n dropdownStyles.results.extraItem,\n isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n ]);\n\n return (\n <div class={rootClasses} {...focusProps}>\n <Link href=\"#\" onClick={handleClick}>\n <div class={linkClasses} {...hoverProps}>\n {children}\n </div>\n </Link>\n </div>\n );\n};\n\nexport { LinkItem };\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n /**\n * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n */\n 'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n /**\n * The dropdown content\n */\n children?: ComponentChildren;\n\n /**\n * The id for the top level element\n */\n id?: string;\n\n /**\n * Specifies whether the dropdown is being shown\n */\n isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n return !isOpen ? null : (\n <Layer>\n <WindowOverlay>\n <div\n id={id}\n class={mobileDropdownStyles.base}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ariaLabelledBy}>\n <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n {children}\n </Flex>\n </div>\n </WindowOverlay>\n </Layer>\n );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n /**\n * The main dropdown content\n */\n children?: ComponentChildren;\n\n /**\n * The components to be placed in the end of the dropdown\n */\n footer?: ComponentChildren;\n\n /**\n * The components to be placed in the beginning of the dropdown\n */\n header?: ComponentChildren;\n\n /**\n * Specifies whether to have a separator between header and content\n */\n hasHeaderSeparator?: boolean;\n\n /**\n * Id of the label for the filter field.\n */\n labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n children,\n footer,\n hasHeaderSeparator = true,\n header,\n id,\n isOpen,\n labelId\n}: Props) {\n return (\n <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n {header}\n {hasHeaderSeparator && <Separator />}\n {/* TODO: Add overflow support to View and use it here */}\n {/* */}\n <div class={selectMobileDropdownStyles.content}>{children}</div>\n <Separator />\n {footer}\n </MobileDropdown>\n );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n UnpackSignals<JSX.AriaAttributes>,\n | 'aria-controls'\n | 'aria-describedby'\n | 'aria-expanded'\n | 'aria-invalid'\n | 'aria-label'\n | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n EventProps &\n TextProps & {\n displayValue?: string;\n hasEmptyLabel?: boolean;\n hasInsideLabel?: boolean;\n isRequired?: boolean;\n placeholder?: string;\n variant?: ContextType<typeof FormVariantContext>;\n };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n (\n {\n 'aria-controls': ariaControls,\n 'aria-describedby': ariaDescribedBy,\n 'aria-expanded': ariaExpanded,\n 'aria-invalid': ariaInvalid,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n displayValue,\n hasEmptyLabel,\n hasInsideLabel = false,\n isRequired,\n onBlur,\n onFocus,\n placeholder,\n textAlign,\n variant = 'default'\n }: Props,\n ref?: Ref<HTMLDivElement>\n ) => {\n // consume required contexts\n const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n // setup properties\n const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n ? placeholder\n : undefined;\n\n // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n // kinds of labels, this helps to ensure we don't override a meaningful label.\n const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n const mergedAriaLabelledBy = hasEmptyLabel\n ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n : ariaLabelledBy;\n\n // setup style classes\n const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n TextFieldInputRedwoodTheme,\n {\n type: 'notPassword',\n styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n textarea: 'notTextArea',\n input: 'isInput',\n prefix: 'noPrefix',\n suffix: 'noSuffix',\n startContent: 'noStartContent',\n endContent: 'hasEndContent',\n insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n value: hasValue ? 'hasValue' : 'noValue',\n focused: isFocused ? 'isFocused' : 'notFocused',\n disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n }\n );\n const rootDivStyleClasses = classNames([\n selectMobileFieldInputStyles.base,\n styleInterpolationClasses,\n themeClasses,\n // JET-72775 - Form control alignment in tables\n // When we are in legacy collection components, we want to inherit the text align\n // when it is not set explicitly.\n variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n ]);\n\n return (\n <div\n aria-autocomplete=\"list\"\n aria-controls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-invalid={ariaInvalid}\n aria-label={ariaLabel}\n aria-labelledby={mergedAriaLabelledBy}\n aria-required={isRequired ? 'true' : undefined}\n class={rootDivStyleClasses}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={ref}\n role=\"combobox\"\n {...(isTabbable && tabbableModeProps)}>\n <div class={selectMobileFieldInputStyles.content}>\n <Text variant={displayValue ? 'inherit' : 'secondary'}>\n {displayValue || myPlaceholder}\n </Text>\n </div>\n </div>\n );\n }\n);\n"],"names":["useState","useCallback","isControlOrFunctionKey","KEYS","useOutsideMousedown","_jsx","Layer","Floating","dropdownStyles","preventDefaultForCurrentTarget","FormFieldContext","InlineUserAssistance","useHover","useFocusWithin","classNames","Link","WindowOverlay","mobileDropdownStyles","Flex","_jsxs","Separator","selectMobileDropdownStyles","textInterpolations","mergeInterpolations","forwardRef","useFormFieldContext","useTabbableMode","isInputPlaceholderShown","useAccessibleContext","merge","useComponentTheme","TextFieldInputRedwoodTheme","isEmbeddedVariant","selectMobileFieldInputStyles","formControlInheritTextAlign","Text"],"mappings":"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"}
@@ -3,7 +3,6 @@
3
3
 
4
4
  var jsxRuntime = require('preact/jsx-runtime');
5
5
  var PRIVATE_StyledDatePickerButton_themes_StyledDatePickerButtonStyles_css = require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
6
- var UNSAFE_BaseButton_themes_BaseButtonStyles_css = require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
7
6
  var classNames = require('./classNames-c14c6ef3.js');
8
7
  var compat = require('preact/compat');
9
8
 
@@ -26,14 +25,9 @@ const StyledDatePickerButton = compat.forwardRef(({ isActivable = false, isReado
26
25
  today: isToday ? 'isToday' : 'notToday',
27
26
  variant
28
27
  });
29
- const classes = classNames.classNames([
30
- UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.base,
31
- UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.sizes.sm,
32
- UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.styled,
33
- variantClasses
34
- ]);
28
+ const classes = classNames.classNames([variantClasses]);
35
29
  return (jsxRuntime.jsx("span", { role: !isReadonly ? 'button' : undefined, class: classes, ref: ref, tabIndex: tabIndex, ...props, children: label }));
36
30
  });
37
31
 
38
32
  exports.StyledDatePickerButton = StyledDatePickerButton;
39
- //# sourceMappingURL=StyledDatePickerButton-cf4e4dc0.js.map
33
+ //# sourceMappingURL=StyledDatePickerButton-becd2a7d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StyledDatePickerButton-becd2a7d.js","sources":["../../src/PRIVATE_StyledDatePickerButton/StyledDatePickerButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { multiVariantStyles } from './themes/StyledDatePickerButtonStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { Ref, JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'onClick' | 'onKeyDown'>;\n\ntype AriaProps = {\n 'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n 'aria-disabled'?: UnpackSignals<JSX.AriaAttributes>['aria-disabled'];\n};\n\ntype Props = IntrinsicProps &\n AriaProps & {\n /**\n * Specifies that the button appears activated when the user activates the StyledDatePickerButton.\n * When true, adds the :active selector to the button so that it can show active styling.\n * Combine this property with the other properties to get the styling you want.\n */\n isActivable?: boolean;\n /**\n * Specifies the styling of the button to look dimmed.\n * Combine this property with the other properties to get the styling you want.\n */\n isDimmed?: boolean;\n /**\n * Specifies the styling of the button to look hidden, that is, visibility: hidden.\n */\n isHidden?: boolean;\n /**\n * Specifies that the button appears hovered when the user hovers over the StyledDatePickerButton.\n * When true, adds the :hover selector to the button so that it can show hover styling.\n * Combine this property with the other properties to get the styling you want.\n */\n isHoverable?: boolean;\n /**\n * Specifies the styling of the button to look like a day that is adjacent to the current month.\n * Combine this property with the other properties to get the styling you want.\n */\n isAdjacentMonth?: boolean;\n /**\n * Specifies the role of the day cell to be 'button' when isReadonly is false, or no role when isReadonly is true.\n * This helps the screenreader.\n */\n isReadonly?: boolean;\n /**\n * Specifies the styling of the button to look like it is restricted.\n * Combine this property with the other properties to get the styling you want.\n */\n isRestricted?: boolean;\n /**\n * Specifies the styling of the button to look like it is selected.\n * Combine this property with the other properties to get the styling you want.\n */\n isSelected?: boolean;\n /**\n * Specifies the styling of the button to look like it is today.\n * Combine this property with the other properties to get the styling you want.\n */\n isToday?: boolean;\n /**\n * Specifies the label of the day button. This will be the day of the month.\n */\n label: string;\n /**\n * Specifies the tabIndex.\n */\n tabIndex?: 0 | -1;\n /**\n * Specifies the visual variant for the StyledDatePickerButton.\n */\n variant?: 'day' | 'month' | 'year';\n };\n\n/**\n * StyledDatePickerButton is a controlled component that displays a stylized span for a button that goes into a DatePicker.\n */\nconst StyledDatePickerButton = forwardRef(\n (\n {\n isActivable = false,\n isReadonly = false,\n isAdjacentMonth = false,\n isDimmed = false,\n isHidden = false,\n isHoverable = false,\n isRestricted = false,\n isSelected = false,\n isToday = false,\n tabIndex,\n label,\n variant,\n ...props\n }: Props,\n ref: Ref<HTMLSpanElement> = null\n ) => {\n // The multiVariantStyles function is defined in StyledDatePickerButtonStyles.css.ts,\n // using the recipe utility provided by @vanilla-extract/recipes.\n // This function is used to merge the base styles, variants, and compound variants\n // into a single set of styles for components based on the component's properties.\n const variantClasses = multiVariantStyles({\n active: isActivable ? 'isActivable' : 'notActiveable',\n dimmed: isDimmed ? 'isDimmed' : 'notDimmed',\n hidden: isHidden ? 'isHidden' : 'notHidden',\n hover: isHoverable ? 'isHoverable' : 'notHoverable',\n adjacentMonth: isAdjacentMonth ? 'isAdjacentMonth' : 'notAdjacentMonth',\n restricted: isRestricted ? 'isRestricted' : 'notRestricted',\n selected: isSelected ? 'isSelected' : 'notSelected',\n today: isToday ? 'isToday' : 'notToday',\n variant\n });\n\n const classes = classNames([variantClasses]);\n return (\n <span\n role={!isReadonly ? 'button' : undefined}\n class={classes}\n ref={ref}\n tabIndex={tabIndex}\n {...props}>\n {label}\n </span>\n );\n }\n);\n\nexport { StyledDatePickerButton };\n"],"names":["forwardRef","multiVariantStyles","classNames","_jsx"],"mappings":";;;;;;;;AAmFA;;AAEG;AACG,MAAA,sBAAsB,GAAGA,iBAAU,CACvC,CACE,EACE,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACF,EACR,GAAA,GAA4B,IAAI,KAC9B;;;;;IAKF,MAAM,cAAc,GAAGC,yFAAkB,CAAC;QACxC,MAAM,EAAE,WAAW,GAAG,aAAa,GAAG,eAAe;QACrD,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc;QACnD,aAAa,EAAE,eAAe,GAAG,iBAAiB,GAAG,kBAAkB;QACvE,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,eAAe;QAC3D,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,OAAO;AACR,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAGC,qBAAU,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;AAC7C,IAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,EACxC,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAAA,GACd,KAAK,EAAA,QAAA,EACR,KAAK,EAAA,CACD,EACP;AACJ,CAAC;;;;"}
@@ -8,6 +8,23 @@
8
8
  width: var(--oj-c-base-button-sizes-sm-height);
9
9
  font-weight: var(--oj-c-body-md-font-weight-regular);
10
10
  font-size: var(--oj-c-body-md-font-size);
11
+ cursor: var(--oj-c-cursor-clickable);
12
+ border-style: solid;
13
+ border-width: 1px;
14
+ overflow-x: hidden;
15
+ overflow-y: hidden;
16
+ text-overflow: ellipsis;
17
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
18
+ white-space: nowrap;
19
+ border-radius: var(--oj-c-base-button-border-radius);
20
+ height: var(--oj-c-base-button-sizes-sm-height);
21
+ min-width: var(--oj-c-base-button-sizes-sm-height);
22
+ }
23
+ .StyledDatePickerButtonStyles_baseStyle__38ano0:focus-visible {
24
+ outline-style: dotted;
25
+ outline-offset: 1px;
26
+ outline-width: 1px;
27
+ outline-color: var(--oj-c-border-keyboard-focus);
11
28
  }
12
29
  .StyledDatePickerButtonStyles_multiVariantStyles_hidden_isHidden__38ano7 {
13
30
  visibility: hidden;
@@ -2,7 +2,7 @@
2
2
  'use strict';
3
3
 
4
4
  var jsxRuntime = require('preact/jsx-runtime');
5
- var OverflowTabBarItem = require('./OverflowTabBarItem-2c967a89.js');
5
+ var OverflowTabBarItem = require('./OverflowTabBarItem-abcd2327.js');
6
6
 
7
7
  /**
8
8
  * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.
@@ -12,4 +12,4 @@ function TabBarLinkItem({ itemKey, icon, badge, metadata, severity, labelMaxWidt
12
12
  }
13
13
 
14
14
  exports.TabBarLinkItem = TabBarLinkItem;
15
- //# sourceMappingURL=TabBarLinkItem-42785eb3.js.map
15
+ //# sourceMappingURL=TabBarLinkItem-b0c4b100.js.map