@oracle/oraclejet-preact 17.0.4 → 17.0.6
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/CheckboxSet-9c883a32.js +2 -0
- package/{cjs/CheckboxSet-13a5c10c.js.map → amd/CheckboxSet-9c883a32.js.map} +1 -1
- package/amd/TextArea-2c7af40c.js +2 -0
- package/amd/TextArea-2c7af40c.js.map +1 -0
- package/amd/TextAreaAutosize-9dc5bffe.js +2 -0
- package/amd/{TextAreaAutosize-0a023972.js.map → TextAreaAutosize-9dc5bffe.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +216 -216
- package/amd/Theme-stable/theme.css +352 -352
- 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_TextArea.js +1 -1
- package/amd/UNSAFE_TextAreaAutosize.js +1 -1
- package/cjs/BaseNavigationListItem-175a3f35.js +49 -0
- package/cjs/BaseNavigationListItem-175a3f35.js.map +1 -0
- package/cjs/CheckboxSetContext-c62db26d.js +12 -0
- package/{es/CheckboxSetContext-1be56556.js.map → cjs/CheckboxSetContext-c62db26d.js.map} +1 -1
- package/cjs/{InputDatePicker-005c03d0.js → InputDatePicker-91be7790.js} +2 -2
- package/cjs/{InputDatePicker-005c03d0.js.map → InputDatePicker-91be7790.js.map} +1 -1
- package/cjs/{NavigationListItem-12a76e7d.js → NavigationList-5218562e.js} +3 -18
- package/cjs/NavigationList-5218562e.js.map +1 -0
- package/cjs/NavigationListItem-b80c41dc.js +12 -0
- package/cjs/NavigationListItem-b80c41dc.js.map +1 -0
- package/cjs/{OverflowTabBarItem-c0a592fd.js → OverflowTabBarItem-1de46588.js} +5 -4
- package/cjs/{OverflowTabBarItem-c0a592fd.js.map → OverflowTabBarItem-1de46588.js.map} +1 -1
- package/cjs/{RemovableNavigationListItem-6231df42.js → RemovableNavigationListItem-eb2c8156.js} +4 -3
- package/cjs/{RemovableNavigationListItem-6231df42.js.map → RemovableNavigationListItem-eb2c8156.js.map} +1 -1
- package/cjs/{ReorderableTabBar-5743c66a.js → ReorderableTabBar-025a0d71.js} +2 -2
- package/cjs/{ReorderableTabBar-5743c66a.js.map → ReorderableTabBar-025a0d71.js.map} +1 -1
- package/cjs/{TabBar-73bb6c97.js → TabBar-e77706d0.js} +6 -1
- package/cjs/{TabBar-73bb6c97.js.map → TabBar-e77706d0.js.map} +1 -1
- package/cjs/{TabBarMixed-426fcaf1.js → TabBarMixed-bc696a46.js} +6 -1
- package/cjs/{TabBarMixed-426fcaf1.js.map → TabBarMixed-bc696a46.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +89 -89
- package/cjs/Theme-stable/theme.css +217 -217
- 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_InputDatePicker.js +87 -87
- package/cjs/UNSAFE_NavigationList.js +16 -14
- package/cjs/UNSAFE_NavigationList.js.map +1 -1
- package/cjs/UNSAFE_NavigationListCommon.js +55 -54
- package/cjs/UNSAFE_NavigationListCommon.js.map +1 -1
- package/cjs/UNSAFE_OverflowTabBar.js +23 -21
- package/cjs/UNSAFE_OverflowTabBar.js.map +1 -1
- package/cjs/UNSAFE_ReorderableTabBar.js +21 -7
- package/cjs/UNSAFE_ReorderableTabBar.js.map +1 -1
- package/cjs/UNSAFE_TabBar.js +24 -22
- package/cjs/UNSAFE_TabBar.js.map +1 -1
- package/cjs/UNSAFE_TabBarCommon.js +20 -18
- package/cjs/UNSAFE_TabBarCommon.js.map +1 -1
- package/cjs/UNSAFE_TabBarMixed.js +24 -22
- package/cjs/UNSAFE_TabBarMixed.js.map +1 -1
- package/cjs/{BaseNavigationListItem-070d75bc.js → useNavigationListItem-74009187.js} +2 -40
- package/cjs/useNavigationListItem-74009187.js.map +1 -0
- package/es/CheckboxSet-836e3263.js +49 -0
- package/es/CheckboxSet-836e3263.js.map +1 -0
- package/es/{TextArea-d97aac1f.js → TextArea-979496a0.js} +25 -8
- package/es/TextArea-979496a0.js.map +1 -0
- package/es/{TextAreaAutosize-68a4786d.js → TextAreaAutosize-b73aaa2f.js} +2 -2
- package/es/{TextAreaAutosize-68a4786d.js.map → TextAreaAutosize-b73aaa2f.js.map} +1 -1
- package/es/Theme-redwood/theme.css +414 -414
- package/es/Theme-stable/theme.css +485 -485
- package/es/UNSAFE_CheckboxItem.js +80 -30
- package/es/UNSAFE_CheckboxItem.js.map +1 -1
- package/es/UNSAFE_CheckboxSet.js +10 -44
- 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 +2 -2
- package/package.json +2 -2
- package/amd/CheckboxSetContext-2e486ea8.js +0 -2
- package/amd/CheckboxSetContext-2e486ea8.js.map +0 -1
- package/amd/MaxLengthCounter-caafceef.js +0 -2
- package/amd/MaxLengthCounter-caafceef.js.map +0 -1
- package/amd/TextArea-44c90bc4.js +0 -2
- package/amd/TextArea-44c90bc4.js.map +0 -1
- package/amd/TextAreaAutosize-0a023972.js +0 -2
- package/cjs/BaseNavigationListItem-070d75bc.js.map +0 -1
- package/cjs/CheckboxSet-13a5c10c.js +0 -53
- package/cjs/NavigationListItem-12a76e7d.js.map +0 -1
- package/es/CheckboxSetContext-1be56556.js +0 -9
- package/es/MaxLengthCounter-cead2dac.js +0 -25
- package/es/MaxLengthCounter-cead2dac.js.map +0 -1
- package/es/TextArea-d97aac1f.js.map +0 -1
|
@@ -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-13a5c10c.js');
|
|
13
12
|
var CheckboxControl = require('./CheckboxControl-24658cde.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-0d4b2c66.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-9da032d6.js');
|
|
25
28
|
require('./LayerHost-46e4d858.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-fbba4ad6.js');
|
|
29
36
|
require('./useTestId-8234ec1e.js');
|
|
30
|
-
require('./classNames-c14c6ef3.js');
|
|
31
37
|
require('./boxalignment-5ef612ee.js');
|
|
32
38
|
require('./size-4e606ce4.js');
|
|
33
39
|
require('./utils-b7099be5.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-d9ad059f.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');
|
|
@@ -83,8 +81,6 @@ require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
|
|
|
83
81
|
require('./vanilla-extract-dynamic.esm-d5dffce7.js');
|
|
84
82
|
require('./UNSAFE_Floating/themes/FloatingContract.css.js');
|
|
85
83
|
require('./useHover-910b8e32.js');
|
|
86
|
-
require('./useToggle-3ebba7d8.js');
|
|
87
|
-
require('./useFocus-1b288fb9.js');
|
|
88
84
|
require('./useTouch-4dec8729.js');
|
|
89
85
|
require('./mergeProps-e3da7237.js');
|
|
90
86
|
require('./useAnimation-2f7dd313.js');
|
|
@@ -102,7 +98,7 @@ require('./IconButton-94f8ca5c.js');
|
|
|
102
98
|
require('./BaseButton-ff6f39f2.js');
|
|
103
99
|
require('./usePress-00deca01.js');
|
|
104
100
|
require('./useActive-b15c9e7e.js');
|
|
105
|
-
require('./
|
|
101
|
+
require('./clientHints-9e411b6e.js');
|
|
106
102
|
require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
|
|
107
103
|
require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
|
|
108
104
|
|
|
@@ -130,7 +126,6 @@ require('./TransitionGroup-b239d98f.js');
|
|
|
130
126
|
require('./MessagesContext-4e939750.js');
|
|
131
127
|
|
|
132
128
|
|
|
133
|
-
|
|
134
129
|
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
|
|
135
130
|
require('./InputGroupContext-05f2a46f.js');
|
|
136
131
|
require('./Popup-881aae20.js');
|
|
@@ -165,73 +160,19 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
|
|
|
165
160
|
|
|
166
161
|
require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
|
|
167
162
|
|
|
168
|
-
require('./CompactLabelAssistance-ae678fbd.js');
|
|
169
|
-
require('./CompactHelpSource-f4e9198b.js');
|
|
170
|
-
require('./Help-23015ba0.js');
|
|
171
|
-
require('./Icon-3ffd13dc.js');
|
|
172
|
-
require('./UNSAFE_Icon/themes/IconStyle.css.js');
|
|
173
163
|
require('./useFocusWithin-eb7f956a.js');
|
|
174
|
-
require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
|
|
175
|
-
require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
|
|
176
|
-
require('./UNSAFE_Label/themes/LabelStyles.css.js');
|
|
177
164
|
|
|
178
|
-
require('./UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js');
|
|
179
165
|
|
|
180
166
|
require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
|
|
181
|
-
require('./
|
|
182
|
-
require('./
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
require('./UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js');
|
|
187
|
-
|
|
188
|
-
require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
|
|
189
|
-
|
|
167
|
+
require('./IconUserAssistance-c31c2875.js');
|
|
168
|
+
require('./Help-23015ba0.js');
|
|
169
|
+
require('./Icon-3ffd13dc.js');
|
|
170
|
+
require('./UNSAFE_Icon/themes/IconStyle.css.js');
|
|
190
171
|
require('./InlineHelp-020ee2df.js');
|
|
191
172
|
require('./InlineHelpSource-7b793104.js');
|
|
192
173
|
require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
|
|
174
|
+
require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
|
|
193
175
|
require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
|
|
194
|
-
require('./InlineUserAssistance-ad3fa8cc.js');
|
|
195
|
-
require('./ComponentMessageContainer-a9195577.js');
|
|
196
|
-
require('./MessagesManager-9cc43d3a.js');
|
|
197
|
-
require('./SuccessS-862e9e4b.js');
|
|
198
|
-
require('./ErrorS-bfe081e3.js');
|
|
199
|
-
require('./InformationS-5bf32f4c.js');
|
|
200
|
-
require('./WarningS-d18b9e00.js');
|
|
201
|
-
require('./PRIVATE_Message/themes/MessageStyles.css.js');
|
|
202
|
-
require('./soundUtils-ff3c9c0d.js');
|
|
203
|
-
require('./useMessagesContext-23d62331.js');
|
|
204
|
-
require('./Transition-942950ed.js');
|
|
205
|
-
require('./HiddenAccessible-087eb49a.js');
|
|
206
|
-
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
|
|
207
|
-
require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
|
|
208
|
-
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
|
|
209
|
-
require('./useInputGroupContext-4c10bd57.js');
|
|
210
|
-
require('./useMessageSeverity-cfc4ae9d.js');
|
|
211
|
-
|
|
212
|
-
require('./LabelValueLayout-24937fa5.js');
|
|
213
|
-
|
|
214
|
-
require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
|
|
215
|
-
require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
|
|
216
|
-
|
|
217
|
-
require('./UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js');
|
|
218
|
-
|
|
219
|
-
require('./UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js');
|
|
220
|
-
require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
|
|
221
|
-
require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
|
|
222
|
-
require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
|
|
223
|
-
|
|
224
|
-
require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
|
|
225
|
-
require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
|
|
226
|
-
|
|
227
|
-
require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
|
|
228
|
-
|
|
229
|
-
require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
|
|
230
|
-
|
|
231
|
-
require('./CheckboxRadioContext-3b134bd1.js');
|
|
232
|
-
require('./LayoutStyles.css-8af668b9.js');
|
|
233
|
-
|
|
234
|
-
require('./IconUserAssistance-c31c2875.js');
|
|
235
176
|
require('./StyledCheckbox-7576d44a.js');
|
|
236
177
|
require('./Check-f72ac53c.js');
|
|
237
178
|
require('./CheckboxOff-9a4efabf.js');
|
|
@@ -247,6 +188,15 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
|
|
|
247
188
|
|
|
248
189
|
|
|
249
190
|
require('./useCollectionGestureContext-daada886.js');
|
|
191
|
+
require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
|
|
192
|
+
require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
|
|
193
|
+
|
|
194
|
+
require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
|
|
195
|
+
|
|
196
|
+
require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
|
|
197
|
+
|
|
198
|
+
require('./LayoutStyles.css-8af668b9.js');
|
|
199
|
+
|
|
250
200
|
|
|
251
201
|
/**
|
|
252
202
|
* CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.
|
|
@@ -254,7 +204,7 @@ require('./useCollectionGestureContext-daada886.js');
|
|
|
254
204
|
const CheckboxItem = ({ children, value, assistiveText, helpSourceLink, helpSourceText }) => {
|
|
255
205
|
const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext.useFormContext();
|
|
256
206
|
const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext.useFormFieldContext();
|
|
257
|
-
const { name, onCommit, value: groupValue } =
|
|
207
|
+
const { name, onCommit, value: groupValue } = CheckboxSetContext.useCheckboxSetContext();
|
|
258
208
|
const isChecked = groupValue?.has(value);
|
|
259
209
|
const isDisabled = isFieldDisabled ?? isFormDisabled;
|
|
260
210
|
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-0d4b2c66.js');
|
|
16
|
+
var useId = require('./useId-6c0eeb27.js');
|
|
17
|
+
var CheckboxRadioField = require('./CheckboxRadioField-0d4b2c66.js');
|
|
18
18
|
require('./useCollectionFocusRing-ca37785b.js');
|
|
19
19
|
require('./collectionUtils-1535080e.js');
|
|
20
20
|
require('./keys-a4b54295.js');
|
|
@@ -231,9 +231,38 @@ require('./CheckboxRadioContext-3b134bd1.js');
|
|
|
231
231
|
require('./LayoutStyles.css-8af668b9.js');
|
|
232
232
|
|
|
233
233
|
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
234
|
+
var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
|
|
235
|
+
|
|
236
|
+
/**
|
|
237
|
+
* A CheckboxSet set allows the user to select one or more options from a set.
|
|
238
|
+
*/
|
|
239
|
+
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) => {
|
|
240
|
+
const hasValue = value !== undefined ? value.size > 0 : false;
|
|
241
|
+
const baseId = useId.useId();
|
|
242
|
+
const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
|
|
243
|
+
// default to FormContext values if component properties are not specified
|
|
244
|
+
const isDisabled = propIsDisabled ?? isFormDisabled;
|
|
245
|
+
const isReadonly = propIsReadonly ?? isFormReadonly;
|
|
246
|
+
const labelEdge = propLabelEdge ?? formLabelEdge;
|
|
247
|
+
const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
|
|
248
|
+
const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
|
|
249
|
+
const formFieldContext = useFormFieldContextProps.useFormFieldContextProps({
|
|
250
|
+
hasValue,
|
|
251
|
+
isDisabled,
|
|
252
|
+
isReadonly
|
|
253
|
+
});
|
|
254
|
+
const checkboxSetContext = hooks.useMemo(() => ({
|
|
255
|
+
name: baseId,
|
|
256
|
+
value,
|
|
257
|
+
onCommit
|
|
258
|
+
}), [baseId, onCommit, value]);
|
|
259
|
+
// wrap each CheckboxItem in an <li> tag and the entire set with <ul>
|
|
260
|
+
const childrenArray = preact.toChildArray(children).filter(Boolean);
|
|
261
|
+
const wrappedChildren = childrenArray.map((item) => jsxRuntime.jsx("li", { children: item }));
|
|
262
|
+
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 }) }) }) }));
|
|
263
|
+
});
|
|
264
|
+
|
|
265
|
+
exports.CheckboxSetContext = CheckboxSetContext.CheckboxSetContext;
|
|
266
|
+
exports.useCheckboxSetContext = CheckboxSetContext.useCheckboxSetContext;
|
|
267
|
+
exports.CheckboxSet = CheckboxSet;
|
|
239
268
|
//# 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 InputDatePicker = require('./InputDatePicker-
|
|
6
|
+
var InputDatePicker = require('./InputDatePicker-91be7790.js');
|
|
7
7
|
require('preact/jsx-runtime');
|
|
8
8
|
require('preact/compat');
|
|
9
9
|
require('preact/hooks');
|
|
@@ -70,15 +70,32 @@ require('./EnvironmentProvider-42b2b998.js');
|
|
|
70
70
|
require('./LayerManager-fa20a462.js');
|
|
71
71
|
require('./UNSAFE_Icon/themes/IconStyle.css.js');
|
|
72
72
|
|
|
73
|
-
require('./
|
|
73
|
+
require('./InputDateMask-f15d926d.js');
|
|
74
|
+
require('./TabbableModeContext-e99d527e.js');
|
|
75
|
+
require('./useTranslationBundle-9da032d6.js');
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
|
|
79
|
+
require('./InlineUserAssistance-ad3fa8cc.js');
|
|
80
|
+
require('./Flex-fbba4ad6.js');
|
|
81
|
+
require('./boxalignment-5ef612ee.js');
|
|
82
|
+
|
|
83
|
+
require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
|
|
84
|
+
require('./dimensions-b48bf1ab.js');
|
|
85
|
+
require('./flexbox-2cae9a01.js');
|
|
86
|
+
|
|
87
|
+
require('./flexitem-fee13e26.js');
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
|
|
74
93
|
|
|
75
94
|
require('./IconButton-94f8ca5c.js');
|
|
76
95
|
require('./BaseButton-ff6f39f2.js');
|
|
77
96
|
require('./usePress-00deca01.js');
|
|
78
97
|
require('./useActive-b15c9e7e.js');
|
|
79
|
-
require('./TabbableModeContext-e99d527e.js');
|
|
80
98
|
require('./useTabbableMode-5c8fd9e5.js');
|
|
81
|
-
require('./dimensions-b48bf1ab.js');
|
|
82
99
|
require('./clientHints-9e411b6e.js');
|
|
83
100
|
require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
|
|
84
101
|
require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
|
|
@@ -98,25 +115,6 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css
|
|
|
98
115
|
|
|
99
116
|
require('./buttonUtils-252661e7.js');
|
|
100
117
|
require('./id-86356250.js');
|
|
101
|
-
require('./FormFieldContext-8418dc68.js');
|
|
102
|
-
require('./useTranslationBundle-9da032d6.js');
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
|
|
106
|
-
require('./InlineUserAssistance-ad3fa8cc.js');
|
|
107
|
-
require('./Flex-fbba4ad6.js');
|
|
108
|
-
require('./boxalignment-5ef612ee.js');
|
|
109
|
-
|
|
110
|
-
require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
|
|
111
|
-
require('./flexbox-2cae9a01.js');
|
|
112
|
-
|
|
113
|
-
require('./flexitem-fee13e26.js');
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
|
|
119
|
-
|
|
120
118
|
|
|
121
119
|
require('./MessageFormattingUtils-42d84399.js');
|
|
122
120
|
require('./getLocale-8e17dc46.js');
|
|
@@ -125,6 +123,7 @@ require('./TransitionGroup-b239d98f.js');
|
|
|
125
123
|
require('./MessagesContext-4e939750.js');
|
|
126
124
|
|
|
127
125
|
|
|
126
|
+
|
|
128
127
|
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
|
|
129
128
|
require('./ComponentMessageContainer-a9195577.js');
|
|
130
129
|
require('./MessagesManager-9cc43d3a.js');
|
|
@@ -136,6 +135,7 @@ require('./PRIVATE_Message/themes/MessageStyles.css.js');
|
|
|
136
135
|
require('./soundUtils-ff3c9c0d.js');
|
|
137
136
|
require('./useMessagesContext-23d62331.js');
|
|
138
137
|
require('./Transition-942950ed.js');
|
|
138
|
+
require('./HiddenAccessible-087eb49a.js');
|
|
139
139
|
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
|
|
140
140
|
require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
|
|
141
141
|
require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
|
|
@@ -144,11 +144,13 @@ require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
|
|
|
144
144
|
require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
|
|
145
145
|
require('./FormContext-9452bd30.js');
|
|
146
146
|
require('./useFormContext-4c3091dc.js');
|
|
147
|
+
require('./FormFieldContext-8418dc68.js');
|
|
147
148
|
require('./useFormFieldContext-20f419ef.js');
|
|
148
149
|
require('./InlineHelp-020ee2df.js');
|
|
149
150
|
require('./InlineHelpSource-7b793104.js');
|
|
150
151
|
require('./InputGroupContext-05f2a46f.js');
|
|
151
152
|
require('./useInputGroupContext-4c10bd57.js');
|
|
153
|
+
require('./CompactUserAssistance-f88519f9.js');
|
|
152
154
|
require('./Popup-881aae20.js');
|
|
153
155
|
require('./tabbableUtils-b49673af.js');
|
|
154
156
|
require('./head-68d0992f.js');
|
|
@@ -179,78 +181,23 @@ require('./UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js');
|
|
|
179
181
|
|
|
180
182
|
require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
|
|
181
183
|
|
|
184
|
+
require('./Separator-85962472.js');
|
|
182
185
|
require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
|
|
183
186
|
|
|
187
|
+
require('./CompactHelpSource-f4e9198b.js');
|
|
188
|
+
require('./Help-23015ba0.js');
|
|
189
|
+
require('./useFocusWithin-eb7f956a.js');
|
|
190
|
+
require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
|
|
191
|
+
require('./UNSAFE_Label/themes/LabelStyles.css.js');
|
|
184
192
|
|
|
193
|
+
require('./UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js');
|
|
185
194
|
|
|
186
195
|
require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
|
|
187
|
-
require('./
|
|
188
|
-
|
|
189
|
-
require('./Sheet-a6267b5f.js');
|
|
190
|
-
require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
|
|
191
|
-
|
|
192
|
-
require('./animationUtils-54852d03.js');
|
|
193
|
-
require('./UNSAFE_DatePicker/themes/DatePickerContract.css.js');
|
|
194
|
-
require('./DatePicker-3be1de5c.js');
|
|
195
|
-
require('./useFocusWithin-eb7f956a.js');
|
|
196
|
-
require('./calendarDateUtils-ca9bde6d.js');
|
|
196
|
+
require('./keyboardUtils-f835e1ee.js');
|
|
197
197
|
require('./getFormatParse-4a697b8f.js');
|
|
198
198
|
require('./types-55573a46.js');
|
|
199
|
-
require('./useBreakpointValues-77cb15bb.js');
|
|
200
|
-
require('./useBreakpoints-f5c06998.js');
|
|
201
|
-
require('./Button-b5af1b23.js');
|
|
202
|
-
require('./UNSAFE_DatePicker/themes/redwood/DatePickerTheme.js');
|
|
203
|
-
require('./UNSAFE_DatePicker/themes/DatePickerStyles.css.js');
|
|
204
|
-
require('./UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.css.js');
|
|
205
|
-
|
|
206
|
-
require('./DatePickerHeader-589e8b78.js');
|
|
207
|
-
require('./CaretDown-f123fd41.js');
|
|
208
|
-
require('./ChevronRight-3aa70117.js');
|
|
209
|
-
require('./ToggleButton-d54a249c.js');
|
|
210
|
-
require('./useToggleAction-e4f15550.js');
|
|
211
|
-
require('./toggleButtonUtils-0da9d88d.js');
|
|
212
|
-
require('./ToggleButtonLabel-821e9c09.js');
|
|
213
|
-
require('./View-011404a7.js');
|
|
214
|
-
require('./borders-4b8488cb.js');
|
|
215
|
-
require('./colors-ac3041c6.js');
|
|
216
|
-
require('./padding-b9ee87ac.js');
|
|
217
|
-
require('./aria-889aedd0.js');
|
|
218
|
-
require('./useDensity-6e80ddff.js');
|
|
219
|
-
require('./equals-098f7781.js');
|
|
220
199
|
require('./maskUtils-f03f9c47.js');
|
|
221
|
-
require('./
|
|
222
|
-
|
|
223
|
-
require('./MonthView-94676cd6.js');
|
|
224
|
-
require('./dayUtils-fd8310fc.js');
|
|
225
|
-
require('./supplementalData-cdc1a84a.js');
|
|
226
|
-
require('./StyledDatePickerButton-d6fb1f86.js');
|
|
227
|
-
require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
|
|
228
|
-
|
|
229
|
-
require('./useCellNavigation-24bff833.js');
|
|
230
|
-
require('./PRIVATE_MonthView/themes/DayCellStyles.css.js');
|
|
231
|
-
|
|
232
|
-
require('./Grid-03d487e5.js');
|
|
233
|
-
require('./grid-7c06084e.js');
|
|
234
|
-
|
|
235
|
-
require('./PRIVATE_MonthView/themes/redwood/MonthViewTheme.js');
|
|
236
|
-
require('./PRIVATE_MonthView/themes/MonthViewStyles.css.js');
|
|
237
|
-
|
|
238
|
-
require('./PRIVATE_MonthView/themes/MonthViewContract.css.js');
|
|
239
|
-
require('./YearsGridView-95c9ae3d.js');
|
|
240
|
-
require('./SectionedContent-0c0f96fb.js');
|
|
241
|
-
require('./Dropdown-820dc3fe.js');
|
|
242
|
-
require('./keyboardUtils-f835e1ee.js');
|
|
243
|
-
require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
|
|
244
|
-
|
|
245
|
-
require('./useOutsideMousedown-a8c09ad9.js');
|
|
246
|
-
require('./InputDateMask-f15d926d.js');
|
|
247
|
-
require('./CompactUserAssistance-f88519f9.js');
|
|
248
|
-
require('./Separator-85962472.js');
|
|
249
|
-
require('./CompactHelpSource-f4e9198b.js');
|
|
250
|
-
require('./Help-23015ba0.js');
|
|
251
|
-
require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
|
|
252
|
-
require('./UNSAFE_Label/themes/LabelStyles.css.js');
|
|
253
|
-
require('./UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js');
|
|
200
|
+
require('./calendarDateUtils-ca9bde6d.js');
|
|
254
201
|
require('./UNSAFE_InputDateMask/themes/SegmentStyles.css.js');
|
|
255
202
|
|
|
256
203
|
require('./LiveRegion-1315adeb.js');
|
|
@@ -321,6 +268,59 @@ require('./useFocusableTextField-c18d39c2.js');
|
|
|
321
268
|
require('./useTextField-3ce8f0d0.js');
|
|
322
269
|
require('./useMessageSeverity-cfc4ae9d.js');
|
|
323
270
|
require('./useFormFieldContextProps-8c04ed0f.js');
|
|
271
|
+
require('./UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css.js');
|
|
272
|
+
|
|
273
|
+
require('./Sheet-a6267b5f.js');
|
|
274
|
+
require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
|
|
275
|
+
|
|
276
|
+
require('./animationUtils-54852d03.js');
|
|
277
|
+
require('./UNSAFE_DatePicker/themes/DatePickerContract.css.js');
|
|
278
|
+
require('./DatePicker-3be1de5c.js');
|
|
279
|
+
require('./useBreakpointValues-77cb15bb.js');
|
|
280
|
+
require('./useBreakpoints-f5c06998.js');
|
|
281
|
+
require('./Button-b5af1b23.js');
|
|
282
|
+
require('./UNSAFE_DatePicker/themes/redwood/DatePickerTheme.js');
|
|
283
|
+
require('./UNSAFE_DatePicker/themes/DatePickerStyles.css.js');
|
|
284
|
+
require('./UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.css.js');
|
|
285
|
+
|
|
286
|
+
require('./DatePickerHeader-589e8b78.js');
|
|
287
|
+
require('./CaretDown-f123fd41.js');
|
|
288
|
+
require('./ChevronRight-3aa70117.js');
|
|
289
|
+
require('./ToggleButton-d54a249c.js');
|
|
290
|
+
require('./useToggleAction-e4f15550.js');
|
|
291
|
+
require('./toggleButtonUtils-0da9d88d.js');
|
|
292
|
+
require('./ToggleButtonLabel-821e9c09.js');
|
|
293
|
+
require('./View-011404a7.js');
|
|
294
|
+
require('./borders-4b8488cb.js');
|
|
295
|
+
require('./colors-ac3041c6.js');
|
|
296
|
+
require('./padding-b9ee87ac.js');
|
|
297
|
+
require('./aria-889aedd0.js');
|
|
298
|
+
require('./useDensity-6e80ddff.js');
|
|
299
|
+
require('./equals-098f7781.js');
|
|
300
|
+
require('./PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css.js');
|
|
301
|
+
|
|
302
|
+
require('./MonthView-94676cd6.js');
|
|
303
|
+
require('./dayUtils-fd8310fc.js');
|
|
304
|
+
require('./supplementalData-cdc1a84a.js');
|
|
305
|
+
require('./StyledDatePickerButton-d6fb1f86.js');
|
|
306
|
+
require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
|
|
307
|
+
|
|
308
|
+
require('./useCellNavigation-24bff833.js');
|
|
309
|
+
require('./PRIVATE_MonthView/themes/DayCellStyles.css.js');
|
|
310
|
+
|
|
311
|
+
require('./Grid-03d487e5.js');
|
|
312
|
+
require('./grid-7c06084e.js');
|
|
313
|
+
|
|
314
|
+
require('./PRIVATE_MonthView/themes/redwood/MonthViewTheme.js');
|
|
315
|
+
require('./PRIVATE_MonthView/themes/MonthViewStyles.css.js');
|
|
316
|
+
|
|
317
|
+
require('./PRIVATE_MonthView/themes/MonthViewContract.css.js');
|
|
318
|
+
require('./YearsGridView-95c9ae3d.js');
|
|
319
|
+
require('./SectionedContent-0c0f96fb.js');
|
|
320
|
+
require('./Dropdown-820dc3fe.js');
|
|
321
|
+
require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
|
|
322
|
+
|
|
323
|
+
require('./useOutsideMousedown-a8c09ad9.js');
|
|
324
324
|
|
|
325
325
|
|
|
326
326
|
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var NavigationList = require('./NavigationList-5218562e.js');
|
|
7
|
+
var NavigationListItem = require('./NavigationListItem-b80c41dc.js');
|
|
8
|
+
var RemovableNavigationListItem = require('./RemovableNavigationListItem-eb2c8156.js');
|
|
8
9
|
require('preact/jsx-runtime');
|
|
9
10
|
require('preact/hooks');
|
|
10
11
|
require('./mergeProps-e3da7237.js');
|
|
@@ -24,17 +25,7 @@ require('./Common/themes/redwood/theme.js');
|
|
|
24
25
|
require('./Common/themes/themeContract.css.js');
|
|
25
26
|
require('preact/compat');
|
|
26
27
|
require('./useTestId-8234ec1e.js');
|
|
27
|
-
require('./
|
|
28
|
-
|
|
29
|
-
require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
|
|
30
|
-
require('./BaseNavigationListItem-070d75bc.js');
|
|
31
|
-
require('./Text-aaacb6a0.js');
|
|
32
|
-
require('./mergeInterpolations-6727b536.js');
|
|
33
|
-
require('./mergeDeepWithKey-210b024d.js');
|
|
34
|
-
require('./_curry3-18677bca.js');
|
|
35
|
-
require('./_curry1-e8f0d7ea.js');
|
|
36
|
-
require('./_curry2-c15d89cd.js');
|
|
37
|
-
require('./_isObject-28636267.js');
|
|
28
|
+
require('./useNavigationListItem-74009187.js');
|
|
38
29
|
require('./usePress-00deca01.js');
|
|
39
30
|
require('./useInteractionStyle-442c6a12.js');
|
|
40
31
|
require('./useHover-910b8e32.js');
|
|
@@ -42,6 +33,12 @@ require('./useToggle-3ebba7d8.js');
|
|
|
42
33
|
require('./useActive-b15c9e7e.js');
|
|
43
34
|
require('./useComponentTheme-082fc8e4.js');
|
|
44
35
|
require('./logger-2b636482.js');
|
|
36
|
+
require('./mergeInterpolations-6727b536.js');
|
|
37
|
+
require('./mergeDeepWithKey-210b024d.js');
|
|
38
|
+
require('./_curry3-18677bca.js');
|
|
39
|
+
require('./_curry1-e8f0d7ea.js');
|
|
40
|
+
require('./_curry2-c15d89cd.js');
|
|
41
|
+
require('./_isObject-28636267.js');
|
|
45
42
|
require('./flexitem-fee13e26.js');
|
|
46
43
|
|
|
47
44
|
require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
|
|
@@ -52,6 +49,11 @@ require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.
|
|
|
52
49
|
|
|
53
50
|
require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
|
|
54
51
|
|
|
52
|
+
require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
|
|
53
|
+
require('./BaseNavigationListItem-175a3f35.js');
|
|
54
|
+
require('./Text-aaacb6a0.js');
|
|
55
|
+
require('./UNSAFE_Text/themes/TextStyles.css.js');
|
|
56
|
+
|
|
55
57
|
require('./Flex-fbba4ad6.js');
|
|
56
58
|
require('./boxalignment-5ef612ee.js');
|
|
57
59
|
require('./size-4e606ce4.js');
|
|
@@ -135,7 +137,7 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css
|
|
|
135
137
|
|
|
136
138
|
|
|
137
139
|
|
|
138
|
-
exports.NavigationList =
|
|
140
|
+
exports.NavigationList = NavigationList.NavigationList;
|
|
139
141
|
exports.NavigationListItem = NavigationListItem.NavigationListItem;
|
|
140
142
|
exports.RemovableNavigationListItem = RemovableNavigationListItem.RemovableNavigationListItem;
|
|
141
143
|
//# sourceMappingURL=UNSAFE_NavigationList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_NavigationList.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UNSAFE_NavigationList.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|