@astryxdesign/core 0.1.9 → 0.2.0-canary.136a00f
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/CHANGELOG.md +107 -0
- package/dist/Avatar/Avatar.d.ts +42 -3
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +190 -59
- package/dist/Avatar/AvatarStatusDot.d.ts +6 -4
- package/dist/Avatar/AvatarStatusDot.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts +7 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +58 -6
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.js +7 -2
- package/dist/Banner/Banner.js +2 -2
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.js +11 -4
- package/dist/Breadcrumbs/index.d.ts +1 -0
- package/dist/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/Breadcrumbs/index.js +2 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +6 -4
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +50 -9
- package/dist/Calendar/dayCellUtils.d.ts +4 -4
- package/dist/Calendar/dayCellUtils.js +2 -2
- package/dist/Calendar/styles.d.ts +30 -31
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +30 -31
- package/dist/Card/Card.js +1 -1
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +22 -12
- package/dist/Chat/ChatComposerInput.js +1 -1
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +3 -1
- package/dist/Chat/ChatLayout.js +4 -4
- package/dist/Chat/ChatMessageBubble.d.ts.map +1 -1
- package/dist/Chat/ChatMessageBubble.js +8 -8
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +10 -3
- package/dist/Chat/useTriggerMenu.js +2 -2
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +6 -6
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +19 -4
- package/dist/Citation/Citation.d.ts +22 -1
- package/dist/Citation/Citation.d.ts.map +1 -1
- package/dist/Citation/Citation.js +20 -6
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +16 -10
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +3 -1
- package/dist/CommandPalette/CommandPalette.d.ts +1 -1
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +42 -3
- package/dist/CommandPalette/CommandPaletteItem.js +1 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +23 -5
- package/dist/ContextMenu/index.d.ts +1 -0
- package/dist/ContextMenu/index.d.ts.map +1 -1
- package/dist/ContextMenu/index.js +3 -1
- package/dist/DateInput/DateInput.d.ts +10 -2
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +33 -19
- package/dist/DateRangeInput/DateRangeInput.d.ts +10 -2
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +23 -20
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +23 -18
- package/dist/Divider/Divider.d.ts +2 -2
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Divider/Divider.js +13 -0
- package/dist/DropdownMenu/DropdownMenu.d.ts +6 -0
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +22 -5
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +4 -1
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +5 -2
- package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts +8 -11
- package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioGroup.js +3 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.js +5 -2
- package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts +104 -0
- package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts.map +1 -0
- package/dist/DropdownMenu/DropdownMenuSubMenu.js +427 -0
- package/dist/DropdownMenu/index.d.ts +10 -0
- package/dist/DropdownMenu/index.d.ts.map +1 -1
- package/dist/DropdownMenu/index.js +13 -0
- package/dist/DropdownMenu/menuItemHover.d.ts +23 -0
- package/dist/DropdownMenu/menuItemHover.d.ts.map +1 -0
- package/dist/DropdownMenu/menuItemHover.js +33 -0
- package/dist/DropdownMenu/menuItemRoles.d.ts +8 -0
- package/dist/DropdownMenu/menuItemRoles.d.ts.map +1 -1
- package/dist/DropdownMenu/menuItemRoles.js +10 -1
- package/dist/DropdownMenu/renderDropdownItems.d.ts.map +1 -1
- package/dist/DropdownMenu/renderDropdownItems.js +21 -6
- package/dist/Field/Field.d.ts +3 -1
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/Field/Field.js +4 -1
- package/dist/Field/FieldLabel.d.ts +2 -1
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +9 -5
- package/dist/Field/inputStyles.stylex.d.ts +1 -0
- package/dist/Field/inputStyles.stylex.d.ts.map +1 -1
- package/dist/Field/inputStyles.stylex.js +1 -0
- package/dist/FieldStatus/FieldStatus.d.ts +10 -0
- package/dist/FieldStatus/FieldStatus.d.ts.map +1 -1
- package/dist/FieldStatus/FieldStatus.js +39 -3
- package/dist/FileInput/FileInput.d.ts +10 -2
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +93 -65
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +10 -4
- package/dist/Icon/Icon.d.ts +15 -1
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +19 -3
- package/dist/Item/Item.d.ts +16 -3
- package/dist/Item/Item.d.ts.map +1 -1
- package/dist/Item/Item.js +31 -6
- package/dist/Layer/layerAnimations.stylex.d.ts.map +1 -1
- package/dist/Layer/layerAnimations.stylex.js +10 -2
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +19 -13
- package/dist/List/List.d.ts.map +1 -1
- package/dist/List/List.js +6 -3
- package/dist/List/ListItem.d.ts +11 -1
- package/dist/List/ListItem.d.ts.map +1 -1
- package/dist/List/ListItem.js +2 -0
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +7 -0
- package/dist/MetadataList/MetadataList.d.ts +1 -1
- package/dist/MetadataList/MetadataList.d.ts.map +1 -1
- package/dist/MetadataList/MetadataList.js +4 -2
- package/dist/MultiSelector/MultiSelector.d.ts +9 -1
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +80 -42
- package/dist/NavMenu/NavHeadingMenuItem.js +1 -1
- package/dist/NumberInput/NumberInput.d.ts +10 -2
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +22 -17
- package/dist/Outline/Outline.js +2 -2
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +11 -3
- package/dist/PowerSearch/PowerSearch.d.ts +9 -2
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +2 -0
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +6 -1
- package/dist/RadioList/RadioList.d.ts +2 -2
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +5 -5
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +49 -19
- package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +5 -3
- package/dist/Selector/Selector.d.ts +8 -0
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +66 -17
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +5 -5
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +13 -10
- package/dist/SideNav/SideNavItem.d.ts +1 -1
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +12 -10
- package/dist/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/Skeleton/Skeleton.js +2 -2
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +87 -34
- package/dist/Spinner/Spinner.d.ts +3 -2
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +11 -2
- package/dist/Switch/Switch.d.ts +8 -1
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +171 -91
- package/dist/TabList/Tab.js +2 -2
- package/dist/TabList/TabList.d.ts +2 -11
- package/dist/TabList/TabList.d.ts.map +1 -1
- package/dist/TabList/TabList.js +5 -9
- 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.js +1 -1
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +30 -4
- package/dist/Table/TableCell.js +3 -3
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +15 -11
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +37 -27
- package/dist/Table/plugins/selection/useTableSelection.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelection.js +3 -0
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.d.ts.map +1 -1
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.js +15 -7
- package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
- package/dist/Table/plugins/tree/useTableTreeData.js +29 -23
- package/dist/Table/types.d.ts +32 -0
- package/dist/Table/types.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +10 -1
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +18 -19
- package/dist/TextInput/TextInput.d.ts +10 -2
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +20 -17
- package/dist/Thumbnail/Thumbnail.js +2 -2
- package/dist/TimeInput/TimeInput.d.ts +10 -2
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +17 -17
- package/dist/Timestamp/Timestamp.d.ts +31 -3
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +47 -76
- package/dist/Timestamp/formatInstant.d.ts +41 -0
- package/dist/Timestamp/formatInstant.d.ts.map +1 -0
- package/dist/Timestamp/formatInstant.js +177 -0
- package/dist/Timestamp/index.d.ts +1 -0
- package/dist/Timestamp/index.d.ts.map +1 -1
- package/dist/Timestamp/tooltipEntries.d.ts +56 -0
- package/dist/Timestamp/tooltipEntries.d.ts.map +1 -0
- package/dist/Timestamp/tooltipEntries.js +163 -0
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +61 -9
- package/dist/ToggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/ToggleButton/ToggleButton.js +3 -1
- package/dist/Token/Token.d.ts +34 -4
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +85 -45
- package/dist/Token/TokenLink.d.ts +62 -0
- package/dist/Token/TokenLink.d.ts.map +1 -0
- package/dist/Token/TokenLink.js +76 -0
- package/dist/Token/index.d.ts +1 -1
- package/dist/Token/index.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.d.ts +9 -2
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +4 -2
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +17 -1
- package/dist/TopNav/TopNavItem.d.ts +3 -1
- package/dist/TopNav/TopNavItem.d.ts.map +1 -1
- package/dist/TopNav/TopNavItem.js +30 -3
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +1 -0
- package/dist/TreeList/TreeListBranches.d.ts.map +1 -1
- package/dist/TreeList/TreeListBranches.js +8 -6
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +32 -14
- package/dist/Typeahead/BaseTypeahead.d.ts +9 -0
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +22 -11
- package/dist/Typeahead/Typeahead.d.ts +9 -2
- package/dist/Typeahead/Typeahead.d.ts.map +1 -1
- package/dist/Typeahead/Typeahead.js +11 -2
- package/dist/Typeahead/TypeaheadItem.d.ts +1 -1
- package/dist/Typeahead/TypeaheadItem.d.ts.map +1 -1
- package/dist/Typeahead/TypeaheadItem.js +20 -10
- package/dist/astryx.css +70 -30
- package/dist/astryx.umd.js +51 -51
- package/dist/astryx.umd.js.map +4 -4
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/isRtlElement.d.ts +18 -0
- package/dist/hooks/isRtlElement.d.ts.map +1 -0
- package/dist/hooks/isRtlElement.js +27 -0
- package/dist/hooks/useAnnounce.d.ts +3 -0
- package/dist/hooks/useAnnounce.d.ts.map +1 -1
- package/dist/hooks/useAnnounce.js +39 -1
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +52 -11
- package/dist/hooks/useGridFocus.d.ts +6 -1
- package/dist/hooks/useGridFocus.d.ts.map +1 -1
- package/dist/hooks/useGridFocus.js +12 -9
- package/dist/hooks/useHotkeys.d.ts +9 -0
- package/dist/hooks/useHotkeys.d.ts.map +1 -1
- package/dist/hooks/useHotkeys.js +9 -0
- package/dist/hooks/useInputStatusIcon.d.ts +38 -0
- package/dist/hooks/useInputStatusIcon.d.ts.map +1 -0
- package/dist/hooks/useInputStatusIcon.js +158 -0
- package/dist/hooks/useKeyboardHint.d.ts +1 -1
- package/dist/hooks/useKeyboardHint.d.ts.map +1 -1
- package/dist/hooks/useKeyboardHint.js +4 -2
- package/dist/hooks/useListFocus.d.ts +39 -1
- package/dist/hooks/useListFocus.d.ts.map +1 -1
- package/dist/hooks/useListFocus.js +54 -9
- package/dist/i18n/InternationalizationContext.d.ts +1 -0
- package/dist/i18n/InternationalizationContext.d.ts.map +1 -1
- package/dist/i18n/InternationalizationContext.js +3 -0
- package/dist/i18n/InternationalizationProvider.d.ts +8 -1
- package/dist/i18n/InternationalizationProvider.d.ts.map +1 -1
- package/dist/i18n/InternationalizationProvider.js +5 -1
- package/dist/i18n/getLocaleDirection.d.ts +18 -0
- package/dist/i18n/getLocaleDirection.d.ts.map +1 -0
- package/dist/i18n/getLocaleDirection.js +29 -0
- package/dist/i18n/index.d.ts +6 -0
- package/dist/i18n/index.d.ts.map +1 -1
- package/dist/i18n/index.js +7 -1
- package/dist/i18n/useDirection.d.ts +2 -0
- package/dist/i18n/useDirection.d.ts.map +1 -0
- package/dist/i18n/useDirection.js +27 -0
- package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
- package/dist/theme/derivedVarRegistry.js +13 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -1
- package/dist/utils/plainDate.d.ts +17 -0
- package/dist/utils/plainDate.d.ts.map +1 -1
- package/dist/utils/plainDate.js +23 -4
- package/dist/utils/rtlStyles.d.ts +24 -0
- package/dist/utils/rtlStyles.d.ts.map +1 -0
- package/dist/utils/rtlStyles.js +27 -0
- package/locales/en.json +112 -0
- package/locales/pseudo.json +84 -0
- package/package.json +6 -1
- package/src/Avatar/Avatar.doc.mjs +50 -3
- package/src/Avatar/Avatar.test.tsx +218 -0
- package/src/Avatar/Avatar.tsx +285 -79
- package/src/Avatar/AvatarStatusDot.doc.mjs +4 -4
- package/src/Avatar/AvatarStatusDot.tsx +6 -4
- package/src/AvatarGroup/AvatarGroup.doc.mjs +2 -0
- package/src/AvatarGroup/AvatarGroup.test.tsx +162 -2
- package/src/AvatarGroup/AvatarGroup.tsx +58 -3
- package/src/AvatarGroup/AvatarGroupOverflow.tsx +5 -2
- package/src/Banner/Banner.tsx +6 -6
- package/src/Breadcrumbs/BreadcrumbItem.tsx +10 -10
- package/src/Breadcrumbs/Breadcrumbs.test.tsx +52 -1
- package/src/Breadcrumbs/index.ts +4 -0
- package/src/Button/Button.doc.mjs +0 -4
- package/src/Button/Button.test.tsx +16 -0
- package/src/Button/Button.tsx +6 -4
- package/src/Calendar/Calendar.test.tsx +170 -20
- package/src/Calendar/Calendar.tsx +73 -16
- package/src/Calendar/dayCellUtils.test.ts +18 -18
- package/src/Calendar/dayCellUtils.ts +2 -2
- package/src/Calendar/styles.ts +33 -39
- package/src/Card/Card.tsx +1 -1
- package/src/Carousel/Carousel.tsx +25 -6
- package/src/Chat/ChatComposer.doc.mjs +2 -2
- package/src/Chat/ChatComposerInput.doc.mjs +1 -1
- package/src/Chat/ChatComposerInput.tsx +2 -2
- package/src/Chat/ChatDictationButton.tsx +7 -1
- package/src/Chat/ChatLayout.tsx +4 -4
- package/src/Chat/ChatMessageBubble.tsx +15 -10
- package/src/Chat/ChatSystemMessage.test.tsx +5 -0
- package/src/Chat/ChatToolCalls.tsx +9 -2
- package/src/Chat/useTriggerMenu.tsx +1 -1
- package/src/CheckboxInput/CheckboxInput.doc.mjs +6 -0
- package/src/CheckboxInput/CheckboxInput.test.tsx +23 -0
- package/src/CheckboxInput/CheckboxInput.tsx +21 -6
- package/src/CheckboxList/CheckboxList.doc.mjs +6 -0
- package/src/CheckboxList/CheckboxList.test.tsx +94 -3
- package/src/CheckboxList/CheckboxListItem.tsx +17 -10
- package/src/Citation/Citation.doc.mjs +4 -3
- package/src/Citation/Citation.test.tsx +97 -0
- package/src/Citation/Citation.tsx +43 -11
- package/src/CodeBlock/CodeBlock.test.tsx +17 -0
- package/src/CodeBlock/CodeBlock.tsx +38 -11
- package/src/Collapsible/Collapsible.doc.mjs +1 -0
- package/src/Collapsible/Collapsible.test.tsx +7 -0
- package/src/Collapsible/Collapsible.tsx +16 -6
- package/src/CommandPalette/CommandPalette.test.tsx +95 -1
- package/src/CommandPalette/CommandPalette.tsx +41 -2
- package/src/CommandPalette/CommandPaletteItem.tsx +1 -1
- package/src/ContextMenu/ContextMenu.test.tsx +59 -2
- package/src/ContextMenu/ContextMenu.tsx +22 -11
- package/src/ContextMenu/index.ts +5 -0
- package/src/DateInput/DateInput.doc.mjs +25 -0
- package/src/DateInput/DateInput.test.tsx +230 -0
- package/src/DateInput/DateInput.tsx +51 -29
- package/src/DateRangeInput/DateRangeInput.doc.mjs +16 -0
- package/src/DateRangeInput/DateRangeInput.test.tsx +140 -0
- package/src/DateRangeInput/DateRangeInput.tsx +42 -30
- package/src/DateTimeInput/DateTimeInput.doc.mjs +22 -1
- package/src/DateTimeInput/DateTimeInput.test.tsx +112 -0
- package/src/DateTimeInput/DateTimeInput.tsx +44 -39
- package/src/Divider/Divider.test.tsx +32 -8
- package/src/Divider/Divider.tsx +14 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +60 -0
- package/src/DropdownMenu/DropdownMenu.tsx +31 -12
- package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +8 -2
- package/src/DropdownMenu/DropdownMenuItem.tsx +9 -3
- package/src/DropdownMenu/DropdownMenuRadioGroup.doc.mjs +4 -12
- package/src/DropdownMenu/DropdownMenuRadioGroup.tsx +9 -10
- package/src/DropdownMenu/DropdownMenuRadioItem.tsx +9 -3
- package/src/DropdownMenu/DropdownMenuSelectable.test.tsx +20 -2
- package/src/DropdownMenu/DropdownMenuSubMenu.doc.mjs +88 -0
- package/src/DropdownMenu/DropdownMenuSubMenu.test.tsx +635 -0
- package/src/DropdownMenu/DropdownMenuSubMenu.tsx +553 -0
- package/src/DropdownMenu/index.ts +16 -0
- package/src/DropdownMenu/menuItemHover.ts +39 -0
- package/src/DropdownMenu/menuItemRoles.ts +9 -0
- package/src/DropdownMenu/renderDropdownItems.tsx +29 -15
- package/src/Field/Field.tsx +14 -9
- package/src/Field/FieldLabel.test.tsx +25 -0
- package/src/Field/FieldLabel.tsx +12 -3
- package/src/Field/inputStyles.stylex.ts +2 -0
- package/src/FieldStatus/FieldStatus.test.tsx +72 -0
- package/src/FieldStatus/FieldStatus.tsx +48 -2
- package/src/FileInput/FileInput.doc.mjs +23 -2
- package/src/FileInput/FileInput.test.tsx +104 -13
- package/src/FileInput/FileInput.tsx +106 -79
- package/src/HoverCard/useHoverCard.tsx +15 -3
- package/src/Icon/Icon.doc.mjs +13 -0
- package/src/Icon/Icon.test.tsx +89 -0
- package/src/Icon/Icon.tsx +51 -3
- package/src/Item/Item.doc.mjs +5 -0
- package/src/Item/Item.test.tsx +88 -0
- package/src/Item/Item.tsx +57 -11
- package/src/Layer/layerAnimations.stylex.ts +23 -0
- package/src/Lightbox/Lightbox.tsx +15 -7
- package/src/List/List.test.tsx +17 -29
- package/src/List/List.tsx +6 -1
- package/src/List/ListItem.doc.mjs +12 -0
- package/src/List/ListItem.tsx +13 -0
- package/src/Markdown/Markdown.test.tsx +21 -0
- package/src/Markdown/Markdown.tsx +4 -0
- package/src/MetadataList/MetadataList.test.tsx +24 -0
- package/src/MetadataList/MetadataList.tsx +6 -2
- package/src/MultiSelector/MultiSelector.doc.mjs +20 -0
- package/src/MultiSelector/MultiSelector.test.tsx +402 -0
- package/src/MultiSelector/MultiSelector.tsx +120 -59
- package/src/NavMenu/NavHeadingMenuItem.tsx +1 -1
- package/src/NumberInput/NumberInput.doc.mjs +21 -0
- package/src/NumberInput/NumberInput.test.tsx +71 -0
- package/src/NumberInput/NumberInput.tsx +35 -26
- package/src/Outline/Outline.test.tsx +12 -12
- package/src/Outline/Outline.tsx +2 -2
- package/src/Pagination/Pagination.tsx +11 -3
- package/src/PowerSearch/PowerSearch.doc.mjs +15 -0
- package/src/PowerSearch/PowerSearch.test.tsx +23 -0
- package/src/PowerSearch/PowerSearch.tsx +10 -1
- package/src/ProgressBar/ProgressBar.test.tsx +34 -0
- package/src/ProgressBar/ProgressBar.tsx +16 -1
- package/src/RadioList/RadioList.doc.mjs +6 -0
- package/src/RadioList/RadioList.test.tsx +26 -4
- package/src/RadioList/RadioList.tsx +2 -2
- package/src/RadioList/RadioListItem.tsx +12 -5
- package/src/Resizable/ResizeHandle.test.tsx +94 -0
- package/src/Resizable/ResizeHandle.tsx +70 -20
- package/src/SegmentedControl/SegmentedControl.test.tsx +28 -0
- package/src/SegmentedControl/SegmentedControlItem.tsx +22 -2
- package/src/Selector/Selector.doc.mjs +15 -0
- package/src/Selector/Selector.test.tsx +370 -0
- package/src/Selector/Selector.tsx +88 -20
- package/src/SideNav/SideNav.tsx +1 -8
- package/src/SideNav/SideNavCollapseButton.tsx +9 -7
- package/src/SideNav/SideNavItem.tsx +5 -3
- package/src/Skeleton/Skeleton.test.tsx +16 -0
- package/src/Skeleton/Skeleton.tsx +13 -1
- package/src/Slider/Slider.doc.mjs +6 -0
- package/src/Slider/Slider.test.tsx +240 -12
- package/src/Slider/Slider.tsx +96 -23
- package/src/Spinner/Spinner.test.tsx +10 -8
- package/src/Spinner/Spinner.tsx +15 -5
- package/src/Switch/Switch.doc.mjs +142 -42
- package/src/Switch/Switch.test.tsx +111 -0
- package/src/Switch/Switch.tsx +149 -32
- package/src/TabList/Tab.tsx +2 -2
- package/src/TabList/TabList.doc.mjs +0 -6
- package/src/TabList/TabList.test.tsx +3 -15
- package/src/TabList/TabList.tsx +6 -17
- package/src/TabList/TabListContext.ts +0 -6
- package/src/TabList/TabMenu.tsx +2 -2
- package/src/Table/BaseTable.tsx +34 -2
- package/src/Table/Table.doc.mjs +11 -0
- package/src/Table/Table.test.tsx +85 -0
- package/src/Table/TableCell.tsx +3 -3
- package/src/Table/TableHeaderCell.tsx +3 -3
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +9 -6
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +19 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +27 -18
- package/src/Table/plugins/selection/useTableSelection.test.tsx +61 -3
- package/src/Table/plugins/selection/useTableSelection.tsx +3 -0
- package/src/Table/plugins/stickyColumns/useTableStickyColumns.tsx +38 -9
- package/src/Table/plugins/tree/useTableTreeData.tsx +17 -13
- package/src/Table/types.ts +33 -0
- package/src/Table/useTableRowStatus.doc.mjs +1 -1
- package/src/TextArea/TextArea.doc.mjs +21 -0
- package/src/TextArea/TextArea.test.tsx +23 -0
- package/src/TextArea/TextArea.tsx +27 -26
- package/src/TextInput/TextInput.doc.mjs +21 -0
- package/src/TextInput/TextInput.test.tsx +150 -0
- package/src/TextInput/TextInput.tsx +28 -25
- package/src/Thumbnail/Thumbnail.doc.mjs +1 -1
- package/src/Thumbnail/Thumbnail.tsx +1 -1
- package/src/TimeInput/TimeInput.doc.mjs +21 -0
- package/src/TimeInput/TimeInput.test.tsx +23 -0
- package/src/TimeInput/TimeInput.tsx +24 -25
- package/src/Timestamp/Timestamp.doc.mjs +32 -6
- package/src/Timestamp/Timestamp.test.tsx +371 -0
- package/src/Timestamp/Timestamp.tsx +96 -93
- package/src/Timestamp/formatInstant.ts +218 -0
- package/src/Timestamp/index.ts +4 -0
- package/src/Timestamp/tooltipEntries.test.ts +552 -0
- package/src/Timestamp/tooltipEntries.ts +210 -0
- package/src/Toast/ToastViewport.test.tsx +218 -8
- package/src/Toast/ToastViewport.tsx +71 -12
- package/src/ToggleButton/ToggleButton.test.tsx +24 -0
- package/src/ToggleButton/ToggleButton.tsx +19 -1
- package/src/Token/Token.test.tsx +166 -15
- package/src/Token/Token.tsx +104 -47
- package/src/Token/TokenLink.tsx +107 -0
- package/src/Token/index.ts +1 -1
- package/src/Tokenizer/Tokenizer.doc.mjs +23 -1
- package/src/Tokenizer/Tokenizer.test.tsx +23 -0
- package/src/Tokenizer/Tokenizer.tsx +14 -2
- package/src/Tooltip/Tooltip.test.tsx +46 -0
- package/src/Tooltip/useTooltip.tsx +20 -0
- package/src/TopNav/TopNav.test.tsx +93 -2
- package/src/TopNav/TopNavItem.doc.mjs +3 -3
- package/src/TopNav/TopNavItem.tsx +35 -6
- package/src/TopNav/TopNavMegaMenuFeaturedCard.doc.mjs +1 -1
- package/src/TreeList/TreeList.doc.mjs +6 -0
- package/src/TreeList/TreeList.test.tsx +50 -10
- package/src/TreeList/TreeList.tsx +5 -0
- package/src/TreeList/TreeListBranches.tsx +8 -6
- package/src/TreeList/TreeListItem.tsx +33 -11
- package/src/Typeahead/BaseTypeahead.tsx +42 -15
- package/src/Typeahead/Typeahead.doc.mjs +13 -0
- package/src/Typeahead/Typeahead.test.tsx +112 -0
- package/src/Typeahead/Typeahead.tsx +17 -1
- package/src/Typeahead/TypeaheadItem.tsx +2 -1
- package/src/__tests__/forcedColors.ts +60 -0
- package/src/__tests__/inputWidthContract.test.tsx +62 -0
- package/src/doc-mjs.d.ts +19 -0
- package/src/hooks/index.ts +6 -0
- package/src/hooks/isRtlElement.ts +27 -0
- package/src/hooks/useAnnounce.test.tsx +75 -2
- package/src/hooks/useAnnounce.ts +47 -1
- package/src/hooks/useFocusTrap.test.tsx +104 -0
- package/src/hooks/useFocusTrap.ts +61 -12
- package/src/hooks/useGridFocus.doc.mjs +3 -3
- package/src/hooks/useGridFocus.test.tsx +41 -0
- package/src/hooks/useGridFocus.ts +21 -10
- package/src/hooks/useHotkeys.ts +9 -0
- package/src/hooks/useInputStatusIcon.test.tsx +162 -0
- package/src/hooks/useInputStatusIcon.tsx +224 -0
- package/src/hooks/useKeyboardHint.test.tsx +22 -0
- package/src/hooks/useKeyboardHint.tsx +6 -2
- package/src/hooks/useListFocus.doc.mjs +25 -3
- package/src/hooks/useListFocus.test.tsx +153 -1
- package/src/hooks/useListFocus.ts +102 -9
- package/src/i18n/InternationalizationContext.ts +4 -0
- package/src/i18n/InternationalizationProvider.tsx +12 -2
- package/src/i18n/__tests__/getLocaleDirection.test.ts +40 -0
- package/src/i18n/__tests__/useDirection.test.tsx +66 -0
- package/src/i18n/getLocaleDirection.ts +29 -0
- package/src/i18n/index.ts +6 -0
- package/src/i18n/useDirection.ts +29 -0
- package/src/reset.css +0 -26
- package/src/reset.test.ts +60 -0
- package/src/theme/derivedVarRegistry.test.ts +1 -0
- package/src/theme/derivedVarRegistry.ts +6 -0
- package/src/theme/generateThemeRules.test.ts +42 -0
- package/src/utils/index.ts +2 -0
- package/src/utils/plainDate.test.ts +24 -6
- package/src/utils/plainDate.ts +18 -4
- package/src/utils/rtlStyles.ts +27 -0
package/dist/Switch/Switch.js
CHANGED
|
@@ -28,18 +28,83 @@ import "./switch.markers.stylex.js";
|
|
|
28
28
|
import { switchScope } from "./switch.markers.stylex.js";
|
|
29
29
|
import { themeProps } from "../utils/themeProps.js";
|
|
30
30
|
import { VisuallyHidden } from "../VisuallyHidden/index.js";
|
|
31
|
-
|
|
32
|
-
// Fixed dimensions: 40px width, 24px height, 16px thumb (off), 20px thumb (on)
|
|
33
31
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
const wrapperSizeStyles = {
|
|
33
|
+
sm: {
|
|
34
|
+
kzqmXN: "x1td3qas",
|
|
35
|
+
kZKoxP: "x1qx5ct2",
|
|
36
|
+
$$css: true
|
|
37
|
+
},
|
|
38
|
+
md: {
|
|
39
|
+
kzqmXN: "x100vrsf",
|
|
40
|
+
kZKoxP: "xxk0z11",
|
|
41
|
+
$$css: true
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
const inputSizeStyles = {
|
|
45
|
+
sm: {
|
|
46
|
+
kzqmXN: "x1td3qas",
|
|
47
|
+
kZKoxP: "x1qx5ct2",
|
|
48
|
+
$$css: true
|
|
49
|
+
},
|
|
50
|
+
md: {
|
|
51
|
+
kzqmXN: "x100vrsf",
|
|
52
|
+
kZKoxP: "xxk0z11",
|
|
53
|
+
$$css: true
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const trackSizeStyles = {
|
|
57
|
+
sm: {
|
|
58
|
+
kzqmXN: "x1td3qas",
|
|
59
|
+
kZKoxP: "x1qx5ct2",
|
|
60
|
+
kmVPX3: "x1i3ajwb",
|
|
61
|
+
$$css: true
|
|
62
|
+
},
|
|
63
|
+
md: {
|
|
64
|
+
kzqmXN: "x100vrsf",
|
|
65
|
+
kZKoxP: "xxk0z11",
|
|
66
|
+
kmVPX3: "xfawy5m",
|
|
67
|
+
$$css: true
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
const thumbOffSizeStyles = {
|
|
71
|
+
sm: {
|
|
72
|
+
kzqmXN: "x6jxa94",
|
|
73
|
+
kZKoxP: "x1v9usgg",
|
|
74
|
+
k3aq6I: "xbryuvx",
|
|
75
|
+
$$css: true
|
|
76
|
+
},
|
|
77
|
+
md: {
|
|
78
|
+
kzqmXN: "x1kky2od",
|
|
79
|
+
kZKoxP: "xlup9mm",
|
|
80
|
+
k3aq6I: "xbryuvx",
|
|
81
|
+
$$css: true
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
const thumbOnSizeStyles = {
|
|
85
|
+
sm: {
|
|
86
|
+
kzqmXN: "x1kky2od",
|
|
87
|
+
kZKoxP: "xlup9mm",
|
|
88
|
+
k3aq6I: "xv5t66b xi9aj42",
|
|
89
|
+
$$css: true
|
|
90
|
+
},
|
|
91
|
+
md: {
|
|
92
|
+
kzqmXN: "xw4jnvo",
|
|
93
|
+
kZKoxP: "x1qx5ct2",
|
|
94
|
+
k3aq6I: "x15481yp x12xz5k6",
|
|
95
|
+
$$css: true
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
const labelWrapperSizeStyles = {
|
|
99
|
+
sm: {
|
|
100
|
+
kAzted: "xisnujt",
|
|
101
|
+
$$css: true
|
|
102
|
+
},
|
|
103
|
+
md: {
|
|
104
|
+
kAzted: "xjwf9q1",
|
|
105
|
+
$$css: true
|
|
106
|
+
}
|
|
107
|
+
};
|
|
43
108
|
const styles = {
|
|
44
109
|
container: {
|
|
45
110
|
k1xSpc: "x78zum5",
|
|
@@ -51,6 +116,91 @@ const styles = {
|
|
|
51
116
|
kjj79g: "x1qughib",
|
|
52
117
|
kzqmXN: "xh8yej3",
|
|
53
118
|
$$css: true
|
|
119
|
+
},
|
|
120
|
+
switchWrapper: {
|
|
121
|
+
kVAEAm: "x1n2onr6",
|
|
122
|
+
k1xSpc: "x78zum5",
|
|
123
|
+
kGNEyG: "x6s0dn4",
|
|
124
|
+
kmuXW: "x2lah0s",
|
|
125
|
+
kHBbk8: "xc8icb0",
|
|
126
|
+
$$css: true
|
|
127
|
+
},
|
|
128
|
+
input: {
|
|
129
|
+
kVAEAm: "x10l6tqk",
|
|
130
|
+
kogj98: "x1ghz6dp",
|
|
131
|
+
kmVPX3: "x1717udv",
|
|
132
|
+
kSiTet: "xg01cxk",
|
|
133
|
+
kkrTdU: "x1ypdohk",
|
|
134
|
+
kY2c9j: "x1vjfegm",
|
|
135
|
+
$$css: true
|
|
136
|
+
},
|
|
137
|
+
inputDisabled: {
|
|
138
|
+
kkrTdU: "x1h6gzvc",
|
|
139
|
+
$$css: true
|
|
140
|
+
},
|
|
141
|
+
inputBusy: {
|
|
142
|
+
kfzvcC: "x47corl",
|
|
143
|
+
$$css: true
|
|
144
|
+
},
|
|
145
|
+
track: {
|
|
146
|
+
k1xSpc: "x78zum5",
|
|
147
|
+
kGNEyG: "x6s0dn4",
|
|
148
|
+
kaIpWk: "xjspbzw",
|
|
149
|
+
k1ekBW: "x15406qy",
|
|
150
|
+
kIyJzY: "xuedmi6 x12w9bfk",
|
|
151
|
+
kAMwcw: "xlr8y92",
|
|
152
|
+
kB7OPa: "x9f619",
|
|
153
|
+
kMzoRj: "xc342km x13rsnn2",
|
|
154
|
+
ksu8eU: "xng3xce xx61lck",
|
|
155
|
+
kVAM5u: "x1w1tqly",
|
|
156
|
+
$$css: true
|
|
157
|
+
},
|
|
158
|
+
trackFocus: {
|
|
159
|
+
kI3sdo: "x1a2a7pz x1gj1ihy",
|
|
160
|
+
kInvED: "x1edzap1",
|
|
161
|
+
$$css: true
|
|
162
|
+
},
|
|
163
|
+
trackOff: {
|
|
164
|
+
kWkggS: "xspzpui x1a8ae7b x9yvj25",
|
|
165
|
+
$$css: true
|
|
166
|
+
},
|
|
167
|
+
trackOn: {
|
|
168
|
+
kWkggS: "x1ewilqj xcgwt1n x1jzqe4",
|
|
169
|
+
$$css: true
|
|
170
|
+
},
|
|
171
|
+
trackDisabled: {
|
|
172
|
+
kSiTet: "xbyyjgo",
|
|
173
|
+
kVAM5u: "xmnqt3w",
|
|
174
|
+
$$css: true
|
|
175
|
+
},
|
|
176
|
+
trackDisabledOff: {
|
|
177
|
+
kWkggS: "xspzpui",
|
|
178
|
+
$$css: true
|
|
179
|
+
},
|
|
180
|
+
thumb: {
|
|
181
|
+
k1xSpc: "x78zum5",
|
|
182
|
+
kGNEyG: "x6s0dn4",
|
|
183
|
+
kjj79g: "xl56j7k",
|
|
184
|
+
kaIpWk: "xjspbzw",
|
|
185
|
+
k1ekBW: "xh3q6i0",
|
|
186
|
+
kIyJzY: "xuedmi6 x12w9bfk",
|
|
187
|
+
kAMwcw: "xlr8y92",
|
|
188
|
+
$$css: true
|
|
189
|
+
},
|
|
190
|
+
thumbOff: {
|
|
191
|
+
kWkggS: "x10xzikg xwvh9j7",
|
|
192
|
+
$$css: true
|
|
193
|
+
},
|
|
194
|
+
thumbOn: {
|
|
195
|
+
kWkggS: "x10xzikg x1sir5s4",
|
|
196
|
+
$$css: true
|
|
197
|
+
},
|
|
198
|
+
labelWrapper: {
|
|
199
|
+
k1xSpc: "x78zum5",
|
|
200
|
+
kXwgrk: "xdt5ytf",
|
|
201
|
+
kOIVth: "x1lsbc85",
|
|
202
|
+
kjj79g: "xl56j7k",
|
|
203
|
+
$$css: true
|
|
54
204
|
}
|
|
55
205
|
};
|
|
56
206
|
// Dynamic field width (number -> px, string used as-is).
|
|
@@ -101,6 +251,7 @@ export function Switch({
|
|
|
101
251
|
labelPosition = 'end',
|
|
102
252
|
labelSpacing = 'hug',
|
|
103
253
|
status,
|
|
254
|
+
size = 'md',
|
|
104
255
|
width,
|
|
105
256
|
xstyle,
|
|
106
257
|
className,
|
|
@@ -148,9 +299,7 @@ export function Switch({
|
|
|
148
299
|
}
|
|
149
300
|
const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(' ') : undefined;
|
|
150
301
|
const switchElement = /*#__PURE__*/_jsxs("div", {
|
|
151
|
-
...
|
|
152
|
-
className: "x1n2onr6 x78zum5 x6s0dn4 x2lah0s x100vrsf xxk0z11 xc8icb0"
|
|
153
|
-
},
|
|
302
|
+
...stylex.props(styles.switchWrapper, wrapperSizeStyles[size]),
|
|
154
303
|
children: [/*#__PURE__*/_jsx("input", {
|
|
155
304
|
ref: mergeRefs(ref, disabledMessageTooltip.positionRef),
|
|
156
305
|
id: id,
|
|
@@ -187,86 +336,19 @@ export function Switch({
|
|
|
187
336
|
"aria-describedby": ariaDescribedBy,
|
|
188
337
|
"aria-invalid": status?.type === 'error' ? true : undefined,
|
|
189
338
|
"aria-busy": isBusy || undefined,
|
|
190
|
-
...
|
|
191
|
-
0: {
|
|
192
|
-
className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1ypdohk x1vjfegm x100vrsf xxk0z11"
|
|
193
|
-
},
|
|
194
|
-
2: {
|
|
195
|
-
className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1vjfegm x100vrsf xxk0z11 x1h6gzvc"
|
|
196
|
-
},
|
|
197
|
-
1: {
|
|
198
|
-
className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1ypdohk x1vjfegm x100vrsf xxk0z11 x47corl"
|
|
199
|
-
},
|
|
200
|
-
3: {
|
|
201
|
-
className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1vjfegm x100vrsf xxk0z11 x1h6gzvc x47corl"
|
|
202
|
-
}
|
|
203
|
-
}[!!isDisabled << 1 | !!isBusy << 0]
|
|
339
|
+
...stylex.props(styles.input, inputSizeStyles[size], isDisabled && styles.inputDisabled, isBusy && styles.inputBusy)
|
|
204
340
|
}), /*#__PURE__*/_jsx("div", {
|
|
205
341
|
"aria-hidden": "true",
|
|
206
342
|
...mergeProps(themeProps('switch', {
|
|
207
343
|
checked: isOn ? 'checked' : null,
|
|
208
|
-
disabled: isDisabled ? 'disabled' : null
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui x13wei8l"
|
|
212
|
-
},
|
|
213
|
-
8: {
|
|
214
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1ewilqj x11ppjs"
|
|
215
|
-
},
|
|
216
|
-
4: {
|
|
217
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui x13wei8l x1a2a7pz x1gj1ihy x1edzap1"
|
|
218
|
-
},
|
|
219
|
-
12: {
|
|
220
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1ewilqj x11ppjs x1a2a7pz x1gj1ihy x1edzap1"
|
|
221
|
-
},
|
|
222
|
-
2: {
|
|
223
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui x13wei8l xbyyjgo"
|
|
224
|
-
},
|
|
225
|
-
10: {
|
|
226
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1ewilqj x11ppjs xbyyjgo"
|
|
227
|
-
},
|
|
228
|
-
6: {
|
|
229
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui x13wei8l x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo"
|
|
230
|
-
},
|
|
231
|
-
14: {
|
|
232
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1ewilqj x11ppjs x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo"
|
|
233
|
-
},
|
|
234
|
-
1: {
|
|
235
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui"
|
|
236
|
-
},
|
|
237
|
-
9: {
|
|
238
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xspzpui"
|
|
239
|
-
},
|
|
240
|
-
5: {
|
|
241
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xspzpui"
|
|
242
|
-
},
|
|
243
|
-
13: {
|
|
244
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xspzpui"
|
|
245
|
-
},
|
|
246
|
-
3: {
|
|
247
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xbyyjgo xspzpui"
|
|
248
|
-
},
|
|
249
|
-
11: {
|
|
250
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 xbyyjgo xspzpui"
|
|
251
|
-
},
|
|
252
|
-
7: {
|
|
253
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo xspzpui"
|
|
254
|
-
},
|
|
255
|
-
15: {
|
|
256
|
-
className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo xspzpui"
|
|
257
|
-
}
|
|
258
|
-
}[!!isOn << 3 | !!!isDisabled << 2 | !!isDisabled << 1 | !!(isDisabled && !isOn) << 0]),
|
|
344
|
+
disabled: isDisabled ? 'disabled' : null,
|
|
345
|
+
size
|
|
346
|
+
}), stylex.props(styles.track, trackSizeStyles[size], isOn ? styles.trackOn : styles.trackOff, !isDisabled && styles.trackFocus, isDisabled && styles.trackDisabled, isDisabled && !isOn && styles.trackDisabledOff)),
|
|
259
347
|
children: /*#__PURE__*/_jsx("div", {
|
|
260
348
|
...mergeProps(themeProps('switch-thumb', {
|
|
261
|
-
checked: isOn ? 'checked' : null
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
className: "x78zum5 x6s0dn4 xl56j7k xjspbzw x10xzikg xh3q6i0 xuedmi6 x12w9bfk xlr8y92 x1kky2od xlup9mm xbryuvx"
|
|
265
|
-
},
|
|
266
|
-
1: {
|
|
267
|
-
className: "x78zum5 x6s0dn4 xl56j7k xjspbzw x10xzikg xh3q6i0 xuedmi6 x12w9bfk xlr8y92 xw4jnvo x1qx5ct2 x15481yp"
|
|
268
|
-
}
|
|
269
|
-
}[!!isOn << 0]),
|
|
349
|
+
checked: isOn ? 'checked' : null,
|
|
350
|
+
size
|
|
351
|
+
}), stylex.props(styles.thumb, isOn ? thumbOnSizeStyles[size] : thumbOffSizeStyles[size], isOn ? styles.thumbOn : styles.thumbOff)),
|
|
270
352
|
children: isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
271
353
|
size: "sm"
|
|
272
354
|
})
|
|
@@ -277,9 +359,7 @@ export function Switch({
|
|
|
277
359
|
})]
|
|
278
360
|
});
|
|
279
361
|
const labelElement = /*#__PURE__*/_jsx("div", {
|
|
280
|
-
...
|
|
281
|
-
className: "x78zum5 xdt5ytf x1lsbc85 xl56j7k xjwf9q1"
|
|
282
|
-
},
|
|
362
|
+
...stylex.props(styles.labelWrapper, labelWrapperSizeStyles[size]),
|
|
283
363
|
children: /*#__PURE__*/_jsx(FieldLabel, {
|
|
284
364
|
label: label,
|
|
285
365
|
inputID: id,
|
package/dist/TabList/Tab.js
CHANGED
|
@@ -206,10 +206,10 @@ export function Tab({
|
|
|
206
206
|
selected: isSelected ? 'selected' : null
|
|
207
207
|
}), {
|
|
208
208
|
0: {
|
|
209
|
-
className: "x10l6tqk xyi47jn
|
|
209
|
+
className: "x10l6tqk xyi47jn x1ybfrjj x1mcfs9z x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 xjbqb8w xg01cxk"
|
|
210
210
|
},
|
|
211
211
|
1: {
|
|
212
|
-
className: "x10l6tqk xyi47jn
|
|
212
|
+
className: "x10l6tqk xyi47jn x1ybfrjj x1mcfs9z x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 x1ewilqj x1hc1fzr"
|
|
213
213
|
}
|
|
214
214
|
}[!!isSelected << 0])
|
|
215
215
|
});
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
*/
|
|
15
15
|
import React, { type ReactNode } from 'react';
|
|
16
16
|
import type { BaseProps } from '../BaseProps';
|
|
17
|
-
import type {
|
|
17
|
+
import type { TabListSize } from './TabListContext';
|
|
18
18
|
import { EDGE_COMP_ATTR } from '../Layout/edgeCompensation.stylex';
|
|
19
19
|
export interface TabListProps extends Omit<BaseProps<HTMLElement>, 'onChange'> {
|
|
20
20
|
ref?: React.Ref<HTMLElement>;
|
|
@@ -44,15 +44,6 @@ export interface TabListProps extends Omit<BaseProps<HTMLElement>, 'onChange'> {
|
|
|
44
44
|
* @default false
|
|
45
45
|
*/
|
|
46
46
|
hasDivider?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Orientation of the tab strip, controlling which arrow keys move
|
|
49
|
-
* focus between tabs.
|
|
50
|
-
* - `'horizontal'` (default): ArrowLeft / ArrowRight (ArrowUp / ArrowDown
|
|
51
|
-
* also work per the WAI-ARIA APG).
|
|
52
|
-
* - `'vertical'`: ArrowUp / ArrowDown (ArrowLeft / ArrowRight also work).
|
|
53
|
-
* @default 'horizontal'
|
|
54
|
-
*/
|
|
55
|
-
orientation?: TabListOrientation;
|
|
56
47
|
/**
|
|
57
48
|
* Tab and TabMenu children.
|
|
58
49
|
*/
|
|
@@ -74,7 +65,7 @@ export interface TabListProps extends Omit<BaseProps<HTMLElement>, 'onChange'> {
|
|
|
74
65
|
* </TabList>
|
|
75
66
|
* ```
|
|
76
67
|
*/
|
|
77
|
-
export declare function TabList({ ref, value, onChange, size: sizeProp, layout, hasDivider,
|
|
68
|
+
export declare function TabList({ ref, value, onChange, size: sizeProp, layout, hasDivider, xstyle, className, style, children, onKeyDown: onKeyDownProp, onFocus: onFocusProp, onBlur: onBlurProp, 'aria-label': ariaLabelFromProps, 'aria-orientation': _ariaOrientation, [EDGE_COMP_ATTR]: _edgeCompAttr, ...restProps }: TabListProps): React.JSX.Element;
|
|
78
69
|
export declare namespace TabList {
|
|
79
70
|
var displayName: string;
|
|
80
71
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/TabList/TabList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/TabList/TabList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAWjE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AA4BD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,MAAc,EACd,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,gBAAgB,EACpC,CAAC,cAAc,CAAC,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,YAAY,qBAkGd;yBApHe,OAAO"}
|
package/dist/TabList/TabList.js
CHANGED
|
@@ -82,7 +82,6 @@ export function TabList({
|
|
|
82
82
|
size: sizeProp,
|
|
83
83
|
layout = 'hug',
|
|
84
84
|
hasDivider = false,
|
|
85
|
-
orientation = 'horizontal',
|
|
86
85
|
xstyle,
|
|
87
86
|
className,
|
|
88
87
|
style,
|
|
@@ -102,14 +101,13 @@ export function TabList({
|
|
|
102
101
|
// Roving-tabindex keyboard navigation across the tab strip via the shared
|
|
103
102
|
// hook. `orientation: 'both'` accepts both arrow axes per the WAI-ARIA APG
|
|
104
103
|
// allowance for tab strips (ArrowRight/ArrowDown advance, ArrowLeft/ArrowUp
|
|
105
|
-
// retreat)
|
|
106
|
-
//
|
|
107
|
-
//
|
|
108
|
-
// navigation role and triggers an axe `aria-allowed-attr` violation.
|
|
104
|
+
// retreat). We do not set `aria-orientation` on the `<nav>`: that attribute
|
|
105
|
+
// is invalid on the navigation role and triggers an axe `aria-allowed-attr`
|
|
106
|
+
// violation.
|
|
109
107
|
//
|
|
110
108
|
// `hasRovingTabIndex` makes the hook own the single tab stop: it stamps
|
|
111
109
|
// tabindex 0/-1, repairs the stop on mount and as stops mount/unmount or
|
|
112
|
-
// toggle disabled, and
|
|
110
|
+
// toggle disabled, and -- via `handleFocus` on the nav -- keeps the stop in
|
|
113
111
|
// sync after clicks or programmatic focus. Individual Tabs still render
|
|
114
112
|
// `tabIndex={isSelected ? 0 : -1}` (see Tab.tsx) as the initial source of
|
|
115
113
|
// truth; the hook's repair preserves an existing tab stop and only promotes
|
|
@@ -128,9 +126,7 @@ export function TabList({
|
|
|
128
126
|
onKeyDown: onHintKeyDown,
|
|
129
127
|
onFocus: onHintFocus,
|
|
130
128
|
onBlur: onHintBlur
|
|
131
|
-
} = useKeyboardHint(
|
|
132
|
-
orientation
|
|
133
|
-
});
|
|
129
|
+
} = useKeyboardHint();
|
|
134
130
|
const contextValue = useMemo(() => ({
|
|
135
131
|
value,
|
|
136
132
|
onChange,
|
|
@@ -9,11 +9,6 @@ export type TabListSize = 'sm' | 'md' | 'lg';
|
|
|
9
9
|
* - `'fill'`: tabs stretch equally to fill the container width.
|
|
10
10
|
*/
|
|
11
11
|
export type TabListLayout = 'hug' | 'fill';
|
|
12
|
-
/**
|
|
13
|
-
* Orientation of the tab strip. Controls which arrow keys move focus
|
|
14
|
-
* between tabs and the reported `aria-orientation`.
|
|
15
|
-
*/
|
|
16
|
-
export type TabListOrientation = 'horizontal' | 'vertical';
|
|
17
12
|
/**
|
|
18
13
|
* Context for communicating value/onChange/size/layout from TabList to children.
|
|
19
14
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabListContext.d.ts","sourceRoot":"","sources":["../../src/TabList/TabListContext.ts"],"names":[],"mappings":"AAeA;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"TabListContext.d.ts","sourceRoot":"","sources":["../../src/TabList/TabListContext.ts"],"names":[],"mappings":"AAeA;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAG9E;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,mBAAmB,CASvD"}
|
|
@@ -23,11 +23,6 @@ import { createContext, use } from 'react';
|
|
|
23
23
|
* - `'fill'`: tabs stretch equally to fill the container width.
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
-
/**
|
|
27
|
-
* Orientation of the tab strip. Controls which arrow keys move focus
|
|
28
|
-
* between tabs and the reported `aria-orientation`.
|
|
29
|
-
*/
|
|
30
|
-
|
|
31
26
|
/**
|
|
32
27
|
* Context for communicating value/onChange/size/layout from TabList to children.
|
|
33
28
|
*/
|
package/dist/TabList/TabMenu.js
CHANGED
|
@@ -240,7 +240,7 @@ export function TabMenu({
|
|
|
240
240
|
...mergeProps(themeProps('tab-indicator', {
|
|
241
241
|
selected: 'selected'
|
|
242
242
|
}), {
|
|
243
|
-
className: "x10l6tqk xyi47jn
|
|
243
|
+
className: "x10l6tqk xyi47jn x1ybfrjj x1mcfs9z x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 xowkcby x1hc1fzr"
|
|
244
244
|
})
|
|
245
245
|
})]
|
|
246
246
|
}), popover.render(/*#__PURE__*/_jsxs("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;AAylBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACrD,YAAY,CAAC"}
|
package/dist/Table/BaseTable.js
CHANGED
|
@@ -104,7 +104,8 @@ function TableRowInner({
|
|
|
104
104
|
plugins,
|
|
105
105
|
textOverflow,
|
|
106
106
|
RowComponent,
|
|
107
|
-
CellComponent
|
|
107
|
+
CellComponent,
|
|
108
|
+
ariaRowIndex
|
|
108
109
|
}) {
|
|
109
110
|
// Build cells first
|
|
110
111
|
const cells = columns.map((col, columnIndex) => {
|
|
@@ -147,9 +148,13 @@ function TableRowInner({
|
|
|
147
148
|
}, col.key);
|
|
148
149
|
});
|
|
149
150
|
|
|
150
|
-
// Apply plugin transforms for row (with pre-rendered children)
|
|
151
|
+
// Apply plugin transforms for row (with pre-rendered children).
|
|
152
|
+
// Seed `aria-rowindex` (when the table opts into ARIA row indexing) as a
|
|
153
|
+
// base htmlProp so plugins compose over it and can still override.
|
|
151
154
|
const rowRenderProps = applyPlugins(plugins, p => p.transformBodyRow, {
|
|
152
|
-
htmlProps: {}
|
|
155
|
+
htmlProps: ariaRowIndex == null ? {} : {
|
|
156
|
+
'aria-rowindex': ariaRowIndex
|
|
157
|
+
},
|
|
153
158
|
xstyle: [],
|
|
154
159
|
children: /*#__PURE__*/_jsx(_Fragment, {
|
|
155
160
|
children: cells
|
|
@@ -180,6 +185,9 @@ function areRowPropsEqual(prevProps, nextProps) {
|
|
|
180
185
|
if (prevProps.rowIndex !== nextProps.rowIndex) {
|
|
181
186
|
return false;
|
|
182
187
|
}
|
|
188
|
+
if (prevProps.ariaRowIndex !== nextProps.ariaRowIndex) {
|
|
189
|
+
return false;
|
|
190
|
+
}
|
|
183
191
|
if (prevProps.columns !== nextProps.columns) {
|
|
184
192
|
return false;
|
|
185
193
|
}
|
|
@@ -240,6 +248,8 @@ function BaseTableInner({
|
|
|
240
248
|
textOverflow = 'wrap',
|
|
241
249
|
scrollWrapper: ScrollWrapper,
|
|
242
250
|
emptyState,
|
|
251
|
+
rowIndexStart,
|
|
252
|
+
rowCount,
|
|
243
253
|
xstyle,
|
|
244
254
|
className,
|
|
245
255
|
style,
|
|
@@ -249,6 +259,18 @@ function BaseTableInner({
|
|
|
249
259
|
const t = useTranslator();
|
|
250
260
|
// Use stable empty array when no plugins provided
|
|
251
261
|
const plugins = pluginsProp ?? EMPTY_PLUGINS;
|
|
262
|
+
|
|
263
|
+
// ARIA row indexing. The row ordinal is an accessibility concern that is
|
|
264
|
+
// independent of any visible index column: when the consumer opts in (by
|
|
265
|
+
// passing rowIndexStart or rowCount), body rows carry `aria-rowindex`
|
|
266
|
+
// reflecting their position in the full dataset, and the <table> carries
|
|
267
|
+
// `aria-rowcount`. `aria-rowindex` is 1-based and counts data rows from
|
|
268
|
+
// `rowIndexStart` (default 1); a windowed/paginated view passes the offset
|
|
269
|
+
// of its first visible row. `aria-rowcount` is `rowCount` when known, or
|
|
270
|
+
// `-1` (ARIA's "unknown count") for a windowed view with an unknown total.
|
|
271
|
+
const ariaRowIndexingEnabled = rowIndexStart != null || rowCount != null;
|
|
272
|
+
const firstRowAriaIndex = rowIndexStart ?? 1;
|
|
273
|
+
const ariaRowCount = ariaRowIndexingEnabled ? rowCount ?? -1 : undefined;
|
|
252
274
|
const RowComponent = TableRow;
|
|
253
275
|
const CellComponent = TableCell;
|
|
254
276
|
const HeaderCellComponent = TableHeaderCell;
|
|
@@ -376,6 +398,9 @@ function BaseTableInner({
|
|
|
376
398
|
};
|
|
377
399
|
let tableElement = /*#__PURE__*/_jsx("table", {
|
|
378
400
|
ref: ref,
|
|
401
|
+
...(ariaRowCount != null ? {
|
|
402
|
+
'aria-rowcount': ariaRowCount
|
|
403
|
+
} : null),
|
|
379
404
|
...tableRenderProps.htmlProps,
|
|
380
405
|
...mergeProps(themeProps('base-table'), stylex.props(...tableRenderProps.xstyle, xstyle), [tableRenderProps.htmlProps.className, className].filter(Boolean).join(' ') || undefined, tableStyle),
|
|
381
406
|
...rest,
|
|
@@ -398,7 +423,8 @@ function BaseTableInner({
|
|
|
398
423
|
plugins: plugins,
|
|
399
424
|
textOverflow: textOverflow,
|
|
400
425
|
RowComponent: RowComponent,
|
|
401
|
-
CellComponent: CellComponent
|
|
426
|
+
CellComponent: CellComponent,
|
|
427
|
+
ariaRowIndex: ariaRowIndexingEnabled ? firstRowAriaIndex + rowIndex : undefined
|
|
402
428
|
}, rowKey);
|
|
403
429
|
}) : data != null && emptyState !== false && /*#__PURE__*/_jsx("tr", {
|
|
404
430
|
children: /*#__PURE__*/_jsx("td", {
|
package/dist/Table/TableCell.js
CHANGED
|
@@ -121,9 +121,9 @@ const dividerRowStyles = {
|
|
|
121
121
|
};
|
|
122
122
|
const dividerColumnStyles = {
|
|
123
123
|
cell: {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
124
|
+
ke9TFa: "xw8tdv1 x1qlsc9e",
|
|
125
|
+
k8ry5P: "x18b5jzi",
|
|
126
|
+
kBCPoo: "x1gejf6u",
|
|
127
127
|
$$css: true
|
|
128
128
|
}
|
|
129
129
|
};
|
|
@@ -65,9 +65,9 @@ const headerDividerStyles = {
|
|
|
65
65
|
};
|
|
66
66
|
const dividerColumnStyles = {
|
|
67
67
|
cell: {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
ke9TFa: "xw8tdv1 x1qlsc9e",
|
|
69
|
+
k8ry5P: "x18b5jzi",
|
|
70
|
+
kBCPoo: "x1gejf6u",
|
|
71
71
|
$$css: true
|
|
72
72
|
}
|
|
73
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableGroupedRows.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/groupedRows/useTableGroupedRows.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableGroupedRows.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/groupedRows/useTableGroupedRows.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAS3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAqD7C,qDAAqD;AACrD,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1E,8BAA8B;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,8EAA8E;IAC9E,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,6CAA6C;IAC7C,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,0DAA0D;IAC1D,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAClB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,OAAO,KACf,SAAS,CAAC;IACf,8EAA8E;IAC9E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1E,iDAAiD;IACjD,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,0EAA0E;IAC1E,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;OAIG;IACH,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAC5B;AA6DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,GACnC,yBAAyB,CAAC,CAAC,CAAC,CAqJ9B"}
|
|
@@ -16,6 +16,7 @@ import * as stylex from '@stylexjs/stylex';
|
|
|
16
16
|
import "../../../theme/tokens.stylex.js";
|
|
17
17
|
import { spacingVars, colorVars, fontWeightVars } from "../../../theme/tokens.stylex.js";
|
|
18
18
|
import { Icon } from "../../../Icon/index.js";
|
|
19
|
+
import { rtlStyles } from "../../../utils/index.js";
|
|
19
20
|
import { useTranslator } from "../../../i18n/index.js";
|
|
20
21
|
|
|
21
22
|
// A synthetic group-header row injected into the flattened data. Real rows
|
|
@@ -230,17 +231,20 @@ export function useTableGroupedRows(config) {
|
|
|
230
231
|
}),
|
|
231
232
|
"aria-expanded": !collapsed,
|
|
232
233
|
children: /*#__PURE__*/_jsx("span", {
|
|
233
|
-
...
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
234
|
+
...stylex.props(rtlStyles.mirror),
|
|
235
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
236
|
+
...{
|
|
237
|
+
0: {
|
|
238
|
+
className: "x3nfvp2 x11xpdln xx6bhzk"
|
|
239
|
+
},
|
|
240
|
+
1: {
|
|
241
|
+
className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
|
|
242
|
+
}
|
|
243
|
+
}[!!!collapsed << 0],
|
|
244
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
245
|
+
icon: "chevronRight",
|
|
246
|
+
size: "xsm"
|
|
247
|
+
})
|
|
244
248
|
})
|
|
245
249
|
})
|
|
246
250
|
}), content]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableRowExpansion.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/rowExpansion/useTableRowExpansion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTableRowExpansion.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/rowExpansion/useTableRowExpansion.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,WAAW,EAKZ,MAAM,aAAa,CAAC;AAMrB;;;;;;;GAOG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3E,0CAA0C;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,sEAAsE;IACtE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC1C,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,+BAA+B,CAC9C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,mCAAmC;IACnC,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,qEAAqE;IACrE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,kDAAkD;IAClD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C,qDAAqD;IACrD,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,+CAA+C;IAC/C,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,+BAA+B,CAC9C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,qEAAqE;IACrE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,4DAA4D;IAC5D,eAAe,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3E,QAAQ,EACR,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,eAAe,GAChB,EAAE,+BAA+B,CAAC,CAAC,CAAC,GAAG,+BAA+B,CAAC,CAAC,CAAC,CA+IzE;AAyGD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,GACpC,WAAW,CAAC,CAAC,CAAC,CAwPhB"}
|