@oracle/oraclejet-preact 17.1.6 → 17.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/amd/CheckboxSetContext-2e486ea8.js +2 -0
  2. package/amd/CheckboxSetContext-2e486ea8.js.map +1 -0
  3. package/amd/InputDatePicker-6167ff45.js +2 -0
  4. package/amd/{InputDatePicker-97756bcd.js.map → InputDatePicker-6167ff45.js.map} +1 -1
  5. package/amd/Theme-redwood/theme.css +248 -248
  6. package/amd/Theme-stable/theme.css +316 -316
  7. package/amd/UNSAFE_CheckboxItem.js +1 -1
  8. package/amd/UNSAFE_CheckboxItem.js.map +1 -1
  9. package/amd/UNSAFE_CheckboxSet.js +1 -1
  10. package/amd/UNSAFE_CheckboxSet.js.map +1 -1
  11. package/amd/UNSAFE_InputDatePicker.js +1 -1
  12. package/cjs/CheckboxSetContext-c62db26d.js +12 -0
  13. package/cjs/CheckboxSetContext-c62db26d.js.map +1 -0
  14. package/cjs/MaxLengthCounter-a5370f66.js +27 -0
  15. package/{es/MaxLengthCounter-cead2dac.js.map → cjs/MaxLengthCounter-a5370f66.js.map} +1 -1
  16. package/cjs/{NavigationListItem-d9228979.js → NavigationListItem-7550547a.js} +14 -1
  17. package/cjs/{NavigationListItem-d9228979.js.map → NavigationListItem-7550547a.js.map} +1 -1
  18. package/cjs/{OverflowTabBar-081cc41e.js → OverflowTabBar-76c75781.js} +2 -2
  19. package/cjs/{OverflowTabBar-081cc41e.js.map → OverflowTabBar-76c75781.js.map} +1 -1
  20. package/cjs/{OverflowTabBarItem-57899880.js → OverflowTabBarItem-76059bad.js} +2 -2
  21. package/cjs/{OverflowTabBarItem-57899880.js.map → OverflowTabBarItem-76059bad.js.map} +1 -1
  22. package/cjs/{TextArea-792069d7.js → TextArea-096f18ad.js} +4 -22
  23. package/{es/TextArea-6f18b955.js.map → cjs/TextArea-096f18ad.js.map} +1 -1
  24. package/cjs/{TextAreaAutosize-1989de68.js → TextAreaAutosize-4d30faec.js} +3 -3
  25. package/cjs/{TextAreaAutosize-1989de68.js.map → TextAreaAutosize-4d30faec.js.map} +1 -1
  26. package/cjs/Theme-redwood/theme.css +164 -164
  27. package/cjs/Theme-stable/theme.css +965 -965
  28. package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js +0 -1
  29. package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js.map +1 -1
  30. package/cjs/UNSAFE_CheckboxItem.js +30 -80
  31. package/cjs/UNSAFE_CheckboxItem.js.map +1 -1
  32. package/cjs/UNSAFE_CheckboxSet.js +44 -15
  33. package/cjs/UNSAFE_CheckboxSet.js.map +1 -1
  34. package/cjs/UNSAFE_NavigationList.js +4 -4
  35. package/cjs/UNSAFE_OverflowTabBar.js +3 -3
  36. package/cjs/UNSAFE_TabBar.js +2 -2
  37. package/cjs/UNSAFE_TabBarCommon.js +2 -2
  38. package/cjs/UNSAFE_TabBarMixed.js +2 -2
  39. package/cjs/UNSAFE_TextArea.js +4 -3
  40. package/cjs/UNSAFE_TextArea.js.map +1 -1
  41. package/cjs/UNSAFE_TextAreaAutosize.js +3 -3
  42. package/es/CheckboxSetContext-1be56556.js +9 -0
  43. package/es/CheckboxSetContext-1be56556.js.map +1 -0
  44. package/es/{TextArea-6f18b955.js → TextArea-ea6aaf32.js} +25 -8
  45. package/{cjs/TextArea-792069d7.js.map → es/TextArea-ea6aaf32.js.map} +1 -1
  46. package/es/{TextAreaAutosize-4cf2754b.js → TextAreaAutosize-edc7dde7.js} +2 -2
  47. package/es/{TextAreaAutosize-4cf2754b.js.map → TextAreaAutosize-edc7dde7.js.map} +1 -1
  48. package/es/Theme-redwood/theme.css +577 -577
  49. package/es/Theme-stable/theme.css +426 -426
  50. package/es/UNSAFE_CheckboxItem.js +30 -80
  51. package/es/UNSAFE_CheckboxItem.js.map +1 -1
  52. package/es/UNSAFE_CheckboxSet.js +44 -10
  53. package/es/UNSAFE_CheckboxSet.js.map +1 -1
  54. package/es/UNSAFE_TextArea.js +2 -3
  55. package/es/UNSAFE_TextArea.js.map +1 -1
  56. package/es/UNSAFE_TextAreaAutosize.js +3 -3
  57. package/package.json +2 -2
  58. package/amd/CheckboxSet-e523552e.js +0 -2
  59. package/amd/CheckboxSet-e523552e.js.map +0 -1
  60. package/amd/InputDatePicker-97756bcd.js +0 -2
  61. package/cjs/CheckboxSet-368b907b.js +0 -53
  62. package/cjs/CheckboxSet-368b907b.js.map +0 -1
  63. package/es/CheckboxSet-569683fe.js +0 -49
  64. package/es/CheckboxSet-569683fe.js.map +0 -1
  65. package/es/MaxLengthCounter-cead2dac.js +0 -25
