@oracle/oraclejet-preact 18.1.4 → 18.1.5
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/InputDatePicker-ecd4a7ce.js +2 -0
- package/amd/{InputDatePicker-cf7e7ea3.js.map → InputDatePicker-ecd4a7ce.js.map} +1 -1
- package/amd/Legend-6fa54628.js +2 -0
- package/amd/Legend-6fa54628.js.map +1 -0
- package/amd/LegendRendered-d8626509.js.map +1 -1
- package/amd/MaxLengthCounter-9a95922c.js +2 -0
- package/amd/MaxLengthCounter-9a95922c.js.map +1 -0
- package/amd/TextArea-f6b13c73.js +2 -0
- package/amd/TextArea-f6b13c73.js.map +1 -0
- package/amd/TextAreaAutosize-af350c32.js +2 -0
- package/amd/{TextAreaAutosize-b7e56051.js.map → TextAreaAutosize-af350c32.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +130 -130
- package/amd/Theme-stable/theme.css +254 -254
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/amd/UNSAFE_Legend.js +1 -1
- package/amd/UNSAFE_TextArea.js +1 -1
- package/amd/UNSAFE_TextAreaAutosize.js +1 -1
- package/cjs/CheckboxSetContext-c62db26d.js +12 -0
- package/{es/CheckboxSetContext-1be56556.js.map → cjs/CheckboxSetContext-c62db26d.js.map} +1 -1
- package/cjs/{InputDatePicker-6c8cbbf7.js → InputDatePicker-3dace90c.js} +2 -2
- package/cjs/{InputDatePicker-6c8cbbf7.js.map → InputDatePicker-3dace90c.js.map} +1 -1
- package/cjs/{Legend-743ebb76.js → Legend-7e72e911.js} +4 -4
- package/cjs/Legend-7e72e911.js.map +1 -0
- package/cjs/LegendRendered-c12152bc.js.map +1 -1
- package/cjs/MaxLengthCounter-9ab3f74b.js +27 -0
- package/cjs/MaxLengthCounter-9ab3f74b.js.map +1 -0
- package/cjs/{TextArea-f4a84aab.js → TextArea-a11875f3.js} +4 -22
- package/cjs/TextArea-a11875f3.js.map +1 -0
- package/cjs/{TextAreaAutosize-08ca17cf.js → TextAreaAutosize-5a8e8335.js} +3 -3
- package/cjs/{TextAreaAutosize-08ca17cf.js.map → TextAreaAutosize-5a8e8335.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +182 -182
- package/cjs/Theme-stable/theme.css +205 -205
- package/cjs/UNSAFE_CheckboxItem.js +30 -82
- 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 +90 -90
- package/cjs/UNSAFE_Legend.js +1 -1
- package/cjs/UNSAFE_RichCheckboxSet.js +26 -29
- package/cjs/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_RichSelectionItem.js +46 -184
- package/cjs/UNSAFE_RichSelectionItem.js.map +1 -1
- package/cjs/UNSAFE_TextArea.js +4 -3
- package/cjs/UNSAFE_TextArea.js.map +1 -1
- package/cjs/UNSAFE_TextAreaAutosize.js +3 -3
- package/es/CheckboxSet-28953b25.js +49 -0
- package/{cjs/CheckboxSet-abbf7a03.js.map → es/CheckboxSet-28953b25.js.map} +1 -1
- package/es/InputPassword-fa63ac17.js +1 -1
- package/es/{Legend-a60126aa.js → Legend-0e274097.js} +4 -4
- package/es/Legend-0e274097.js.map +1 -0
- package/es/LegendRendered-65a3684e.js.map +1 -1
- package/es/MaxLengthCounter-181b4fc9.js +25 -0
- package/es/MaxLengthCounter-181b4fc9.js.map +1 -0
- package/es/{NavigationListItem-07f041e6.js → NavigationListItem-37edc23b.js} +1 -14
- package/es/{NavigationListItem-07f041e6.js.map → NavigationListItem-37edc23b.js.map} +1 -1
- package/es/{OverflowTabBar-c920e944.js → OverflowTabBar-87b36877.js} +2 -2
- package/es/{OverflowTabBar-c920e944.js.map → OverflowTabBar-87b36877.js.map} +1 -1
- package/es/{OverflowTabBarItem-ccfa49a3.js → OverflowTabBarItem-a2684d2b.js} +2 -2
- package/es/{OverflowTabBarItem-ccfa49a3.js.map → OverflowTabBarItem-a2684d2b.js.map} +1 -1
- package/es/PRIVATE_RevealToggleIcon.js +2 -2
- package/es/{RevealToggleIcon-2f49fd19.js → RevealToggleIcon-35baaadf.js} +2 -2
- package/es/{RevealToggleIcon-2f49fd19.js.map → RevealToggleIcon-35baaadf.js.map} +1 -1
- package/es/SplitMenuButtonTheme.styles.css +4 -4
- package/es/SplitMenuButtonTheme.styles2.css +4 -4
- package/es/{TextArea-d7eb6b00.js → TextArea-2eb362ec.js} +8 -25
- package/es/TextArea-2eb362ec.js.map +1 -0
- package/es/{TextAreaAutosize-301eb2b7.js → TextAreaAutosize-35a923c3.js} +2 -2
- package/es/{TextAreaAutosize-301eb2b7.js.map → TextAreaAutosize-35a923c3.js.map} +1 -1
- package/es/Theme-redwood/theme.css +545 -545
- package/es/Theme-stable/theme.css +483 -483
- package/es/UNSAFE_ButtonLayout/tests/ButtonLayout.spec.js +1 -1
- package/es/UNSAFE_CheckboxItem.js +82 -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_InputPassword.js +1 -1
- package/es/UNSAFE_InputSensitiveText.js +1 -1
- package/es/UNSAFE_Legend.js +1 -1
- package/es/UNSAFE_NavigationList.js +4 -4
- package/es/UNSAFE_OverflowTabBar.js +3 -3
- package/es/UNSAFE_RichCheckboxSet.js +28 -25
- package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/es/UNSAFE_RichSelectionItem.js +182 -44
- package/es/UNSAFE_RichSelectionItem.js.map +1 -1
- package/es/UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css.js +1 -1
- package/es/UNSAFE_SplitMenuButton/themes/stable/SplitMenuButtonTheme.css.js +1 -1
- package/es/UNSAFE_SplitMenuButton.js +1 -1
- package/es/UNSAFE_TabBar.js +2 -2
- package/es/UNSAFE_TabBarCommon.js +2 -2
- package/es/UNSAFE_TabBarMixed.js +2 -2
- package/es/UNSAFE_TextArea.js +3 -2
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +3 -3
- package/es/UNSAFE_Toolbar/tests/Toolbar.spec.js +1 -1
- package/package.json +2 -2
- package/types/hooks/UNSAFE_useLegendPreferredSize/LegendRendered.d.ts +1 -1
- package/amd/InputDatePicker-cf7e7ea3.js +0 -2
- package/amd/Legend-76df298c.js +0 -2
- package/amd/Legend-76df298c.js.map +0 -1
- package/amd/TextArea-d69acd23.js +0 -2
- package/amd/TextArea-d69acd23.js.map +0 -1
- package/amd/TextAreaAutosize-b7e56051.js +0 -2
- package/cjs/CheckboxSet-abbf7a03.js +0 -53
- package/cjs/Legend-743ebb76.js.map +0 -1
- package/cjs/TextArea-f4a84aab.js.map +0 -1
- package/es/CheckboxSetContext-1be56556.js +0 -9
- package/es/Legend-a60126aa.js.map +0 -1
- package/es/TextArea-d7eb6b00.js.map +0 -1
|
@@ -169,7 +169,7 @@ import '../../UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
|
|
|
169
169
|
import '../../useMenuAction-1179e27b.js';
|
|
170
170
|
import '../../UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css.js';
|
|
171
171
|
import './../../SplitMenuButtonStyles.styles.css';
|
|
172
|
-
import './../../SplitMenuButtonTheme.
|
|
172
|
+
import './../../SplitMenuButtonTheme.styles.css';
|
|
173
173
|
|
|
174
174
|
describe('Test ButtonLayout component', () => {
|
|
175
175
|
it('Checks for ButtonLayout content', async () => {
|
|
@@ -5,33 +5,27 @@ import './FormContext-4d71f9c7.js';
|
|
|
5
5
|
import { u as useFormContext } from './useFormContext-875cacd7.js';
|
|
6
6
|
import './FormFieldContext-68eb5946.js';
|
|
7
7
|
import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
|
|
8
|
+
import { u as useCheckboxSetContext } from './CheckboxSet-28953b25.js';
|
|
8
9
|
import { C as CheckboxControl } from './CheckboxControl-a9d4d9d5.js';
|
|
9
|
-
import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
|
|
10
10
|
import 'preact';
|
|
11
11
|
import 'preact/compat';
|
|
12
|
-
import './
|
|
13
|
-
import './
|
|
14
|
-
import './HiddenAccessibleStyles.styles.css';
|
|
15
|
-
import './useComponentTheme-d2f9e47f.js';
|
|
16
|
-
import './logger-c92f309c.js';
|
|
17
|
-
import './useFocus-38c95977.js';
|
|
18
|
-
import './useToggle-8b7fcefe.js';
|
|
19
|
-
import './classNames-4e12b00d.js';
|
|
20
|
-
import './TabbableModeContext-7d8ad946.js';
|
|
21
|
-
import './useTabbableMode-a3a351d0.js';
|
|
12
|
+
import './useFormFieldContextProps-d07cd618.js';
|
|
13
|
+
import './CheckboxSetStyles.styles.css';
|
|
22
14
|
import './useId-03dbfdf0.js';
|
|
15
|
+
import './CheckboxRadioField-922ab9ff.js';
|
|
16
|
+
import './useCollectionFocusRing-de20f4fc.js';
|
|
17
|
+
import './collectionUtils-8a9d80a3.js';
|
|
18
|
+
import './keys-49c92dbb.js';
|
|
19
|
+
import './clientHints-f850225e.js';
|
|
23
20
|
import './useTranslationBundle-09302c20.js';
|
|
24
21
|
import './LayerHost-e6402730.js';
|
|
25
22
|
import './Common/themes/redwood/theme.js';
|
|
26
23
|
import './Common/themes/themeContract.css.js';
|
|
27
24
|
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
28
25
|
import './LayerHostStyles.styles.css';
|
|
29
|
-
import './UserAssistanceStyles.styles.css';
|
|
30
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
31
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
32
|
-
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
33
26
|
import './Flex-ce31b351.js';
|
|
34
27
|
import './useTestId-9b504481.js';
|
|
28
|
+
import './classNames-4e12b00d.js';
|
|
35
29
|
import './boxalignment-a90bc50d.js';
|
|
36
30
|
import './size-18139a3a.js';
|
|
37
31
|
import './utils-a4102e03.js';
|
|
@@ -51,6 +45,14 @@ import './_curry3-0b4222d7.js';
|
|
|
51
45
|
import './_curry2-34316bcf.js';
|
|
52
46
|
import './_isObject-1fab0f5b.js';
|
|
53
47
|
import './FlexStyles.styles.css';
|
|
48
|
+
import './Label-56ca049f.js';
|
|
49
|
+
import './useComponentTheme-d2f9e47f.js';
|
|
50
|
+
import './logger-c92f309c.js';
|
|
51
|
+
import './TabbableModeContext-7d8ad946.js';
|
|
52
|
+
import './UserAssistanceStyles.styles.css';
|
|
53
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
54
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
55
|
+
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
54
56
|
import './MessageBannerStyles.styles.css';
|
|
55
57
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
|
|
56
58
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
|
|
@@ -92,8 +94,9 @@ import './BaseButton-a0534b4d.js';
|
|
|
92
94
|
import './usePress-051f5adb.js';
|
|
93
95
|
import './usePressClick-2ec8e098.js';
|
|
94
96
|
import './useHover-19340c22.js';
|
|
97
|
+
import './useToggle-8b7fcefe.js';
|
|
95
98
|
import './useActive-fb6d4d52.js';
|
|
96
|
-
import './
|
|
99
|
+
import './useTabbableMode-a3a351d0.js';
|
|
97
100
|
import './mergeProps-88ea8306.js';
|
|
98
101
|
import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
|
|
99
102
|
import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
|
|
@@ -113,6 +116,7 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.sty
|
|
|
113
116
|
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
|
|
114
117
|
import './ButtonLabelLayoutVariants.styles.css';
|
|
115
118
|
import './useTooltip-89ca3f3e.js';
|
|
119
|
+
import './useFocus-38c95977.js';
|
|
116
120
|
import './useTouch-4828df25.js';
|
|
117
121
|
import './useAnimation-a5eb7604.js';
|
|
118
122
|
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
|
|
@@ -126,6 +130,7 @@ import './getLocale-1c41e86a.js';
|
|
|
126
130
|
import './stringUtils-16f617bc.js';
|
|
127
131
|
import './TransitionGroup-5fd80dc9.js';
|
|
128
132
|
import './MessagesContext-76544845.js';
|
|
133
|
+
import './HiddenAccessibleStyles.styles.css';
|
|
129
134
|
import './ComponentMessageStyles.styles.css';
|
|
130
135
|
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
|
|
131
136
|
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
|
|
@@ -163,19 +168,75 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
|
|
|
163
168
|
import './PopupStyles.styles.css';
|
|
164
169
|
import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
|
|
165
170
|
import './SeparatorStyles.styles.css';
|
|
171
|
+
import './CompactLabelAssistance-fd3fb481.js';
|
|
172
|
+
import './CompactHelpSource-c3044924.js';
|
|
173
|
+
import './Help-ccf80cd6.js';
|
|
174
|
+
import './Icon-030b6dd4.js';
|
|
175
|
+
import './UNSAFE_Icon/themes/IconStyle.css.js';
|
|
166
176
|
import './useFocusWithin-30b1e2d8.js';
|
|
177
|
+
import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
|
|
178
|
+
import './UNSAFE_Label/themes/redwood/LabelTheme.js';
|
|
179
|
+
import './UNSAFE_Label/themes/LabelStyles.css.js';
|
|
167
180
|
import './LabelStyles.styles.css';
|
|
181
|
+
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
|
|
168
182
|
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
|
|
169
183
|
import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
|
|
170
|
-
import './
|
|
171
|
-
import './
|
|
172
|
-
import './
|
|
173
|
-
import './
|
|
184
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
|
|
185
|
+
import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
|
|
186
|
+
import './SkeletonStyles.styles.css';
|
|
187
|
+
import './TextFieldLoadingStyles.styles.css';
|
|
188
|
+
import './TextFieldStyles.styles.css';
|
|
189
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
|
|
190
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
|
|
191
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
|
|
192
|
+
import './TextFieldVariants.styles.css';
|
|
174
193
|
import './InlineHelp-da344cfa.js';
|
|
175
194
|
import './InlineHelpSource-5ed4bb7d.js';
|
|
176
195
|
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
|
|
177
|
-
import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
|
|
178
196
|
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
|
|
197
|
+
import './InlineUserAssistance-2677a1eb.js';
|
|
198
|
+
import './ComponentMessageContainer-6c106a09.js';
|
|
199
|
+
import './MessagesManager-91ade5dc.js';
|
|
200
|
+
import './SuccessS-a7dda885.js';
|
|
201
|
+
import './ErrorS-6a705f7c.js';
|
|
202
|
+
import './InformationS-820fef0c.js';
|
|
203
|
+
import './WarningS-59b6c304.js';
|
|
204
|
+
import './PRIVATE_Message/themes/MessageStyles.css.js';
|
|
205
|
+
import './soundUtils-88264cb5.js';
|
|
206
|
+
import './useMessagesContext-9e1dbe91.js';
|
|
207
|
+
import './Transition-f9501682.js';
|
|
208
|
+
import './HiddenAccessible-61197e7c.js';
|
|
209
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
|
|
210
|
+
import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
|
|
211
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
|
|
212
|
+
import './useInputGroupContext-1d19411e.js';
|
|
213
|
+
import './CheckboxRadioFieldStyles.css-cf673ef0.js';
|
|
214
|
+
import './useMessageSeverity-65295e8f.js';
|
|
215
|
+
import './CheckboxRadioFieldStyles.styles.css';
|
|
216
|
+
import './CheckboxRadioContext-fe425383.js';
|
|
217
|
+
import './LayoutStyles.css-8a60c28c.js';
|
|
218
|
+
import './LayoutStyles.styles.css';
|
|
219
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
|
|
220
|
+
import './UNSAFE_RadioItem/themes/RadioStyles.css.js';
|
|
221
|
+
import './RadioStyles.styles.css';
|
|
222
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js';
|
|
223
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css';
|
|
224
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js';
|
|
225
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
|
|
226
|
+
import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
|
|
227
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
|
|
228
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
|
|
229
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
|
|
230
|
+
import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
|
|
231
|
+
import './CheckboxStyles.styles.css';
|
|
232
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
|
|
233
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
|
|
234
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
|
|
235
|
+
import './CheckboxVariants.styles.css';
|
|
236
|
+
import './StyledLabelValueLayout-d4881d3b.js';
|
|
237
|
+
import './LabelValueLayoutStyles.styles.css';
|
|
238
|
+
import './CheckboxRadioLabelValueLayoutStyles.styles.css';
|
|
239
|
+
import './IconUserAssistance-92be9618.js';
|
|
179
240
|
import './StyledCheckbox-4451bc4a.js';
|
|
180
241
|
import './Check-95f3d617.js';
|
|
181
242
|
import './CheckboxOff-60929345.js';
|
|
@@ -192,15 +253,6 @@ import './CheckboxIconVariants.styles.css';
|
|
|
192
253
|
import './StyledCheckbox.styles.css';
|
|
193
254
|
import './CollectionInteractionContext-7cf19abc.js';
|
|
194
255
|
import './useCollectionInteractionContext-3895c632.js';
|
|
195
|
-
import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
|
|
196
|
-
import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
|
|
197
|
-
import './CheckboxStyles.styles.css';
|
|
198
|
-
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
|
|
199
|
-
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
|
|
200
|
-
import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
|
|
201
|
-
import './CheckboxVariants.styles.css';
|
|
202
|
-
import './LayoutStyles.css-8a60c28c.js';
|
|
203
|
-
import './LayoutStyles.styles.css';
|
|
204
256
|
|
|
205
257
|
/**
|
|
206
258
|
* CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.
|
|
@@ -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":["_jsx"],"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":["_jsx"],"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,GAAG,cAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,qBAAqB,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,GAAG,WAAW,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,QACEA,GAAC,CAAA,eAAe,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;;;;"}
|
package/es/UNSAFE_CheckboxSet.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
export { C as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
|
|
2
|
+
export { C as CheckboxSet, a as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSet-28953b25.js';
|
|
3
|
+
import 'preact/jsx-runtime';
|
|
4
|
+
import 'preact';
|
|
5
|
+
import 'preact/hooks';
|
|
6
|
+
import 'preact/compat';
|
|
8
7
|
import './FormContext-4d71f9c7.js';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
8
|
+
import './useFormContext-875cacd7.js';
|
|
9
|
+
import './FormFieldContext-68eb5946.js';
|
|
10
|
+
import './useFormFieldContextProps-d07cd618.js';
|
|
12
11
|
import './CheckboxSetStyles.styles.css';
|
|
13
|
-
import
|
|
14
|
-
import
|
|
12
|
+
import './useId-03dbfdf0.js';
|
|
13
|
+
import './CheckboxRadioField-922ab9ff.js';
|
|
15
14
|
import './useCollectionFocusRing-de20f4fc.js';
|
|
16
15
|
import './collectionUtils-8a9d80a3.js';
|
|
17
16
|
import './keys-49c92dbb.js';
|
|
@@ -236,37 +235,4 @@ import './CheckboxVariants.styles.css';
|
|
|
236
235
|
import './StyledLabelValueLayout-d4881d3b.js';
|
|
237
236
|
import './LabelValueLayoutStyles.styles.css';
|
|
238
237
|
import './CheckboxRadioLabelValueLayoutStyles.styles.css';
|
|
239
|
-
|
|
240
|
-
var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* A CheckboxSet allows the user to select one or more options from a set.
|
|
244
|
-
*/
|
|
245
|
-
const CheckboxSet = 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) => {
|
|
246
|
-
const hasValue = value !== undefined ? value.size > 0 : false;
|
|
247
|
-
const baseId = useId();
|
|
248
|
-
const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
|
|
249
|
-
// default to FormContext values if component properties are not specified
|
|
250
|
-
const isDisabled = propIsDisabled ?? isFormDisabled;
|
|
251
|
-
const isReadonly = propIsReadonly ?? isFormReadonly;
|
|
252
|
-
const labelEdge = propLabelEdge ?? formLabelEdge;
|
|
253
|
-
const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
|
|
254
|
-
const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
|
|
255
|
-
const formFieldContext = useFormFieldContextProps({
|
|
256
|
-
hasValue,
|
|
257
|
-
isDisabled,
|
|
258
|
-
isReadonly
|
|
259
|
-
});
|
|
260
|
-
const checkboxSetContext = useMemo(() => ({
|
|
261
|
-
name: baseId,
|
|
262
|
-
value,
|
|
263
|
-
onCommit
|
|
264
|
-
}), [baseId, onCommit, value]);
|
|
265
|
-
// wrap each CheckboxItem in an <li> tag and the entire set with <ul>
|
|
266
|
-
const childrenArray = toChildArray(children).filter(Boolean);
|
|
267
|
-
const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
|
|
268
|
-
return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(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: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
|
|
269
|
-
});
|
|
270
|
-
|
|
271
|
-
export { CheckboxSet };
|
|
272
238
|
//# sourceMappingURL=UNSAFE_CheckboxSet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[
|
|
1
|
+
{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -255,7 +255,7 @@ import './ClearIcon-29781882.js';
|
|
|
255
255
|
import './DeleteCircleS-bef046a9.js';
|
|
256
256
|
import './useCurrentValueReducer-bdf796fa.js';
|
|
257
257
|
import './useSelectableTextField-949184a5.js';
|
|
258
|
-
import './RevealToggleIcon-
|
|
258
|
+
import './RevealToggleIcon-35baaadf.js';
|
|
259
259
|
import './ViewHide-7c714914.js';
|
|
260
260
|
import './View-a9964e25.js';
|
|
261
261
|
import './IconSwitchButton-5db4ae26.js';
|
|
@@ -48,7 +48,7 @@ import { C as ClearIcon } from './ClearIcon-29781882.js';
|
|
|
48
48
|
import { u as useCurrentValueReducer } from './useCurrentValueReducer-bdf796fa.js';
|
|
49
49
|
import { g as getClientHints } from './clientHints-f850225e.js';
|
|
50
50
|
import { u as useSelectableTextField } from './useSelectableTextField-949184a5.js';
|
|
51
|
-
import { R as RevealToggleIcon } from './RevealToggleIcon-
|
|
51
|
+
import { R as RevealToggleIcon } from './RevealToggleIcon-35baaadf.js';
|
|
52
52
|
import './useFocusWithin-30b1e2d8.js';
|
|
53
53
|
import './useMessageSeverity-65295e8f.js';
|
|
54
54
|
import './stringUtils-16f617bc.js';
|
package/es/UNSAFE_Legend.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
export { N as NavigationList, a as NavigationListItem } from './NavigationListItem-
|
|
2
|
+
export { N as NavigationList, a as NavigationListItem } from './NavigationListItem-37edc23b.js';
|
|
3
3
|
export { R as RemovableNavigationListItem } from './RemovableNavigationListItem-517d59b0.js';
|
|
4
4
|
import 'preact/jsx-runtime';
|
|
5
5
|
import 'preact/hooks';
|
|
@@ -22,9 +22,6 @@ import 'preact/compat';
|
|
|
22
22
|
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
23
23
|
import './LayerHostStyles.styles.css';
|
|
24
24
|
import './useTestId-9b504481.js';
|
|
25
|
-
import './UNSAFE_Text/themes/TextStyles.css.js';
|
|
26
|
-
import './TextStyles.styles.css';
|
|
27
|
-
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
28
25
|
import './BaseNavigationListItem-af84a9ee.js';
|
|
29
26
|
import './Text-f8d4ff78.js';
|
|
30
27
|
import './mergeInterpolations-e2db2a66.js';
|
|
@@ -33,6 +30,9 @@ import './_curry3-0b4222d7.js';
|
|
|
33
30
|
import './_curry1-25297e59.js';
|
|
34
31
|
import './_curry2-34316bcf.js';
|
|
35
32
|
import './_isObject-1fab0f5b.js';
|
|
33
|
+
import './UNSAFE_Text/themes/TextStyles.css.js';
|
|
34
|
+
import './TextStyles.styles.css';
|
|
35
|
+
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
36
36
|
import './usePress-051f5adb.js';
|
|
37
37
|
import './useInteractionStyle-52222fdd.js';
|
|
38
38
|
import './useHover-19340c22.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
export { O as OverflowTabBar } from './OverflowTabBar-
|
|
2
|
+
export { O as OverflowTabBar } from './OverflowTabBar-87b36877.js';
|
|
3
3
|
import 'preact/jsx-runtime';
|
|
4
4
|
import 'preact';
|
|
5
5
|
import 'preact/hooks';
|
|
@@ -206,9 +206,9 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
|
|
|
206
206
|
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
|
|
207
207
|
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
|
|
208
208
|
import './ButtonLabelLayoutVariants.styles.css';
|
|
209
|
-
import './OverflowTabBarItem-
|
|
209
|
+
import './OverflowTabBarItem-a2684d2b.js';
|
|
210
210
|
import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
|
|
211
|
-
import './NavigationListItem-
|
|
211
|
+
import './NavigationListItem-37edc23b.js';
|
|
212
212
|
import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
|
|
213
213
|
import './NavigationListStyles.styles.css';
|
|
214
214
|
import './BaseNavigationListItem-af84a9ee.js';
|
|
@@ -2,14 +2,16 @@
|
|
|
2
2
|
import { jsx } from 'preact/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'preact/hooks';
|
|
4
4
|
import { forwardRef } from 'preact/compat';
|
|
5
|
+
import { a as CheckboxSetContext } from './CheckboxSet-28953b25.js';
|
|
5
6
|
import { u as useId } from './useId-03dbfdf0.js';
|
|
6
|
-
import { C as CheckboxSetContext } from './CheckboxSetContext-1be56556.js';
|
|
7
7
|
import { B as BaseRichSelection } from './BaseRichSelection-9f2f2b59.js';
|
|
8
8
|
import 'preact';
|
|
9
9
|
import './FormContext-4d71f9c7.js';
|
|
10
10
|
import './useFormContext-875cacd7.js';
|
|
11
11
|
import './FormFieldContext-68eb5946.js';
|
|
12
12
|
import './useFormFieldContextProps-d07cd618.js';
|
|
13
|
+
import './CheckboxSetStyles.styles.css';
|
|
14
|
+
import './CheckboxRadioField-922ab9ff.js';
|
|
13
15
|
import './useCollectionFocusRing-de20f4fc.js';
|
|
14
16
|
import './collectionUtils-8a9d80a3.js';
|
|
15
17
|
import './keys-49c92dbb.js';
|
|
@@ -20,18 +22,9 @@ import './Common/themes/redwood/theme.js';
|
|
|
20
22
|
import './Common/themes/themeContract.css.js';
|
|
21
23
|
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
22
24
|
import './LayerHostStyles.styles.css';
|
|
23
|
-
import './Label-56ca049f.js';
|
|
24
|
-
import './useFormFieldContext-626574fd.js';
|
|
25
|
-
import './classNames-4e12b00d.js';
|
|
26
|
-
import './useComponentTheme-d2f9e47f.js';
|
|
27
|
-
import './logger-c92f309c.js';
|
|
28
|
-
import './TabbableModeContext-7d8ad946.js';
|
|
29
|
-
import './UserAssistanceStyles.styles.css';
|
|
30
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
31
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
32
|
-
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
33
25
|
import './Flex-ce31b351.js';
|
|
34
26
|
import './useTestId-9b504481.js';
|
|
27
|
+
import './classNames-4e12b00d.js';
|
|
35
28
|
import './boxalignment-a90bc50d.js';
|
|
36
29
|
import './size-18139a3a.js';
|
|
37
30
|
import './utils-a4102e03.js';
|
|
@@ -51,6 +44,15 @@ import './_curry3-0b4222d7.js';
|
|
|
51
44
|
import './_curry2-34316bcf.js';
|
|
52
45
|
import './_isObject-1fab0f5b.js';
|
|
53
46
|
import './FlexStyles.styles.css';
|
|
47
|
+
import './Label-56ca049f.js';
|
|
48
|
+
import './useFormFieldContext-626574fd.js';
|
|
49
|
+
import './useComponentTheme-d2f9e47f.js';
|
|
50
|
+
import './logger-c92f309c.js';
|
|
51
|
+
import './TabbableModeContext-7d8ad946.js';
|
|
52
|
+
import './UserAssistanceStyles.styles.css';
|
|
53
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
54
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
55
|
+
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
54
56
|
import './MessageBannerStyles.styles.css';
|
|
55
57
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
|
|
56
58
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
|
|
@@ -214,20 +216,6 @@ import './CheckboxRadioFieldStyles.styles.css';
|
|
|
214
216
|
import './CheckboxRadioContext-fe425383.js';
|
|
215
217
|
import './LayoutStyles.css-8a60c28c.js';
|
|
216
218
|
import './LayoutStyles.styles.css';
|
|
217
|
-
import './Grid-421eb560.js';
|
|
218
|
-
import './grid-65aa641c.js';
|
|
219
|
-
import './GridStyles.styles.css';
|
|
220
|
-
import './useContainerBreakpoints-2c61e063.js';
|
|
221
|
-
import './useBreakpoints-13aa87e6.js';
|
|
222
|
-
import './RichSelectionStartContext-3fc472e0.js';
|
|
223
|
-
import './View-afe98b65.js';
|
|
224
|
-
import './borders-98a63040.js';
|
|
225
|
-
import './colors-170180bf.js';
|
|
226
|
-
import './padding-28c96aec.js';
|
|
227
|
-
import './aria-efa0582c.js';
|
|
228
|
-
import './equals-160da165.js';
|
|
229
|
-
import './StyledLabelValueLayout-d4881d3b.js';
|
|
230
|
-
import './LabelValueLayoutStyles.styles.css';
|
|
231
219
|
import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
|
|
232
220
|
import './UNSAFE_RadioItem/themes/RadioStyles.css.js';
|
|
233
221
|
import './RadioStyles.styles.css';
|
|
@@ -245,6 +233,21 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
|
|
|
245
233
|
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
|
|
246
234
|
import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
|
|
247
235
|
import './CheckboxVariants.styles.css';
|
|
236
|
+
import './StyledLabelValueLayout-d4881d3b.js';
|
|
237
|
+
import './LabelValueLayoutStyles.styles.css';
|
|
238
|
+
import './CheckboxRadioLabelValueLayoutStyles.styles.css';
|
|
239
|
+
import './Grid-421eb560.js';
|
|
240
|
+
import './grid-65aa641c.js';
|
|
241
|
+
import './GridStyles.styles.css';
|
|
242
|
+
import './useContainerBreakpoints-2c61e063.js';
|
|
243
|
+
import './useBreakpoints-13aa87e6.js';
|
|
244
|
+
import './RichSelectionStartContext-3fc472e0.js';
|
|
245
|
+
import './View-afe98b65.js';
|
|
246
|
+
import './borders-98a63040.js';
|
|
247
|
+
import './colors-170180bf.js';
|
|
248
|
+
import './padding-28c96aec.js';
|
|
249
|
+
import './aria-efa0582c.js';
|
|
250
|
+
import './equals-160da165.js';
|
|
248
251
|
import './RichLabelValueLayoutStyles.styles.css';
|
|
249
252
|
|
|
250
253
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_RichCheckboxSet.js","sources":["../../src/UNSAFE_RichCheckboxSet/RichCheckboxSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { CheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n Pick<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 RichSelectionItems\n */\n children: ComponentChildren;\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies if the set is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies if the set is read-only.\n */\n isReadonly?: boolean;\n /**\n * Specifies whether the set requires a selection to be made.\n */\n isRequired?: boolean;\n /**\n * Label text for the set.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'none' | 'top' | 'inside' | 'start';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n */\n labelStartWidth?: Size;\n /**\n * Specifies the layout of the cards and media\n */\n layout: 'xl' | 'md' | 'sm';\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 checkbox option.\n */\n value?: Set<string | number>;\n };\n\n/**\n * A rich checkbox set allows the user to select options from a set of options.\n */\nexport const RichCheckboxSet = forwardRef(\n ({ children, onCommit, value, ...otherProps }: Props, ref?: Ref<FocusableHandle>) => {\n const baseId = useId();\n\n const checkboxSetContext = useMemo(\n () => ({\n name: baseId,\n value,\n onCommit\n }),\n [baseId, onCommit, value]\n );\n\n return (\n <CheckboxSetContext.Provider value={checkboxSetContext}>\n <BaseRichSelection\n {...otherProps}\n baseId={baseId}\n ref={ref}\n selection=\"multiple\"\n value={value}>\n {children}\n </BaseRichSelection>\n </CheckboxSetContext.Provider>\n );\n }\n);\n"],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"UNSAFE_RichCheckboxSet.js","sources":["../../src/UNSAFE_RichCheckboxSet/RichCheckboxSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { CheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n Pick<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 RichSelectionItems\n */\n children: ComponentChildren;\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies if the set is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies if the set is read-only.\n */\n isReadonly?: boolean;\n /**\n * Specifies whether the set requires a selection to be made.\n */\n isRequired?: boolean;\n /**\n * Label text for the set.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'none' | 'top' | 'inside' | 'start';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n */\n labelStartWidth?: Size;\n /**\n * Specifies the layout of the cards and media\n */\n layout: 'xl' | 'md' | 'sm';\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 checkbox option.\n */\n value?: Set<string | number>;\n };\n\n/**\n * A rich checkbox set allows the user to select options from a set of options.\n */\nexport const RichCheckboxSet = forwardRef(\n ({ children, onCommit, value, ...otherProps }: Props, ref?: Ref<FocusableHandle>) => {\n const baseId = useId();\n\n const checkboxSetContext = useMemo(\n () => ({\n name: baseId,\n value,\n onCommit\n }),\n [baseId, onCommit, value]\n );\n\n return (\n <CheckboxSetContext.Provider value={checkboxSetContext}>\n <BaseRichSelection\n {...otherProps}\n baseId={baseId}\n ref={ref}\n selection=\"multiple\"\n value={value}>\n {children}\n </BaseRichSelection>\n </CheckboxSetContext.Provider>\n );\n }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA;;AAEG;MACU,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAS,EAAE,GAA0B,KAAI;AAClF,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;AAEvB,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,kBAAkB,YACpDA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,UAAU,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EACX,QAAA,EAAA,QAAQ,EACS,CAAA,EAAA,CACQ,EAC9B;AACJ,CAAC;;;;"}
|