@oracle/oraclejet-preact 17.0.7 → 17.0.9

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 (201) hide show
  1. package/amd/CheckboxSet-9c883a32.js +2 -0
  2. package/amd/CheckboxSet-9c883a32.js.map +1 -0
  3. package/amd/InputDatePicker-da5d8728.js +2 -0
  4. package/amd/{InputDatePicker-0012b304.js.map → InputDatePicker-da5d8728.js.map} +1 -1
  5. package/amd/NavigationListItem-0a4f8a9c.js +2 -0
  6. package/amd/{NavigationListItem-c96ac144.js.map → NavigationListItem-0a4f8a9c.js.map} +1 -1
  7. package/amd/{OverflowTabBarItem-f781e527.js → OverflowTabBarItem-aae4eb2f.js} +2 -2
  8. package/amd/{OverflowTabBarItem-f781e527.js.map → OverflowTabBarItem-aae4eb2f.js.map} +1 -1
  9. package/amd/TextArea-2c7af40c.js +2 -0
  10. package/amd/TextArea-2c7af40c.js.map +1 -0
  11. package/amd/TextAreaAutosize-9dc5bffe.js +2 -0
  12. package/amd/{TextAreaAutosize-0a023972.js.map → TextAreaAutosize-9dc5bffe.js.map} +1 -1
  13. package/amd/Theme-redwood/theme.css +302 -302
  14. package/amd/Theme-stable/theme.css +289 -289
  15. package/amd/UNSAFE_CheckboxItem.js +1 -1
  16. package/amd/UNSAFE_CheckboxItem.js.map +1 -1
  17. package/amd/UNSAFE_CheckboxSet.js +1 -1
  18. package/amd/UNSAFE_CheckboxSet.js.map +1 -1
  19. package/amd/UNSAFE_InputDatePicker.js +1 -1
  20. package/amd/UNSAFE_NavigationList.js +1 -1
  21. package/amd/UNSAFE_OverflowTabBar.js +1 -1
  22. package/amd/UNSAFE_TabBar.js +1 -1
  23. package/amd/UNSAFE_TabBarCommon.js +1 -1
  24. package/amd/UNSAFE_TabBarMixed.js +1 -1
  25. package/amd/UNSAFE_TextArea.js +1 -1
  26. package/amd/UNSAFE_TextAreaAutosize.js +1 -1
  27. package/amd/hooks/UNSAFE_useContainerBreakpointValues.js +1 -1
  28. package/cjs/{BaseCardView-99f89fbf.js → BaseCardView-badf6df3.js} +2 -2
  29. package/cjs/{BaseCardView-99f89fbf.js.map → BaseCardView-badf6df3.js.map} +1 -1
  30. package/cjs/{CardFlexView-48f39ef2.js → CardFlexView-d44dfed5.js} +2 -2
  31. package/cjs/{CardFlexView-48f39ef2.js.map → CardFlexView-d44dfed5.js.map} +1 -1
  32. package/cjs/{CardGridView-6bb427fe.js → CardGridView-dd7c777f.js} +2 -2
  33. package/cjs/{CardGridView-6bb427fe.js.map → CardGridView-dd7c777f.js.map} +1 -1
  34. package/cjs/GroupLoadingIndicator-3c9d8341.js +1 -1
  35. package/cjs/{Indexer-0663a593.js → Indexer-563ea09d.js} +2 -2
  36. package/cjs/{Indexer-0663a593.js.map → Indexer-563ea09d.js.map} +1 -1
  37. package/cjs/{List-8802ce35.js → List-bd9ecebb.js} +4 -3
  38. package/cjs/{List-8802ce35.js.map → List-bd9ecebb.js.map} +1 -1
  39. package/cjs/{ListView-f7871b48.js → ListView-d67f49db.js} +2 -2
  40. package/cjs/{ListView-f7871b48.js.map → ListView-d67f49db.js.map} +1 -1
  41. package/cjs/{LoadMoreCollection-69bc038c.js → LoadMoreCollection-73112ff0.js} +2 -2
  42. package/cjs/{LoadMoreCollection-69bc038c.js.map → LoadMoreCollection-73112ff0.js.map} +1 -1
  43. package/cjs/PRIVATE_BaseCardView.js +3 -3
  44. package/cjs/PRIVATE_List.js +4 -4
  45. package/cjs/PRIVATE_LoadMoreCollection.js +2 -2
  46. package/cjs/PRIVATE_SelectCommon.js +5 -5
  47. package/cjs/PRIVATE_Table.js +3 -3
  48. package/cjs/PRIVATE_VirtualizedCollection.js +2 -2
  49. package/cjs/{SelectMultiple-fcfb029a.js → SelectMultiple-3af44d48.js} +2 -2
  50. package/cjs/{SelectMultiple-fcfb029a.js.map → SelectMultiple-3af44d48.js.map} +1 -1
  51. package/cjs/{SelectSingle-40cb868a.js → SelectSingle-315c9871.js} +2 -2
  52. package/cjs/{SelectSingle-40cb868a.js.map → SelectSingle-315c9871.js.map} +1 -1
  53. package/cjs/{Table-17b3dbc3.js → Table-ecf57a09.js} +2 -2
  54. package/cjs/{Table-17b3dbc3.js.map → Table-ecf57a09.js.map} +1 -1
  55. package/cjs/{TableView-26f85ff8.js → TableView-756b9d98.js} +2 -2
  56. package/cjs/{TableView-26f85ff8.js.map → TableView-756b9d98.js.map} +1 -1
  57. package/cjs/{TextArea-b2646d51.js → TextArea-aff8b46e.js} +22 -4
  58. package/cjs/TextArea-aff8b46e.js.map +1 -0
  59. package/cjs/{TextAreaAutosize-d8cad6ce.js → TextAreaAutosize-c12ae7e7.js} +3 -3
  60. package/cjs/{TextAreaAutosize-d8cad6ce.js.map → TextAreaAutosize-c12ae7e7.js.map} +1 -1
  61. package/cjs/Theme-redwood/theme.css +252 -252
  62. package/cjs/Theme-stable/theme.css +248 -248
  63. package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js +1 -0
  64. package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js.map +1 -1
  65. package/cjs/UNSAFE_CardFlexView.js +4 -4
  66. package/cjs/UNSAFE_CardGridView.js +4 -4
  67. package/cjs/UNSAFE_ExpandableList.js +3 -3
  68. package/cjs/UNSAFE_Indexer.js +2 -2
  69. package/cjs/UNSAFE_ListView.js +5 -5
  70. package/cjs/UNSAFE_SelectMultiple.js +6 -6
  71. package/cjs/UNSAFE_SelectSingle.js +6 -6
  72. package/cjs/UNSAFE_TableView.js +4 -4
  73. package/cjs/UNSAFE_TextArea.js +3 -4
  74. package/cjs/UNSAFE_TextArea.js.map +1 -1
  75. package/cjs/UNSAFE_TextAreaAutosize.js +2 -2
  76. package/cjs/UNSAFE_VirtualizedListView.js +5 -5
  77. package/cjs/{VirtualizedCollection-9e8c48b9.js → VirtualizedCollection-00aedb8b.js} +2 -2
  78. package/cjs/{VirtualizedCollection-9e8c48b9.js.map → VirtualizedCollection-00aedb8b.js.map} +1 -1
  79. package/cjs/{VirtualizedListView-b4147305.js → VirtualizedListView-a07fe73b.js} +2 -2
  80. package/cjs/{VirtualizedListView-b4147305.js.map → VirtualizedListView-a07fe73b.js.map} +1 -1
  81. package/cjs/{useSelectCommon-d39e90e2.js → useSelectCommon-8aaf62bd.js} +2 -2
  82. package/cjs/{useSelectCommon-d39e90e2.js.map → useSelectCommon-8aaf62bd.js.map} +1 -1
  83. package/es/AvatarVariants.styles.css +25 -25
  84. package/es/AvatarVariants.styles2.css +25 -25
  85. package/es/BaseNavigationListItem-f3bf5d85.js +47 -0
  86. package/es/BaseNavigationListItem-f3bf5d85.js.map +1 -0
  87. package/es/ConveyorBeltVariants.styles.css +6 -6
  88. package/es/ConveyorBeltVariants.styles2.css +6 -6
  89. package/es/FilePickerVariants.styles.css +2 -2
  90. package/es/FilePickerVariants.styles2.css +2 -2
  91. package/es/FormLayoutVariants.styles.css +14 -14
  92. package/es/FormLayoutVariants.styles2.css +14 -14
  93. package/es/{InputDatePicker-7f9852d0.js → InputDatePicker-aa02a34c.js} +2 -2
  94. package/es/{InputDatePicker-7f9852d0.js.map → InputDatePicker-aa02a34c.js.map} +1 -1
  95. package/es/LabelledLinkVariants.styles.css +3 -3
  96. package/es/LabelledLinkVariants.styles2.css +3 -3
  97. package/es/LinkVariants.styles.css +14 -14
  98. package/es/LinkVariants.styles2.css +14 -14
  99. package/es/{NavigationListItem-f44c1083.js → NavigationList-40cfa2f7.js} +13 -7
  100. package/es/NavigationList-40cfa2f7.js.map +1 -0
  101. package/es/NavigationListItem-1efd88f0.js +10 -0
  102. package/es/NavigationListItem-1efd88f0.js.map +1 -0
  103. package/es/{OverflowTabBarItem-f4360269.js → OverflowTabBarItem-d0a9dae6.js} +4 -3
  104. package/es/{OverflowTabBarItem-f4360269.js.map → OverflowTabBarItem-d0a9dae6.js.map} +1 -1
  105. package/es/PRIVATE_SelectCommon.js +1 -1
  106. package/es/ReadonlyTextFieldVariants.styles.css +14 -14
  107. package/es/ReadonlyTextFieldVariants.styles2.css +14 -14
  108. package/es/{RemovableNavigationListItem-4c86bec8.js → RemovableNavigationListItem-d55724ff.js} +3 -2
  109. package/es/{RemovableNavigationListItem-4c86bec8.js.map → RemovableNavigationListItem-d55724ff.js.map} +1 -1
  110. package/es/{ReorderableTabBar-84640a66.js → ReorderableTabBar-aae17355.js} +2 -2
  111. package/es/{ReorderableTabBar-84640a66.js.map → ReorderableTabBar-aae17355.js.map} +1 -1
  112. package/es/{TabBar-e39e8dbd.js → TabBar-935be8eb.js} +6 -1
  113. package/es/{TabBar-e39e8dbd.js.map → TabBar-935be8eb.js.map} +1 -1
  114. package/es/{TabBarMixed-3658d3d2.js → TabBarMixed-1742d71e.js} +6 -1
  115. package/es/{TabBarMixed-3658d3d2.js.map → TabBarMixed-1742d71e.js.map} +1 -1
  116. package/es/{TextArea-d97aac1f.js → TextArea-979496a0.js} +25 -8
  117. package/es/TextArea-979496a0.js.map +1 -0
  118. package/es/{TextAreaAutosize-68a4786d.js → TextAreaAutosize-b73aaa2f.js} +2 -2
  119. package/es/{TextAreaAutosize-68a4786d.js.map → TextAreaAutosize-b73aaa2f.js.map} +1 -1
  120. package/es/Theme-redwood/theme.css +345 -345
  121. package/es/Theme-stable/theme.css +974 -974
  122. package/es/UNSAFE_Avatar/themes/redwood/AvatarTheme.js +1 -1
  123. package/es/UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js +1 -1
  124. package/es/UNSAFE_Avatar/themes/stable/AvatarTheme.js +1 -1
  125. package/es/UNSAFE_Avatar/themes/stable/AvatarVariants.css.js +1 -1
  126. package/es/UNSAFE_Avatar.js +1 -1
  127. package/es/UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme.js +1 -1
  128. package/es/UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltVariants.css.js +1 -1
  129. package/es/UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltTheme.js +1 -1
  130. package/es/UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltVariants.css.js +1 -1
  131. package/es/UNSAFE_ConveyorBelt.js +1 -1
  132. package/es/UNSAFE_FilePicker/themes/redwood/FilePickerTheme.js +1 -1
  133. package/es/UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css.js +1 -1
  134. package/es/UNSAFE_FilePicker/themes/stable/FilePickerTheme.js +1 -1
  135. package/es/UNSAFE_FilePicker/themes/stable/FilePickerVariants.css.js +1 -1
  136. package/es/UNSAFE_FilePicker.js +1 -1
  137. package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutTheme.js +1 -1
  138. package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutVariants.css.js +1 -1
  139. package/es/UNSAFE_FormLayout/themes/stable/FormLayoutTheme.js +1 -1
  140. package/es/UNSAFE_FormLayout/themes/stable/FormLayoutVariants.css.js +1 -1
  141. package/es/UNSAFE_FormLayout.js +1 -1
  142. package/es/UNSAFE_InputDateMask.js +1 -1
  143. package/es/UNSAFE_InputDatePicker.js +89 -89
  144. package/es/UNSAFE_InputPassword.js +1 -1
  145. package/es/UNSAFE_InputSensitiveText.js +1 -1
  146. package/es/UNSAFE_InputText.js +1 -1
  147. package/es/UNSAFE_LabelledLink/themes/redwood/LabelledLinkTheme.js +1 -1
  148. package/es/UNSAFE_LabelledLink/themes/redwood/LabelledLinkVariants.css.js +1 -1
  149. package/es/UNSAFE_LabelledLink/themes/stable/LabelledLinkTheme.js +1 -1
  150. package/es/UNSAFE_LabelledLink/themes/stable/LabelledLinkVariants.css.js +1 -1
  151. package/es/UNSAFE_LabelledLink.js +3 -3
  152. package/es/UNSAFE_Link/themes/redwood/LinkTheme.js +1 -1
  153. package/es/UNSAFE_Link/themes/redwood/LinkVariants.css.js +1 -1
  154. package/es/UNSAFE_Link/themes/stable/LinkTheme.js +1 -1
  155. package/es/UNSAFE_Link/themes/stable/LinkVariants.css.js +1 -1
  156. package/es/UNSAFE_Link.js +1 -1
  157. package/es/UNSAFE_NavigationList.js +16 -14
  158. package/es/UNSAFE_NavigationList.js.map +1 -1
  159. package/es/UNSAFE_NavigationListCommon.js +54 -53
  160. package/es/UNSAFE_NavigationListCommon.js.map +1 -1
  161. package/es/UNSAFE_NumberInputText.js +1 -1
  162. package/es/UNSAFE_OverflowTabBar.js +23 -21
  163. package/es/UNSAFE_OverflowTabBar.js.map +1 -1
  164. package/es/UNSAFE_ReorderableTabBar.js +21 -7
  165. package/es/UNSAFE_ReorderableTabBar.js.map +1 -1
  166. package/es/UNSAFE_SelectMultiple.js +2 -2
  167. package/es/UNSAFE_SelectSingle.js +2 -2
  168. package/es/UNSAFE_TabBar.js +24 -22
  169. package/es/UNSAFE_TabBar.js.map +1 -1
  170. package/es/UNSAFE_TabBarCommon.js +20 -18
  171. package/es/UNSAFE_TabBarCommon.js.map +1 -1
  172. package/es/UNSAFE_TabBarMixed.js +24 -22
  173. package/es/UNSAFE_TabBarMixed.js.map +1 -1
  174. package/es/UNSAFE_TextArea.js +3 -4
  175. package/es/UNSAFE_TextArea.js.map +1 -1
  176. package/es/UNSAFE_TextAreaAutosize.js +3 -3
  177. package/es/UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js +1 -1
  178. package/es/UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js +1 -1
  179. package/es/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.js +1 -1
  180. package/es/UNSAFE_TextField/themes/stable/ReadonlyTextFieldVariants.css.js +1 -1
  181. package/es/UNSAFE_TextField.js +1 -1
  182. package/es/{BaseNavigationListItem-3a377d46.js → useNavigationListItem-5f7cd66b.js} +3 -41
  183. package/es/useNavigationListItem-5f7cd66b.js.map +1 -0
  184. package/package.json +2 -2
  185. package/amd/CheckboxSetContext-2e486ea8.js +0 -2
  186. package/amd/CheckboxSetContext-2e486ea8.js.map +0 -1
  187. package/amd/InputDatePicker-0012b304.js +0 -2
  188. package/amd/MaxLengthCounter-caafceef.js +0 -2
  189. package/amd/MaxLengthCounter-caafceef.js.map +0 -1
  190. package/amd/NavigationListItem-c96ac144.js +0 -2
  191. package/amd/TextArea-44c90bc4.js +0 -2
  192. package/amd/TextArea-44c90bc4.js.map +0 -1
  193. package/amd/TextAreaAutosize-0a023972.js +0 -2
  194. package/cjs/MaxLengthCounter-a5370f66.js +0 -27
  195. package/cjs/MaxLengthCounter-a5370f66.js.map +0 -1
  196. package/cjs/TextArea-b2646d51.js.map +0 -1
  197. package/es/BaseNavigationListItem-3a377d46.js.map +0 -1
  198. package/es/MaxLengthCounter-cead2dac.js +0 -25
  199. package/es/MaxLengthCounter-cead2dac.js.map +0 -1
  200. package/es/NavigationListItem-f44c1083.js.map +0 -1
  201. package/es/TextArea-d97aac1f.js.map +0 -1
