@astryxdesign/core 0.7.9-canary.57eb63a → 0.7.9-canary.5985abc
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/dist/AlertDialog/AlertDialog.d.ts +3 -2
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +11 -14
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +13 -4
- package/dist/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +28 -5
- package/dist/Chat/ChatMessageList.d.ts.map +1 -1
- package/dist/Chat/ChatMessageList.js +10 -2
- package/dist/Chat/useChatDictation.d.ts.map +1 -1
- package/dist/Chat/useChatDictation.js +13 -7
- package/dist/Chat/useChatNewMessages.d.ts.map +1 -1
- package/dist/Chat/useChatNewMessages.js +6 -3
- package/dist/Chat/useSpeechRecognition.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.js +15 -9
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +8 -1
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +6 -6
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +21 -12
- package/dist/DateInput/PickerWheel.js +3 -3
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +33 -9
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +17 -7
- package/dist/HoverCard/HoverCard.d.ts.map +1 -1
- package/dist/HoverCard/HoverCard.js +19 -9
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +5 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +28 -10
- package/dist/SegmentedControl/useSegmentedSelectionMotion.js +3 -3
- package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
- package/dist/SelectableCard/SelectableCard.js +6 -6
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +6 -1
- package/dist/Spinner/Spinner.d.ts +1 -1
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +27 -5
- package/dist/Spinner/SpinnerOwnerContext.d.ts +2 -0
- package/dist/Spinner/SpinnerOwnerContext.d.ts.map +1 -0
- package/dist/Spinner/SpinnerOwnerContext.js +20 -0
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +3 -3
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +17 -10
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +19 -9
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +8 -4
- package/dist/Typeahead/Typeahead.d.ts.map +1 -1
- package/dist/Typeahead/Typeahead.js +11 -4
- package/dist/animator/createAnimator.d.ts.map +1 -1
- package/dist/animator/createAnimator.js +2 -1
- package/dist/astryx.css +24 -1
- package/dist/hooks/actionGroupTracker.d.ts +9 -0
- package/dist/hooks/actionGroupTracker.d.ts.map +1 -1
- package/dist/hooks/actionGroupTracker.js +38 -24
- package/dist/hooks/pressGroupContext.d.ts +5 -3
- package/dist/hooks/pressGroupContext.d.ts.map +1 -1
- package/dist/hooks/pressGroupContext.js +17 -9
- package/dist/hooks/useActionGroupTracking.d.ts +29 -4
- package/dist/hooks/useActionGroupTracking.d.ts.map +1 -1
- package/dist/hooks/useActionGroupTracking.js +92 -14
- package/dist/hooks/useAnnounceRenderedText.d.ts +10 -2
- package/dist/hooks/useAnnounceRenderedText.d.ts.map +1 -1
- package/dist/hooks/useAnnounceRenderedText.js +45 -8
- package/dist/hooks/useGroupPressTracking.d.ts +34 -0
- package/dist/hooks/useGroupPressTracking.d.ts.map +1 -0
- package/dist/hooks/useGroupPressTracking.js +122 -0
- package/dist/i18n/generated-locales/en.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/en.generated.js +2 -1
- package/dist/i18n/generated-locales/pseudo.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/pseudo.generated.js +2 -1
- package/dist/internal/touch.d.ts +12 -4
- package/dist/internal/touch.d.ts.map +1 -1
- package/dist/internal/touch.js +14 -5
- package/dist/motion/animator.js +3 -3
- package/dist/motion/roles.d.ts +8 -0
- package/dist/motion/roles.d.ts.map +1 -1
- package/dist/motion/roles.js +24 -0
- package/dist/motion/uikit/navigation.d.ts +3 -1
- package/dist/motion/uikit/navigation.d.ts.map +1 -1
- package/dist/motion/uikit/navigation.js +5 -2
- package/dist/motion/uikit/paging.d.ts +2 -1
- package/dist/motion/uikit/paging.d.ts.map +1 -1
- package/dist/motion/uikit/paging.js +4 -2
- package/dist/motion/uikit/picker.d.ts +3 -2
- package/dist/motion/uikit/picker.d.ts.map +1 -1
- package/dist/motion/uikit/picker.js +5 -3
- package/dist/motion/uikit/springs.d.ts +3 -3
- package/dist/motion/uikit/springs.d.ts.map +1 -1
- package/dist/motion/uikit/springs.js +50 -40
- package/dist/privateAttributes/focusOwner.stylex.d.ts +22 -0
- package/dist/privateAttributes/focusOwner.stylex.d.ts.map +1 -0
- package/dist/privateAttributes/focusOwner.stylex.js +39 -0
- package/dist/privateAttributes/pressGroupItem.stylex.d.ts +8 -5
- package/dist/privateAttributes/pressGroupItem.stylex.d.ts.map +1 -1
- package/dist/privateAttributes/pressGroupItem.stylex.js +11 -5
- package/dist/theme/generateThemeRules.d.ts.map +1 -1
- package/dist/theme/generateThemeRules.js +4 -1
- package/dist/utils/hitArea.d.ts +28 -2
- package/dist/utils/hitArea.d.ts.map +1 -1
- package/dist/utils/hitArea.js +49 -11
- package/dist/utils/touchHitArea.d.ts +25 -6
- package/dist/utils/touchHitArea.d.ts.map +1 -1
- package/dist/utils/touchHitArea.js +22 -12
- package/dist/utils/touchHitArea.stylex.d.ts +29 -5
- package/dist/utils/touchHitArea.stylex.d.ts.map +1 -1
- package/dist/utils/touchHitArea.stylex.js +37 -6
- package/locales/en.json +4 -0
- package/locales/pseudo.json +3 -0
- package/package.json +4 -4
- package/src/AlertDialog/AlertDialog.tsx +9 -13
- package/src/Button/Button.tsx +37 -4
- package/src/ButtonGroup/ButtonGroup.doc.mjs +3 -2
- package/src/ButtonGroup/ButtonGroup.tsx +28 -4
- package/src/Chat/ChatMessageList.tsx +18 -2
- package/src/Chat/useChatDictation.ts +13 -7
- package/src/Chat/useChatNewMessages.ts +12 -4
- package/src/Chat/useSpeechRecognition.ts +15 -9
- package/src/CheckboxList/CheckboxListItem.tsx +7 -4
- package/src/ClickableCard/ClickableCard.tsx +40 -5
- package/src/ComplexSelector/ComplexSelector.doc.mjs +2 -2
- package/src/ComplexSelector/ComplexSelector.tsx +39 -31
- package/src/DateInput/PickerWheel.tsx +3 -3
- package/src/DateTimeInput/DateTimeInput.tsx +35 -13
- package/src/DropdownMenu/DropdownMenu.tsx +16 -9
- package/src/HoverCard/HoverCard.tsx +4 -1
- package/src/Link/Link.tsx +5 -1
- package/src/Pagination/Pagination.tsx +23 -9
- package/src/SegmentedControl/useSegmentedSelectionMotion.ts +3 -3
- package/src/SelectableCard/SelectableCard.tsx +40 -5
- package/src/Selector/Selector.tsx +10 -1
- package/src/Spinner/Spinner.doc.mjs +150 -36
- package/src/Spinner/Spinner.tsx +34 -6
- package/src/Spinner/SpinnerOwnerContext.ts +22 -0
- package/src/Table/plugins/sortable/useTableSortableState.doc.mjs +173 -0
- package/src/Thumbnail/Thumbnail.tsx +20 -2
- package/src/Tokenizer/Tokenizer.tsx +14 -10
- package/src/Tooltip/Tooltip.tsx +4 -1
- package/src/Typeahead/BaseTypeahead.tsx +9 -5
- package/src/Typeahead/Typeahead.tsx +7 -1
- package/src/animator/createAnimator.ts +2 -1
- package/src/hooks/actionGroupTracker.ts +33 -24
- package/src/hooks/pressGroupContext.ts +18 -9
- package/src/hooks/useActionGroupTracking.ts +139 -19
- package/src/hooks/useAnnounceRenderedText.ts +59 -8
- package/src/hooks/useGroupPressTracking.ts +154 -0
- package/src/i18n/generated-locales/en.generated.ts +1 -0
- package/src/i18n/generated-locales/pseudo.generated.ts +1 -0
- package/src/internal/touch.ts +19 -4
- package/src/motion/README.md +8 -9
- package/src/motion/animator.ts +3 -3
- package/src/motion/roles.ts +29 -0
- package/src/motion/uikit/navigation.ts +5 -1
- package/src/motion/uikit/paging.ts +4 -1
- package/src/motion/uikit/picker.ts +5 -2
- package/src/motion/uikit/springs.ts +94 -37
- package/src/privateAttributes/focusOwner.stylex.ts +51 -0
- package/src/privateAttributes/pressGroupItem.stylex.ts +11 -5
- package/src/theme/generateThemeRules.ts +3 -0
- package/src/utils/hitArea.ts +88 -8
- package/src/utils/touchHitArea.stylex.ts +29 -19
- package/src/utils/touchHitArea.ts +60 -12
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file AlertDialog.tsx
|
|
3
3
|
* @input Uses React, StyleX, Dialog, Layout, Heading, Text, Button, the
|
|
4
|
-
* action-group tracking (hooks/useActionGroupTracking)
|
|
5
|
-
*
|
|
4
|
+
* action-group tracking (hooks/useActionGroupTracking), the press-group
|
|
5
|
+
* context (hooks/pressGroupContext) and the group pointers
|
|
6
|
+
* (hooks/useGroupPressTracking)
|
|
6
7
|
* @output Exports AlertDialog component, AlertDialogProps type
|
|
7
8
|
* @position Core implementation; consumed by index.ts, tested by AlertDialog.test.tsx
|
|
8
9
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAUxD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmC5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAW,EAAE,oBAAoB,EACjC,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAoHlB;yBAtIe,WAAW"}
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @file AlertDialog.tsx
|
|
7
7
|
* @input Uses React, StyleX, Dialog, Layout, Heading, Text, Button, the
|
|
8
|
-
* action-group tracking (hooks/useActionGroupTracking)
|
|
9
|
-
*
|
|
8
|
+
* action-group tracking (hooks/useActionGroupTracking), the press-group
|
|
9
|
+
* context (hooks/pressGroupContext) and the group pointers
|
|
10
|
+
* (hooks/useGroupPressTracking)
|
|
10
11
|
* @output Exports AlertDialog component, AlertDialogProps type
|
|
11
12
|
* @position Core implementation; consumed by index.ts, tested by AlertDialog.test.tsx
|
|
12
13
|
*
|
|
@@ -36,12 +37,10 @@ import { registerEnglishFallback, useComponentTranslator } from "../i18n/useComp
|
|
|
36
37
|
import english from "../i18n/generated-english/AlertDialog/AlertDialog.generated.js";
|
|
37
38
|
import { useActionGroupTracking } from "../hooks/useActionGroupTracking.js";
|
|
38
39
|
import { PressGroupContext } from "../hooks/pressGroupContext.js";
|
|
40
|
+
import { GROUP_PRESS_POINTERS } from "../hooks/useGroupPressTracking.js";
|
|
39
41
|
import { alertController } from "../motion/uikit/alert.js";
|
|
40
|
-
import { pressGroupItemProps } from "../privateAttributes/pressGroupItem.stylex.js";
|
|
41
42
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
42
43
|
registerEnglishFallback(english);
|
|
43
|
-
const SLIDING_POINTERS = ['touch', 'pen'];
|
|
44
|
-
const ACTION_TRACKING_PROPS = pressGroupItemProps(SLIDING_POINTERS);
|
|
45
44
|
const SMALL_SCREEN_QUERY = '(max-width: 640px)';
|
|
46
45
|
const styles = {
|
|
47
46
|
trackingRow: {
|
|
@@ -115,8 +114,8 @@ export function AlertDialog({
|
|
|
115
114
|
onOpenChange(false);
|
|
116
115
|
}, [onOpenChange]);
|
|
117
116
|
|
|
118
|
-
//
|
|
119
|
-
// tracker is its only painter.
|
|
117
|
+
// Through the group's context, each action's Button writes the press-group
|
|
118
|
+
// marker from its first render. So the tracker is its only painter.
|
|
120
119
|
const actionsRef = useRef(null);
|
|
121
120
|
// Only under the touch presentation does a press slide across the
|
|
122
121
|
// actions. A desktop press stays the native button's.
|
|
@@ -130,21 +129,20 @@ export function AlertDialog({
|
|
|
130
129
|
highlightOnsetMs: alertController.actions.highlightOnsetMs,
|
|
131
130
|
highlightExpansion: alertController.actions.highlightExpansion,
|
|
132
131
|
// A mouse press acts as a native button's under any presentation.
|
|
133
|
-
pointerTypes:
|
|
132
|
+
pointerTypes: GROUP_PRESS_POINTERS,
|
|
134
133
|
isEnabled: isTracking
|
|
135
134
|
});
|
|
136
|
-
const actionTrackingProps = isTracking ? ACTION_TRACKING_PROPS : undefined;
|
|
137
135
|
const buttonActionStyle = [styles.action, isSmallScreen && styles.stackedAction];
|
|
138
136
|
const cancelButton = /*#__PURE__*/_jsx(Button, {
|
|
139
137
|
variant: "ghost",
|
|
140
138
|
label: cancelLabel,
|
|
141
139
|
onClick: handleCancel,
|
|
142
|
-
xstyle: buttonActionStyle
|
|
143
|
-
...actionTrackingProps,
|
|
140
|
+
xstyle: buttonActionStyle
|
|
144
141
|
// Dialog focuses [data-autofocus] itself after showModal(), because
|
|
145
142
|
// React's autoFocus runs during commit while the dialog is invisible.
|
|
146
143
|
// Cancel is least destructive, so it remains the autofocus target even
|
|
147
144
|
// when small-screen visual order places the destructive action above it.
|
|
145
|
+
,
|
|
148
146
|
"data-autofocus": true
|
|
149
147
|
}, "cancel");
|
|
150
148
|
const actionButton = /*#__PURE__*/_jsx(Button, {
|
|
@@ -152,8 +150,7 @@ export function AlertDialog({
|
|
|
152
150
|
label: actionLabel,
|
|
153
151
|
onClick: onAction,
|
|
154
152
|
isLoading: isActionLoading,
|
|
155
|
-
xstyle: buttonActionStyle
|
|
156
|
-
...actionTrackingProps
|
|
153
|
+
xstyle: buttonActionStyle
|
|
157
154
|
}, "action");
|
|
158
155
|
return /*#__PURE__*/_jsx(Dialog, {
|
|
159
156
|
...rest,
|
|
@@ -200,7 +197,7 @@ export function AlertDialog({
|
|
|
200
197
|
hAlign: isSmallScreen ? 'stretch' : 'end',
|
|
201
198
|
wrap: isSmallScreen ? 'nowrap' : 'wrap',
|
|
202
199
|
children: /*#__PURE__*/_jsx(PressGroupContext, {
|
|
203
|
-
value: isTracking,
|
|
200
|
+
value: isTracking ? GROUP_PRESS_POINTERS : null,
|
|
204
201
|
children: isSmallScreen ? [actionButton, cancelButton] : [cancelButton, actionButton]
|
|
205
202
|
})
|
|
206
203
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
package/dist/Button/Button.js
CHANGED
|
@@ -30,7 +30,7 @@ import { iconBoxSizeStyles } from "../Icon/IconSize.stylex.js";
|
|
|
30
30
|
import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.js";
|
|
31
31
|
import { useSize } from "../SizeContext/SizeContext.js";
|
|
32
32
|
import { useButtonGroup } from "../ButtonGroup/ButtonGroupContext.js";
|
|
33
|
-
import { PressGroupContext } from "../hooks/pressGroupContext.js";
|
|
33
|
+
import { PressGroupContext, pressGroupItemProps } from "../hooks/pressGroupContext.js";
|
|
34
34
|
import { useInputGroup } from "../InputGroup/InputGroupContext.js";
|
|
35
35
|
import { InputGroupInternalContext } from "../InputGroup/InputGroupInternalContext.js";
|
|
36
36
|
import { groupStyles as inputGroupStyles, inputGroupItemProps } from "../InputGroup/groupStyles.js";
|
|
@@ -53,6 +53,9 @@ registerEnglishFallback(english);
|
|
|
53
53
|
*/
|
|
54
54
|
const PRESSED_ON = '[data-astryx-press="on"]';
|
|
55
55
|
|
|
56
|
+
/** `aria-haspopup` values of a trigger that keeps its own press and opening. */
|
|
57
|
+
const MENU_POPUPS = new Set(['true', 'menu', 'listbox']);
|
|
58
|
+
|
|
56
59
|
/**
|
|
57
60
|
* Base button styles
|
|
58
61
|
* Pseudo-classes are nested within properties per StyleX recommendation:
|
|
@@ -86,7 +89,7 @@ const styles = {
|
|
|
86
89
|
$$css: true
|
|
87
90
|
},
|
|
88
91
|
pressable: {
|
|
89
|
-
k3aq6I: "x3oybdh x8ppqj
|
|
92
|
+
k3aq6I: "x3oybdh x8ppqj x1249l8d xbht4k1 x1ex9uxt x3y5scg xg3abmg xoigjuk",
|
|
90
93
|
$$css: true
|
|
91
94
|
},
|
|
92
95
|
trackedOverlay: {
|
|
@@ -94,7 +97,7 @@ const styles = {
|
|
|
94
97
|
$$css: true
|
|
95
98
|
},
|
|
96
99
|
pressableTracked: {
|
|
97
|
-
k3aq6I: "x3oybdh x3y5scg",
|
|
100
|
+
k3aq6I: "x3oybdh x3y5scg xg3abmg xoigjuk",
|
|
98
101
|
$$css: true
|
|
99
102
|
},
|
|
100
103
|
inactive: {
|
|
@@ -396,7 +399,11 @@ export function Button({
|
|
|
396
399
|
const t = useComponentTranslator();
|
|
397
400
|
const size = useSize(sizeProp, 'md');
|
|
398
401
|
const buttonGroup = useButtonGroup();
|
|
399
|
-
|
|
402
|
+
// A tracking group's tracker paints this button's pointer press. A menu
|
|
403
|
+
// trigger is not tracked: it keeps its own press and opening.
|
|
404
|
+
const groupPointers = use(PressGroupContext);
|
|
405
|
+
const groupItemProps = groupPointers != null && !MENU_POPUPS.has(String(props['aria-haspopup'])) ? pressGroupItemProps(groupPointers) : undefined;
|
|
406
|
+
const isGroupTracked = groupItemProps != null;
|
|
400
407
|
const inputGroup = useInputGroup();
|
|
401
408
|
const [isPending, startTransition] = useTransition();
|
|
402
409
|
// clickAction is normally fire-once (submit/save/pay), so a same-tick
|
|
@@ -611,6 +618,7 @@ export function Button({
|
|
|
611
618
|
...(inputGroup != null && buttonGroup == null ? inputGroupItemProps : undefined),
|
|
612
619
|
...sharedMergedProps,
|
|
613
620
|
...pressFeedback,
|
|
621
|
+
...groupItemProps,
|
|
614
622
|
...props,
|
|
615
623
|
...ariaLabelProp,
|
|
616
624
|
...describedByProp,
|
|
@@ -633,6 +641,7 @@ export function Button({
|
|
|
633
641
|
...(inputGroup != null && buttonGroup == null ? inputGroupItemProps : undefined),
|
|
634
642
|
...sharedMergedProps,
|
|
635
643
|
...pressFeedback,
|
|
644
|
+
...groupItemProps,
|
|
636
645
|
...props,
|
|
637
646
|
...ariaLabelProp,
|
|
638
647
|
...describedByProp,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file ButtonGroup.tsx
|
|
3
|
-
* @input Uses React, StyleX, Button/IconButton children
|
|
3
|
+
* @input Uses React, StyleX, Button/IconButton children, and the shared group
|
|
4
|
+
* press tracking (hooks/useGroupPressTracking)
|
|
4
5
|
* @output Exports ButtonGroup component, context, and types
|
|
5
6
|
* @position Groups buttons with connected styling; consumed by index.ts
|
|
6
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAIA
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC;AAE1C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAW9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAQjE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAA0B,EAC1B,IAAI,EAAE,QAAQ,EACd,UAAkB,EAClB,SAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CA+D9B;yBA9Ee,WAAW"}
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file ButtonGroup.tsx
|
|
7
|
-
* @input Uses React, StyleX, Button/IconButton children
|
|
7
|
+
* @input Uses React, StyleX, Button/IconButton children, and the shared group
|
|
8
|
+
* press tracking (hooks/useGroupPressTracking)
|
|
8
9
|
* @output Exports ButtonGroup component, context, and types
|
|
9
10
|
* @position Groups buttons with connected styling; consumed by index.ts
|
|
10
11
|
*
|
|
@@ -20,12 +21,16 @@
|
|
|
20
21
|
* - /apps/storybook/stories/ButtonGroup.stories.tsx (storybook stories)
|
|
21
22
|
* - /packages/cli/assets/templates/blocks/components/ButtonGroup/ (showcase blocks)
|
|
22
23
|
*/
|
|
23
|
-
import { useMemo } from 'react';
|
|
24
|
+
import { useMemo, useRef } from 'react';
|
|
24
25
|
import * as stylex from '@stylexjs/stylex';
|
|
25
26
|
import "../theme/tokens.stylex.js";
|
|
26
27
|
import { radiusVars, shadowVars } from "../theme/tokens.stylex.js";
|
|
27
28
|
import { SizeProvider, useSize } from "../SizeContext/SizeContext.js";
|
|
28
29
|
import { useListFocus } from "../hooks/useListFocus.js";
|
|
30
|
+
import { PressGroupContext } from "../hooks/pressGroupContext.js";
|
|
31
|
+
import { GROUP_PRESS_POINTERS, useGroupPressTracking } from "../hooks/useGroupPressTracking.js";
|
|
32
|
+
import { useTouchPresentation } from "../utils/touchPresentation.js";
|
|
33
|
+
import { touchHitAreaStyles } from "../utils/touchHitArea.stylex.js";
|
|
29
34
|
import { mergeProps, composeEventHandlers } from "../utils/index.js";
|
|
30
35
|
import { ButtonGroupContext } from "./ButtonGroupContext.js";
|
|
31
36
|
import { themeProps } from "../utils/themeProps.js";
|
|
@@ -47,6 +52,10 @@ const styles = {
|
|
|
47
52
|
vertical: {
|
|
48
53
|
kXwgrk: "xdt5ytf",
|
|
49
54
|
$$css: true
|
|
55
|
+
},
|
|
56
|
+
tracking: {
|
|
57
|
+
kVAEAm: "x1n2onr6",
|
|
58
|
+
$$css: true
|
|
50
59
|
}
|
|
51
60
|
};
|
|
52
61
|
|
|
@@ -154,25 +163,39 @@ export function ButtonGroup({
|
|
|
154
163
|
orientation,
|
|
155
164
|
isDisabled
|
|
156
165
|
}), [orientation, isDisabled]);
|
|
166
|
+
|
|
167
|
+
// Only under the touch presentation does a press slide across the buttons.
|
|
168
|
+
// A desktop press stays the native button's.
|
|
169
|
+
const {
|
|
170
|
+
isTouch
|
|
171
|
+
} = useTouchPresentation();
|
|
172
|
+
const tracksPress = !isDisabled && isTouch;
|
|
173
|
+
const groupRef = useRef(null);
|
|
174
|
+
const {
|
|
175
|
+
hitAreaRef
|
|
176
|
+
} = useGroupPressTracking(groupRef, tracksPress);
|
|
157
177
|
return /*#__PURE__*/_jsx(ButtonGroupContext, {
|
|
158
178
|
value: contextValue,
|
|
159
179
|
children: /*#__PURE__*/_jsx(SizeProvider, {
|
|
160
180
|
value: size,
|
|
161
181
|
children: /*#__PURE__*/_jsx("div", {
|
|
162
|
-
ref: useMergedRefs(ref, listRef),
|
|
182
|
+
ref: useMergedRefs(ref, listRef, groupRef, hitAreaRef),
|
|
163
183
|
...props,
|
|
164
184
|
...mergeProps(themeProps('button-group', {
|
|
165
185
|
size,
|
|
166
186
|
orientation,
|
|
167
187
|
elevation
|
|
168
|
-
}), stylex.props(styles.group, orientation === 'vertical' && styles.vertical, elevationStyles[elevation], xstyle), className, style),
|
|
188
|
+
}), stylex.props(styles.group, tracksPress && styles.tracking, tracksPress && touchHitAreaStyles.layerBelowChildren, orientation === 'vertical' && styles.vertical, elevationStyles[elevation], xstyle), className, style),
|
|
169
189
|
role: "group",
|
|
170
190
|
"aria-label": label,
|
|
171
191
|
onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
|
|
172
192
|
onFocus: composeEventHandlers(onFocus, handleFocus),
|
|
173
193
|
"aria-disabled": isDisabled || undefined,
|
|
174
194
|
"data-testid": testId,
|
|
175
|
-
children:
|
|
195
|
+
children: /*#__PURE__*/_jsx(PressGroupContext, {
|
|
196
|
+
value: tracksPress ? GROUP_PRESS_POINTERS : null,
|
|
197
|
+
children: children
|
|
198
|
+
})
|
|
176
199
|
})
|
|
177
200
|
})
|
|
178
201
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAIhF,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAWhD,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACrE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEzB;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoGD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAoB,EACpB,GAAG,EACH,KAAgB,EAChB,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,+BA6GtB;yBA3He,eAAe"}
|
|
@@ -26,7 +26,8 @@
|
|
|
26
26
|
import { useEffect, useMemo, useRef, useTransition } from 'react';
|
|
27
27
|
import * as stylex from '@stylexjs/stylex';
|
|
28
28
|
import "../theme/tokens.stylex.js";
|
|
29
|
-
import { spacingVars } from "../theme/tokens.stylex.js";
|
|
29
|
+
import { focusVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
30
|
+
import { focusOutlineStyles } from "../utils/focusOutline.stylex.js";
|
|
30
31
|
import { ChatListContext, useChatLayoutContext } from "./ChatContext.js";
|
|
31
32
|
import { isRenderable, mergeProps } from "../utils/index.js";
|
|
32
33
|
import { Spinner } from "../Spinner/index.js";
|
|
@@ -48,6 +49,10 @@ const styles = {
|
|
|
48
49
|
kAzted: "x2lwn1j",
|
|
49
50
|
$$css: true
|
|
50
51
|
},
|
|
52
|
+
focusRingInset: {
|
|
53
|
+
kInvED: "x1nw7mhf",
|
|
54
|
+
$$css: true
|
|
55
|
+
},
|
|
51
56
|
inner: {
|
|
52
57
|
k1xSpc: "x78zum5",
|
|
53
58
|
kXwgrk: "xdt5ytf",
|
|
@@ -218,7 +223,10 @@ export function ChatMessageList({
|
|
|
218
223
|
"data-testid": testId,
|
|
219
224
|
...mergeProps(themeProps('chat-message-list', {
|
|
220
225
|
density
|
|
221
|
-
}),
|
|
226
|
+
}),
|
|
227
|
+
// A tab stop: the shared ring, which a theme restyles through the
|
|
228
|
+
// focus-outline tokens.
|
|
229
|
+
stylex.props(styles.root, focusOutlineStyles.focusVisible, styles.focusRingInset, xstyle), className, style),
|
|
222
230
|
children: /*#__PURE__*/_jsxs("div", {
|
|
223
231
|
ref: innerRef,
|
|
224
232
|
...stylex.props(styles.inner, densityGapStyle, gapOverrideStyle),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatDictation.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatDictation.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"useChatDictation.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatDictation.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;AAQjE,MAAM,WAAW,uBAAuB;IACtC,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC7D,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,GAAG,IAAI,CAAC,CAAC;CAC5D;AAED,MAAM,WAAW,sBAAsB;IACrC,sDAAsD;IACtD,WAAW,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,2CAA2C;IAC3C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mEAAmE;IACnE,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,qCAAqC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAgMD,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAkOxB"}
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
*/
|
|
15
15
|
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
16
16
|
import { useSpeechRecognition } from "./useSpeechRecognition.js";
|
|
17
|
+
import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js";
|
|
17
18
|
|
|
18
19
|
// =============================================================================
|
|
19
20
|
// Types
|
|
@@ -197,7 +198,6 @@ export function useChatDictation(options = {}) {
|
|
|
197
198
|
const [rawBands, setRawBands] = useState([0, 0, 0, 0, 0]);
|
|
198
199
|
const volumeHistoryRef = useRef([]);
|
|
199
200
|
const getAudioContextRef = useRef(getAudioContext);
|
|
200
|
-
getAudioContextRef.current = getAudioContext;
|
|
201
201
|
const analyserRef = useRef(null);
|
|
202
202
|
const rafRef = useRef(0);
|
|
203
203
|
const interimSpanRef = useRef(null);
|
|
@@ -207,12 +207,18 @@ export function useChatDictation(options = {}) {
|
|
|
207
207
|
onStartProp,
|
|
208
208
|
onEndProp
|
|
209
209
|
});
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
210
|
+
// Recognition events read the latest callbacks and audio context. Write
|
|
211
|
+
// them at commit: a render React discards, as a suspended transition does,
|
|
212
|
+
// must not leave its values behind.
|
|
213
|
+
useIsomorphicLayoutEffect(() => {
|
|
214
|
+
getAudioContextRef.current = getAudioContext;
|
|
215
|
+
callbacksRef.current = {
|
|
216
|
+
onTranscriptProp,
|
|
217
|
+
onResultProp,
|
|
218
|
+
onStartProp,
|
|
219
|
+
onEndProp
|
|
220
|
+
};
|
|
221
|
+
});
|
|
216
222
|
const startVolumePolling = useCallback(() => {
|
|
217
223
|
const poll = () => {
|
|
218
224
|
const analyser = analyserRef.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatNewMessages.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatNewMessages.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useChatNewMessages.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatNewMessages.ts"],"names":[],"mappings":"AAsCA,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,kEAAkE;IAClE,cAAc,EAAE,OAAO,CAAC;IAExB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,GAAG,wBAAwB,CAoEtD"}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
* SYNC: When modified, update:
|
|
23
23
|
* - /packages/core/src/Chat/index.ts (exports)
|
|
24
24
|
*/
|
|
25
|
-
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
25
|
+
import { useCallback, useEffect, useInsertionEffect, useRef, useState } from 'react';
|
|
26
26
|
import { observeResize } from "../utils/sharedResizeObserver.js";
|
|
27
27
|
|
|
28
28
|
// =============================================================================
|
|
@@ -40,9 +40,12 @@ export function useChatNewMessages({
|
|
|
40
40
|
const [hasNewMessages, setHasNewMessages] = useState(false);
|
|
41
41
|
const lastMessageRef = useRef(null);
|
|
42
42
|
const isLockedRef = useRef(isLocked);
|
|
43
|
-
isLockedRef.current = isLocked;
|
|
44
43
|
const onResizeRef = useRef(onResize);
|
|
45
|
-
|
|
44
|
+
// The ref callback and the observer's first call run before layout Effects.
|
|
45
|
+
useInsertionEffect(() => {
|
|
46
|
+
isLockedRef.current = isLocked;
|
|
47
|
+
onResizeRef.current = onResize;
|
|
48
|
+
});
|
|
46
49
|
|
|
47
50
|
// Track the current content element. When the callback ref fires,
|
|
48
51
|
// we tear down the old observer and set up a new one.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSpeechRecognition.d.ts","sourceRoot":"","sources":["../../src/Chat/useSpeechRecognition.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSpeechRecognition.d.ts","sourceRoot":"","sources":["../../src/Chat/useSpeechRecognition.ts"],"names":[],"mappings":"AA8BA,MAAM,WAAW,2BAA2B;IAC1C,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC7D,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,WAAW,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,2CAA2C;IAC3C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,qCAAqC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AA8LD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CA8M5B"}
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
*/
|
|
15
15
|
import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
16
16
|
import { useLocale } from "../i18n/index.js";
|
|
17
|
+
import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js";
|
|
17
18
|
import { registerEnglishFallback, useComponentTranslator } from "../i18n/useComponentTranslator.js";
|
|
18
19
|
import english from "../i18n/generated-english/Chat/useSpeechRecognition.generated.js";
|
|
19
20
|
registerEnglishFallback(english);
|
|
@@ -177,7 +178,6 @@ export function useSpeechRecognition(options = {}) {
|
|
|
177
178
|
const [interimTranscript, setInterimTranscript] = useState('');
|
|
178
179
|
const recognitionRef = useRef(null);
|
|
179
180
|
const getAudioContextRef = useRef(getAudioContext);
|
|
180
|
-
getAudioContextRef.current = getAudioContext;
|
|
181
181
|
const analyserRef = useRef(null);
|
|
182
182
|
const rafRef = useRef(0);
|
|
183
183
|
const callbacksRef = useRef({
|
|
@@ -188,14 +188,20 @@ export function useSpeechRecognition(options = {}) {
|
|
|
188
188
|
onEnd,
|
|
189
189
|
transformTranscript
|
|
190
190
|
});
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
191
|
+
// Recognition events read the latest callbacks and audio context. Write
|
|
192
|
+
// them at commit: a render React discards, as a suspended transition does,
|
|
193
|
+
// must not leave its values behind.
|
|
194
|
+
useIsomorphicLayoutEffect(() => {
|
|
195
|
+
getAudioContextRef.current = getAudioContext;
|
|
196
|
+
callbacksRef.current = {
|
|
197
|
+
onTranscript,
|
|
198
|
+
onResult,
|
|
199
|
+
onError,
|
|
200
|
+
onStart,
|
|
201
|
+
onEnd,
|
|
202
|
+
transformTranscript
|
|
203
|
+
};
|
|
204
|
+
});
|
|
199
205
|
|
|
200
206
|
// Releases speech recognition, the audio analyser and the animation frame on
|
|
201
207
|
// unmount.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxListItem.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAkC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAItE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxListItem.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAkC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAItE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAe5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAuBvC,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,aAAa,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;;;;OAaG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC;AAyCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EAAE,cAAsB,EAClC,SAAS,EAAE,aAAqB,EAChC,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,qBAAqB,+BAmLvB;yBApMe,gBAAgB"}
|
|
@@ -32,6 +32,7 @@ import { CheckboxListContext } from "./CheckboxListContext.js";
|
|
|
32
32
|
import { ItemDescriptionContext } from "../Item/ItemDescriptionContext.js";
|
|
33
33
|
import { joinAriaIDs } from "../utils/inputAria.js";
|
|
34
34
|
import { useMergedRefs } from "../hooks/useMergedRefs.js";
|
|
35
|
+
import { themeDataAttributes } from "../utils/themeProps.js";
|
|
35
36
|
import { registerEnglishFallback, useComponentTranslator } from "../i18n/useComponentTranslator.js";
|
|
36
37
|
import english from "../i18n/generated-english/CheckboxList/CheckboxListItem.generated.js";
|
|
37
38
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -224,8 +225,14 @@ export function CheckboxListItem({
|
|
|
224
225
|
onCheck?.(shouldCheck);
|
|
225
226
|
}
|
|
226
227
|
};
|
|
228
|
+
|
|
229
|
+
// The state follows the fill, so a theme can restyle the text on it.
|
|
230
|
+
const isCheckedRow = resolvedChecked === true && !effectiveDisabled && !effectiveReadOnly;
|
|
227
231
|
return /*#__PURE__*/_jsx(ListItem, {
|
|
228
232
|
...restProps,
|
|
233
|
+
...themeDataAttributes({
|
|
234
|
+
selected: isCheckedRow ? 'selected' : null
|
|
235
|
+
}),
|
|
229
236
|
ref: ref,
|
|
230
237
|
label: namesFromVisibleLabel ? /*#__PURE__*/_jsx("span", {
|
|
231
238
|
id: labelID,
|
|
@@ -249,7 +256,7 @@ export function CheckboxListItem({
|
|
|
249
256
|
// Item's row layer drops the strength's release, and the box paints
|
|
250
257
|
// at that strength. So the row brings the release back, and the box
|
|
251
258
|
// fades with the row.
|
|
252
|
-
rowOwnsPress && interactionOverlayStyles.pressedAlpha,
|
|
259
|
+
rowOwnsPress && interactionOverlayStyles.pressedAlpha, isCheckedRow && styles.selected, xstyle],
|
|
253
260
|
className: className,
|
|
254
261
|
style: style,
|
|
255
262
|
startContent:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableCard.d.ts","sourceRoot":"","sources":["../../src/ClickableCard/ClickableCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EACL,KAAK,SAAS,EACd,KAAK,UAAU,EAGf,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAItE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ClickableCard.d.ts","sourceRoot":"","sources":["../../src/ClickableCard/ClickableCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EACL,KAAK,SAAS,EACd,KAAK,UAAU,EAGf,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAItE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2L5C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE1B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,aAAa,EAAE,iBAAiB,EAChC,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,SAAkB,EAClB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,EACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAoIpB;yBAxJe,aAAa"}
|
|
@@ -71,9 +71,9 @@ const styles = {
|
|
|
71
71
|
kwXMNM: "x1j6awrg",
|
|
72
72
|
kv0HGH: "xarstr8",
|
|
73
73
|
kloYau: "x2q1x1w",
|
|
74
|
-
kRicXK: "x1ywzrc5 x1xg7wox x15tr235",
|
|
75
|
-
kPNhGg: "x97pup0",
|
|
76
|
-
kA8PQs: "x1dlmc9c",
|
|
74
|
+
kRicXK: "x1ywzrc5 x1xg7wox x15tr235 x1l4pwez",
|
|
75
|
+
kPNhGg: "x97pup0 x12t15ek x1ntmb8i",
|
|
76
|
+
kA8PQs: "x1dlmc9c xszhkds",
|
|
77
77
|
ks3ayO: "x1l0fnur x1l0866b x7bosnz",
|
|
78
78
|
kNctxI: "x1rd1oi2 xlif165",
|
|
79
79
|
$$css: true
|
|
@@ -88,9 +88,9 @@ const styles = {
|
|
|
88
88
|
kwRFfy: "x12frdag",
|
|
89
89
|
kLKAdn: "x1nex4ik",
|
|
90
90
|
kGO01o: "xbv1mwh",
|
|
91
|
-
k1ekBW: "xshfolx",
|
|
92
|
-
kIyJzY: "xuedmi6",
|
|
93
|
-
kAMwcw: "xlr8y92",
|
|
91
|
+
k1ekBW: "xshfolx x1xcegdw",
|
|
92
|
+
kIyJzY: "xuedmi6 xo2sced x18etpvv",
|
|
93
|
+
kAMwcw: "xlr8y92 xro0fum",
|
|
94
94
|
$$css: true
|
|
95
95
|
},
|
|
96
96
|
borderedHoverOnPointer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComplexSelector.d.ts","sourceRoot":"","sources":["../../src/ComplexSelector/ComplexSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAQZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAG5D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAoBtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"ComplexSelector.d.ts","sourceRoot":"","sources":["../../src/ComplexSelector/ComplexSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAQZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAG5D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAoBtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AAoMxE,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAMrD;;;;;GAKG;AACH,MAAM,WAAW,iCAAkC,SAAQ,IAAI,CAC7D,mBAAmB,EACjB,MAAM,mBAAmB,GACzB,IAAI,GACJ,SAAS,GACT,WAAW,GACX,MAAM,GACN,YAAY,GACZ,eAAe,GACf,eAAe,GACf,eAAe,GACf,WAAW,GACX,eAAe,GACf,eAAe,CAClB;IACC;;;OAGG;IACH,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,oEAAoE;IACpE,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,QAAQ,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;;OAGG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;;;OAIG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,0BAA0B;IACzC,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAqB;IACpC,sEAAsE;IACtE,IAAI,IAAI,IAAI,CAAC;IACb;;;OAGG;IACH,KAAK,IAAI,IAAI,CAAC;IACd,kDAAkD;IAClD,MAAM,IAAI,IAAI,CAAC;IACf,wEAAwE;IACxE,MAAM,IAAI,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,CAAE,SAAQ,IAAI,CACvD,mBAAmB,EACnB,UAAU,GAAG,UAAU,CACxB;IACC,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACpD,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,wEAAwE;IACxE,QAAQ,EAAE,CACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAChC,KAAK,EAAE,MAAM,IAAI,EACjB,KAAK,EAAE,0BAA0B,KAC9B,SAAS,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iCAAiC,KAAK,SAAS,CAAC;IACxE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,WAAW,EAAE,oBAAoB,EACjC,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,SAAiB,EACjB,MAAM,EACN,aAA0B,EAC1B,YAAY,EACZ,IAAW,EACX,OAAiB,EACjB,SAAS,EACT,KAAK,EACL,SAAmB,EACnB,SAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,GAAG,EACH,EAAE,EACF,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,kBAAkB,EAAE,mBAAmB,EACvC,GAAG,SAAS,EACb,EAAE,oBAAoB,CAAC,KAAK,CAAC,qBA8a7B;yBArde,eAAe"}
|
|
@@ -289,15 +289,14 @@ export function ComplexSelector({
|
|
|
289
289
|
const contentId = useId();
|
|
290
290
|
const descriptionId = useId();
|
|
291
291
|
const statusMessageId = useId();
|
|
292
|
-
// With `tooltip` placement Field renders no message box
|
|
293
|
-
//
|
|
294
|
-
// Only that placement renders an on-field status affordance here.
|
|
292
|
+
// With `tooltip` placement, Field renders no message box. The info-tip
|
|
293
|
+
// holds the message and describes the trigger.
|
|
295
294
|
const isTooltipStatus = effectiveStatusVariant === 'tooltip';
|
|
296
295
|
const {
|
|
297
296
|
statusIcon: statusTip,
|
|
298
297
|
describedBy: statusTipDescribedBy
|
|
299
298
|
} = useInputStatusIcon({
|
|
300
|
-
status
|
|
299
|
+
status,
|
|
301
300
|
statusVariant: effectiveStatusVariant,
|
|
302
301
|
size: 'sm'
|
|
303
302
|
});
|
|
@@ -549,21 +548,31 @@ export function ComplexSelector({
|
|
|
549
548
|
},
|
|
550
549
|
children: triggerContent
|
|
551
550
|
})
|
|
552
|
-
}),
|
|
551
|
+
}), isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
552
|
+
size: "sm",
|
|
553
|
+
"aria-hidden": "true"
|
|
554
|
+
}), isRenderable(statusTip) && (isTooltipStatus ?
|
|
553
555
|
/*#__PURE__*/
|
|
554
|
-
// The info-tip is its own control: a press on it, or on its
|
|
555
|
-
// bubble (portaled, so outside this span in the DOM but
|
|
556
|
-
// React), shows the message without opening the
|
|
556
|
+
// The info-tip is its own control: a press on it, or on its
|
|
557
|
+
// message bubble (portaled, so outside this span in the DOM but
|
|
558
|
+
// inside it in React), shows the message without opening the
|
|
559
|
+
// popup.
|
|
557
560
|
_jsx("span", {
|
|
558
561
|
onClick: stopPropagation,
|
|
559
562
|
...{
|
|
560
563
|
className: "x3nfvp2 x6s0dn4 x2lah0s"
|
|
561
564
|
},
|
|
562
565
|
children: statusTip
|
|
563
|
-
})
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
566
|
+
}) :
|
|
567
|
+
/*#__PURE__*/
|
|
568
|
+
// The plain icon is part of the field: a press on it opens the
|
|
569
|
+
// popup, as a press on the trigger does.
|
|
570
|
+
_jsx("span", {
|
|
571
|
+
...{
|
|
572
|
+
className: "x3nfvp2 x6s0dn4 x2lah0s"
|
|
573
|
+
},
|
|
574
|
+
children: statusTip
|
|
575
|
+
})), !isRenderable(statusTip) && /*#__PURE__*/_jsx(Icon, {
|
|
567
576
|
icon: "chevronDown",
|
|
568
577
|
size: "sm",
|
|
569
578
|
color: "secondary"
|
|
@@ -101,9 +101,9 @@ const styles = {
|
|
|
101
101
|
|
|
102
102
|
/**
|
|
103
103
|
* The motion tables the wheel resolves internal roles from: the timing curve,
|
|
104
|
-
* the scroll bounce and the picker's tap spin.
|
|
105
|
-
*
|
|
106
|
-
* right before it resolves a role.
|
|
104
|
+
* the scroll bounce and the picker's tap spin. The picker table registers as
|
|
105
|
+
* its module loads, but the timing and scroll tables do not. Each register is
|
|
106
|
+
* idempotent, so the wheel calls this right before it resolves a role.
|
|
107
107
|
*/
|
|
108
108
|
function registerWheelTables() {
|
|
109
109
|
registerTimingTable();
|