@astryxdesign/core 0.1.2-canary.eb7243a → 0.1.2-canary.f03e2cc
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/README.md +12 -12
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +5 -11
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.js +5 -24
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +28 -43
- package/dist/Calendar/styles.d.ts +9 -3
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +11 -3
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +3 -17
- package/dist/Chat/ChatMessageList.d.ts +1 -14
- package/dist/Chat/ChatMessageList.d.ts.map +1 -1
- package/dist/Chat/ChatMessageList.js +0 -2
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +1 -4
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +2 -4
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +4 -12
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +37 -49
- package/dist/ContextMenu/ContextMenu.d.ts +5 -4
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +11 -93
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +2 -17
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +4 -9
- package/dist/DateTimeInput/DateTimeInput.d.ts +1 -7
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +3 -15
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +0 -12
- package/dist/DropdownMenu/DropdownMenu.d.ts +8 -1
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +14 -42
- package/dist/Field/Field.d.ts +2 -19
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/Field/Field.js +0 -4
- package/dist/Field/FieldLabel.d.ts +2 -21
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +26 -41
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +6 -27
- package/dist/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/InputGroup/InputGroup.js +1 -4
- package/dist/Kbd/Kbd.d.ts.map +1 -1
- package/dist/Kbd/Kbd.js +1 -33
- package/dist/Layer/layerAnimations.stylex.d.ts +0 -4
- package/dist/Layer/layerAnimations.stylex.d.ts.map +1 -1
- package/dist/Layer/layerAnimations.stylex.js +4 -8
- package/dist/Layer/useLayer.d.ts +0 -10
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +6 -41
- package/dist/Layout/padding.stylex.d.ts +0 -51
- package/dist/Layout/padding.stylex.d.ts.map +1 -1
- package/dist/Layout/padding.stylex.js +0 -63
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +2 -4
- package/dist/Link/Link.d.ts +1 -7
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +7 -15
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +0 -5
- package/dist/MoreMenu/MoreMenu.d.ts +7 -1
- package/dist/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/MoreMenu/MoreMenu.js +2 -0
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +17 -73
- package/dist/MultiSelector/hooks.d.ts +1 -12
- package/dist/MultiSelector/hooks.d.ts.map +1 -1
- package/dist/MultiSelector/hooks.js +1 -14
- package/dist/NavMenu/NavHeadingMenu.d.ts.map +1 -1
- package/dist/NavMenu/NavHeadingMenu.js +3 -34
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +1 -7
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +1 -15
- package/dist/Popover/usePopover.d.ts +2 -25
- package/dist/Popover/usePopover.d.ts.map +1 -1
- package/dist/Popover/usePopover.js +6 -18
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +1 -4
- package/dist/ProgressBar/ProgressBar.js +1 -1
- package/dist/RadioList/RadioList.d.ts +1 -1
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +3 -76
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +0 -22
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +2 -6
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +18 -54
- package/dist/Selector/hooks.d.ts +1 -8
- package/dist/Selector/hooks.d.ts.map +1 -1
- package/dist/Selector/hooks.js +1 -14
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +1 -1
- package/dist/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/Skeleton/Skeleton.js +2 -8
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +1 -1
- package/dist/Stack/Stack.d.ts +1 -28
- package/dist/Stack/Stack.d.ts.map +1 -1
- package/dist/Stack/Stack.js +1 -17
- package/dist/Stack/StackItem.d.ts +1 -12
- package/dist/Stack/StackItem.d.ts.map +1 -1
- package/dist/Stack/StackItem.js +1 -8
- package/dist/TabList/Tab.d.ts.map +1 -1
- package/dist/TabList/Tab.js +0 -6
- package/dist/TabList/TabList.d.ts +4 -15
- package/dist/TabList/TabList.d.ts.map +1 -1
- package/dist/TabList/TabList.js +4 -58
- package/dist/TabList/TabListContext.d.ts +0 -5
- package/dist/TabList/TabListContext.d.ts.map +1 -1
- package/dist/TabList/TabListContext.js +0 -5
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +1 -6
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +1 -7
- package/dist/Table/plugins/pagination/paginateData.d.ts +1 -2
- package/dist/Table/plugins/pagination/paginateData.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/paginateData.js +3 -8
- package/dist/Table/plugins/pagination/useTablePagination.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/useTablePagination.js +1 -6
- package/dist/Table/tableContextMenu.d.ts.map +1 -1
- package/dist/Table/tableContextMenu.js +3 -0
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +0 -14
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +3 -132
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Toolbar/Toolbar.js +3 -7
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +9 -56
- package/dist/TreeList/TreeList.d.ts +1 -1
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +2 -78
- package/dist/TreeList/TreeListItem.d.ts +1 -10
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +12 -51
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +4 -58
- package/dist/astryx.css +0 -7
- package/dist/astryx.umd.js +48 -48
- package/dist/astryx.umd.js.map +4 -4
- package/dist/hooks/index.d.ts +2 -10
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -6
- package/dist/hooks/useClickableContainer.d.ts +1 -16
- package/dist/hooks/useClickableContainer.d.ts.map +1 -1
- package/dist/hooks/useClickableContainer.js +4 -16
- package/dist/hooks/useEntryAnimation.d.ts.map +1 -1
- package/dist/hooks/useEntryAnimation.js +4 -4
- package/dist/hooks/useFocusTrap.d.ts +0 -18
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +3 -87
- package/dist/hooks/useGridFocus.d.ts +1 -32
- package/dist/hooks/useGridFocus.d.ts.map +1 -1
- package/dist/hooks/useGridFocus.js +58 -143
- package/dist/hooks/useListFocus.d.ts +7 -78
- package/dist/hooks/useListFocus.d.ts.map +1 -1
- package/dist/hooks/useListFocus.js +52 -305
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +0 -1
- package/package.json +5 -11
- package/src/Avatar/Avatar.tsx +5 -10
- package/src/Breadcrumbs/BreadcrumbItem.tsx +7 -25
- package/src/Breadcrumbs/Breadcrumbs.test.tsx +10 -31
- package/src/Calendar/Calendar.doc.mjs +1 -1
- package/src/Calendar/Calendar.test.tsx +4 -147
- package/src/Calendar/Calendar.tsx +43 -52
- package/src/Calendar/styles.ts +9 -4
- package/src/Carousel/Carousel.test.tsx +0 -20
- package/src/Carousel/Carousel.tsx +1 -16
- package/src/Chat/ChatMessageList.doc.mjs +0 -8
- package/src/Chat/ChatMessageList.test.tsx +0 -18
- package/src/Chat/ChatMessageList.tsx +0 -16
- package/src/Chat/useTriggerMenu.tsx +0 -3
- package/src/CheckboxInput/CheckboxInput.test.tsx +25 -14
- package/src/CheckboxInput/CheckboxInput.tsx +2 -4
- package/src/CheckboxList/CheckboxList.test.tsx +14 -30
- package/src/CheckboxList/CheckboxList.tsx +3 -18
- package/src/CodeBlock/CodeBlock.tsx +33 -61
- package/src/ContextMenu/ContextMenu.doc.mjs +4 -4
- package/src/ContextMenu/ContextMenu.test.tsx +1 -155
- package/src/ContextMenu/ContextMenu.tsx +16 -113
- package/src/DateInput/DateInput.test.tsx +0 -59
- package/src/DateInput/DateInput.tsx +7 -24
- package/src/DateRangeInput/DateRangeInput.test.tsx +18 -69
- package/src/DateRangeInput/DateRangeInput.tsx +3 -7
- package/src/DateTimeInput/DateTimeInput.doc.mjs +0 -7
- package/src/DateTimeInput/DateTimeInput.test.tsx +6 -99
- package/src/DateTimeInput/DateTimeInput.tsx +3 -32
- package/src/Dialog/Dialog.tsx +0 -12
- package/src/DropdownMenu/DropdownMenu.doc.mjs +8 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +42 -56
- package/src/DropdownMenu/DropdownMenu.tsx +18 -52
- package/src/Field/Field.test.tsx +0 -32
- package/src/Field/Field.tsx +5 -23
- package/src/Field/FieldLabel.tsx +17 -55
- package/src/FileInput/FileInput.test.tsx +49 -104
- package/src/FileInput/FileInput.tsx +3 -27
- package/src/InputGroup/InputGroup.test.tsx +63 -21
- package/src/InputGroup/InputGroup.tsx +1 -4
- package/src/Kbd/Kbd.test.tsx +4 -22
- package/src/Kbd/Kbd.tsx +3 -35
- package/src/Layer/layerAnimations.stylex.ts +4 -20
- package/src/Layer/useLayer.doc.mjs +0 -5
- package/src/Layer/useLayer.tsx +6 -67
- package/src/Layout/padding.stylex.ts +0 -52
- package/src/Lightbox/Lightbox.test.tsx +5 -53
- package/src/Lightbox/Lightbox.tsx +4 -9
- package/src/Link/Link.doc.mjs +0 -14
- package/src/Link/Link.test.tsx +0 -32
- package/src/Link/Link.tsx +4 -41
- package/src/Markdown/Markdown.test.tsx +0 -11
- package/src/Markdown/Markdown.tsx +0 -5
- package/src/MetadataList/MetadataListItem.doc.mjs +0 -4
- package/src/MoreMenu/MoreMenu.doc.mjs +17 -2
- package/src/MoreMenu/MoreMenu.tsx +9 -0
- package/src/MultiSelector/MultiSelector.test.tsx +8 -226
- package/src/MultiSelector/MultiSelector.tsx +19 -91
- package/src/MultiSelector/hooks.ts +0 -27
- package/src/NavMenu/NavHeadingMenu.test.tsx +1 -77
- package/src/NavMenu/NavHeadingMenu.tsx +3 -50
- package/src/NumberInput/NumberInput.test.tsx +38 -72
- package/src/NumberInput/NumberInput.tsx +1 -12
- package/src/Pagination/Pagination.doc.mjs +3 -3
- package/src/Pagination/Pagination.test.tsx +5 -117
- package/src/Pagination/Pagination.tsx +1 -21
- package/src/Popover/usePopover.doc.mjs +3 -7
- package/src/Popover/usePopover.tsx +6 -49
- package/src/PowerSearch/PowerSearch.tsx +0 -3
- package/src/ProgressBar/ProgressBar.test.tsx +26 -34
- package/src/ProgressBar/ProgressBar.tsx +1 -1
- package/src/RadioList/RadioList.test.tsx +14 -129
- package/src/RadioList/RadioList.tsx +8 -103
- package/src/SegmentedControl/SegmentedControl.test.tsx +40 -84
- package/src/SegmentedControl/SegmentedControl.tsx +0 -26
- package/src/SegmentedControl/SegmentedControlItem.tsx +1 -4
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.test.tsx +14 -199
- package/src/Selector/Selector.tsx +38 -74
- package/src/Selector/hooks.ts +0 -23
- package/src/SideNav/SideNav.test.tsx +0 -16
- package/src/SideNav/SideNavItem.tsx +4 -2
- package/src/Skeleton/Skeleton.tsx +1 -11
- package/src/Spinner/Spinner.tsx +1 -7
- package/src/Stack/Stack.doc.mjs +0 -57
- package/src/Stack/Stack.test.tsx +5 -55
- package/src/Stack/Stack.tsx +1 -53
- package/src/Stack/StackItem.test.tsx +0 -23
- package/src/Stack/StackItem.tsx +0 -20
- package/src/TabList/Tab.tsx +0 -6
- package/src/TabList/TabList.doc.mjs +0 -6
- package/src/TabList/TabList.test.tsx +0 -167
- package/src/TabList/TabList.tsx +9 -72
- package/src/TabList/TabListContext.ts +3 -7
- package/src/TabList/TabMenu.tsx +3 -6
- package/src/Table/Table.test.tsx +0 -10
- package/src/Table/Table.tsx +0 -5
- package/src/Table/plugins/pagination/paginateData.ts +3 -10
- package/src/Table/plugins/pagination/useTablePagination.test.tsx +0 -16
- package/src/Table/plugins/pagination/useTablePagination.tsx +1 -8
- package/src/Table/tableContextMenu.tsx +5 -1
- package/src/Toast/Toast.tsx +0 -14
- package/src/Toast/ToastViewport.tsx +21 -167
- package/src/Toolbar/Toolbar.test.tsx +0 -45
- package/src/Toolbar/Toolbar.tsx +2 -5
- package/src/Tooltip/Tooltip.test.tsx +0 -68
- package/src/Tooltip/useTooltip.tsx +8 -55
- package/src/TreeList/TreeList.test.tsx +6 -295
- package/src/TreeList/TreeList.tsx +1 -84
- package/src/TreeList/TreeListItem.tsx +5 -50
- package/src/Typeahead/BaseTypeahead.tsx +8 -69
- package/src/Typeahead/Typeahead.test.tsx +0 -160
- package/src/hooks/index.ts +2 -21
- package/src/hooks/useClickableContainer.ts +4 -16
- package/src/hooks/useEntryAnimation.ts +4 -16
- package/src/hooks/useFocusTrap.ts +4 -98
- package/src/hooks/useGridFocus.ts +64 -184
- package/src/hooks/useListFocus.doc.mjs +10 -49
- package/src/hooks/useListFocus.ts +57 -395
- package/src/index.ts +0 -1
- package/src/utils/index.ts +0 -7
- package/dist/TreeList/treeListItem.markers.stylex.d.ts +0 -16
- package/dist/TreeList/treeListItem.markers.stylex.d.ts.map +0 -1
- package/dist/TreeList/treeListItem.markers.stylex.js +0 -22
- package/dist/VisuallyHidden/VisuallyHidden.d.ts +0 -61
- package/dist/VisuallyHidden/VisuallyHidden.d.ts.map +0 -1
- package/dist/VisuallyHidden/VisuallyHidden.js +0 -65
- package/dist/VisuallyHidden/index.d.ts +0 -11
- package/dist/VisuallyHidden/index.d.ts.map +0 -1
- package/dist/VisuallyHidden/index.js +0 -13
- package/dist/hooks/focusableSelector.d.ts +0 -22
- package/dist/hooks/focusableSelector.d.ts.map +0 -1
- package/dist/hooks/focusableSelector.js +0 -24
- package/dist/hooks/useAnnounce.d.ts +0 -40
- package/dist/hooks/useAnnounce.d.ts.map +0 -1
- package/dist/hooks/useAnnounce.js +0 -142
- package/dist/hooks/useLongPress.d.ts +0 -21
- package/dist/hooks/useLongPress.d.ts.map +0 -1
- package/dist/hooks/useLongPress.js +0 -89
- package/dist/hooks/useTreeFocus.d.ts +0 -133
- package/dist/hooks/useTreeFocus.d.ts.map +0 -1
- package/dist/hooks/useTreeFocus.js +0 -274
- package/dist/hooks/useTypeahead.d.ts +0 -63
- package/dist/hooks/useTypeahead.d.ts.map +0 -1
- package/dist/hooks/useTypeahead.js +0 -117
- package/src/Avatar/Avatar.test.tsx +0 -37
- package/src/CodeBlock/CodeBlock.test.tsx +0 -115
- package/src/Skeleton/Skeleton.test.tsx +0 -25
- package/src/Toast/ToastViewport.test.tsx +0 -204
- package/src/TreeList/treeListItem.markers.stylex.ts +0 -20
- package/src/VisuallyHidden/VisuallyHidden.doc.mjs +0 -80
- package/src/VisuallyHidden/VisuallyHidden.test.tsx +0 -76
- package/src/VisuallyHidden/VisuallyHidden.tsx +0 -113
- package/src/VisuallyHidden/index.ts +0 -15
- package/src/hooks/focusableSelector.ts +0 -25
- package/src/hooks/useAnnounce.test.tsx +0 -101
- package/src/hooks/useAnnounce.ts +0 -168
- package/src/hooks/useFocusTrap.test.tsx +0 -132
- package/src/hooks/useListFocus.test.tsx +0 -375
- package/src/hooks/useLongPress.test.tsx +0 -134
- package/src/hooks/useLongPress.ts +0 -119
- package/src/hooks/useTreeFocus.doc.mjs +0 -126
- package/src/hooks/useTreeFocus.test.tsx +0 -214
- package/src/hooks/useTreeFocus.ts +0 -464
- package/src/hooks/useTypeahead.test.tsx +0 -109
- package/src/hooks/useTypeahead.ts +0 -183
package/dist/Layer/useLayer.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* - /packages/core/src/Layer/Layer.doc.mjs
|
|
13
13
|
* - /packages/core/src/Layer/index.ts
|
|
14
14
|
*/
|
|
15
|
-
import React, { useCallback,
|
|
15
|
+
import React, { useCallback, useId, useRef, useState } from 'react';
|
|
16
16
|
import * as stylex from '@stylexjs/stylex';
|
|
17
17
|
import { addAnchorName, removeAnchorName } from "./anchorName.js";
|
|
18
18
|
import "../theme/tokens.stylex.js";
|
|
@@ -191,44 +191,13 @@ export function useLayer(options) {
|
|
|
191
191
|
}
|
|
192
192
|
}, [onHide]);
|
|
193
193
|
|
|
194
|
-
// Ref callback for popover element — sets up
|
|
195
|
-
// Tracks the element + handler currently bound so the listener is removed
|
|
196
|
-
// when the element detaches or when `handleToggle`'s identity changes (a new
|
|
197
|
-
// `onHide` prop), preventing stale-closure listeners from accumulating on the
|
|
198
|
-
// same element (infra-10).
|
|
199
|
-
const listenedElRef = useRef(null);
|
|
200
|
-
const listenedHandlerRef = useRef(null);
|
|
201
|
-
const bindToggleListener = useCallback((el, handler) => {
|
|
202
|
-
if (listenedElRef.current && listenedHandlerRef.current && (listenedElRef.current !== el || listenedHandlerRef.current !== handler)) {
|
|
203
|
-
listenedElRef.current.removeEventListener('toggle', listenedHandlerRef.current);
|
|
204
|
-
listenedElRef.current = null;
|
|
205
|
-
listenedHandlerRef.current = null;
|
|
206
|
-
}
|
|
207
|
-
if (el && listenedElRef.current !== el) {
|
|
208
|
-
el.addEventListener('toggle', handler);
|
|
209
|
-
listenedElRef.current = el;
|
|
210
|
-
listenedHandlerRef.current = handler;
|
|
211
|
-
}
|
|
212
|
-
}, []);
|
|
194
|
+
// Ref callback for popover element — sets up toggle listener
|
|
213
195
|
const popoverRefCallback = useCallback(el => {
|
|
214
196
|
popoverRef.current = el;
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
// Re-bind when the handler identity changes while the element stays mounted,
|
|
219
|
-
// and detach on unmount.
|
|
220
|
-
useEffect(() => {
|
|
221
|
-
if (popoverRef.current) {
|
|
222
|
-
bindToggleListener(popoverRef.current, handleToggle);
|
|
197
|
+
if (el) {
|
|
198
|
+
el.addEventListener('toggle', handleToggle);
|
|
223
199
|
}
|
|
224
|
-
|
|
225
|
-
if (listenedElRef.current && listenedHandlerRef.current) {
|
|
226
|
-
listenedElRef.current.removeEventListener('toggle', listenedHandlerRef.current);
|
|
227
|
-
listenedElRef.current = null;
|
|
228
|
-
listenedHandlerRef.current = null;
|
|
229
|
-
}
|
|
230
|
-
};
|
|
231
|
-
}, [handleToggle, bindToggleListener]);
|
|
200
|
+
}, [handleToggle]);
|
|
232
201
|
|
|
233
202
|
// Render function for context mode
|
|
234
203
|
const renderContext = useCallback((children, props) => {
|
|
@@ -239,9 +208,7 @@ export function useLayer(options) {
|
|
|
239
208
|
xstyle,
|
|
240
209
|
className: extraClassName,
|
|
241
210
|
style: extraStyle,
|
|
242
|
-
as: Container = 'div'
|
|
243
|
-
onMouseEnter,
|
|
244
|
-
onMouseLeave
|
|
211
|
+
as: Container = 'div'
|
|
245
212
|
} = props || {};
|
|
246
213
|
|
|
247
214
|
// CSS anchor positioning (dynamic, not in StyleX)
|
|
@@ -267,8 +234,6 @@ export function useLayer(options) {
|
|
|
267
234
|
...anchorStyle,
|
|
268
235
|
...extraStyle
|
|
269
236
|
},
|
|
270
|
-
onMouseEnter: onMouseEnter,
|
|
271
|
-
onMouseLeave: onMouseLeave,
|
|
272
237
|
children: children
|
|
273
238
|
});
|
|
274
239
|
}, [anchorId, id, lightDismiss, popoverRefCallback]);
|
|
@@ -284,57 +284,6 @@ export declare const layoutPaddingOuterYVarStyles: Readonly<{
|
|
|
284
284
|
readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "40px">;
|
|
285
285
|
}>;
|
|
286
286
|
}>;
|
|
287
|
-
/**
|
|
288
|
-
* Inline-only padding styles.
|
|
289
|
-
* Use when a component needs to set inline (horizontal) padding independently
|
|
290
|
-
* of block padding — e.g. the `paddingX` prop on Stack.
|
|
291
|
-
*/
|
|
292
|
-
export declare const paddingInlineStyles: Readonly<{
|
|
293
|
-
readonly 0: Readonly<{
|
|
294
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0px">;
|
|
295
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0px">;
|
|
296
|
-
}>;
|
|
297
|
-
readonly 0.5: Readonly<{
|
|
298
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "2px">;
|
|
299
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
|
|
300
|
-
}>;
|
|
301
|
-
readonly 1: Readonly<{
|
|
302
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
|
|
303
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
|
|
304
|
-
}>;
|
|
305
|
-
readonly 1.5: Readonly<{
|
|
306
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "6px">;
|
|
307
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "6px">;
|
|
308
|
-
}>;
|
|
309
|
-
readonly 2: Readonly<{
|
|
310
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "8px">;
|
|
311
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "8px">;
|
|
312
|
-
}>;
|
|
313
|
-
readonly 3: Readonly<{
|
|
314
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "12px">;
|
|
315
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "12px">;
|
|
316
|
-
}>;
|
|
317
|
-
readonly 4: Readonly<{
|
|
318
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "16px">;
|
|
319
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "16px">;
|
|
320
|
-
}>;
|
|
321
|
-
readonly 5: Readonly<{
|
|
322
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "20px">;
|
|
323
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "20px">;
|
|
324
|
-
}>;
|
|
325
|
-
readonly 6: Readonly<{
|
|
326
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "24px">;
|
|
327
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "24px">;
|
|
328
|
-
}>;
|
|
329
|
-
readonly 8: Readonly<{
|
|
330
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "32px">;
|
|
331
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "32px">;
|
|
332
|
-
}>;
|
|
333
|
-
readonly 10: Readonly<{
|
|
334
|
-
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "40px">;
|
|
335
|
-
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "40px">;
|
|
336
|
-
}>;
|
|
337
|
-
}>;
|
|
338
287
|
/**
|
|
339
288
|
* Block-only padding override styles.
|
|
340
289
|
* Use when a component needs to override block padding independently
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH
|
|
1
|
+
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAC"}
|
|
@@ -372,69 +372,6 @@ export const layoutPaddingOuterYVarStyles = {
|
|
|
372
372
|
}
|
|
373
373
|
};
|
|
374
374
|
|
|
375
|
-
/**
|
|
376
|
-
* Inline-only padding styles.
|
|
377
|
-
* Use when a component needs to set inline (horizontal) padding independently
|
|
378
|
-
* of block padding — e.g. the `paddingX` prop on Stack.
|
|
379
|
-
*/
|
|
380
|
-
export const paddingInlineStyles = {
|
|
381
|
-
"0": {
|
|
382
|
-
kZCmMZ: "x18gyask",
|
|
383
|
-
kwRFfy: "x1s0aq8i",
|
|
384
|
-
$$css: true
|
|
385
|
-
},
|
|
386
|
-
"1": {
|
|
387
|
-
kZCmMZ: "x1vsv5vr",
|
|
388
|
-
kwRFfy: "x1nryj5t",
|
|
389
|
-
$$css: true
|
|
390
|
-
},
|
|
391
|
-
"2": {
|
|
392
|
-
kZCmMZ: "x12gdq22",
|
|
393
|
-
kwRFfy: "x1djylfy",
|
|
394
|
-
$$css: true
|
|
395
|
-
},
|
|
396
|
-
"3": {
|
|
397
|
-
kZCmMZ: "x126nfab",
|
|
398
|
-
kwRFfy: "x1t818jl",
|
|
399
|
-
$$css: true
|
|
400
|
-
},
|
|
401
|
-
"4": {
|
|
402
|
-
kZCmMZ: "x1rey3nv",
|
|
403
|
-
kwRFfy: "xnjyzlh",
|
|
404
|
-
$$css: true
|
|
405
|
-
},
|
|
406
|
-
"5": {
|
|
407
|
-
kZCmMZ: "x1blguxw",
|
|
408
|
-
kwRFfy: "xdbrk9v",
|
|
409
|
-
$$css: true
|
|
410
|
-
},
|
|
411
|
-
"6": {
|
|
412
|
-
kZCmMZ: "x31w388",
|
|
413
|
-
kwRFfy: "x1we12cn",
|
|
414
|
-
$$css: true
|
|
415
|
-
},
|
|
416
|
-
"8": {
|
|
417
|
-
kZCmMZ: "x1j3hnjz",
|
|
418
|
-
kwRFfy: "x1q91b2g",
|
|
419
|
-
$$css: true
|
|
420
|
-
},
|
|
421
|
-
"10": {
|
|
422
|
-
kZCmMZ: "xqp078j",
|
|
423
|
-
kwRFfy: "x160ivqr",
|
|
424
|
-
$$css: true
|
|
425
|
-
},
|
|
426
|
-
"0.5": {
|
|
427
|
-
kZCmMZ: "x138rykx",
|
|
428
|
-
kwRFfy: "x1le3yxw",
|
|
429
|
-
$$css: true
|
|
430
|
-
},
|
|
431
|
-
"1.5": {
|
|
432
|
-
kZCmMZ: "xfti1ec",
|
|
433
|
-
kwRFfy: "x17hk9do",
|
|
434
|
-
$$css: true
|
|
435
|
-
}
|
|
436
|
-
};
|
|
437
|
-
|
|
438
375
|
/**
|
|
439
376
|
* Block-only padding override styles.
|
|
440
377
|
* Use when a component needs to override block padding independently
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACjE,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,aAAa,EACb,OAAe,EACf,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACjE,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,aAAa,EACb,OAAe,EACf,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,sCAoSf;yBApTe,QAAQ"}
|
|
@@ -334,7 +334,7 @@ export function Lightbox({
|
|
|
334
334
|
onClick: handleClose,
|
|
335
335
|
xstyle: styles.controlButton
|
|
336
336
|
})
|
|
337
|
-
}), isGallery && /*#__PURE__*/_jsx("div", {
|
|
337
|
+
}), isGallery && canPrev && /*#__PURE__*/_jsx("div", {
|
|
338
338
|
...{
|
|
339
339
|
className: "x10l6tqk xwa60dl x1cb1t30 x1vjfegm xnp31yv"
|
|
340
340
|
},
|
|
@@ -346,7 +346,6 @@ export function Lightbox({
|
|
|
346
346
|
}),
|
|
347
347
|
label: "Previous",
|
|
348
348
|
variant: "ghost",
|
|
349
|
-
isDisabled: !canPrev,
|
|
350
349
|
onClick: goToPrev,
|
|
351
350
|
xstyle: styles.controlButton
|
|
352
351
|
})
|
|
@@ -404,7 +403,7 @@ export function Lightbox({
|
|
|
404
403
|
},
|
|
405
404
|
children: currentItem.caption
|
|
406
405
|
})]
|
|
407
|
-
}), isGallery && /*#__PURE__*/_jsx("div", {
|
|
406
|
+
}), isGallery && canNext && /*#__PURE__*/_jsx("div", {
|
|
408
407
|
...{
|
|
409
408
|
className: "x10l6tqk xwa60dl x1cb1t30 x1vjfegm xmz3bnw"
|
|
410
409
|
},
|
|
@@ -416,7 +415,6 @@ export function Lightbox({
|
|
|
416
415
|
}),
|
|
417
416
|
label: "Next",
|
|
418
417
|
variant: "ghost",
|
|
419
|
-
isDisabled: !canNext,
|
|
420
418
|
onClick: goToNext,
|
|
421
419
|
xstyle: styles.controlButton
|
|
422
420
|
})
|
package/dist/Link/Link.d.ts
CHANGED
|
@@ -55,12 +55,6 @@ export interface LinkProps extends BaseProps<HTMLAnchorElement | HTMLButtonEleme
|
|
|
55
55
|
* @default false
|
|
56
56
|
*/
|
|
57
57
|
isExternalLink?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Screen-reader text appended to an external link to announce that it opens
|
|
60
|
-
* in a new tab (the visual icon is decorative). Override for localization.
|
|
61
|
-
* @default '(opens in new tab)'
|
|
62
|
-
*/
|
|
63
|
-
newTabLabel?: string;
|
|
64
58
|
/**
|
|
65
59
|
* Where to open the linked document.
|
|
66
60
|
* Overridden to "_blank" when isExternalLink is true.
|
|
@@ -152,7 +146,7 @@ export interface LinkProps extends BaseProps<HTMLAnchorElement | HTMLButtonEleme
|
|
|
152
146
|
* </Text>
|
|
153
147
|
* ```
|
|
154
148
|
*/
|
|
155
|
-
export declare function Link({ as, label, href, hasUnderline, isDisabled, isExternalLink,
|
|
149
|
+
export declare function Link({ as, label, href, hasUnderline, isDisabled, isExternalLink, target: targetFromProps, onClick, tooltip, isStandalone, type, size, weight, color, display, maxLines, children, rel: relFromProps, xstyle, className, style, ref, ...props }: LinkProps): import("react").JSX.Element;
|
|
156
150
|
export declare namespace Link {
|
|
157
151
|
var displayName: string;
|
|
158
152
|
}
|
package/dist/Link/Link.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAa5C,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAa5C,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAuF/C,MAAM,WAAW,SAAU,SAAQ,SAAS,CAC1C,iBAAiB,GAAG,iBAAiB,CACtC;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACvD;;;;;OAKG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,YAAoB,EACpB,UAAkB,EAClB,cAAsB,EACtB,MAAM,EAAE,eAAe,EACvB,OAAO,EACP,OAAO,EACP,YAAoB,EACpB,IAAa,EACb,IAAI,EACJ,MAAM,EACN,KAAgB,EAChB,OAAkB,EAClB,QAAY,EACZ,QAAQ,EACR,GAAG,EAAE,YAAY,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAqGX;yBA7He,IAAI"}
|
package/dist/Link/Link.js
CHANGED
|
@@ -80,11 +80,11 @@ const styles = {
|
|
|
80
80
|
*/
|
|
81
81
|
const linkColorStyles = {
|
|
82
82
|
primary: {
|
|
83
|
-
kMwMTN: "x1tgivj0
|
|
83
|
+
kMwMTN: "x1tgivj0",
|
|
84
84
|
$$css: true
|
|
85
85
|
},
|
|
86
86
|
secondary: {
|
|
87
|
-
kMwMTN: "xv1l7n4
|
|
87
|
+
kMwMTN: "xv1l7n4",
|
|
88
88
|
$$css: true
|
|
89
89
|
},
|
|
90
90
|
disabled: {
|
|
@@ -96,7 +96,7 @@ const linkColorStyles = {
|
|
|
96
96
|
$$css: true
|
|
97
97
|
},
|
|
98
98
|
accent: {
|
|
99
|
-
kMwMTN: "xjse4m1
|
|
99
|
+
kMwMTN: "xjse4m1",
|
|
100
100
|
$$css: true
|
|
101
101
|
},
|
|
102
102
|
inherit: {
|
|
@@ -131,7 +131,6 @@ export function Link({
|
|
|
131
131
|
hasUnderline = false,
|
|
132
132
|
isDisabled = false,
|
|
133
133
|
isExternalLink = false,
|
|
134
|
-
newTabLabel = '(opens in new tab)',
|
|
135
134
|
target: targetFromProps,
|
|
136
135
|
onClick,
|
|
137
136
|
tooltip,
|
|
@@ -174,17 +173,10 @@ export function Link({
|
|
|
174
173
|
display: display,
|
|
175
174
|
maxLines: maxLines,
|
|
176
175
|
children: children
|
|
177
|
-
}), isExternalLink && !renderAsButton && /*#__PURE__*/
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
color: "inherit"
|
|
182
|
-
}), /*#__PURE__*/_jsx("span", {
|
|
183
|
-
...{
|
|
184
|
-
className: "x10l6tqk x1i1rx1s xjm9jq1 xkdpibf x1717udv xb3r6kr xzpqnlu xuxw1ft xng3xce"
|
|
185
|
-
},
|
|
186
|
-
children: newTabLabel
|
|
187
|
-
})]
|
|
176
|
+
}), isExternalLink && !renderAsButton && /*#__PURE__*/_jsx(Icon, {
|
|
177
|
+
icon: "externalLink",
|
|
178
|
+
size: "xsm",
|
|
179
|
+
color: "inherit"
|
|
188
180
|
})]
|
|
189
181
|
});
|
|
190
182
|
let linkElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAgBhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAmBzD;;;;;;;;;GASG;AACH,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,KAAK,MAAM,GAAG,KAAK,CAAC;IAExE,2CAA2C;IAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACnE;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B,MAAM,EAAE,cAAc,CAAC;QACvB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC;KAC7B,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAC,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAC,CAAC,CAAC;IAC9D,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KACvC,IAAI,GAAG,KAAK,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACzC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACnC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACzC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AA0zCD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,QAAQ,EACR,OAAiB,EACjB,OAAmB,EACnB,iBAAqB,EACrB,WAAmB,EACnB,WAAW,EACX,OAAO,EACP,aAAuB,EACvB,YAAkB,EAClB,YAAsB,EACtB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2KpC;yBA9Le,QAAQ"}
|
|
@@ -918,11 +918,6 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
|
|
|
918
918
|
{
|
|
919
919
|
const colMinWidths = computeTableColumnMinWidths(node);
|
|
920
920
|
return /*#__PURE__*/_jsx("div", {
|
|
921
|
-
// Keyboard-focusable so keyboard users can scroll a horizontally
|
|
922
|
-
// overflowing GFM table.
|
|
923
|
-
tabIndex: 0,
|
|
924
|
-
role: "region",
|
|
925
|
-
"aria-label": "Table",
|
|
926
921
|
...stylex.props(styles.tableWrapper, spacing, contentWidthValue != null ? dynamicStyles.blockWidth(contentWidthValue) : null, BLOCK_ALIGN_MARGIN[contentAlign] != null ? dynamicStyles.blockAlign(BLOCK_ALIGN_MARGIN[contentAlign]) : null, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
|
|
927
922
|
children: /*#__PURE__*/_jsxs(Table, {
|
|
928
923
|
dividers: "rows",
|
|
@@ -59,6 +59,12 @@ export interface MoreMenuProps extends Pick<BaseProps, 'xstyle' | 'className' |
|
|
|
59
59
|
* Callback fired when the menu visibility changes.
|
|
60
60
|
*/
|
|
61
61
|
onOpenChange?: (isOpen: boolean) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Whether to auto-focus the first menu item when the menu opens.
|
|
64
|
+
* Set to `false` for inline showcases or documentation previews.
|
|
65
|
+
* @default true
|
|
66
|
+
*/
|
|
67
|
+
hasAutoFocus?: boolean;
|
|
62
68
|
/** Test ID for testing frameworks. */
|
|
63
69
|
'data-testid'?: string;
|
|
64
70
|
}
|
|
@@ -77,7 +83,7 @@ export interface MoreMenuProps extends Pick<BaseProps, 'xstyle' | 'className' |
|
|
|
77
83
|
* />
|
|
78
84
|
* ```
|
|
79
85
|
*/
|
|
80
|
-
export declare function MoreMenu({ items, label, variant, size: sizeProp, icon, isDisabled, isMenuOpen, onOpenChange, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
|
|
86
|
+
export declare function MoreMenu({ items, label, variant, size: sizeProp, icon, isDisabled, isMenuOpen, onOpenChange, hasAutoFocus, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
|
|
81
87
|
export declare namespace MoreMenu {
|
|
82
88
|
var displayName: string;
|
|
83
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAsB,EACtB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+
|
|
1
|
+
{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAsB,EACtB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BA+Bf;yBA9Ce,QAAQ"}
|
|
@@ -46,6 +46,7 @@ export function MoreMenu({
|
|
|
46
46
|
isDisabled = false,
|
|
47
47
|
isMenuOpen,
|
|
48
48
|
onOpenChange,
|
|
49
|
+
hasAutoFocus,
|
|
49
50
|
xstyle,
|
|
50
51
|
className: classNameProp,
|
|
51
52
|
style,
|
|
@@ -72,6 +73,7 @@ export function MoreMenu({
|
|
|
72
73
|
},
|
|
73
74
|
items: items,
|
|
74
75
|
hasChevron: false,
|
|
76
|
+
hasAutoFocus: hasAutoFocus,
|
|
75
77
|
"data-testid": testId
|
|
76
78
|
});
|
|
77
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAwB5D,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,6 @@ import { colorVars, sizeVars, spacingVars, radiusVars, durationVars, easeVars, t
|
|
|
27
27
|
import { isOptionData, isDivider, isSection, normalizeOption, getSelectableOptions } from "../Selector/utils.js";
|
|
28
28
|
import { useMultiCombobox } from "./hooks.js";
|
|
29
29
|
import { mergeProps } from "../utils/index.js";
|
|
30
|
-
import { useAnnounce } from "../hooks/useAnnounce.js";
|
|
31
30
|
import { useSize } from "../SizeContext/SizeContext.js";
|
|
32
31
|
import { themeProps } from "../utils/themeProps.js";
|
|
33
32
|
|
|
@@ -224,22 +223,6 @@ export function MultiSelector({
|
|
|
224
223
|
// Flatten options for keyboard navigation
|
|
225
224
|
const selectableItems = useMemo(() => getSelectableOptions(options), [options]);
|
|
226
225
|
|
|
227
|
-
// Announce selection-count changes politely (comboboxes-7 announce path).
|
|
228
|
-
// Toggling options / select-all previously produced no audible feedback.
|
|
229
|
-
const announce = useAnnounce();
|
|
230
|
-
const announceSelection = useCallback(nextValue => {
|
|
231
|
-
const total = selectableItems.length;
|
|
232
|
-
const selectableSet = new Set(selectableItems.map(item => item.value));
|
|
233
|
-
const selectedCount = nextValue.filter(v => selectableSet.has(v)).length;
|
|
234
|
-
if (selectedCount === 0) {
|
|
235
|
-
announce('Selection cleared');
|
|
236
|
-
} else if (total > 0 && selectedCount === total) {
|
|
237
|
-
announce('All selected');
|
|
238
|
-
} else {
|
|
239
|
-
announce(`${selectedCount} of ${total} selected`);
|
|
240
|
-
}
|
|
241
|
-
}, [announce, selectableItems]);
|
|
242
|
-
|
|
243
226
|
// Filter items by search query
|
|
244
227
|
const filteredItems = useMemo(() => {
|
|
245
228
|
if (!searchQuery) {
|
|
@@ -312,9 +295,7 @@ export function MultiSelector({
|
|
|
312
295
|
onHide: handleLayerHide,
|
|
313
296
|
hasCloseButton: false,
|
|
314
297
|
hasAutoFocus: false,
|
|
315
|
-
|
|
316
|
-
// keeps DOM focus, so wrapping it in a modal dialog would misrepresent it.
|
|
317
|
-
role: 'none'
|
|
298
|
+
dialogLabel: `${label} options`
|
|
318
299
|
});
|
|
319
300
|
|
|
320
301
|
// Open dropdown on mount when isDefaultOpen is true
|
|
@@ -326,36 +307,27 @@ export function MultiSelector({
|
|
|
326
307
|
}, []);
|
|
327
308
|
|
|
328
309
|
// Handle toggle
|
|
329
|
-
//
|
|
330
|
-
|
|
331
|
-
|
|
310
|
+
// Handle clear button click
|
|
311
|
+
const handleClear = useCallback(e => {
|
|
312
|
+
e.stopPropagation(); // Don't open dropdown
|
|
332
313
|
onChange([]);
|
|
333
|
-
announceSelection([]);
|
|
334
314
|
if (changeAction) {
|
|
335
315
|
startTransition(async () => {
|
|
336
316
|
setOptimisticValue([]);
|
|
337
317
|
await changeAction([]);
|
|
338
318
|
});
|
|
339
319
|
}
|
|
340
|
-
}, [onChange, changeAction, startTransition, setOptimisticValue
|
|
341
|
-
|
|
342
|
-
// Whether there is at least one selected value (clearing is meaningful).
|
|
343
|
-
const hasValue = optimisticValue.length > 0;
|
|
344
|
-
const handleClear = useCallback(e => {
|
|
345
|
-
e.stopPropagation(); // Don't open dropdown
|
|
346
|
-
clearValues();
|
|
347
|
-
}, [clearValues]);
|
|
320
|
+
}, [onChange, changeAction, startTransition, setOptimisticValue]);
|
|
348
321
|
const handleToggle = useCallback(itemValue => {
|
|
349
322
|
const newValue = optimisticValue.includes(itemValue) ? optimisticValue.filter(v => v !== itemValue) : [...optimisticValue, itemValue];
|
|
350
323
|
onChange(newValue);
|
|
351
|
-
announceSelection(newValue);
|
|
352
324
|
if (changeAction) {
|
|
353
325
|
startTransition(async () => {
|
|
354
326
|
setOptimisticValue(newValue);
|
|
355
327
|
await changeAction(newValue);
|
|
356
328
|
});
|
|
357
329
|
}
|
|
358
|
-
}, [optimisticValue, onChange, changeAction, startTransition, setOptimisticValue
|
|
330
|
+
}, [optimisticValue, onChange, changeAction, startTransition, setOptimisticValue]);
|
|
359
331
|
|
|
360
332
|
// Select-all logic
|
|
361
333
|
const enabledItems = useMemo(() => filteredItems.filter(item => !item.disabled), [filteredItems]);
|
|
@@ -379,14 +351,13 @@ export function MultiSelector({
|
|
|
379
351
|
}
|
|
380
352
|
}
|
|
381
353
|
onChange(newValue);
|
|
382
|
-
announceSelection(newValue);
|
|
383
354
|
if (changeAction) {
|
|
384
355
|
startTransition(async () => {
|
|
385
356
|
setOptimisticValue(newValue);
|
|
386
357
|
await changeAction(newValue);
|
|
387
358
|
});
|
|
388
359
|
}
|
|
389
|
-
}, [allEnabledSelected, enabledItems, optimisticValue, onChange, changeAction, startTransition, setOptimisticValue
|
|
360
|
+
}, [allEnabledSelected, enabledItems, optimisticValue, onChange, changeAction, startTransition, setOptimisticValue]);
|
|
390
361
|
|
|
391
362
|
// Route toggle: select-all sentinel → handleSelectAll, everything else → handleToggle
|
|
392
363
|
const handleNavigableToggle = useCallback(itemValue => {
|
|
@@ -423,24 +394,9 @@ export function MultiSelector({
|
|
|
423
394
|
}, [popover, hasSearch, optimisticValue]),
|
|
424
395
|
onClose: popover.hide,
|
|
425
396
|
onToggle: handleNavigableToggle,
|
|
426
|
-
onClear: hasClear ? clearValues : undefined,
|
|
427
|
-
hasValue,
|
|
428
397
|
listboxId
|
|
429
398
|
});
|
|
430
399
|
|
|
431
|
-
// Keep the highlighted option visible during keyboard navigation. The
|
|
432
|
-
// listbox is a fixed-height scroll container, so without this the virtual
|
|
433
|
-
// cursor walks off-screen once navigation passes the visible window. Mirrors
|
|
434
|
-
// CommandPaletteItem's scrollIntoView({block: 'nearest'}) behavior.
|
|
435
|
-
useEffect(() => {
|
|
436
|
-
if (!popover.isOpen || highlightedIndex < 0) {
|
|
437
|
-
return;
|
|
438
|
-
}
|
|
439
|
-
document.getElementById(getItemId(highlightedIndex))?.scrollIntoView?.({
|
|
440
|
-
block: 'nearest'
|
|
441
|
-
});
|
|
442
|
-
}, [popover.isOpen, highlightedIndex, getItemId]);
|
|
443
|
-
|
|
444
400
|
// Build trigger display content
|
|
445
401
|
const selectedLabels = useMemo(() => {
|
|
446
402
|
return optimisticValue.map(v => {
|
|
@@ -510,25 +466,16 @@ export function MultiSelector({
|
|
|
510
466
|
},
|
|
511
467
|
children: /*#__PURE__*/_jsx("input", {
|
|
512
468
|
ref: searchRef,
|
|
513
|
-
id: searchId
|
|
514
|
-
|
|
515
|
-
// not the trigger — must be the combobox reporting the highlighted
|
|
516
|
-
// option via aria-activedescendant (comboboxes-4).
|
|
517
|
-
,
|
|
518
|
-
role: "combobox",
|
|
519
|
-
"aria-expanded": popover.isOpen,
|
|
469
|
+
id: searchId,
|
|
470
|
+
role: "searchbox",
|
|
520
471
|
"aria-controls": listboxId,
|
|
521
|
-
"aria-autocomplete": "list",
|
|
522
|
-
"aria-activedescendant": popover.isOpen && highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,
|
|
523
472
|
"aria-label": "Search options",
|
|
524
473
|
type: "text",
|
|
525
474
|
value: searchQuery,
|
|
526
475
|
onChange: e => setSearchQuery(e.target.value),
|
|
527
476
|
onKeyDown: e => {
|
|
528
|
-
//
|
|
529
|
-
|
|
530
|
-
// the caret), not forwarded to option navigation.
|
|
531
|
-
if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === 'Escape' || e.key === 'Tab') {
|
|
477
|
+
// Let ArrowDown/Up/Escape/Tab propagate to parent handler
|
|
478
|
+
if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Escape' || e.key === 'Tab') {
|
|
532
479
|
onKeyDown(e);
|
|
533
480
|
}
|
|
534
481
|
},
|
|
@@ -538,7 +485,7 @@ export function MultiSelector({
|
|
|
538
485
|
}
|
|
539
486
|
})
|
|
540
487
|
});
|
|
541
|
-
}, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown
|
|
488
|
+
}, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown]);
|
|
542
489
|
|
|
543
490
|
// Render an individual item (index-based)
|
|
544
491
|
const renderItem = useCallback((item, flatIndex) => {
|
|
@@ -699,23 +646,19 @@ export function MultiSelector({
|
|
|
699
646
|
}), /*#__PURE__*/_jsx("button", {
|
|
700
647
|
ref: triggerRef,
|
|
701
648
|
id: triggerId,
|
|
702
|
-
type: "button"
|
|
703
|
-
|
|
704
|
-
// focus + aria-activedescendant, comboboxes-4), so the trigger is a
|
|
705
|
-
// plain button that opens the listbox — not a second combobox.
|
|
706
|
-
,
|
|
707
|
-
role: hasSearch ? undefined : 'combobox',
|
|
649
|
+
type: "button",
|
|
650
|
+
role: "combobox",
|
|
708
651
|
"aria-haspopup": "listbox",
|
|
709
652
|
"aria-expanded": popover.isOpen,
|
|
710
653
|
"aria-controls": listboxId,
|
|
711
|
-
"aria-activedescendant":
|
|
654
|
+
"aria-activedescendant": popover.isOpen && highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,
|
|
712
655
|
"aria-describedby": ariaDescribedBy,
|
|
713
656
|
"aria-required": isRequired ? 'true' : undefined,
|
|
714
657
|
"aria-invalid": status?.type === 'error' ? 'true' : undefined,
|
|
715
658
|
"aria-busy": isBusy || undefined,
|
|
716
659
|
disabled: isDisabled,
|
|
717
660
|
onKeyDown: onKeyDown,
|
|
718
|
-
tabIndex:
|
|
661
|
+
tabIndex: -1,
|
|
719
662
|
...{
|
|
720
663
|
className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz x1p25gnr x1wfwxd8 xh6dtrn"
|
|
721
664
|
},
|
|
@@ -729,6 +672,7 @@ export function MultiSelector({
|
|
|
729
672
|
size: "sm"
|
|
730
673
|
}), hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx("button", {
|
|
731
674
|
type: "button",
|
|
675
|
+
tabIndex: -1,
|
|
732
676
|
onClick: handleClear,
|
|
733
677
|
"aria-label": `Clear all ${label}`,
|
|
734
678
|
...{
|