@@ -1,7 +1,7 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
2
  export { T as TabBarItem } from './TabBarItem-c681fa07.js';
3
3
  export { R as RemovableTabBarItem } from './RemovableTabBarItem-217d4a0b.js';
4
- export { O as OverflowTabBarItem } from './OverflowTabBarItem-f4360269.js';
4
+ export { O as OverflowTabBarItem } from './OverflowTabBarItem-d0a9dae6.js';
5
5
  export { T as TabBarContext, u as useTabBarContext } from './useTabBarContext-0071d2a7.js';
6
6
  export { T as TabBarLayout } from './TabBarLayout-a0d89ec4.js';
7
7
  import 'preact/jsx-runtime';
@@ -126,6 +126,24 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
126
126
  import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
127
127
  import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
128
128
  import './ButtonLabelLayoutVariants.styles.css';
129
+ import './NavigationList-40cfa2f7.js';
130
+ import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
131
+ import './NavigationListStyles.styles.css';
132
+ import './collectionUtils-d72c7c40.js';
133
+ import './keys-df361af9.js';
134
+ import './useCollectionFocusRing-d0c80397.js';
135
+ import './useCurrentKey-db7d3bb9.js';
136
+ import './useNavigationListItem-5f7cd66b.js';
137
+ import './useInteractionStyle-d65c72b6.js';
138
+ import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
139
+ import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
140
+ import './NavigationListItemStyles.styles.css';
141
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
142
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
143
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
144
+ import './NavigationListItemVariants.styles.css';
145
+ import './NavigationListItem-1efd88f0.js';
146
+ import './BaseNavigationListItem-f3bf5d85.js';
129
147
  import './Dropdown-717319bb.js';
130
148
  import './keyboardUtils-4db21770.js';
131
149
  import './tabbableUtils-dca964ca.js';
@@ -156,21 +174,5 @@ import './UNSAFE_Sheet/themes/SheetStyles.css.js';
156
174
  import './SheetStyles.styles.css';
157
175
  import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
158
176
  import './OverflowTabBarItemStyles.styles.css';
