@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.
- package/amd/CheckboxSetContext-2e486ea8.js +2 -0
- package/amd/CheckboxSetContext-2e486ea8.js.map +1 -0
- package/amd/InputDatePicker-6167ff45.js +2 -0
- package/amd/{InputDatePicker-97756bcd.js.map → InputDatePicker-6167ff45.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +248 -248
- package/amd/Theme-stable/theme.css +316 -316
- package/amd/UNSAFE_CheckboxItem.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js.map +1 -1
- package/amd/UNSAFE_CheckboxSet.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js.map +1 -1
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/cjs/CheckboxSetContext-c62db26d.js +12 -0
- package/cjs/CheckboxSetContext-c62db26d.js.map +1 -0
- package/cjs/MaxLengthCounter-a5370f66.js +27 -0
- package/{es/MaxLengthCounter-cead2dac.js.map → cjs/MaxLengthCounter-a5370f66.js.map} +1 -1
- package/cjs/{NavigationListItem-d9228979.js → NavigationListItem-7550547a.js} +14 -1
- package/cjs/{NavigationListItem-d9228979.js.map → NavigationListItem-7550547a.js.map} +1 -1
- package/cjs/{OverflowTabBar-081cc41e.js → OverflowTabBar-76c75781.js} +2 -2
- package/cjs/{OverflowTabBar-081cc41e.js.map → OverflowTabBar-76c75781.js.map} +1 -1
- package/cjs/{OverflowTabBarItem-57899880.js → OverflowTabBarItem-76059bad.js} +2 -2
- package/cjs/{OverflowTabBarItem-57899880.js.map → OverflowTabBarItem-76059bad.js.map} +1 -1
- package/cjs/{TextArea-792069d7.js → TextArea-096f18ad.js} +4 -22
- package/{es/TextArea-6f18b955.js.map → cjs/TextArea-096f18ad.js.map} +1 -1
- package/cjs/{TextAreaAutosize-1989de68.js → TextAreaAutosize-4d30faec.js} +3 -3
- package/cjs/{TextAreaAutosize-1989de68.js.map → TextAreaAutosize-4d30faec.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +164 -164
- package/cjs/Theme-stable/theme.css +965 -965
- package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js +0 -1
- package/cjs/UNSAFE_BaseButton/themes/stable/BaseButtonTheme.js.map +1 -1
- package/cjs/UNSAFE_CheckboxItem.js +30 -80
- package/cjs/UNSAFE_CheckboxItem.js.map +1 -1
- package/cjs/UNSAFE_CheckboxSet.js +44 -15
- package/cjs/UNSAFE_CheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_NavigationList.js +4 -4
- package/cjs/UNSAFE_OverflowTabBar.js +3 -3
- package/cjs/UNSAFE_TabBar.js +2 -2
- package/cjs/UNSAFE_TabBarCommon.js +2 -2
- package/cjs/UNSAFE_TabBarMixed.js +2 -2
- package/cjs/UNSAFE_TextArea.js +4 -3
- package/cjs/UNSAFE_TextArea.js.map +1 -1
- package/cjs/UNSAFE_TextAreaAutosize.js +3 -3
- package/es/CheckboxSetContext-1be56556.js +9 -0
- package/es/CheckboxSetContext-1be56556.js.map +1 -0
- package/es/{TextArea-6f18b955.js → TextArea-ea6aaf32.js} +25 -8
- package/{cjs/TextArea-792069d7.js.map → es/TextArea-ea6aaf32.js.map} +1 -1
- package/es/{TextAreaAutosize-4cf2754b.js → TextAreaAutosize-edc7dde7.js} +2 -2
- package/es/{TextAreaAutosize-4cf2754b.js.map → TextAreaAutosize-edc7dde7.js.map} +1 -1
- package/es/Theme-redwood/theme.css +577 -577
- package/es/Theme-stable/theme.css +426 -426
- package/es/UNSAFE_CheckboxItem.js +30 -80
- package/es/UNSAFE_CheckboxItem.js.map +1 -1
- package/es/UNSAFE_CheckboxSet.js +44 -10
- package/es/UNSAFE_CheckboxSet.js.map +1 -1
- package/es/UNSAFE_TextArea.js +2 -3
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +3 -3
- package/package.json +2 -2
- package/amd/CheckboxSet-e523552e.js +0 -2
- package/amd/CheckboxSet-e523552e.js.map +0 -1
- package/amd/InputDatePicker-97756bcd.js +0 -2
- package/cjs/CheckboxSet-368b907b.js +0 -53
- package/cjs/CheckboxSet-368b907b.js.map +0 -1
- package/es/CheckboxSet-569683fe.js +0 -49
- package/es/CheckboxSet-569683fe.js.map +0 -1
- 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":"
|
|
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('./
|
|
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('./
|
|
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('./
|
|
184
|
-
require('./
|
|
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 } =
|
|
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":"
|
|
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
|
|
7
|
-
require('preact
|
|
8
|
-
require('preact');
|
|
9
|
-
require('preact/
|
|
10
|
-
require('
|
|
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
|
-
|
|
239
|
-
|
|
240
|
-
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA;;AAEG;AACI,MAAM,WAAW,GAAGA,iBAAU,CACnC,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,UAAU,EACV,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,QAAQ,EACR,qBAAqB,EAAE,yBAAyB,EAChD,KAAK,EACL,QAAQ,EACR,MAAM,EACA,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;AAC9D,IAAA,MAAM,MAAM,GAAGC,WAAK,EAAE,CAAC;IAEvB,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,qBAAqB,EAAE,yBAAyB,EACjD,GAAGC,6BAAc,EAAE,CAAC;;AAGrB,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,SAAS,GAAG,aAAa,IAAI,aAAa,CAAC;AACjD,IAAA,MAAM,eAAe,GAAG,mBAAmB,IAAI,mBAAmB,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,yBAAyB,IAAI,yBAAyB,CAAC;IAErF,MAAM,gBAAgB,GAAGC,iDAAwB,CAAC;QAChD,QAAQ;QACR,UAAU;QACV,UAAU;AACX,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,kBAAkB,GAAGC,aAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;IAGF,MAAM,aAAa,GAAGC,mBAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,KAAKC,cAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,IAAI,EAAA,CAAM,CAAC,CAAC;IAErE,QACEA,cAAC,CAAAC,iCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EAChDD,cAAC,CAAAE,qCAAkB,wBACC,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAC,aAAa,EACpC,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAA,EAAAF,cAAA,CAACG,qCAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAAA,QAAA,EACpDH,uBAAI,SAAS,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAG,eAAe,EAAA,CAAM,EACpB,CAAA,EAAA,CACX,EACK,CAAA,EAC5B;AACJ,CAAC;;;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var NavigationListItem = require('./NavigationListItem-
|
|
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-
|
|
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-
|
|
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-
|
|
177
|
+
require('./NavigationListItem-7550547a.js');
|
|
178
178
|
require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
|
|
179
179
|
|
|
180
180
|
require('./BaseNavigationListItem-4b28f14e.js');
|
package/cjs/UNSAFE_TabBar.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
183
|
+
require('./NavigationListItem-7550547a.js');
|
|
184
184
|
require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
|
|
185
185
|
|
|
186
186
|
require('./BaseNavigationListItem-4b28f14e.js');
|
package/cjs/UNSAFE_TextArea.js
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var TextArea = require('./TextArea-
|
|
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
|
-
|
|
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-
|
|
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 {
|
|
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-
|
|
175
|
+
export { MaxLengthCounter as M, TextArea as T };
|
|
176
|
+
//# sourceMappingURL=TextArea-ea6aaf32.js.map
|