@@ -6,7 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var UNSAFE_BaseButton_themes_BaseButtonStyles_css = require('../BaseButtonStyles.css.js');
7
7
  var UNSAFE_BaseButton_themes_stable_BaseButtonVariants_css = require('./BaseButtonVariants.css.js');
8
8
 
9
-
10
9
  require('../../../vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
11
10
 
12
11
  const BaseButtonStableTheme = {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButtonTheme.js","sources":["../../../../../src/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.ts"],"sourcesContent":["import { BaseButtonTheme, styles, variants } from '../BaseButtonStyles.css';\nimport { multiVariantStyles } from './BaseButtonVariants.css';\nimport './BaseButtonBaseTheme.css';\n\nconst BaseButtonStableTheme: BaseButtonTheme = {\n multiVariantStyles,\n variants,\n styles\n};\n\nexport { BaseButtonStableTheme };\n"],"names":["multiVariantStyles","variants","styles"],"mappings":";;;;;;;;;;;AAIA,MAAM,qBAAqB,GAAoB;wBAC7CA,yEAAkB;cAClBC,sDAAQ;YACRC,oDAAM;;;;;"}
1
+ {"version":3,"file":"BaseButtonTheme.js","sources":["../../../../../src/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.ts"],"sourcesContent":["import { BaseButtonTheme, styles, variants } from '../BaseButtonStyles.css';\nimport { multiVariantStyles } from './BaseButtonVariants.css';\nimport './BaseButtonBaseTheme.css';\n\nconst BaseButtonStableTheme: BaseButtonTheme = {\n multiVariantStyles,\n variants,\n styles\n};\n\nexport { BaseButtonStableTheme };\n"],"names":["multiVariantStyles","variants","styles"],"mappings":";;;;;;;;;;AAIA,MAAM,qBAAqB,GAAoB;wBAC7CA,yEAAkB;cAClBC,sDAAQ;YACRC,oDAAM;;;;;"}
@@ -9,25 +9,31 @@ require('./FormContext-9452bd30.js');
9
9
  var useFormContext = require('./useFormContext-4c3091dc.js');
10
10
  require('./FormFieldContext-8418dc68.js');
11
11
  var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
12
- var CheckboxSet = require('./CheckboxSet-368b907b.js');
13
12
  var CheckboxControl = require('./CheckboxControl-2e5aac8b.js');
13
+ var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
14
14
  require('preact');
15
15
  require('preact/compat');
16
- require('./useFormFieldContextProps-8c04ed0f.js');
16
+ require('./CheckboxRadioContext-3b134bd1.js');
17
+ require('./HiddenAccessible-087eb49a.js');
17
18
 
19
+ require('./useComponentTheme-082fc8e4.js');
20
+ require('./logger-2b636482.js');
21
+ require('./useFocus-1b288fb9.js');
22
+ require('./useToggle-3ebba7d8.js');
23
+ require('./classNames-c14c6ef3.js');
24
+ require('./TabbableModeContext-e99d527e.js');
25
+ require('./useTabbableMode-5c8fd9e5.js');
18
26
  require('./useId-6c0eeb27.js');
19
- require('./CheckboxRadioField-0242222e.js');
20
- require('./useCollectionFocusRing-ca37785b.js');
21
- require('./collectionUtils-1535080e.js');
22
- require('./keys-a4b54295.js');
23
- require('./clientHints-9e411b6e.js');
24
27
  require('./useTranslationBundle-6b0281a9.js');
25
28
  require('./LayerHost-7182bfaf.js');
26
29
  require('./Common/themes/redwood/theme.js');
27
30
  require('./Common/themes/themeContract.css.js');
31
+
32
+
33
+ require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
34
+ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
28
35
  require('./Flex-ce16a2fa.js');
29
36
  require('./useTestId-e267a39d.js');
30
- require('./classNames-c14c6ef3.js');
31
37
  require('./boxalignment-5fe0cc94.js');
32
38
  require('./size-37b7af59.js');
33
39
  require('./utils-7c0b6a81.js');
@@ -47,14 +53,6 @@ require('./_curry3-18677bca.js');
47
53
  require('./_curry2-c15d89cd.js');
48
54
  require('./_isObject-28636267.js');
49
55
 
50
- require('./Label-47446013.js');
51
- require('./useComponentTheme-082fc8e4.js');
52
- require('./logger-2b636482.js');
53
- require('./TabbableModeContext-e99d527e.js');
54
-
55
-
56
- require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
57
- require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
58
56
 
59
57
 
60
58
  require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
@@ -93,9 +91,8 @@ require('./IconButton-e120d23e.js');
93
91
  require('./BaseButton-ae653e88.js');
94
92
  require('./usePress-00deca01.js');
95
93
  require('./useHover-c099039f.js');
96
- require('./useToggle-3ebba7d8.js');
97
94
  require('./useActive-bd587abe.js');
98
- require('./useTabbableMode-5c8fd9e5.js');
95
+ require('./clientHints-9e411b6e.js');
99
96
  require('./mergeProps-e3da7237.js');
100
97
  require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
101
98
  require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
@@ -116,7 +113,6 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css
116
113
 
117
114
  require('./useTooltip-e96e07ae.js');
118
115
  require('./useTooltipControlled-24a9c567.js');
119
- require('./useFocus-1b288fb9.js');
120
116
  require('./useTouch-4dec8729.js');
121
117
  require('./useAnimation-2f7dd313.js');
122
118
  require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -132,7 +128,6 @@ require('./TransitionGroup-b239d98f.js');
132
128
  require('./MessagesContext-4e939750.js');
133
129
 
134
130
 
135
-
136
131
  require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
137
132
  require('./InputGroupContext-05f2a46f.js');
138
133
  require('./Popup-cc742f4a.js');
@@ -167,73 +162,19 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
167
162
 
168
163
  require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
169
164
 
170
- require('./CompactLabelAssistance-2e1cd369.js');
171
- require('./CompactHelpSource-42019592.js');
172
- require('./Help-24315954.js');
173
- require('./Icon-0420d662.js');
174
- require('./UNSAFE_Icon/themes/IconStyle.css.js');
175
165
  require('./useFocusWithin-eb7f956a.js');
176
- require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
177
- require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
178
- require('./UNSAFE_Label/themes/LabelStyles.css.js');
179
166
 
180
- require('./UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js');
181
167
 
182
168
  require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
183
- require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
184
- require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
185
-
186
-
187
-
188
- require('./UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js');
189
-
190
- require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
191
-
169
+ require('./IconUserAssistance-9cb25135.js');
170
+ require('./Help-24315954.js');
171
+ require('./Icon-0420d662.js');
172
+ require('./UNSAFE_Icon/themes/IconStyle.css.js');
192
173
  require('./InlineHelp-281083ff.js');
193
174
  require('./InlineHelpSource-0549100d.js');
194
175
  require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
176
+ require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
195
177
  require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
196
- require('./InlineUserAssistance-5c7fe16e.js');
197
- require('./ComponentMessageContainer-b6683330.js');
198
- require('./MessagesManager-a607a228.js');
199
- require('./SuccessS-36fe9ad7.js');
200
- require('./ErrorS-73031337.js');
201
- require('./InformationS-2648a010.js');
202
- require('./WarningS-84510043.js');
203
- require('./PRIVATE_Message/themes/MessageStyles.css.js');
204
- require('./soundUtils-ff3c9c0d.js');
205
- require('./useMessagesContext-23d62331.js');
206
- require('./Transition-942950ed.js');
207
- require('./HiddenAccessible-087eb49a.js');
208
- require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
209
- require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
210
- require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
211
- require('./useInputGroupContext-4c10bd57.js');
212
- require('./useMessageSeverity-cfc4ae9d.js');
213
-
214
- require('./LabelValueLayout-4049c1a1.js');
215
-
216
- require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
217
- require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
218
-
219
- require('./UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js');
220
-
221
- require('./UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js');
222
- require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
223
- require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
224
- require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
225
-
226
- require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
227
- require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
228
-
229
- require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
230
-
231
- require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
232
-
233
- require('./CheckboxRadioContext-3b134bd1.js');
234
- require('./LayoutStyles.css-8af668b9.js');
235
-
236
- require('./IconUserAssistance-9cb25135.js');
237
178
  require('./StyledCheckbox-946168c3.js');
238
179
  require('./Check-66a271cb.js');
239
180
  require('./CheckboxOff-cd33d951.js');
@@ -249,6 +190,15 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
249
190
 
250
191
 
251
192
  require('./useCollectionInteractionContext-44633fd0.js');
193
+ require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
194
+ require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
195
+
196
+ require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
197
+
198
+ require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
199
+
200
+ require('./LayoutStyles.css-8af668b9.js');
201
+
252
202
 
253
203
  /**
254
204
  * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.
@@ -256,7 +206,7 @@ require('./useCollectionInteractionContext-44633fd0.js');
256
206
  const CheckboxItem = ({ children, value, assistiveText, helpSourceLink, helpSourceText }) => {
257
207
  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext.useFormContext();
258
208
  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext.useFormFieldContext();
259
- const { name, onCommit, value: groupValue } = CheckboxSet.useCheckboxSetContext();
209
+ const { name, onCommit, value: groupValue } = CheckboxSetContext.useCheckboxSetContext();
260
210
  const isChecked = groupValue?.has(value);
261
211
  const isDisabled = isFieldDisabled ?? isFormDisabled;
262
212
  const isReadonly = isFieldReadonly ?? isFormReadonly;
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n /**\n * Text that describes the checkbox item value.\n */\n children: string;\n /**\n * Text to provide guidance to help the user understand what data to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the `helpSourceLink`.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Value of the checkbox item.\n */\n value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n children,\n value,\n assistiveText,\n helpSourceLink,\n helpSourceText\n}: Props) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n const isChecked = groupValue?.has(value);\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n const onChangeHandler = useCallback(\n (e: Event) => {\n // return early on keyup if key isn't spacebar\n const { key } = e as KeyboardEvent;\n if (key !== undefined && key !== ' ') {\n return;\n }\n\n // create a new set from the previous and add or remove the changed value\n const newGroupValue = new Set(groupValue);\n newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n onCommit?.({\n previousValue: groupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n },\n [groupValue, onCommit, value]\n );\n\n return (\n <CheckboxControl\n name={name}\n value={value}\n {...(!isReadonly && !isDisabled\n ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n : {})}\n assistiveText={assistiveText}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isChecked={isChecked}\n isDisabled={isDisabled}\n isReadonly={isReadonly}>\n {children}\n </CheckboxControl>\n );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,iCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
1
+ {"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n /**\n * Text that describes the checkbox item value.\n */\n children: string;\n /**\n * Text to provide guidance to help the user understand what data to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the `helpSourceLink`.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Value of the checkbox item.\n */\n value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n children,\n value,\n assistiveText,\n helpSourceLink,\n helpSourceText\n}: Props) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n const isChecked = groupValue?.has(value);\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n const onChangeHandler = useCallback(\n (e: Event) => {\n // return early on keyup if key isn't spacebar\n const { key } = e as KeyboardEvent;\n if (key !== undefined && key !== ' ') {\n return;\n }\n\n // create a new set from the previous and add or remove the changed value\n const newGroupValue = new Set(groupValue);\n newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n onCommit?.({\n previousValue: groupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n },\n [groupValue, onCommit, value]\n );\n\n return (\n <CheckboxControl\n name={name}\n value={value}\n {...(!isReadonly && !isDisabled\n ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n : {})}\n assistiveText={assistiveText}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isChecked={isChecked}\n isDisabled={isDisabled}\n isReadonly={isReadonly}>\n {children}\n </CheckboxControl>\n );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,wCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
@@ -3,18 +3,18 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var CheckboxSet = require('./CheckboxSet-368b907b.js');
7
- require('preact/jsx-runtime');
8
- require('preact');
9
- require('preact/hooks');
10
- require('preact/compat');
6
+ var jsxRuntime = require('preact/jsx-runtime');
7
+ var preact = require('preact');
8
+ var hooks = require('preact/hooks');
9
+ var compat = require('preact/compat');
10
+ var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
11
11
  require('./FormContext-9452bd30.js');
12
- require('./useFormContext-4c3091dc.js');
13
- require('./FormFieldContext-8418dc68.js');
14
- require('./useFormFieldContextProps-8c04ed0f.js');
12
+ var useFormContext = require('./useFormContext-4c3091dc.js');
13
+ var FormFieldContext = require('./FormFieldContext-8418dc68.js');
14
+ var useFormFieldContextProps = require('./useFormFieldContextProps-8c04ed0f.js');
15
15
 
16
- require('./useId-6c0eeb27.js');
17
- require('./CheckboxRadioField-0242222e.js');
16
+ var useId = require('./useId-6c0eeb27.js');
17
+ var CheckboxRadioField = require('./CheckboxRadioField-0242222e.js');
18
18
  require('./useCollectionFocusRing-ca37785b.js');
19
19
  require('./collectionUtils-1535080e.js');
20
20
  require('./keys-a4b54295.js');
@@ -233,9 +233,38 @@ require('./CheckboxRadioContext-3b134bd1.js');
233
233
  require('./LayoutStyles.css-8af668b9.js');
234
234
 
235
235
 
236
-
237
-
238
- exports.CheckboxSet = CheckboxSet.CheckboxSet;
239
- exports.CheckboxSetContext = CheckboxSet.CheckboxSetContext;
240
- exports.useCheckboxSetContext = CheckboxSet.useCheckboxSetContext;
236
+ var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
237
+
238
+ /**
239
+ * A CheckboxSet set allows the user to select one or more options from a set.
240
+ */
241
+ const CheckboxSet = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
242
+ const hasValue = value !== undefined ? value.size > 0 : false;
243
+ const baseId = useId.useId();
244
+ const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
245
+ // default to FormContext values if component properties are not specified
246
+ const isDisabled = propIsDisabled ?? isFormDisabled;
247
+ const isReadonly = propIsReadonly ?? isFormReadonly;
248
+ const labelEdge = propLabelEdge ?? formLabelEdge;
249
+ const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
250
+ const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
251
+ const formFieldContext = useFormFieldContextProps.useFormFieldContextProps({
252
+ hasValue,
253
+ isDisabled,
254
+ isReadonly
255
+ });
256
+ const checkboxSetContext = hooks.useMemo(() => ({
257
+ name: baseId,
258
+ value,
259
+ onCommit
260
+ }), [baseId, onCommit, value]);
261
+ // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
262
+ const childrenArray = preact.toChildArray(children).filter(Boolean);
263
+ const wrappedChildren = childrenArray.map((item) => jsxRuntime.jsx("li", { children: item }));
264
+ return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(CheckboxRadioField.CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsxRuntime.jsx(CheckboxSetContext.CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsxRuntime.jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
265
+ });
266
+
267
+ exports.CheckboxSetContext = CheckboxSetContext.CheckboxSetContext;
268
+ exports.useCheckboxSetContext = CheckboxSetContext.useCheckboxSetContext;
269
+ exports.CheckboxSet = CheckboxSet;
241
270
  //# sourceMappingURL=UNSAFE_CheckboxSet.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n /**\n * Text to provide guidance to help the user understand what data to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * set of CheckboxItems\n */\n children: ComponentChildren;\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * layout direction of the children elements\n */\n direction?: FlexboxProps['direction'];\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 checkbox set requires a selection to be made.\n */\n isRequired?: boolean;\n /**\n * Specifies if the checkbox set is read-only.\n */\n isReadonly?: boolean;\n /**\n * Specifies if the checkbox set is disabled.\n */\n isDisabled?: boolean;\n /**\n * Label text for the group of checkbox items.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'none' | 'top' | 'start' | 'inside';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n */\n labelStartWidth?: Size;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * Callback invoked each time the user changes selected option.\n */\n onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * Value of the selected checkbox option.\n */\n value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n columnSpan,\n direction = 'column',\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n messages,\n onCommit,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n children,\n testId\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const hasValue = value !== undefined ? value.size > 0 : false;\n const baseId = useId();\n\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n const formFieldContext = useFormFieldContextProps({\n hasValue,\n isDisabled,\n isReadonly\n });\n\n const checkboxSetContext = useMemo(\n () => ({\n name: baseId,\n value,\n onCommit\n }),\n [baseId, onCommit, value]\n );\n\n // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n const childrenArray = toChildArray(children).filter(Boolean);\n const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <CheckboxRadioField\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n baseId={baseId}\n columnSpan={columnSpan}\n direction={direction}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isRequired={isRequired}\n label={label}\n labelEdge={labelEdge}\n labelStartWidth={labelStartWidth}\n parentComponentVariant=\"checkboxSet\"\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n hasValue={hasValue}\n role=\"group\"\n testId={testId}\n ref={ref}>\n <CheckboxSetContext.Provider value={checkboxSetContext}>\n <ul className={styles.ul}>{wrappedChildren}</ul>\n </CheckboxSetContext.Provider>\n </CheckboxRadioField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["forwardRef","useId","useFormContext","useFormFieldContextProps","useMemo","toChildArray","_jsx","FormFieldContext","CheckboxRadioField","CheckboxSetContext"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var NavigationListItem = require('./NavigationListItem-d9228979.js');
6
+ var NavigationListItem = require('./NavigationListItem-7550547a.js');
7
7
  var RemovableNavigationListItem = require('./RemovableNavigationListItem-727e53e8.js');
8
8
  require('preact/jsx-runtime');
9
9
  require('preact/hooks');
@@ -24,6 +24,9 @@ require('./Common/themes/redwood/theme.js');
24
24
  require('./Common/themes/themeContract.css.js');
25
25
  require('preact/compat');
26
26
  require('./useTestId-e267a39d.js');
27
+ require('./UNSAFE_Text/themes/TextStyles.css.js');
28
+
29
+ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
27
30
  require('./BaseNavigationListItem-4b28f14e.js');
28
31
  require('./Text-aaacb6a0.js');
29
32
  require('./mergeInterpolations-6727b536.js');
@@ -32,9 +35,6 @@ require('./_curry3-18677bca.js');
32
35
  require('./_curry1-e8f0d7ea.js');
33
36
  require('./_curry2-c15d89cd.js');
34
37
  require('./_isObject-28636267.js');
35
- require('./UNSAFE_Text/themes/TextStyles.css.js');
36
-
37
- require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
38
38
  require('./usePress-00deca01.js');
39
39
  require('./useInteractionStyle-2dcd895b.js');
40
40
  require('./useHover-c099039f.js');
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var OverflowTabBar = require('./OverflowTabBar-081cc41e.js');
6
+ var OverflowTabBar = require('./OverflowTabBar-76c75781.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('preact');
9
9
  require('preact/hooks');
@@ -167,14 +167,14 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
167
167
 
168
168
  require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
169
169
 
170
- require('./OverflowTabBarItem-57899880.js');
170
+ require('./OverflowTabBarItem-76059bad.js');
171
171
  require('./Dropdown-62cd15ca.js');
172
172
  require('./usePopupAnimation-c88cbb64.js');
173
173
  require('./popupAnimationUtils-a3dfbdfd.js');
174
174
  require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
175
175
  require('./useOutsideMousedown-a8c09ad9.js');
176
176
  require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
177
- require('./NavigationListItem-d9228979.js');
177
+ require('./NavigationListItem-7550547a.js');
178
178
  require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
179
179
 
180
180
  require('./BaseNavigationListItem-4b28f14e.js');
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var TabBar = require('./TabBar-c13ce35f.js');
7
7
  var TabBarItem = require('./TabBarItem-5a7d5d03.js');
8
8
  var RemovableTabBarItem = require('./RemovableTabBarItem-da075122.js');
9
- var OverflowTabBarItem = require('./OverflowTabBarItem-57899880.js');
9
+ var OverflowTabBarItem = require('./OverflowTabBarItem-76059bad.js');
10
10
  var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
11
11
  require('preact/jsx-runtime');
12
12
  require('preact/hooks');
@@ -170,7 +170,7 @@ require('./popupAnimationUtils-a3dfbdfd.js');
170
170
  require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
171
171
  require('./useOutsideMousedown-a8c09ad9.js');
172
172
  require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
173
- require('./NavigationListItem-d9228979.js');
173
+ require('./NavigationListItem-7550547a.js');
174
174
  require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
175
175
 
176
176
  require('./BaseNavigationListItem-4b28f14e.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var TabBarItem = require('./TabBarItem-5a7d5d03.js');
7
7
  var RemovableTabBarItem = require('./RemovableTabBarItem-da075122.js');
8
- var OverflowTabBarItem = require('./OverflowTabBarItem-57899880.js');
8
+ var OverflowTabBarItem = require('./OverflowTabBarItem-76059bad.js');
9
9
  var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
10
10
  var TabBarLayout = require('./TabBarLayout-846a4d9a.js');
11
11
  require('preact/jsx-runtime');
@@ -162,7 +162,7 @@ require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
162
162
 
163
163
  require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
164
164
 
165
- require('./NavigationListItem-d9228979.js');
165
+ require('./NavigationListItem-7550547a.js');
166
166
  require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
167
167
 
168
168
  require('./collectionUtils-1535080e.js');
@@ -7,7 +7,7 @@ var TabBarMixed = require('./TabBarMixed-81309400.js');
7
7
  var TabBarMixedSeparator = require('./TabBarMixedSeparator-0f55c6f6.js');
8
8
  var TabBarItem = require('./TabBarItem-5a7d5d03.js');
9
9
  var RemovableTabBarItem = require('./RemovableTabBarItem-da075122.js');
10
- var OverflowTabBarItem = require('./OverflowTabBarItem-57899880.js');
10
+ var OverflowTabBarItem = require('./OverflowTabBarItem-76059bad.js');
11
11
  require('./useTabBarContext-2a6a796c.js');
12
12
  require('preact/hooks');
13
13
  var TabBarLayout = require('./TabBarLayout-846a4d9a.js');
@@ -180,7 +180,7 @@ require('./popupAnimationUtils-a3dfbdfd.js');
180
180
  require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
181
181
  require('./useOutsideMousedown-a8c09ad9.js');
182
182
  require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
183
- require('./NavigationListItem-d9228979.js');
183
+ require('./NavigationListItem-7550547a.js');
184
184
  require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
185
185
 
186
186
  require('./BaseNavigationListItem-4b28f14e.js');
@@ -3,7 +3,8 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var TextArea = require('./TextArea-792069d7.js');
6
+ var TextArea = require('./TextArea-096f18ad.js');
7
+ var MaxLengthCounter = require('./MaxLengthCounter-a5370f66.js');
7
8
  require('preact/jsx-runtime');
8
9
  require('preact/compat');
9
10
  require('./FormContext-9452bd30.js');
@@ -264,12 +265,12 @@ require('./CompactUserAssistance-62055a51.js');
264
265
  require('./Separator-85962472.js');
265
266
  require('./useLengthFilter-d4cb6f47.js');
266
267
  require('./lengthFilter-88f15099.js');
267
-
268
268
  require('./useCurrentValueReducer-f37ac024.js');
269
269
  require('./useSelectableTextField-892b62db.js');
270
270
 
271
271
 
272
272
 
273
- exports.MaxLengthCounter = TextArea.MaxLengthCounter;
273
+
274
274
  exports.TextArea = TextArea.TextArea;
275
+ exports.MaxLengthCounter = MaxLengthCounter.MaxLengthCounter;
275
276
  //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var TextAreaAutosize = require('./TextAreaAutosize-1989de68.js');
6
+ var TextAreaAutosize = require('./TextAreaAutosize-4d30faec.js');
7
7
  require('preact/jsx-runtime');
8
8
  require('preact/compat');
9
9
  require('./FormContext-9452bd30.js');
@@ -265,9 +265,9 @@ require('./Separator-85962472.js');
265
265
  require('./useLengthFilter-d4cb6f47.js');
266
266
  require('./lengthFilter-88f15099.js');
267
267
  require('./useCurrentValueReducer-f37ac024.js');
268
- require('./TextArea-792069d7.js');
269
-
270
268
  require('./useSelectableTextField-892b62db.js');
269
+ require('./MaxLengthCounter-a5370f66.js');
270
+
271
271
 
272
272
 
273
273
 
@@ -0,0 +1,9 @@
1
+ /* @oracle/oraclejet-preact: undefined */
2
+ import { createContext } from 'preact';
3
+ import { useContext } from 'preact/hooks';
4
+
5
+ const CheckboxSetContext = createContext({});
6
+ const useCheckboxSetContext = () => useContext(CheckboxSetContext);
7
+
8
+ export { CheckboxSetContext as C, useCheckboxSetContext as u };
9
+ //# sourceMappingURL=CheckboxSetContext-1be56556.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxSetContext-1be56556.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":[],"mappings":";;;;AAWA,MAAM,kBAAkB,GAAG,aAAa,CAA0B,EAA6B,EAAE;AAC3F,MAAA,qBAAqB,GAAG,MAAM,UAAU,CAAC,kBAAkB;;;;"}
@@ -1,10 +1,10 @@
1
1
  /* @oracle/oraclejet-preact: undefined */
2
2
  import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
3
- import { forwardRef, useCallback, useRef, useImperativeHandle } from 'preact/compat';
3
+ import { forwardRef, useCallback as useCallback$1, useRef, useImperativeHandle } from 'preact/compat';
4
4
  import './FormContext-4d71f9c7.js';
5
5
  import { u as useFormContext } from './useFormContext-875cacd7.js';
6
6
  import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
7
- import 'preact/hooks';
7
+ import { useCallback } from 'preact/hooks';
8
8
  import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
9
9
  import { L as Label } from './Label-ab276ca9.js';
10
10
  import { T as TextFieldInput } from './TextFieldInput-84280715.js';
@@ -40,10 +40,27 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
40
40
  import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
41
41
  import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
42
42
  import { u as useLengthFilter } from './useLengthFilter-f72f45ac.js';
43
- import { M as MaxLengthCounter } from './MaxLengthCounter-cead2dac.js';
43
+ import { c as classNames } from './classNames-4e12b00d.js';
44
+ import { u as usePress } from './usePress-97fc1cf1.js';
45
+ import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
46
+ import './MaxLengthCounterStyles.styles.css';
44
47
  import { u as useCurrentValueReducer } from './useCurrentValueReducer-bdf796fa.js';
45
48
  import { u as useSelectableTextField } from './useSelectableTextField-949184a5.js';
46
49
 
50
+ var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
51
+ var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
52
+ var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
53
+
54
+ const noop = () => { };
55
+ function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
56
+ const { isFocused } = useFormFieldContext();
57
+ // We don't want mousedown on this component to do anything, so prevent the default behavior.
58
+ const killEvent = useCallback((event) => event.preventDefault(), []);
59
+ const textClasses = classNames([!isFocused && hide]);
60
+ const { pressProps } = usePress(onClick ?? noop);
61
+ return (jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxs("span", { class: textClasses, children: [jsx("span", { class: spanStyles, children: valueLength }), jsx("span", { class: spanStyles, children: "/" }), jsx("span", { class: spanStyles, children: maxLength })] }) }));
62
+ }
63
+
47
64
  /**
48
65
  * A text area displays a field that allows a user to enter a multi-line text value.
49
66
  */
@@ -55,12 +72,12 @@ const TextArea = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveTex
55
72
  })