159
- import './NavigationListItem-f44c1083.js';
160
- import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
161
- import './NavigationListStyles.styles.css';
162
- import './collectionUtils-d72c7c40.js';
163
- import './keys-df361af9.js';
164
- import './useCollectionFocusRing-d0c80397.js';
165
- import './useCurrentKey-db7d3bb9.js';
166
- import './BaseNavigationListItem-3a377d46.js';
167
- import './useInteractionStyle-d65c72b6.js';
168
- import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
169
- import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
170
- import './NavigationListItemStyles.styles.css';
171
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
172
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
173
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
174
- import './NavigationListItemVariants.styles.css';
175
- import './RemovableNavigationListItem-4c86bec8.js';
177
+ import './RemovableNavigationListItem-d55724ff.js';
176
178
  //# sourceMappingURL=UNSAFE_TabBarCommon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_TabBarCommon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UNSAFE_TabBarCommon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,9 +1,9 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
- export { T as TabBarMixed } from './TabBarMixed-3658d3d2.js';
2
+ export { T as TabBarMixed } from './TabBarMixed-1742d71e.js';
3
3
  export { T as TabBarMixedSeparator } from './TabBarMixedSeparator-8ab78880.js';
4
4
  export { T as TabBarItem } from './TabBarItem-c681fa07.js';
5
5
  export { R as RemovableTabBarItem } from './RemovableTabBarItem-217d4a0b.js';
6
- export { O as OverflowTabBarItem } from './OverflowTabBarItem-f4360269.js';
6
+ export { O as OverflowTabBarItem } from './OverflowTabBarItem-d0a9dae6.js';
7
7
  import './useTabBarContext-0071d2a7.js';
8
8
  import 'preact/hooks';
9
9
  export { T as TabBarLayout } from './TabBarLayout-a0d89ec4.js';
@@ -85,8 +85,26 @@ import './TooltipContentVariants.styles.css';
85
85
  import './EnvironmentProvider-f543a463.js';
86
86
  import './LayerManager-625d2503.js';
87
87
  import './IconStyle.styles.css';
88
- import './keyboardUtils-4db21770.js';
88
+ import './NavigationList-40cfa2f7.js';
89
+ import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
90
+ import './NavigationListStyles.styles.css';
91
+ import './collectionUtils-d72c7c40.js';
92
+ import './keys-df361af9.js';
89
93
  import './clientHints-c76a913b.js';
94
+ import './useCollectionFocusRing-d0c80397.js';
95
+ import './useCurrentKey-db7d3bb9.js';
96
+ import './useNavigationListItem-5f7cd66b.js';
97
+ import './usePress-97fc1cf1.js';
98
+ import './useInteractionStyle-d65c72b6.js';
99
+ import './useActive-7d9737a5.js';
100
+ import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
101
+ import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
102
+ import './NavigationListItemStyles.styles.css';
103
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
104
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
105
+ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
106
+ import './NavigationListItemVariants.styles.css';
107
+ import './keyboardUtils-4db21770.js';
90
108
  import './tabbableUtils-dca964ca.js';
91
109
  import './head-6f17c50c.js';
92
110
  import './_arity-be492b9e.js';
@@ -113,10 +131,6 @@ import './OverflowTabBarItemStyles.styles.css';
113
131
  import './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js';
114
132
  import './TabBarMixedStyles.styles.css';
115
133
  import './useTabBar-8af19c50.js';
116
- import './collectionUtils-d72c7c40.js';
117
- import './keys-df361af9.js';
118
- import './useCollectionFocusRing-d0c80397.js';
119
- import './useCurrentKey-db7d3bb9.js';
120
134
  import './View-6013acac.js';
121
135
  import './borders-98a63040.js';
122
136
  import './colors-aab9ed12.js';
@@ -126,7 +140,6 @@ import './useDensity-60cfa748.js';
126
140
  import './equals-160da165.js';
127
141
  import './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js';
128
142
  import './TabBarMixedSeparator.styles.css';
129
- import './usePress-97fc1cf1.js';
130
143
  import './Text-da8588ce.js';
131
144
  import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
132
145
  import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
@@ -152,7 +165,6 @@ import './Close-97d45aca.js';
152
165
  import './useTranslationBundle-cd815e10.js';
153
166
  import './EmbeddedIconButton-2bee9a35.js';
154
167
  import './BaseButton-5b2791b1.js';
155
- import './useActive-7d9737a5.js';
156
168
  import './TabbableModeContext-7d8ad946.js';
157
169
  import './useTabbableMode-a3a351d0.js';
158
170
  import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
@@ -168,23 +180,13 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
168
180
  import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
169
181
  import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
170
182
  import './ButtonLabelLayoutVariants.styles.css';
183
+ import './NavigationListItem-1efd88f0.js';
184
+ import './BaseNavigationListItem-f3bf5d85.js';
171
185
  import './Dropdown-717319bb.js';
172
186
  import './usePopupAnimation-4be04290.js';
173
187
  import './popupAnimationUtils-d4c27cd1.js';
174
188
  import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
175
189
  import './useOutsideMousedown-7307de8b.js';
176
190
  import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
177
- import './NavigationListItem-f44c1083.js';
178
- import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
179
- import './NavigationListStyles.styles.css';
180
- import './BaseNavigationListItem-3a377d46.js';
181
- import './useInteractionStyle-d65c72b6.js';
182
- import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
183
- import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
184
- import './NavigationListItemStyles.styles.css';
185
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
186
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
187
- import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
188
- import './NavigationListItemVariants.styles.css';
189
- import './RemovableNavigationListItem-4c86bec8.js';
191
+ import './RemovableNavigationListItem-d55724ff.js';
190
192
  //# sourceMappingURL=UNSAFE_TabBarMixed.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_TabBarMixed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UNSAFE_TabBarMixed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
- export { T as TextArea } from './TextArea-d97aac1f.js';
3
- export { M as MaxLengthCounter } from './MaxLengthCounter-cead2dac.js';
2
+ export { M as MaxLengthCounter, T as TextArea } from './TextArea-979496a0.js';
4
3
  import 'preact/jsx-runtime';
5
4
  import 'preact/compat';
6
5
  import './FormContext-4d71f9c7.js';
@@ -227,7 +226,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
227
226
  import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
228
227
  import './ReadonlyTextFieldStyles.styles.css';
229
228
  import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
230
- import './ReadonlyTextFieldVariants.styles.css';
229
+ import './ReadonlyTextFieldVariants.styles2.css';
231
230
  import './TextField-323fe0e9.js';
232
231
  import './MaxLengthLiveRegion-cd15b075.js';
233
232
  import './useDebounce-fa5a80e9.js';
@@ -259,6 +258,6 @@ import './CompactUserAssistance-41c32c6f.js';
259
258
  import './Separator-93c70737.js';
260
259
  import './useLengthFilter-f72f45ac.js';
261
260
  import './lengthFilter-d249a7ab.js';
262
- import './useCurrentValueReducer-bdf796fa.js';
263
261
  import './MaxLengthCounterStyles.styles.css';
262
+ import './useCurrentValueReducer-bdf796fa.js';
264
263
  //# sourceMappingURL=UNSAFE_TextArea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_TextArea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UNSAFE_TextArea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
- export { T as TextAreaAutosize } from './TextAreaAutosize-68a4786d.js';
2
+ export { T as TextAreaAutosize } from './TextAreaAutosize-b73aaa2f.js';
3
3
  import 'preact/jsx-runtime';
4
4
  import 'preact/compat';
5
5
  import './FormContext-4d71f9c7.js';
@@ -226,7 +226,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
226
226
  import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
227
227
  import './ReadonlyTextFieldStyles.styles.css';
228
228
  import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
229
- import './ReadonlyTextFieldVariants.styles.css';
229
+ import './ReadonlyTextFieldVariants.styles2.css';
230
230
  import './TextField-323fe0e9.js';
231
231
  import './MaxLengthLiveRegion-cd15b075.js';
232
232
  import './useDebounce-fa5a80e9.js';
@@ -259,6 +259,6 @@ import './Separator-93c70737.js';
259
259
  import './useLengthFilter-f72f45ac.js';
260
260
  import './lengthFilter-d249a7ab.js';
261
261
  import './useCurrentValueReducer-bdf796fa.js';
262
- import './MaxLengthCounter-cead2dac.js';
262
+ import './TextArea-979496a0.js';
263
263
  import './MaxLengthCounterStyles.styles.css';
264
264
  //# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map
@@ -4,7 +4,7 @@ import { multiVariantStyles } from './ReadonlyTextFieldVariants.css.js';
4
4
  import './../../../SkeletonStyles.styles.css';
5
5
  import './../../../TextFieldLoadingStyles.styles.css';
6
6
  import './../../../ReadonlyTextFieldStyles.styles.css';
7
- import './../../../ReadonlyTextFieldVariants.styles.css';
7
+ import './../../../ReadonlyTextFieldVariants.styles2.css';
8
8
  import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
9
9
 
