@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
|
@@ -4,6 +4,7 @@ import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
|
|
|
4
4
|
import './FormFieldContext-68eb5946.js';
|
|
5
5
|
import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
|
|
6
6
|
import { u as useRichSelectionContext, b as useRichSelectionStartContext } from './RichSelectionStartContext-3fc472e0.js';
|
|
7
|
+
import { u as useCheckboxSetContext } from './CheckboxSet-28953b25.js';
|
|
7
8
|
import { u as useRadioSetContext, a as useRadioItemContext } from './RadioItemContext-fe419b75.js';
|
|
8
9
|
import { T as TruncatingText } from './TruncatingText-fd66e0e0.js';
|
|
9
10
|
import { c as classNames } from './classNames-4e12b00d.js';
|
|
@@ -30,49 +31,36 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
|
|
|
30
31
|
import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.js';
|
|
31
32
|
import { radioDisabledColor, radioDefaultColor } from './UNSAFE_RadioItem/themes/RadioStyles.css.js';
|
|
32
33
|
import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
|
|
33
|
-
import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
|
|
34
34
|
import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
|
|
35
35
|
import { S as StyledCard } from './StyledCard-362bd74b.js';
|
|
36
36
|
import 'preact';
|
|
37
|
-
import '
|
|
38
|
-
import './
|
|
39
|
-
import './
|
|
40
|
-
import './
|
|
41
|
-
import './
|
|
42
|
-
import './
|
|
43
|
-
import './
|
|
44
|
-
import './
|
|
45
|
-
import './
|
|
46
|
-
import './useFocus-38c95977.js';
|
|
47
|
-
import './useTouch-4828df25.js';
|
|
48
|
-
import './mergeProps-88ea8306.js';
|
|
49
|
-
import './useAnimation-a5eb7604.js';
|
|
50
|
-
import './useThemeInterpolations-8dd8029f.js';
|
|
51
|
-
import './useColorScheme-c4e237ad.js';
|
|
37
|
+
import 'preact/compat';
|
|
38
|
+
import './useFormFieldContextProps-d07cd618.js';
|
|
39
|
+
import './CheckboxSetStyles.styles.css';
|
|
40
|
+
import './CheckboxRadioField-922ab9ff.js';
|
|
41
|
+
import './useCollectionFocusRing-de20f4fc.js';
|
|
42
|
+
import './collectionUtils-8a9d80a3.js';
|
|
43
|
+
import './keys-49c92dbb.js';
|
|
44
|
+
import './clientHints-f850225e.js';
|
|
45
|
+
import './useTranslationBundle-09302c20.js';
|
|
52
46
|
import './LayerHost-e6402730.js';
|
|
53
47
|
import './Common/themes/redwood/theme.js';
|
|
54
48
|
import './Common/themes/themeContract.css.js';
|
|
55
|
-
import 'preact/compat';
|
|
56
49
|
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
57
50
|
import './LayerHostStyles.styles.css';
|
|
58
|
-
import './
|
|
59
|
-
import './
|
|
60
|
-
import './
|
|
61
|
-
import './
|
|
62
|
-
import './
|
|
63
|
-
import './
|
|
64
|
-
import './
|
|
65
|
-
import './
|
|
66
|
-
import './
|
|
67
|
-
import './useDensity-c17603b2.js';
|
|
68
|
-
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
|
|
69
|
-
import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
|
|
51
|
+
import './Label-56ca049f.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';
|
|
56
|
+
import './MessageBannerStyles.styles.css';
|
|
57
|
+
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
|
|
58
|
+
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
|
|
59
|
+
import './MessageBannerVariants.styles.css';
|
|
70
60
|
import './TooltipContentStyles.styles.css';
|
|
71
|
-
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
|
|
72
61
|
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
|
|
73
62
|
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
|
|
74
63
|
import './TooltipContentVariants.styles.css';
|
|
75
|
-
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
76
64
|
import './tooltipUtils-768450a7.js';
|
|
77
65
|
import './EnvironmentProvider-bada8909.js';
|
|
78
66
|
import './LayerManager-fa745cec.js';
|
|
@@ -86,6 +74,18 @@ import './arrayUtils-35a58161.js';
|
|
|
86
74
|
import './Layer-446bf21e.js';
|
|
87
75
|
import './UNSAFE_Layer/themes/LayerStyles.css.js';
|
|
88
76
|
import './LayerStyles.styles.css';
|
|
77
|
+
import './useThemeInterpolations-8dd8029f.js';
|
|
78
|
+
import './useColorScheme-c4e237ad.js';
|
|
79
|
+
import './useScale-83881775.js';
|
|
80
|
+
import './theme-63551f30.js';
|
|
81
|
+
import './Theme-e6dec6db.js';
|
|
82
|
+
import './mergeInterpolations-e2db2a66.js';
|
|
83
|
+
import './mergeDeepWithKey-08531060.js';
|
|
84
|
+
import './_curry3-0b4222d7.js';
|
|
85
|
+
import './_curry1-25297e59.js';
|
|
86
|
+
import './_curry2-34316bcf.js';
|
|
87
|
+
import './_isObject-1fab0f5b.js';
|
|
88
|
+
import './useDensity-c17603b2.js';
|
|
89
89
|
import './useModal-953082f2.js';
|
|
90
90
|
import './utils-a4102e03.js';
|
|
91
91
|
import './colorUtils-16eb823f.js';
|
|
@@ -97,14 +97,161 @@ import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
|
|
|
97
97
|
import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
|
|
98
98
|
import './vanilla-extract-dynamic.esm-2955d60a.js';
|
|
99
99
|
import './UNSAFE_Floating/themes/FloatingContract.css.js';
|
|
100
|
-
import './
|
|
100
|
+
import './IconStyle.styles.css';
|
|
101
|
+
import './IconButton-f3f7af21.js';
|
|
102
|
+
import './BaseButton-a0534b4d.js';
|
|
103
|
+
import './usePressClick-2ec8e098.js';
|
|
104
|
+
import './useHover-19340c22.js';
|
|
105
|
+
import './useToggle-8b7fcefe.js';
|
|
106
|
+
import './useActive-fb6d4d52.js';
|
|
107
|
+
import './dimensions-d4159ace.js';
|
|
108
|
+
import './size-18139a3a.js';
|
|
109
|
+
import './mergeProps-88ea8306.js';
|
|
110
|
+
import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
|
|
111
|
+
import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
|
|
112
|
+
import './BaseButtonStyles.styles.css';
|
|
113
|
+
import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
|
|
114
|
+
import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
|
|
115
|
+
import './ButtonLabelLayout-e9f8cbc0.js';
|
|
116
|
+
import './Text-f8d4ff78.js';
|
|
101
117
|
import './UNSAFE_Text/themes/TextStyles.css.js';
|
|
102
118
|
import './TextStyles.styles.css';
|
|
103
|
-
import './
|
|
119
|
+
import './useButtonLabelLayoutTheme-a1b95a52.js';
|
|
120
|
+
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
|
|
121
|
+
import './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js';
|
|
122
|
+
import './ButtonLabelLayoutStyles.styles.css';
|
|
123
|
+
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js';
|
|
124
|
+
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
|
|
125
|
+
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
|
|
126
|
+
import './ButtonLabelLayoutVariants.styles.css';
|
|
127
|
+
import './useTooltip-89ca3f3e.js';
|
|
128
|
+
import './useFocus-38c95977.js';
|
|
129
|
+
import './useTouch-4828df25.js';
|
|
130
|
+
import './useAnimation-a5eb7604.js';
|
|
131
|
+
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
|
|
132
|
+
import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
|
|
133
|
+
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
|
|
134
|
+
import './logger-c92f309c.js';
|
|
135
|
+
import './buttonUtils-be059939.js';
|
|
136
|
+
import './id-83adac50.js';
|
|
137
|
+
import './MessageStyles.styles.css';
|
|
138
|
+
import './MessageFormattingUtils-34c9b1aa.js';
|
|
139
|
+
import './getLocale-1c41e86a.js';
|
|
140
|
+
import './stringUtils-16f617bc.js';
|
|
141
|
+
import './TransitionGroup-5fd80dc9.js';
|
|
142
|
+
import './MessagesContext-76544845.js';
|
|
143
|
+
import './HiddenAccessibleStyles.styles.css';
|
|
144
|
+
import './ComponentMessageStyles.styles.css';
|
|
145
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
|
|
146
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
|
|
147
|
+
import './InputGroupContext-20bdbd6e.js';
|
|
148
|
+
import './Popup-d8bf7f4d.js';
|
|
149
|
+
import './tabbableUtils-6ceb767f.js';
|
|
150
|
+
import './head-6f17c50c.js';
|
|
151
|
+
import './_arity-be492b9e.js';
|
|
152
|
+
import './_isArray-694cc52d.js';
|
|
153
|
+
import './_isString-675f1de9.js';
|
|
154
|
+
import './FocusTrap-9e80c124.js';
|
|
155
|
+
import './FocusTracker-3d6ef02a.js';
|
|
156
|
+
import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
|
|
157
|
+
import './FocusTrackerStyles.styles.css';
|
|
158
|
+
import './Modal-24a0bf4b.js';
|
|
159
|
+
import './UNSAFE_Modal/themes/ModalStyles.css.js';
|
|
160
|
+
import './ModalStyles.styles.css';
|
|
161
|
+
import './popupUtils-58411a98.js';
|
|
162
|
+
import './WindowOverlay-a07b2e24.js';
|
|
163
|
+
import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
|
|
164
|
+
import './WindowOverlayStyles.styles.css';
|
|
165
|
+
import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
|
|
166
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
|
|
167
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
|
|
168
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
|
|
169
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
|
|
170
|
+
import './usePopupAnimation-f017bc43.js';
|
|
171
|
+
import './useAnimationStatus-a9337dd8.js';
|
|
172
|
+
import './popupAnimationUtils-175151d9.js';
|
|
173
|
+
import './UNSAFE_Popup/themes/PopupContract.css.js';
|
|
174
|
+
import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
|
|
175
|
+
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
|
|
176
|
+
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
|
|
177
|
+
import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
|
|
178
|
+
import './PopupStyles.styles.css';
|
|
179
|
+
import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
|
|
180
|
+
import './SeparatorStyles.styles.css';
|
|
181
|
+
import './CompactLabelAssistance-fd3fb481.js';
|
|
182
|
+
import './CompactHelpSource-c3044924.js';
|
|
183
|
+
import './Help-ccf80cd6.js';
|
|
184
|
+
import './Icon-030b6dd4.js';
|
|
185
|
+
import './UNSAFE_Icon/themes/IconStyle.css.js';
|
|
186
|
+
import './useFocusWithin-30b1e2d8.js';
|
|
187
|
+
import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
|
|
188
|
+
import './UNSAFE_Label/themes/redwood/LabelTheme.js';
|
|
189
|
+
import './UNSAFE_Label/themes/LabelStyles.css.js';
|
|
190
|
+
import './LabelStyles.styles.css';
|
|
191
|
+
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
|
|
192
|
+
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
|
|
193
|
+
import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
|
|
194
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
|
|
195
|
+
import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
|
|
196
|
+
import './SkeletonStyles.styles.css';
|
|
197
|
+
import './TextFieldLoadingStyles.styles.css';
|
|
198
|
+
import './TextFieldStyles.styles.css';
|
|
199
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
|
|
200
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
|
|
201
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
|
|
202
|
+
import './TextFieldVariants.styles.css';
|
|
203
|
+
import './InlineHelp-da344cfa.js';
|
|
204
|
+
import './InlineHelpSource-5ed4bb7d.js';
|
|
205
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
|
|
206
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
|
|
207
|
+
import './InlineUserAssistance-2677a1eb.js';
|
|
208
|
+
import './ComponentMessageContainer-6c106a09.js';
|
|
209
|
+
import './MessagesManager-91ade5dc.js';
|
|
210
|
+
import './SuccessS-a7dda885.js';
|
|
211
|
+
import './ErrorS-6a705f7c.js';
|
|
212
|
+
import './InformationS-820fef0c.js';
|
|
213
|
+
import './WarningS-59b6c304.js';
|
|
214
|
+
import './PRIVATE_Message/themes/MessageStyles.css.js';
|
|
215
|
+
import './soundUtils-88264cb5.js';
|
|
216
|
+
import './useMessagesContext-9e1dbe91.js';
|
|
217
|
+
import './Transition-f9501682.js';
|
|
218
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
|
|
219
|
+
import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
|
|
220
|
+
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
|
|
221
|
+
import './useInputGroupContext-1d19411e.js';
|
|
222
|
+
import './CheckboxRadioFieldStyles.css-cf673ef0.js';
|
|
223
|
+
import './useMessageSeverity-65295e8f.js';
|
|
224
|
+
import './CheckboxRadioFieldStyles.styles.css';
|
|
225
|
+
import './CheckboxRadioContext-fe425383.js';
|
|
226
|
+
import './LayoutStyles.css-8a60c28c.js';
|
|
227
|
+
import './LayoutStyles.styles.css';
|
|
228
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
|
|
229
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js';
|
|
230
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css';
|
|
231
|
+
import './UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js';
|
|
232
|
+
import './RadioStyles.styles.css';
|
|
233
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
|
|
234
|
+
import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
|
|
235
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
|
|
236
|
+
import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
|
|
237
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
|
|
238
|
+
import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
|
|
239
|
+
import './CheckboxStyles.styles.css';
|
|
240
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
|
|
241
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
|
|
242
|
+
import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
|
|
243
|
+
import './CheckboxVariants.styles.css';
|
|
244
|
+
import './StyledLabelValueLayout-d4881d3b.js';
|
|
245
|
+
import './LabelValueLayoutStyles.styles.css';
|
|
246
|
+
import './CheckboxRadioLabelValueLayoutStyles.styles.css';
|
|
247
|
+
import './useTooltipOnTruncation-175bf8a6.js';
|
|
248
|
+
import './useDetectTruncation-2d400634.js';
|
|
249
|
+
import './useResizeObserver-838164c1.js';
|
|
250
|
+
import './useVisAddBusyState-994e0324.js';
|
|
251
|
+
import './VisBusyStateContext-9ae84b1d.js';
|
|
252
|
+
import './useVisBusyStateContext-a1df0764.js';
|
|
104
253
|
import './RichSelectionItemStyles.styles.css';
|
|
105
254
|
import './borders-98a63040.js';
|
|
106
|
-
import './dimensions-d4159ace.js';
|
|
107
|
-
import './size-18139a3a.js';
|
|
108
255
|
import './flexitem-7b7f7920.js';
|
|
109
256
|
import './flexitem.styles.css';
|
|
110
257
|
import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
|
|
@@ -112,8 +259,6 @@ import './colors-170180bf.js';
|
|
|
112
259
|
import './padding-28c96aec.js';
|
|
113
260
|
import './aria-efa0582c.js';
|
|
114
261
|
import './equals-160da165.js';
|
|
115
|
-
import './_isArray-694cc52d.js';
|
|
116
|
-
import './_isString-675f1de9.js';
|
|
117
262
|
import './AspectRatioStyles.styles.css';
|
|
118
263
|
import './UNSAFE_Avatar/themes/redwood/AvatarTheme.js';
|
|
119
264
|
import './UNSAFE_Avatar/themes/AvatarStyles.css.js';
|
|
@@ -129,11 +274,7 @@ import './boxalignment.styles.css';
|
|
|
129
274
|
import './flexbox-529f25da.js';
|
|
130
275
|
import './flexbox.styles.css';
|
|
131
276
|
import './FlexStyles.styles.css';
|
|
132
|
-
import './useActive-fb6d4d52.js';
|
|
133
277
|
import './CheckboxOff-60929345.js';
|
|
134
|
-
import './Icon-030b6dd4.js';
|
|
135
|
-
import './UNSAFE_Icon/themes/IconStyle.css.js';
|
|
136
|
-
import './IconStyle.styles.css';
|
|
137
278
|
import './CheckboxOn-ecf8013a.js';
|
|
138
279
|
import './CheckboxMixed-4c45b354.js';
|
|
139
280
|
import './UNSAFE_Checkbox/themes/CheckboxIconContract.css.js';
|
|
@@ -147,15 +288,12 @@ import './CheckboxIconVariants.styles.css';
|
|
|
147
288
|
import './StyledCheckbox.styles.css';
|
|
148
289
|
import './CollectionInteractionContext-7cf19abc.js';
|
|
149
290
|
import './useCollectionInteractionContext-3895c632.js';
|
|
150
|
-
import './HiddenAccessibleStyles.styles.css';
|
|
151
|
-
import './RadioStyles.styles.css';
|
|
152
291
|
import './UNSAFE_RadioItem/themes/RadioIconStyles.css.js';
|
|
153
292
|
import './RadioIconStyles.styles.css';
|
|
154
293
|
import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css.js';
|
|
155
294
|
import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css';
|
|
156
295
|
import './UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css.js';
|
|
157
296
|
import './RadioIconVariants.styles.css';
|
|
158
|
-
import './useFocusWithin-30b1e2d8.js';
|
|
159
297
|
import './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
|
|
160
298
|
import './StyledCardStyles.styles.css';
|
|
161
299
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n testId?: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const testIdProps = useTestId(testId);\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n if (isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const testIdProps = useTestId(testId);\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...testIdProps}\n />\n </span>\n );\n};\n","/**\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 */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_radio` : undefined}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_checkbox` : undefined}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n testId?: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const testIdProps = useTestId(testId);\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n if (isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const testIdProps = useTestId(testId);\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...testIdProps}\n />\n </span>\n );\n};\n","/**\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 */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_radio` : undefined}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_checkbox` : undefined}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
import './../../../SplitMenuButtonStyles.styles.css';
|
|
3
|
-
import './../../../SplitMenuButtonTheme.
|
|
3
|
+
import './../../../SplitMenuButtonTheme.styles.css';
|
|
4
4
|
import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
5
5
|
|
|
6
6
|
var SplitMenuButtonRedwoodTheme = {baseTheme:'SplitMenuButtonTheme_baseTheme__ia40op0',multiVariantStyles:createRuntimeFn({defaultClassName:'SplitMenuButtonStyles_base__1v0fe4u3',variantClassNames:{styleVariant:{outlined:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1',solid:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2',callToAction:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3'}},defaultVariants:{styleVariant:'outlined'},compoundVariants:[]}),variants:{styleVariant:{outlined:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-outlined-borderColor__1chzim72)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-outlined-borderColorDisabled__1chzim73)'}},solid:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-solid-borderColor__1chzim74)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-solid-borderColorDisabled__1chzim75)'}},callToAction:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-callToAction-borderColor__1chzim76)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-callToAction-borderColorDisabled__1chzim77)'}}}},styles:{base:'SplitMenuButtonStyles_base__1v0fe4u3',divider:'SplitMenuButtonStyles_divider__1v0fe4u0',disabledDivider:'SplitMenuButtonStyles_disabledDivider__1v0fe4u1',icon:'SplitMenuButtonStyles_icon__1v0fe4u2'}};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
import './../../../SplitMenuButtonStyles.styles.css';
|
|
3
|
-
import './../../../SplitMenuButtonTheme.
|
|
3
|
+
import './../../../SplitMenuButtonTheme.styles2.css';
|
|
4
4
|
import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
5
5
|
|
|
6
6
|
var SplitMenuButtonStableTheme = {baseTheme:'SplitMenuButtonTheme_baseTheme__4kpf330',multiVariantStyles:createRuntimeFn({defaultClassName:'SplitMenuButtonStyles_base__1v0fe4u3',variantClassNames:{styleVariant:{outlined:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__4kpf331',solid:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__4kpf332',callToAction:'SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__4kpf333'}},defaultVariants:{styleVariant:'outlined'},compoundVariants:[]}),variants:{styleVariant:{outlined:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-outlined-borderColor__1chzim72)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-outlined-borderColorDisabled__1chzim73)'}},solid:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-solid-borderColor__1chzim74)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-solid-borderColorDisabled__1chzim75)'}},callToAction:{vars:{'var(--borderColor__1chzim70)':'var(--styleVariants-callToAction-borderColor__1chzim76)','var(--borderColorDisabled__1chzim71)':'var(--styleVariants-callToAction-borderColorDisabled__1chzim77)'}}}},styles:{base:'SplitMenuButtonStyles_base__1v0fe4u3',divider:'SplitMenuButtonStyles_divider__1v0fe4u0',disabledDivider:'SplitMenuButtonStyles_disabledDivider__1v0fe4u1',icon:'SplitMenuButtonStyles_icon__1v0fe4u2'}};
|
|
@@ -152,5 +152,5 @@ import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
|
|
|
152
152
|
import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
|
|
153
153
|
import './UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css.js';
|
|
154
154
|
import './SplitMenuButtonStyles.styles.css';
|
|
155
|
-
import './SplitMenuButtonTheme.
|
|
155
|
+
import './SplitMenuButtonTheme.styles.css';
|
|
156
156
|
//# sourceMappingURL=UNSAFE_SplitMenuButton.js.map
|
package/es/UNSAFE_TabBar.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export { T as TabBar } from './TabBar-2858ff9c.js';
|
|
3
3
|
export { T as TabBarItem } from './TabBarItem-b97091e4.js';
|
|
4
4
|
export { R as RemovableTabBarItem } from './RemovableTabBarItem-87ba87ca.js';
|
|
5
|
-
export { O as OverflowTabBarItem } from './OverflowTabBarItem-
|
|
5
|
+
export { O as OverflowTabBarItem } from './OverflowTabBarItem-a2684d2b.js';
|
|
6
6
|
export { T as TabBarContext, u as useTabBarContext } from './useTabBarContext-0071d2a7.js';
|
|
7
7
|
export { T as TabBarLinkItem, u as useProgressiveTruncation } from './useProgressiveTruncation-05189846.js';
|
|
8
8
|
import 'preact/jsx-runtime';
|
|
@@ -204,7 +204,7 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.sty
|
|
|
204
204
|
import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
|
|
205
205
|
import './ButtonLabelLayoutVariants.styles.css';
|
|
206
206
|
import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
|
|
207
|
-
import './NavigationListItem-
|
|
207
|
+
import './NavigationListItem-37edc23b.js';
|
|
208
208
|
import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
|
|
209
209
|
import './NavigationListStyles.styles.css';
|
|
210
210
|
import './BaseNavigationListItem-af84a9ee.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
export { T as TabBarItem } from './TabBarItem-b97091e4.js';
|
|
3
3
|
export { R as RemovableTabBarItem } from './RemovableTabBarItem-87ba87ca.js';
|
|
4
|
-
export { O as OverflowTabBarItem } from './OverflowTabBarItem-
|
|
4
|
+
export { O as OverflowTabBarItem } from './OverflowTabBarItem-a2684d2b.js';
|
|
5
5
|
export { T as TabBarLinkItem, u as useProgressiveTruncation } from './useProgressiveTruncation-05189846.js';
|
|
6
6
|
export { T as TabBarContext, u as useTabBarContext } from './useTabBarContext-0071d2a7.js';
|
|
7
7
|
export { T as TabBarLayout } from './TabBarLayout-bb3f9f69.js';
|
|
@@ -170,7 +170,7 @@ import './UNSAFE_Sheet/themes/SheetStyles.css.js';
|
|
|
170
170
|
import './SheetStyles.styles.css';
|
|
171
171
|
import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
|
|
172
172
|
import './OverflowTabBarItemStyles.styles.css';
|
|
173
|
-
import './NavigationListItem-
|
|
173
|
+
import './NavigationListItem-37edc23b.js';
|
|
174
174
|
import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
|
|
175
175
|
import './NavigationListStyles.styles.css';
|
|
176
176
|
import './collectionUtils-8a9d80a3.js';
|
package/es/UNSAFE_TabBarMixed.js
CHANGED
|
@@ -3,7 +3,7 @@ export { T as TabBarMixed } from './TabBarMixed-a4beabce.js';
|
|
|
3
3
|
export { T as TabBarMixedSeparator } from './TabBarMixedSeparator-51c518a1.js';
|
|
4
4
|
export { T as TabBarItem } from './TabBarItem-b97091e4.js';
|
|
5
5
|
export { R as RemovableTabBarItem } from './RemovableTabBarItem-87ba87ca.js';
|
|
6
|
-
export { O as OverflowTabBarItem } from './OverflowTabBarItem-
|
|
6
|
+
export { O as OverflowTabBarItem } from './OverflowTabBarItem-a2684d2b.js';
|
|
7
7
|
import 'preact/jsx-runtime';
|
|
8
8
|
import 'preact/hooks';
|
|
9
9
|
import './LayerHost-e6402730.js';
|
|
@@ -180,7 +180,7 @@ import './popupAnimationUtils-175151d9.js';
|
|
|
180
180
|
import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
|
|
181
181
|
import './useOutsideMousedown-7307de8b.js';
|
|
182
182
|
import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
|
|
183
|
-
import './NavigationListItem-
|
|
183
|
+
import './NavigationListItem-37edc23b.js';
|
|
184
184
|
import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
|
|
185
185
|
import './NavigationListStyles.styles.css';
|
|
186
186
|
import './BaseNavigationListItem-af84a9ee.js';
|
package/es/UNSAFE_TextArea.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
export {
|
|
2
|
+
export { T as TextArea } from './TextArea-2eb362ec.js';
|
|
3
|
+
export { M as MaxLengthCounter } from './MaxLengthCounter-181b4fc9.js';
|
|
3
4
|
import 'preact/jsx-runtime';
|
|
4
5
|
import 'preact/compat';
|
|
5
6
|
import './FormContext-4d71f9c7.js';
|
|
@@ -254,7 +255,7 @@ import './CompactUserAssistance-bd24e31a.js';
|
|
|
254
255
|
import './Separator-93c70737.js';
|
|
255
256
|
import './useLengthFilter-f72f45ac.js';
|
|
256
257
|
import './lengthFilter-d249a7ab.js';
|
|
257
|
-
import './MaxLengthCounterStyles.styles.css';
|
|
258
258
|
import './useCurrentValueReducer-bdf796fa.js';
|
|
259
259
|
import './useSelectableTextField-949184a5.js';
|
|
260
|
+
import './MaxLengthCounterStyles.styles.css';
|
|
260
261
|
//# sourceMappingURL=UNSAFE_TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_TextArea.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UNSAFE_TextArea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
export { T as TextAreaAutosize } from './TextAreaAutosize-
|
|
2
|
+
export { T as TextAreaAutosize } from './TextAreaAutosize-35a923c3.js';
|
|
3
3
|
import 'preact/jsx-runtime';
|
|
4
4
|
import 'preact/compat';
|
|
5
5
|
import './FormContext-4d71f9c7.js';
|
|
@@ -255,7 +255,7 @@ import './Separator-93c70737.js';
|
|
|
255
255
|
import './useLengthFilter-f72f45ac.js';
|
|
256
256
|
import './lengthFilter-d249a7ab.js';
|
|
257
257
|
import './useCurrentValueReducer-bdf796fa.js';
|
|
258
|
-
import './TextArea-d7eb6b00.js';
|
|
259
|
-
import './MaxLengthCounterStyles.styles.css';
|
|
260
258
|
import './useSelectableTextField-949184a5.js';
|
|
259
|
+
import './MaxLengthCounter-181b4fc9.js';
|
|
260
|
+
import './MaxLengthCounterStyles.styles.css';
|
|
261
261
|
//# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map
|