56
73
  : '';
57
74
  const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });
58
- const onInputAndDispatch = useCallback((detail) => {
75
+ const onInputAndDispatch = useCallback$1((detail) => {
59
76
  // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
60
77
  dispatch({ type: 'input', payload: detail.value });
61
78
  onInput?.(detail);
62
79
  }, [onInput, dispatch]);
63
- const onCommitAndDispatch = useCallback((detail) => {
80
+ const onCommitAndDispatch = useCallback$1((detail) => {
64
81
  // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
65
82
  dispatch({ type: 'commit', payload: detail.value });
66
83
  onCommit?.(detail);
@@ -120,7 +137,7 @@ const TextArea = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveTex
120
137
  userAssistanceDensity,
121
138
  value
122
139
  });
123
- const onClickCounter = useCallback(() => {
140
+ const onClickCounter = useCallback$1(() => {
124
141
  const elm = enabledElementRef.current;
125
142
  // for setSelectionRange(), len needs to be a number or null.
126
143
  const len = elm ? elm.value.length : null;
@@ -155,5 +172,5 @@ const TextArea = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveTex
155
172
  return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(TextField, { mainContent: mainContent, columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps?.onFocusOut, onFocus: focusProps?.onFocusIn, mainFieldRef: anchorRef, resize: resize, testId: testId, ...textFieldProps, ...fieldLabelProps }) }));
156
173
  });
157
174
 
158
- export { TextArea as T };
159
- //# sourceMappingURL=TextArea-6f18b955.js.map
175
+ export { MaxLengthCounter as M, TextArea as T };
176
+ //# sourceMappingURL=TextArea-ea6aaf32.js.map