10
10
  const ReadonlyTextFieldRedwoodTheme = {
@@ -2,7 +2,7 @@
2
2
  import './../../../SkeletonStyles.styles.css';
3
3
  import './../../../TextFieldLoadingStyles.styles.css';
4
4
  import './../../../ReadonlyTextFieldStyles.styles.css';
5
- import './../../../ReadonlyTextFieldVariants.styles.css';
5
+ import './../../../ReadonlyTextFieldVariants.styles2.css';
6
6
  import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
7
7
 
8
8
  var multiVariantStyles = createRuntimeFn({defaultClassName:'ReadonlyTextFieldStyles_readOnlyBase__71tiu80',variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0',notInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1'},insideLabel:{hasInsideLabel:'',noInsideLabel:''},textarea:{isTextArea:'ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4',notTextArea:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''},resize:{horizontal:'ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc',vertical:'ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod',both:'ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe',none:'ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof'}},defaultVariants:{},compoundVariants:[[{textarea:'isTextArea',insideNonReadonlyForm:'notInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm',textarea:'isTextArea'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom']]});
@@ -4,7 +4,7 @@ import { multiVariantStyles } from './ReadonlyTextFieldVariants.css.js';
4
4
  import './../../../SkeletonStyles.styles.css';
5
5
  import './../../../TextFieldLoadingStyles.styles.css';
6
6
  import './../../../ReadonlyTextFieldStyles.styles.css';
7
- import './../../../ReadonlyTextFieldVariants.styles2.css';
7
+ import './../../../ReadonlyTextFieldVariants.styles.css';
8
8
  import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
9
9
 
10
10
  const ReadonlyTextFieldStableTheme = {
@@ -2,7 +2,7 @@
2
2
  import './../../../SkeletonStyles.styles.css';
3
3
  import './../../../TextFieldLoadingStyles.styles.css';
4
4
  import './../../../ReadonlyTextFieldStyles.styles.css';
5
- import './../../../ReadonlyTextFieldVariants.styles2.css';
5
+ import './../../../ReadonlyTextFieldVariants.styles.css';
6
6
  import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
7
7
 
8
8
  var multiVariantStyles = createRuntimeFn({defaultClassName:'ReadonlyTextFieldStyles_readOnlyBase__71tiu80',variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0',notInsideNonReadonlyForm:'ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1'},insideLabel:{hasInsideLabel:'',noInsideLabel:''},textarea:{isTextArea:'ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4',notTextArea:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''},resize:{horizontal:'ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc',vertical:'ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd',both:'ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse',none:'ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf'}},defaultVariants:{},compoundVariants:[[{textarea:'isTextArea',insideNonReadonlyForm:'notInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh'],[{insideLabel:'hasInsideLabel',insideNonReadonlyForm:'isInsideNonReadonlyForm',textarea:'isTextArea'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm']]});
@@ -106,7 +106,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
106
106
  import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
107
107
  import './ReadonlyTextFieldStyles.styles.css';
108
108
  import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
109
- import './ReadonlyTextFieldVariants.styles.css';
109
+ import './ReadonlyTextFieldVariants.styles2.css';
110
110
  import './useTextFieldInputHandlers-fb7c06b4.js';
111
111
  import './mergeProps-88ea8306.js';
112
112
  import './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';
@@ -1,7 +1,5 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
- import { jsxs, jsx } from 'preact/jsx-runtime';
3
- import { useContext, useCallback, useRef } from 'preact/hooks';
4
- import { T as Text } from './Text-da8588ce.js';
2
+ import { useContext, useCallback } from 'preact/hooks';
5
3
  import { u as usePress } from './usePress-97fc1cf1.js';
6
4
  import { m as mergeProps } from './mergeProps-88ea8306.js';
7
5
  import { c as classNames } from './classNames-4e12b00d.js';
@@ -11,12 +9,6 @@ import { createContext } from 'preact';
11
9
  import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
12
10
  import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
13
11
  import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
14
- import { F as Flex } from './Flex-24628925.js';
15
- import { S as SvgWarningS } from './WarningS-dc71c91a.js';
16
- import { S as SvgErrorS } from './ErrorS-e6e7e0e2.js';
17
- import { S as SvgInformationS } from './InformationS-170eee52.js';
18
- import { S as SvgSuccessS } from './SuccessS-b342103c.js';
19
- import { B as Badge } from './Badge-a458c469.js';
20
12
 
21
13
  /**
22
14
  * @license
@@ -85,35 +77,5 @@ function useNavigationListItem({ itemKey }) {
85
77
  };
86
78
  }
87
79
 
88
- /*TODO: JET-58535. Add ripple effect when touching navigationListItem. */
89
- function BaseNavigationListItem({ itemKey, label, badge, metadata, severity = 'none', removeIcon }) {
90
- const itemRef = useRef(null);
91
- //Logic of the component handled here
92
- const { itemId, itemHandlers, itemClasses, isSelected, labelContainerClasses, labelContainerStyle } = useNavigationListItem({
93
- itemKey
94
- });
95
- const severityRequirement = !(severity === 'none' || severity === undefined);
96
- const IconComponent = (severityValue) => {
97
- switch (severityValue) {
98
- case 'error':
99
- return jsx(SvgErrorS, { color: "danger" });
100
- case 'warning':
101
- return jsx(SvgWarningS, { color: "warning" });
102
- case 'info':
103
- return jsx(SvgInformationS, { color: "info" });
104
- case 'confirmation':
105
- return jsx(SvgSuccessS, { color: "success" });
106
- default:
107
- return null;
108
- }
109
- };
110
- const { styles: { iconLabelContainer, iconContainer, navigationItemMetadata } } = useComponentTheme(NavigationListItemRedwoodTheme);
111
- const navigationItemMatadata = classNames([navigationItemMetadata]);
112
- const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);
113
- const { styles: { navigationlistRemoveIcon } } = useComponentTheme(NavigationListItemRedwoodTheme);
114
- const removeClass = classNames([navigationlistRemoveIcon]);
115
- return (jsxs("li", { role: "tab", ...itemHandlers, "data-oj-key": itemKey, id: itemId, class: itemClasses, "aria-selected": isSelected, ref: itemRef, children: [label && (jsx("span", { class: labelContainerClasses, style: labelContainerStyle, children: jsx(Text, { size: "inherit", weight: "inherit", variant: "inherit", children: label }) })), (metadata || severityRequirement || badge || removeIcon) && (jsxs(Flex, { gap: "2x", align: "center", justify: "end", flex: "1 1 auto", children: [' ', badge && (jsx("span", { class: endIconContainerClasses, children: jsx(Badge, { size: "md", variant: "neutralSubtle", children: badge }) })), metadata && (jsx("span", { class: navigationItemMatadata, children: jsx(Text, { children: '( ' + metadata + ' )' }) })), severityRequirement && (jsx("span", { class: endIconContainerClasses, children: IconComponent(severity) })), removeIcon && jsx("span", { class: removeClass, children: removeIcon })] }))] }));
116
- }
117
-
118
- export { BaseNavigationListItem as B, NavigationListContext as N, useNavigationListContext as u };
119
- //# sourceMappingURL=BaseNavigationListItem-3a377d46.js.map
80
+ export { NavigationListContext as N, useNavigationListItem as a, useNavigationListContext as u };
81
+ //# sourceMappingURL=useNavigationListItem-5f7cd66b.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNavigationListItem-5f7cd66b.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts"],"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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n NavigationListProps<K>,\n 'selection' | 'onSelectionChange' | 'onRemove'\n> & {\n currentKey?: K;\n showFocusRing: boolean;\n onCurrentKeyChange:\n | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n | undefined;\n navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\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 { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n NavigationListItemStyles,\n NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n flexItemStyleInterpolations({\n alignSelf: 'center'\n });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix } =\n useNavigationListContext();\n\n //Selection and focus state\n const isCurrent = currentKey === itemKey;\n\n const isSelected = selection === itemKey;\n\n //Styling\n const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n useInteractionStyle();\n\n const {\n classes: listItemClasses,\n styles: { labelContainerClasses }\n } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n NavigationListItemRedwoodTheme,\n {\n focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n current: isCurrent ? 'isCurrent' : 'notCurrtent',\n selected: isSelected ? 'isSelected' : 'notSelected',\n hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n active: applyActiveStyle ? 'isActive' : 'notActive'\n }\n );\n\n //Item handlers\n const handlePress = useCallback(() => {\n onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n }, [itemKey, onSelectionChange]);\n\n //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n //for preact navlist\n const { pressProps } = usePress(handlePress);\n\n return {\n itemId: navigationListItemPrefix + itemKey,\n itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n itemClasses: classNames([listItemClasses]),\n isSelected,\n labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n labelContainerStyle: labelContainerFlexItemStyle\n };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;AAMG;AAqBH;;;AAGG;AAEH,MAAM,qBAAqB,GAAG,aAAa,CAA8C,IAAK;;AChC9F;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,wBAAwB,GAAA;AAC/B,IAAA,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C;;ACDA,MAAM,2BAA2B,GAAG,mBAAmB,CAAgB;AACrE,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACzC,CAAA,CAAC,CAAC;AACH,MAAM,EAAE,KAAK,EAAE,6BAA6B,EAAE,GAAG,2BAA2B,EAAE,GAC5E,2BAA2B,CAAC;AAC1B,IAAA,SAAS,EAAE,QAAQ;AACpB,CAAA,CAAC,CAAC;AAEW,SAAA,qBAAqB,CAA4B,EAAE,OAAO,EAAkB,EAAA;AAC1F,IAAA,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzF,wBAAwB,EAAE,CAAC;;AAG7B,IAAA,MAAM,SAAS,GAAG,UAAU,KAAK,OAAO,CAAC;AAEzC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC;;AAGzC,IAAA,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAClF,mBAAmB,EAAE,CAAC;AAExB,IAAA,MAAM,EACJ,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,EAAE,qBAAqB,EAAE,EAClC,GAAG,iBAAiB,CACnB,8BAA8B,EAC9B;QACE,SAAS,EAAE,aAAa,GAAG,aAAa,GAAG,cAAc;QACzD,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa;QAChD,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,WAAW,EAAE,eAAe,GAAG,eAAe,GAAG,gBAAgB;QACjE,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,gBAAgB;QACvE,MAAM,EAAE,gBAAgB,GAAG,UAAU,GAAG,WAAW;AACpD,KAAA,CACF,CAAC;;AAGF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,iBAAiB,GAAG,EAAE,KAAK,EAAE,OAAY,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE,KAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;;;IAIjC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE7C,OAAO;QACL,MAAM,EAAE,wBAAwB,GAAG,OAAO;QAC1C,YAAY,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,mBAAmB;AACxE,QAAA,WAAW,EAAE,UAAU,CAAC,CAAC,eAAe,CAAC,CAAC;QAC1C,UAAU;QACV,qBAAqB,EAAE,UAAU,CAAC,CAAC,qBAAqB,EAAE,6BAA6B,CAAC,CAAC;AACzF,QAAA,mBAAmB,EAAE,2BAA2B;KACjD,CAAC;AACJ;;;;"}
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "scripts": {},
6
6
  "devDependencies": {},
7
7
  "dependencies": {
8
- "@oracle/oraclejet-testing": "17.0.7",
8
+ "@oracle/oraclejet-testing": "17.0.9",
9
9
  "csstype": "3.1.1"
10
10
  },
11
11
  "peerDependencies": {
@@ -33,5 +33,5 @@
33
33
  ]
34
34
  }
35
35
  },
36
- "version": "17.0.7"
36
+ "version": "17.0.9"
37
37
  }
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact', 'preact/hooks'], (function(e,t,o){"use strict";const c=t.createContext({});e.CheckboxSetContext=c,e.useCheckboxSetContext=()=>o.useContext(c)}));
2
- //# sourceMappingURL=CheckboxSetContext-2e486ea8.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxSetContext-2e486ea8.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n name: string;\n value?: Set<string | number>;\n onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n"],"names":["CheckboxSetContext","createContext","useContext"],"mappings":"yEAWA,MAAMA,EAAqBC,EAAaA,cAA0B,mDACpC,IAAMC,EAAAA,WAAWF"}
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d1c38937', './InputDateMask-b7a27faa', './HiddenAccessible-037ef42d', './IconButton-1b328b69', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-6ef0dab6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-eab40731', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-249d77c3', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-6447f399', './UNSAFE_DatePicker/themes/DatePickerContract.css', './DatePicker-3996fc76', './SectionedContent-655a773a', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-b7ff0219', './maskUtils-86dd685a', './calendarDateUtils-1f56aaf5'], (function(e,t,s,a,n,r,o,i,l,d,c,u,m,p,h,f,y,b,C,D,S,x,A,k,v,g,F,V,I,T,P,R,M,U,w,j,_,B,H,E,N,L,O,W,Y,Z,z,G,q,J,K,Q,X){"use strict";const $=({anchorRef:e,assistiveText:s,dayFormatter:n,daysOutsideMonth:r,helpSourceLink:o,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:u,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:S,testId:x,todayButton:A,todayTimeZone:k,userAssistanceDensity:v,value:g})=>{const[F,V]=a.useState(!1),[I,T]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(T(c),c||V(!1));const R=ee(),{datePicker_label:M}=m.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),w=t.jsx(Y.DatePicker,{dayFormatter:n,daysOutsideMonth:r,onCommit:f,max:b,min:D,maxWidth:R?"100%":void 0,width:R?"100%":W.datePickerPropVars.maxWidth,monthAndYearPicker:S,testId:x,todayTimeZone:k,todayButton:A,value:g}),j=!c||F&&!R||l||u||!(s||o||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:t.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:L.userAssistanceStyles,children:t.jsx(y.InlineUserAssistance,{assistiveText:s,fieldLabel:p,helpSourceLink:o,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),_=x?x+(R?"_sheet":"_dropdown"):void 0,B=t.jsx("div",{class:L.dropdownStyles,children:t.jsx(Z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})});return R?t.jsx(O.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:t.jsx(Z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})}):t.jsx(Z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ee=()=>"phone"===l.getClientHints().deviceType,te=e=>e&&X.isCompleteCalendarDate(e)?e:void 0,se=(e,t)=>{switch(t.type){case"dateChanged":return{...e,dateValue:t.data,completeDateValue:te(t.data)};case"dateSelected":return{...e,dateValue:t.data,completeDateValue:t.data};case"reset":return{completeDateValue:te(t.data),dateValue:t.data};default:return e}},ae=({onCommit:e,onInput:t,value:s})=>{const[n,r]=a.useState(!1),o=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(!1),u=a.useRef(),m=a.useRef(s),p=a.useRef(s),h=a.useRef(s),f=a.useRef(!1),{state:y,dispatch:b}=(({value:e})=>{const[t,s]=a.useReducer(se,{completeDateValue:te(e),dateValue:e});return{state:t,dispatch:s}})({value:s});Q.calendarDatesAreDifferent(h.current,s)&&(h.current=s,Q.calendarDatesAreDifferent(s,y.dateValue)&&(b({type:"reset",data:s}),p.current=s,m.current=s)),a.useEffect((()=>{Q.calendarDatesAreDifferent(y.dateValue,p.current)&&(t({previousValue:p.current,value:y.dateValue}),p.current=y.dateValue),f.current&&Q.calendarDatesAreDifferent(y.dateValue,m.current)&&(e?.({previousValue:m.current,value:y.dateValue}),m.current=y.dateValue,f.current=!1)}),[e,t,y.dateValue]);const C=a.useCallback((e=>{b({type:"dateChanged",data:e.value})}),[b]),D=a.useCallback((()=>{Q.calendarDatesAreDifferent(m.current,y.dateValue)&&(e?.({value:y.dateValue,previousValue:m.current}),m.current=y.dateValue)}),[e,y.dateValue]),S=a.useCallback((()=>{l.current||c.current||r((e=>!e)),l.current=!1,c.current=!1}),[]),x=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||o.current?.focus(),r(!1)}),[]);return{calendarIconActionHandler:S,datePickerCommitHandler:a.useCallback((e=>{o.current?.focus(),c.current=!0,clearTimeout(u.current),u.current=setTimeout((()=>{c.current=!1}),500),f.current=!0,b({type:"dateSelected",data:e.value}),r(!1)}),[b]),dropdownCloseHandler:x,completeDateValue:y.completeDateValue,dateValue:y.dateValue,iconRef:o,isOpen:n,maskCommitHandler:D,maskInputHandler:C,maskRef:i}},ne=s.forwardRef((({"aria-describedby":e,assistiveText:s,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:f,max:y,messages:b,min:C,monthAndYearPicker:D,todayTimeZone:S,todayButton:x,value:A,onCommit:k,onInput:v,testId:g,userAssistanceDensity:F,...V},I)=>{const{calendarIconActionHandler:T,datePickerCommitHandler:P,completeDateValue:R,dateValue:M,dropdownCloseHandler:U,iconRef:w,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=ae({onCommit:k,onInput:v,value:A}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=m.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:W}=q.useFormContext(),Y=F??W;a.useImperativeHandle(I,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const Z=J.useId(),G=L(),K=p||h?void 0:t.jsx(o.HiddenAccessible,{id:Z,isHidden:!0,children:G}),Q=p||h?e:z.merge([e,Z]),X=t.jsx(i.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:p,ref:w,size:"sm",testId:g?g+"_calendarIcon":void 0,variant:"ghost",onAction:T,children:t.jsx(n.SvgCalendar,{})}),ee=j;return t.jsxs(t.Fragment,{children:[t.jsx(r.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:t.jsx(r.InputDateMask,{"aria-describedby":Q,assistiveText:s,endContent:X,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:f,onCommit:_,onInput:B,mainFieldRef:E,messages:b,testId:g,ref:H,userAssistanceDensity:F,value:M,...V})}),K,ee&&t.jsx($,{anchorRef:E,assistiveText:s,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,isOpen:j,label:f,onClose:U,onCommit:P,max:y,messages:b,min:C,monthAndYearPicker:D,testId:g?g+"_datePicker":void 0,todayTimeZone:S,todayButton:x,userAssistanceDensity:Y,value:R})]})}));e.InputDatePicker=ne}));
2
- //# sourceMappingURL=InputDatePicker-0012b304.js.map
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-a9ed1488', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', 'css!./MaxLengthCounterStyles.styles.css'], (function(s,e,n,t,a,r,l,c){"use strict";var o="MaxLengthCounterStyles_spanStyles__7dy9j72";const u=()=>{};s.MaxLengthCounter=function({maxLength:s,valueLength:r=0,onClick:c}){const{isFocused:d}=l.useFormFieldContext(),i=n.useCallback((s=>s.preventDefault()),[]),x=t.classNames([!d&&"MaxLengthCounterStyles_hide__7dy9j71"]),{pressProps:h}=a.usePress(c??u);return e.jsx("div",{class:"MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70",onMouseDown:i,...h,children:e.jsxs("span",{class:x,children:[e.jsx("span",{class:o,children:r}),e.jsx("span",{class:o,children:"/"}),e.jsx("span",{class:o,children:s})]})})}}));
2
- //# sourceMappingURL=MaxLengthCounter-caafceef.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MaxLengthCounter-caafceef.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n maxLength: number;\n valueLength?: number;\n onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n const { isFocused } = useFormFieldContext();\n // We don't want mousedown on this component to do anything, so prevent the default behavior.\n const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n const textClasses = classNames([!isFocused && hide]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n <span class={textClasses}>\n <span class={spanStyles}>{valueLength}</span>\n <span class={spanStyles}>/</span>\n <span class={spanStyles}>{maxLength}</span>\n </span>\n </div>\n );\n}\n"],"names":["noop","maxLength","valueLength","onClick","isFocused","useFormFieldContext","killEvent","useCallback","event","preventDefault","textClasses","classNames","pressProps","usePress","_jsx","jsx","class","onMouseDown","_jsxs","jsxs","children","spanStyles"],"mappings":"qSAaA,MAAMA,EAAO,0BAEP,UAA2BC,UAAEA,EAASC,YAAEA,EAAc,EAACC,QAAEA,IAC7D,MAAMC,UAAEA,GAAcC,EAAAA,sBAEhBC,EAAYC,EAAAA,aAAaC,GAAiBA,EAAMC,kBAAkB,IAClEC,EAAcC,EAAAA,WAAW,EAAEP,6CAC3BQ,WAAEA,GAAeC,EAAQA,SAACV,GAAWH,GAC3C,OACEc,EAAKC,IAAA,MAAA,CAAAC,6DAA6BC,YAAaX,KAAeM,WAC5DM,EAAMC,KAAA,OAAA,CAAAH,MAAON,EAAWU,SAAA,CACtBN,cAAME,MAAOK,EAAUD,SAAGlB,IAC1BY,EAAAA,YAAME,MAAOK,EAAoBD,SAAA,MACjCN,cAAME,MAAOK,EAAaD,SAAAnB,QAIlC"}
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-6740111c', './useCollectionFocusRing-64636529', './useCurrentKey-00f81f0b', 'preact/compat', './useTestId-82cf22a4', './BaseNavigationListItem-4a940426'], (function(e,t,n,r,o,a,i,s,c,l,u,d,y){"use strict";const f=(e,t,n)=>{const r=e.closest(t),o=e.closest(n);return r?.contains(o)?null:s.keyExtractor(e,t)},g=(e,t,n)=>{const r=n.indexOf(e);if(r>0){const e=n[r===n.length-1?r-1:r+1];if(-1!==t.indexOf(e))return e}return t[0]},v=u.forwardRef((({children:e,selection:v,onSelectionChange:m,onRemove:b,"aria-label":K,"aria-labelledby":h,testId:C},x)=>{const I=n.useRef(null),{showFocusRing:R,currentKey:N,onCurrentKeyChange:k,containerHandlers:w,onKeyDown:p}=function({containerRef:e,selection:t,onRemove:o,onSelectionChange:a,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),v=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:m}=l.useCurrentKey((e=>o?f(e,u,"[data-oj-navigationlist-item-remove-icon]"):s.keyExtractor(e,u)),!1,s.getPrevNextKeyUsingRef(e,d,!0,u),s.getPrevNextKeyUsingRef(e,d,!1,u),void 0,void 0,d,v),[b,K]=c.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),h={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=s.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},C=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(u),(e=>s.getKey(e)));if(null!=d&&-1!==t.indexOf(d)){const t=s.findElementByKey(e.current,d,u);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else d&&-1===t.indexOf(d)&&(C.current?y(g(d,t,C.current)):y(t[0])),C.current=t}}),[i,d,e]);const x=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&d){const n=Array.from(e.current.querySelectorAll(u),(e=>s.getKey(e)));v?.({value:n["Home"===t.key?0:n.length-1]})}d&&"Enter"===t.key&&a?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&o?.({value:d})}),[d,a,o,v,e]);return{showFocusRing:b,currentKey:d,onCurrentKeyChange:v,onKeyDown:x,containerHandlers:r.mergeProps(K,m,h)}}({containerRef:I,selection:v,onRemove:b,onSelectionChange:m,children:e}),S={onKeyDown:p},L=o.classNames([i.navigationListStyles.uListStyle]),E=a.useId()+"_",F=d.useTestId(C);return u.useImperativeHandle(x,(()=>({focus:()=>{I.current&&I.current.focus()},blur:()=>{I.current&&I.current.focus()}}))),t.jsx("ul",{"aria-label":K,"aria-labelledby":h,role:"tablist",ref:I,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":N?E+N:"",...r.mergeProps(S,w),...F,class:L,children:t.jsx(y.NavigationListContext.Provider,{value:{selection:v,onSelectionChange:m,onCurrentKeyChange:k,currentKey:N,showFocusRing:R,navigationListItemPrefix:E,onRemove:b},children:e})})}));e.NavigationList=v,e.NavigationListItem=function({itemKey:e,label:n,badge:r,metadata:o,severity:a}){return t.jsx(y.BaseNavigationListItem,{itemKey:e,label:n,badge:r,metadata:o,severity:a})}}));
2
- //# sourceMappingURL=NavigationListItem-c96ac144.js.map
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-c2f98a8b', './Label-3f8fc274', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './TextField-0fc70892', './MaxLengthLiveRegion-23d7e335', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-6ef0dab6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-abf886f2', 'preact', 'css!./IconStyle.styles.css', './Popup-249d77c3', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './LayerHost-eab40731', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './MaxLengthCounter-caafceef', './useCurrentValueReducer-faded381'], (function(e,s,t,a,n,i,l,o,r,d,c,u,x,m,p,b,h,f,F,g,y,L,v,A,C,R,T,S,I,U,j,E,w,P,_,D,V,k,M,B){"use strict";const N=t.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:l="off",autoFocus:c=!1,columnSpan:h,helpSourceLink:f,helpSourceText:y,isDisabled:L,isReadonly:v,isRequired:R=!1,isRequiredShown:T,label:S,labelEdge:I,labelStartWidth:U,maxLength:j,maxLengthCounter:E="remaining",maxLengthUnit:w,messages:P,placeholder:D,resize:V,role:N,rows:H,textAlign:q,userAssistanceDensity:z,value:W,variant:$="default",onInput:G,onCommit:O,testId:X},J)=>{const K=g.useTranslationBundle("@oracle/oraclejet-preact"),Q=j?K.formControl_limitReached({CHARACTER_LIMIT:j}):"",{currentCommitValue:Y,dispatch:Z}=B.useCurrentValueReducer({value:W}),ee=t.useCallback((e=>{Z({type:"input",payload:e.value}),G?.(e)}),[G,Z]),se=t.useCallback((e=>{Z({type:"commit",payload:e.value}),O?.(e)}),[O,Z]),{isDisabled:te,isReadonly:ae,labelEdge:ne,labelStartWidth:ie,textAlign:le,userAssistanceDensity:oe}=n.useFormContext(),re=L??te,de=v??ae,ce=I??ne,ue=U??ie,xe=q??le,me=z??oe,pe=t.useRef(F.useId()),be=e?`${e} ${pe.current}`:pe.current,{enabledElementRef:he,readonlyElementRef:fe,focusProps:Fe,isFocused:ge}=o.useFocusableTextField({isDisabled:re,isReadonly:de,ref:J}),{isMaxLengthReached:ye,valueLength:Le,onFilteredInput:ve}=k.useLengthFilter({maxLength:j,maxLengthUnit:w,value:W,onInput:ee,onCommit:se}),Ae=[...P??[],...ye?[{detail:Q,severity:"info"}]:[]],{formFieldContext:Ce,inputProps:Re,labelProps:Te,textFieldProps:Se,userAssistanceProps:Ie}=b.useTextField({ariaDescribedBy:de||re?e:be,contentVariant:"textarea",helpSourceLink:f,helpSourceText:y,isDisabled:re,isFocused:ge,isReadonly:de,isRequiredShown:T,labelEdge:ce,messages:Ae,styleVariant:$,userAssistanceDensity:me,value:W}),Ue=t.useCallback((()=>{const e=he.current,s=e?e.value.length:null;he.current?.setSelectionRange(s,s),he.current?.focus()}),[he]),je="none"!==ce?s.jsx(r.Label,{...Te,children:S}):void 0,Ee={label:"none"!==ce?je:void 0,labelEdge:"none"!==ce?ce:void 0,labelStartWidth:"none"!==ce?ue:void 0},we="none"===ce?S:void 0,Pe="efficient"===me||"reflow"===me?re||de?"efficient"!==me?void 0:s.jsx(A.InlineUserAssistance,{userAssistanceDensity:me,...Ie}):s.jsx(A.InlineUserAssistance,{assistiveText:a,fieldLabel:S,helpSourceLink:f,helpSourceText:y,messages:Ae,isRequiredShown:T,userAssistanceDensity:me,...Ie}):void 0,_e=t.useRef(null),De="compact"===me?s.jsx(C.CompactUserAssistance,{anchorRef:_e,messages:Ae,assistiveText:a,...Ie}):void 0;if(de){const e=s.jsx(u.ReadonlyTextFieldInput,{"aria-describedby":Re["aria-describedby"],"aria-label":we,"aria-labelledby":Te.id,as:"textarea",elementRef:fe,rows:H,autoFocus:c,textAlign:xe,value:W,variant:"textarea",hasEmptyLabel:""===S&&"none"===ce,hasInsideLabel:void 0!==S&&"inside"===ce});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:De,inlineUserAssistance:Pe,ref:_e,testId:X,variant:"textarea",mainContent:e,resize:V,...Ee})})}const Ve=void 0!==j,ke=s.jsxs(s.Fragment,{children:[s.jsx(d.TextFieldInput,{as:"textarea","aria-label":we,autoComplete:l,autoFocus:c,currentCommitValue:Y,hasEmptyLabel:""===S&&"none"===ce,hasInsideLabel:void 0!==je&&"inside"===ce,isRequired:R,inputRef:he,onCommit:se,onInput:ve,placeholder:D,role:N,rows:H,textAlign:xe,value:W,...Re}),"remaining"===E&&Ve&&s.jsx(M.MaxLengthCounter,{maxLength:j,valueLength:Le,onClick:Ue}),Ve&&s.jsx(_.HiddenAccessible,{id:pe.current,isHidden:!0,children:K.formControl_maxLength({MAX_LENGTH:`${j}`})}),Ve&&ge&&s.jsx(p.MaxLengthLiveRegion,{maxLength:j,valueLength:Le,testId:X+"_remainingChars"})]});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(m.TextField,{mainContent:ke,columnSpan:h,compactUserAssistance:De,inlineUserAssistance:Pe,onBlur:Fe?.onFocusOut,onFocus:Fe?.onFocusIn,mainFieldRef:_e,resize:V,testId:X,...Se,...Ee})})}));e.TextArea=N}));
2
- //# sourceMappingURL=TextArea-44c90bc4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextArea-44c90bc4.js","sources":["../../src/UNSAFE_TextArea/TextArea.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 { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /**\n * Text to provide guidance to help the user understand what to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n */\n autoComplete?: TextFieldInputProps['autoComplete'];\n /**\n * Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n */\n autoFocus?: TextFieldInputProps['autoFocus'];\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies whether the component is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies whether the component is readonly.\n */\n isReadonly?: boolean;\n /**\n * Specifies for accessibility purposes whether a value is required.\n *\n * Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n */\n isRequired?: TextFieldInputProps['isRequired'];\n /**\n * Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n */\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /**\n * Specifies the label associated with the field.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'inside' | 'start' | 'top' | 'none';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n */\n labelStartWidth?: Size;\n /**\n * Specifies the maximum number of characters that can be entered in the input field.\n */\n maxLength?: number;\n /**\n * Determines whether the remaining number of characters that can be entered is shown or not.\n */\n maxLengthCounter?: 'none' | 'remaining';\n /**\n * Specifies how the input text characters are to be counted when maxLength is specified.\n */\n maxLengthUnit?: CountUnit;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * A short hint to display before the user enters a value.\n */\n placeholder?: TextFieldInputProps['placeholder'];\n /**\n * Specifies how the user is allowed to manually resize the TextArea component.\n */\n resize?: TextFieldProps['resize'];\n /**\n * Specifies the ARIA role type.\n */\n role?: TextFieldInputProps['role'];\n /**\n * Specifies the number of rows to display\n */\n rows?: TextFieldInputProps['rows'];\n /**\n * Specifies how to align text within the field.\n */\n textAlign?: TextFieldInputProps['textAlign'];\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * The current display value of the component.\n */\n value?: TextFieldInputProps['value'];\n /**\n * The style variant of the component.\n */\n variant?: TextFieldInputProps['variant'];\n /**\n * Callback invoked when the user commits the entered value by blurring out of the field.\n */\n onCommit?: TextFieldInputProps['onCommit'];\n /**\n * Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n */\n onInput: TextFieldInputProps['onInput'];\n};\n/**\n * A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const { enabledElementRef, readonlyElementRef, focusProps, isFocused } = useFocusableTextField<\n HTMLTextAreaElement,\n HTMLTextAreaElement\n >({ isDisabled, isReadonly, ref });\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled || isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["TextArea","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthCounter","maxLengthUnit","messages","placeholder","resize","role","rows","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","enabledElementRef","readonlyElementRef","focusProps","isFocused","useFocusableTextField","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","severity","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","contentVariant","styleVariant","onClickCounter","elm","len","length","setSelectionRange","focus","labelComp","_jsx","jsx","Label","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","inputRef","MaxLengthCounter","onClick","HiddenAccessible","isHidden","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"23CAqLaA,EAAWC,EAAAA,YACtB,EAEI,mBAAoBC,EACpBC,gBACAC,eAAe,MACfC,aAAY,EACZC,aACAC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,kBACAC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,YACAC,mBAAmB,YACnBC,gBACAC,WACAC,cACAC,SACAC,OACAC,OACAC,UAAWC,EACXC,sBAAuBC,EACvBC,QACAC,UAAU,UACVC,UACAC,WACAC,UAEFC,KAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAA2BpB,EAC7BkB,EAAaE,yBAAyB,CACpCC,gBAAiBrB,IAEnB,IAEEsB,mBAAEA,EAAkBC,SAAEA,GAAaC,EAAAA,uBAAuB,CAAEZ,UAC5Da,GAAqBC,eACxBC,IAECJ,EAAS,CAAEK,KAAM,QAASC,QAASF,EAAOf,QAC1CE,IAAUa,EAAO,GAEnB,CAACb,EAASS,IAENO,GAAsBJ,eACzBC,IAECJ,EAAS,CAAEK,KAAM,SAAUC,QAASF,EAAOf,QAC3CG,IAAWY,EAAO,GAEpB,CAACZ,EAAUQ,KAGXlC,WAAY0C,GACZxC,WAAYyC,GACZpC,UAAWqC,GACXnC,gBAAiBoC,GACjB1B,UAAW2B,GACXzB,sBAAuB0B,IACrBC,EAAAA,iBAGEhD,GAAaC,GAAkByC,GAC/BxC,GAAaC,GAAkBwC,GAC/BpC,GAAYC,GAAiBoC,GAC7BnC,GAAkBC,GAAuBmC,GACzC1B,GAAYC,GAAiB0B,GAC7BzB,GAAwBC,GAA6ByB,GACrDE,GAA4BC,EAAAA,OAAeC,EAAKA,SAGhDC,GAAyB3D,EAC3B,GAAGA,KAAmBwD,GAA0BI,UAChDJ,GAA0BI,SAExBC,kBAAEA,GAAiBC,mBAAEA,GAAkBC,WAAEA,GAAUC,UAAEA,IAAcC,EAAqBA,sBAG5F,CAAE1D,cAAYE,cAAY0B,SAGtB+B,mBAAEA,GAAkBC,YAAEA,GAAWC,gBAAEA,IAAoBC,EAAAA,gBAAgB,CAC3EnD,YACAE,gBACAU,QACAE,QAASW,GACTV,SAAUe,KAINsB,GAAc,IACdjD,GAAY,MACZ6C,GAHe,CAAC,CAAErB,OAAQP,EAA0BiC,SAAU,SAG1B,KAGpCC,iBAAEA,GAAgBC,WAAEA,GAAUC,WAAEA,GAAUC,eAAEA,GAAcC,oBAAEA,IAChEC,eAAa,CACX7E,gBAAiBS,IAAcF,GAAaP,EAAkB2D,GAC9DmB,eAAgB,WAChBzE,iBACAC,iBACAC,cACAyD,aACAvD,cACAG,kBACAE,aACAO,SAAUiD,GACVS,aAAchD,EACdH,yBACAE,UAGEkD,GAAiBpC,EAAAA,aAAY,KACjC,MAAMqC,EAAMpB,GAAkBD,QAExBsB,EAAMD,EAAMA,EAAInD,MAAMqD,OAAS,KAGrCtB,GAAkBD,SAASwB,kBAAkBF,EAAKA,GAElDrB,GAAkBD,SAASyB,OAAO,GACjC,CAACxB,KAEEyB,GAA0B,SAAdxE,GAAuByE,EAAAC,IAACC,EAAKA,MAAK,IAAAf,YAAa7D,SAAiB6E,EAE5EC,GAAkB,CACtB9E,MAAqB,SAAdC,GAAuBwE,QAAYI,EAC1C5E,UAAyB,SAAdA,GAAuBA,QAAY4E,EAC9C1E,gBAA+B,SAAdF,GAAuBE,QAAkB0E,GAGtDE,GAA0B,SAAd9E,GAAuBD,OAAQ6E,EAI3CG,GAFsB,cAA1BjE,IAAmE,WAA1BA,GAGzCrB,IAAcE,GAGc,cAA1BmB,QAAwC8D,EACtCH,EAACC,IAAAM,EAAoBA,sBACnBlE,sBAAuBA,MACnBgD,KAIRW,EAAAA,IAACO,EAAAA,qBACC,CAAA7F,cAAeA,EACf8F,WAAYlF,EACZR,eAAgBA,EAChBC,eAAgBA,EAChBe,SAAUiD,GACV1D,gBAAiBA,EACjBgB,sBAAuBA,MACnBgD,UAGNc,EAEEM,GAAYvC,SAAuB,MAEnCwC,GACsB,YAA1BrE,GACE2D,EAAAA,IAACW,EAAAA,sBAAqB,CACpBF,UAAWA,GACX3E,SAAUiD,GACVrE,cAAeA,KACX2E,UAEJc,EAEN,GAAIjF,GAAY,CACd,MAAM0F,EACJZ,EAAAA,IAACa,EAAsBA,uBAAA,CAAA,mBACH3B,GAAW,oBACjB,aAAAmB,qBACKlB,GAAW2B,GAC5BC,GAAG,WACHC,WAAYzC,GACZrC,KAAMA,EACNtB,UAAWA,EACXuB,UAAWA,GACXI,MAAOA,EACPC,QAAQ,WACRyE,cAAyB,KAAV3F,GAA8B,SAAdC,GAC/B2F,oBAA0Bf,IAAV7E,GAAqC,WAAdC,KAG3C,OACEyE,EAAAA,IAACmB,EAAAA,iBAAiBC,UAAS7E,MAAO0C,GAAgBoC,SAChDrB,EAACC,IAAAqB,EAAiBA,mBAChBrF,KAAK,eACLpB,WAAYA,EACZ6F,sBAAuBA,GACvBJ,qBAAsBA,GACtB1D,IAAK6D,GACL9D,OAAQA,EACRH,QAAQ,WACRoE,YAAaA,EACb5E,OAAQA,KACJoE,MAIX,CACD,MAAMmB,QAA6BpB,IAAdxE,EACfiF,GACJY,EAAAA,KAAAC,EAAAC,SAAA,CAAAL,SAAA,CACErB,EAACC,IAAA0B,iBACC,CAAAZ,GAAG,WACS,aAAAV,GACZ1F,aAAcA,EACdC,UAAWA,EACXqC,mBAAoBA,EACpBgE,cAAyB,KAAV3F,GAA8B,SAAdC,GAC/B2F,oBAA8Bf,IAAdJ,IAAyC,WAAdxE,GAC3CH,WAAYA,EACZwG,SAAUtD,GACV5B,SAAUe,GACVhB,QAASoC,GACT9C,YAAaA,EACbE,KAAMA,EACNC,KAAMA,EACNC,UAAWA,GACXI,MAAOA,KACH2C,KAEgB,cAArBtD,GAAoC2F,IACnCvB,EAAAA,IAAC6B,EAAAA,kBACClG,UAAWA,EACXiD,YAAaA,GACbkD,QAASrC,KAGZ8B,IACCvB,MAAC+B,EAAAA,iBAAgB,CAACjB,GAAI7C,GAA0BI,QAAS2D,UAAU,EAAIX,SACpExE,EAAaoF,sBAAsB,CAClCC,WAAY,GAAGvG,QAIpB4F,IAAgB9C,IACfuB,MAACmC,EAAAA,oBACC,CAAAxG,UAAWA,EACXiD,YAAaA,GACbjC,OAAQA,EAAS,uBAMzB,OACEqD,EAAAA,IAACmB,EAAAA,iBAAiBC,SAAS,CAAA7E,MAAO0C,GAChCoC,SAAArB,EAAAC,IAACmC,EAASA,UAAA,CACRxB,YAAaA,GACb/F,WAAYA,EACZ6F,sBAAuBA,GACvBJ,qBAAsBA,GACtB+B,OAAQ7D,IAAY8D,WACpBC,QAAS/D,IAAYgE,UACrBC,aAAchC,GACdzE,OAAQA,EACRW,OAAQA,KACJyC,MACAgB,MAER"}
@@ -1,2 +0,0 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-c2f98a8b', './Label-3f8fc274', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './TextField-0fc70892', './MaxLengthLiveRegion-23d7e335', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-6ef0dab6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-abf886f2', 'preact', 'css!./IconStyle.styles.css', './Popup-249d77c3', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './LayerHost-eab40731', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './useCurrentValueReducer-faded381', './MaxLengthCounter-caafceef'], (function(e,t,s,a,n,i,o,l,r,d,c,u,m,p,x,h,b,f,g,F,y,R,v,L,A,C,T,S,I,w,E,U,j,H,P,D,_,B,M,V){"use strict";const k=({isReadonly:e,enabledElementRef:t,readonlyElementRef:s,minRows:a=2,maxRows:n,value:i})=>{o.useLayoutEffect((()=>{const i=e?s:t;if(null===i.current)return;if(i.current instanceof HTMLDivElement)return;const o=i.current,l=(e=>{const t=window.getComputedStyle(e),s=t.lineHeight;if("normal"===s)return 1.2*parseFloat(t.fontSize);return parseFloat(s)})(o);o.style.height="0";const{paddingHeight:r,borderHeight:d}=(e=>{const t=window.getComputedStyle(e);return{paddingHeight:parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),borderHeight:parseFloat(t.borderTop)+parseFloat(t.borderBottom)}})(o),c=l*a+r+d,u=o.scrollHeight+d;let m=0;if(void 0===n)m=u<c?c:u;else if(n>a){const e=l*n+r+d;m=u>e?e:u<c?c:u}else m=c;o.style.height=m+.5+"px"}),[i,a,n,e,t,s])},N=s.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:o="off",autoFocus:c=!1,columnSpan:b,helpSourceLink:f,helpSourceText:y,isDisabled:R,isReadonly:v,isRequired:C=!1,isRequiredShown:T,label:S,labelEdge:I,labelStartWidth:w,maxLength:E,maxLengthCounter:U="remaining",maxLengthUnit:j,maxRows:H,messages:D,minRows:_=2,placeholder:N,role:q,textAlign:W,userAssistanceDensity:$,value:z,variant:G="default",onInput:O,onCommit:X,testId:J},K)=>{const Q=F.useTranslationBundle("@oracle/oraclejet-preact"),Y=E?Q.formControl_limitReached({CHARACTER_LIMIT:E}):"",{currentCommitValue:Z,dispatch:ee}=M.useCurrentValueReducer({value:z}),te=s.useCallback((e=>{ee({type:"input",payload:e.value}),O?.(e)}),[O,ee]),se=s.useCallback((e=>{ee({type:"commit",payload:e.value}),X?.(e)}),[X,ee]),{isDisabled:ae,isReadonly:ne,labelEdge:ie,labelStartWidth:oe,textAlign:le,userAssistanceDensity:re}=n.useFormContext(),de=R??ae,ce=v??ne,ue=I??ie,me=w??oe,pe=W??le,xe=$??re,he=s.useRef(g.useId()),be=e?`${e} ${he.current}`:he.current,{enabledElementRef:fe,readonlyElementRef:ge,focusProps:Fe,isFocused:ye}=l.useFocusableTextField({isDisabled:de,isReadonly:ce,ref:K}),{isMaxLengthReached:Re,valueLength:ve,onFilteredInput:Le}=B.useLengthFilter({maxLength:E,maxLengthUnit:j,value:z,onInput:te,onCommit:se}),Ae=[...D??[],...Re?[{detail:Y,severity:"info"}]:[]],{formFieldContext:Ce,inputProps:Te,labelProps:Se,textFieldProps:Ie,userAssistanceProps:we}=h.useTextField({ariaDescribedBy:ce||de?e:be,contentVariant:"textarea",helpSourceLink:f,helpSourceText:y,isDisabled:de,isFocused:ye,isReadonly:ce,isRequiredShown:T,labelEdge:ue,messages:Ae,styleVariant:G,userAssistanceDensity:xe,value:z}),Ee=s.useCallback((()=>{const e=fe.current,t=e?e.value.length:null;fe.current?.setSelectionRange(t,t),fe.current?.focus()}),[fe]),Ue="none"!==ue?t.jsx(r.Label,{...Se,children:S}):void 0,je={label:"none"!==ue?Ue:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?me:void 0},He="none"===ue?S:void 0,Pe="efficient"===xe||"reflow"===xe?de||ce?"efficient"!==xe?void 0:t.jsx(L.InlineUserAssistance,{userAssistanceDensity:xe,...we}):t.jsx(L.InlineUserAssistance,{assistiveText:a,fieldLabel:S,helpSourceLink:f,helpSourceText:y,messages:Ae,isRequiredShown:T,userAssistanceDensity:xe,...we}):void 0,De=s.useRef(null),_e="compact"===xe?t.jsx(A.CompactUserAssistance,{anchorRef:De,messages:Ae,assistiveText:a,...we}):void 0;if(k({isReadonly:ce,enabledElementRef:fe,readonlyElementRef:ge,minRows:_,maxRows:H,value:z}),ce){const e=t.jsx(u.ReadonlyTextFieldInput,{"aria-describedby":Te["aria-describedby"],"aria-label":He,"aria-labelledby":Se.id,elementRef:ge,...H?{as:"textarea",rows:_}:{as:"div"},autoFocus:c,textAlign:pe,value:z,variant:"textarea",hasEmptyLabel:""===S&&"none"===ue,hasInsideLabel:void 0!==S&&"inside"===ue});return t.jsx(i.FormFieldContext.Provider,{value:Ce,children:t.jsx(m.ReadonlyTextField,{role:"presentation",colSpan:b,compactUserAssistance:_e,inlineUserAssistance:Pe,variant:"textarea",mainContent:e,ref:De,testId:J,...je})})}const Be=void 0!==E,Me=t.jsxs(t.Fragment,{children:[t.jsx(d.TextFieldInput,{as:"textarea","aria-label":He,autoComplete:o,autoFocus:c,currentCommitValue:Z,hasEmptyLabel:""===S&&"none"===ue,hasInsideLabel:void 0!==Ue&&"inside"===ue,isRequired:C,inputRef:fe,onCommit:se,onInput:Le,placeholder:N,role:q,rows:_,textAlign:pe,value:z,...Te}),"remaining"===U&&Be&&t.jsx(V.MaxLengthCounter,{maxLength:E,valueLength:ve,onClick:Ee}),Be&&t.jsx(P.HiddenAccessible,{id:he.current,children:Q.formControl_maxLength({MAX_LENGTH:`${E}`})}),Be&&ye&&t.jsx(x.MaxLengthLiveRegion,{maxLength:E,valueLength:ve,testId:J+"_remainingChars"})]});return t.jsx(i.FormFieldContext.Provider,{value:Ce,children:t.jsx(p.TextField,{mainContent:Me,columnSpan:b,compactUserAssistance:_e,inlineUserAssistance:Pe,onBlur:Fe?.onFocusOut,onFocus:Fe?.onFocusIn,mainFieldRef:De,testId:J,...Ie,...je})})}));e.TextAreaAutosize=N}));
2
- //# sourceMappingURL=TextAreaAutosize-0a023972.js.map
@@ -1,27 +0,0 @@
1
- /* @oracle/oraclejet-preact: undefined */
2
- 'use strict';
3
-
4
- var jsxRuntime = require('preact/jsx-runtime');
5
- var hooks = require('preact/hooks');
6
- var classNames = require('./classNames-c14c6ef3.js');
7
- var usePress = require('./usePress-00deca01.js');
8
- require('./FormFieldContext-8418dc68.js');
9
- var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
10
-
11
-
12
- var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
13
- var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
14
- var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
15
-
16
- const noop = () => { };
17
- function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
18
- const { isFocused } = useFormFieldContext.useFormFieldContext();
19
- // We don't want mousedown on this component to do anything, so prevent the default behavior.
20
- const killEvent = hooks.useCallback((event) => event.preventDefault(), []);
21
- const textClasses = classNames.classNames([!isFocused && hide]);
22
- const { pressProps } = usePress.usePress(onClick ?? noop);
23
- return (jsxRuntime.jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxRuntime.jsxs("span", { class: textClasses, children: [jsxRuntime.jsx("span", { class: spanStyles, children: valueLength }), jsxRuntime.jsx("span", { class: spanStyles, children: "/" }), jsxRuntime.jsx("span", { class: spanStyles, children: maxLength })] }) }));
24
- }
25
-
26
- exports.MaxLengthCounter = MaxLengthCounter;
27
- //# sourceMappingURL=MaxLengthCounter-a5370f66.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MaxLengthCounter-a5370f66.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n maxLength: number;\n valueLength?: number;\n onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n const { isFocused } = useFormFieldContext();\n // We don't want mousedown on this component to do anything, so prevent the default behavior.\n const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n const textClasses = classNames([!isFocused && hide]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n <span class={textClasses}>\n <span class={spanStyles}>{valueLength}</span>\n <span class={spanStyles}>/</span>\n <span class={spanStyles}>{maxLength}</span>\n </span>\n </div>\n );\n}\n"],"names":["useFormFieldContext","useCallback","classNames","usePress","_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,uCAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,eAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,yBAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,yBAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,yBAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}