@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602
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 +24 -0
- package/README.md +2 -0
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +21 -18
- package/dist/AlertDialog/useImperativeAlertDialog.d.ts +0 -2
- package/dist/AlertDialog/useImperativeAlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/useImperativeAlertDialog.js +3 -5
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +55 -53
- package/dist/AspectRatio/AspectRatio.js +5 -5
- package/dist/Avatar/Avatar.js +19 -19
- package/dist/Avatar/AvatarStatusDot.js +5 -5
- package/dist/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +9 -6
- package/dist/AvatarGroup/AvatarGroupOverflow.js +5 -5
- package/dist/Badge/Badge.js +3 -3
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +32 -30
- package/dist/Blockquote/Blockquote.js +7 -7
- package/dist/Breadcrumbs/BreadcrumbItem.js +17 -17
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +11 -8
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +53 -23
- package/dist/ButtonGroup/ButtonGroup.d.ts +20 -5
- package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +34 -18
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +51 -48
- package/dist/Card/Card.js +3 -3
- package/dist/Carousel/Carousel.d.ts +1 -1
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +27 -24
- package/dist/Center/Center.js +3 -3
- package/dist/Chat/ChatComposer.d.ts.map +1 -1
- package/dist/Chat/ChatComposer.js +27 -24
- package/dist/Chat/ChatComposerDrawer.d.ts +1 -1
- package/dist/Chat/ChatComposerDrawer.d.ts.map +1 -1
- package/dist/Chat/ChatComposerDrawer.js +23 -16
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +20 -16
- package/dist/Chat/ChatDictationButton.js +10 -10
- package/dist/Chat/ChatLayout.d.ts +1 -11
- package/dist/Chat/ChatLayout.d.ts.map +1 -1
- package/dist/Chat/ChatLayout.js +23 -21
- package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
- package/dist/Chat/ChatLayoutScrollButton.js +13 -11
- package/dist/Chat/ChatMessage.d.ts +1 -1
- package/dist/Chat/ChatMessage.d.ts.map +1 -1
- package/dist/Chat/ChatMessage.js +20 -14
- package/dist/Chat/ChatMessageBubble.d.ts +1 -1
- package/dist/Chat/ChatMessageBubble.d.ts.map +1 -1
- package/dist/Chat/ChatMessageBubble.js +10 -8
- package/dist/Chat/ChatMessageList.d.ts +1 -1
- package/dist/Chat/ChatMessageList.d.ts.map +1 -1
- package/dist/Chat/ChatMessageList.js +17 -15
- package/dist/Chat/ChatMessageMetadata.d.ts.map +1 -1
- package/dist/Chat/ChatMessageMetadata.js +24 -19
- package/dist/Chat/ChatPastedTextToken.d.ts.map +1 -1
- package/dist/Chat/ChatPastedTextToken.js +16 -14
- package/dist/Chat/ChatSendButton.d.ts.map +1 -1
- package/dist/Chat/ChatSendButton.js +6 -4
- package/dist/Chat/ChatSystemMessage.js +11 -11
- package/dist/Chat/ChatTokenizedText.js +8 -8
- package/dist/Chat/ChatToolCalls.js +73 -73
- package/dist/Chat/useSpeechRecognition.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.js +4 -2
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +19 -17
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +26 -24
- package/dist/CheckboxList/CheckboxList.d.ts +1 -1
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +12 -10
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +8 -6
- package/dist/Citation/Citation.d.ts.map +1 -1
- package/dist/Citation/Citation.js +20 -12
- package/dist/ClickableCard/ClickableCard.js +6 -6
- package/dist/Code/Code.js +3 -3
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +114 -96
- package/dist/Collapsible/Collapsible.js +11 -11
- package/dist/Collapsible/CollapsibleGroup.js +7 -7
- package/dist/CommandPalette/CommandPalette.d.ts +1 -1
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +39 -34
- package/dist/CommandPalette/CommandPaletteEmpty.js +3 -3
- package/dist/CommandPalette/CommandPaletteFooter.js +16 -16
- package/dist/CommandPalette/CommandPaletteGroup.js +5 -5
- package/dist/CommandPalette/CommandPaletteInput.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteInput.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteInput.js +17 -14
- package/dist/CommandPalette/CommandPaletteItem.js +3 -3
- package/dist/CommandPalette/CommandPaletteList.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteList.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteList.js +7 -4
- package/dist/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +14 -11
- package/dist/DateInput/DateInput.d.ts +1 -1
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +28 -23
- package/dist/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +32 -27
- package/dist/DateTimeInput/DateTimeInput.d.ts +1 -1
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +41 -33
- package/dist/Dialog/Dialog.js +9 -9
- package/dist/Dialog/DialogHeader.d.ts.map +1 -1
- package/dist/Dialog/DialogHeader.js +20 -18
- package/dist/Dialog/useImperativeDialog.js +3 -3
- package/dist/Divider/Divider.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +21 -15
- package/dist/DropdownMenu/DropdownMenuItem.js +3 -3
- package/dist/DropdownMenu/renderDropdownItems.js +10 -10
- package/dist/EmptyState/EmptyState.d.ts +4 -1
- package/dist/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/EmptyState/EmptyState.js +9 -9
- package/dist/Field/Field.js +17 -17
- package/dist/Field/FieldLabel.js +15 -15
- package/dist/Field/InputClearButton.js +5 -5
- package/dist/FieldStatus/FieldStatus.js +3 -3
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +34 -30
- package/dist/FormLayout/FormLayout.js +5 -5
- package/dist/Grid/Grid.js +3 -3
- package/dist/Grid/GridSpan.js +3 -3
- package/dist/HStack/HStack.js +3 -3
- package/dist/Heading/Heading.js +10 -10
- package/dist/HoverCard/HoverCard.js +9 -9
- package/dist/HoverCard/useHoverCard.js +3 -3
- package/dist/Icon/Icon.js +11 -11
- package/dist/Icon/defaultIcons.js +116 -116
- package/dist/IconButton/IconButton.js +3 -3
- package/dist/InputGroup/InputGroup.js +9 -9
- package/dist/InputGroup/InputGroupText.js +3 -3
- package/dist/Item/Item.js +17 -17
- package/dist/Kbd/Kbd.js +5 -5
- package/dist/Layer/LayerProvider.js +7 -7
- package/dist/Layer/useLayer.js +5 -5
- package/dist/Layout/Layout.js +21 -21
- package/dist/Layout/LayoutContent.js +3 -3
- package/dist/Layout/LayoutFooter.js +5 -5
- package/dist/Layout/LayoutHeader.js +5 -5
- package/dist/Layout/LayoutPanel.js +3 -3
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +35 -33
- package/dist/Lightbox/useLightbox.d.ts +0 -1
- package/dist/Lightbox/useLightbox.d.ts.map +1 -1
- package/dist/Lightbox/useLightbox.js +3 -4
- package/dist/Link/Link.d.ts +5 -3
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +47 -18
- package/dist/Link/LinkProvider.js +3 -3
- package/dist/Link/useLinkify.js +3 -3
- package/dist/List/List.js +11 -11
- package/dist/List/ListItem.js +11 -11
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +111 -109
- package/dist/MetadataList/MetadataList.js +10 -10
- package/dist/MetadataList/MetadataListItem.js +15 -15
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +19 -17
- package/dist/MobileNav/MobileNavToggle.d.ts +1 -1
- package/dist/MobileNav/MobileNavToggle.d.ts.map +1 -1
- package/dist/MobileNav/MobileNavToggle.js +9 -6
- package/dist/MoreMenu/MoreMenu.d.ts +1 -1
- package/dist/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/MoreMenu/MoreMenu.js +7 -4
- package/dist/MultiSelector/MultiSelector.d.ts +1 -1
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +69 -62
- package/dist/NavIcon/NavIcon.js +3 -3
- package/dist/NavMenu/NavHeadingMenu.js +5 -5
- package/dist/NavMenu/NavHeadingMenuItem.js +8 -8
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +21 -17
- package/dist/Outline/Outline.d.ts +1 -1
- package/dist/Outline/Outline.d.ts.map +1 -1
- package/dist/Outline/Outline.js +19 -16
- package/dist/OverflowList/OverflowList.js +8 -8
- package/dist/Overlay/Overlay.js +3 -3
- package/dist/Overlay/OverlayScrim.js +5 -5
- package/dist/Overlay/useOverlay.d.ts +0 -3
- package/dist/Overlay/useOverlay.d.ts.map +1 -1
- package/dist/Overlay/useOverlay.js +3 -6
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +73 -46
- package/dist/Popover/Popover.js +16 -16
- package/dist/Popover/usePopover.d.ts.map +1 -1
- package/dist/Popover/usePopover.js +11 -8
- package/dist/PowerSearch/PowerSearch.d.ts +1 -1
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +95 -85
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.js +109 -103
- package/dist/PowerSearch/PowerSearchFilterEditor.js +3 -3
- package/dist/PowerSearch/PowerSearchToken.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchToken.js +12 -8
- package/dist/PowerSearch/PowerSearchValueEditor.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchValueEditor.js +88 -75
- package/dist/PowerSearch/formatFilterValue.d.ts +2 -1
- package/dist/PowerSearch/formatFilterValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatFilterValue.js +19 -9
- package/dist/PowerSearch/index.d.ts +2 -1
- package/dist/PowerSearch/index.d.ts.map +1 -1
- package/dist/PowerSearch/index.js +1 -0
- package/dist/PowerSearch/resolveOperatorLabel.d.ts +23 -0
- package/dist/PowerSearch/resolveOperatorLabel.d.ts.map +1 -0
- package/dist/PowerSearch/resolveOperatorLabel.js +28 -0
- package/dist/PowerSearch/types.d.ts +28 -2
- package/dist/PowerSearch/types.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchConfig.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchConfig.js +27 -27
- package/dist/PowerSearch/usePowerSearchSource.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchSource.js +15 -8
- package/dist/ProgressBar/ProgressBar.js +13 -13
- package/dist/RadioList/RadioList.js +7 -7
- package/dist/RadioList/RadioListItem.js +18 -18
- package/dist/Resizable/ResizeHandle.d.ts +1 -1
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +10 -7
- package/dist/Section/Section.js +5 -5
- package/dist/SegmentedControl/SegmentedControl.js +5 -5
- package/dist/SegmentedControl/SegmentedControlItem.js +7 -7
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +57 -51
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +38 -36
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +8 -6
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +92 -90
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +49 -43
- package/dist/SideNav/SideNavSection.js +14 -14
- package/dist/Skeleton/Skeleton.js +3 -3
- package/dist/Slider/Slider.js +23 -23
- package/dist/Spinner/Spinner.js +9 -9
- package/dist/StatusDot/StatusDot.js +5 -5
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +29 -27
- package/dist/TabList/Tab.js +18 -18
- package/dist/TabList/TabList.d.ts +1 -1
- package/dist/TabList/TabList.d.ts.map +1 -1
- package/dist/TabList/TabList.js +9 -6
- package/dist/TabList/TabMenu.js +23 -23
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +39 -37
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +10 -8
- package/dist/Table/TableBody.js +3 -3
- package/dist/Table/TableCell.js +3 -3
- package/dist/Table/TableFooter.js +3 -3
- package/dist/Table/TableHeader.js +3 -3
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/index.d.ts +4 -0
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +2 -0
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +9 -9
- package/dist/Table/plugins/filtering/useTableFiltering.d.ts.map +1 -1
- package/dist/Table/plugins/filtering/useTableFiltering.js +127 -90
- package/dist/Table/plugins/groupedRows/index.d.ts +3 -0
- package/dist/Table/plugins/groupedRows/index.d.ts.map +1 -0
- package/dist/Table/plugins/groupedRows/index.js +3 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts +78 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +257 -0
- package/dist/Table/plugins/pagination/useTablePagination.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/useTablePagination.js +12 -9
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +30 -28
- package/dist/Table/plugins/rowIndex/index.d.ts +3 -0
- package/dist/Table/plugins/rowIndex/index.d.ts.map +1 -0
- package/dist/Table/plugins/rowIndex/index.js +3 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts +50 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts.map +1 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.js +91 -0
- package/dist/Table/plugins/selection/useTableSelection.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelection.js +23 -20
- package/dist/Table/plugins/sortable/useTableSortable.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortable.js +23 -21
- package/dist/Table/tableContextMenu.js +9 -9
- package/dist/Text/Text.js +10 -10
- package/dist/TextArea/TextArea.js +14 -14
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +20 -16
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +37 -31
- package/dist/TimeInput/TimeInput.d.ts +1 -1
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +28 -23
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +29 -14
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +17 -15
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +14 -12
- package/dist/Toast/useToast.js +4 -4
- package/dist/ToggleButton/ToggleButton.js +12 -12
- package/dist/ToggleButton/ToggleButtonGroup.js +5 -5
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +29 -23
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +33 -31
- package/dist/Toolbar/Toolbar.js +18 -18
- package/dist/Tooltip/Tooltip.js +11 -11
- package/dist/Tooltip/useTooltip.js +3 -3
- package/dist/TopNav/TopNav.d.ts +2 -1
- package/dist/TopNav/TopNav.d.ts.map +1 -1
- package/dist/TopNav/TopNav.js +36 -33
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +72 -70
- package/dist/TopNav/TopNavItem.js +5 -5
- package/dist/TopNav/TopNavMegaMenu.js +30 -30
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.js +10 -10
- package/dist/TopNav/TopNavMegaMenuItem.js +16 -16
- package/dist/TopNav/TopNavMenu.js +32 -32
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +13 -9
- package/dist/TreeList/TreeListBranches.js +11 -11
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +37 -31
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +26 -22
- package/dist/Typeahead/Typeahead.d.ts.map +1 -1
- package/dist/Typeahead/Typeahead.js +15 -13
- package/dist/Typeahead/TypeaheadItem.js +10 -10
- package/dist/VStack/VStack.js +3 -3
- package/dist/VisuallyHidden/VisuallyHidden.d.ts +1 -3
- package/dist/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.js +1 -3
- package/dist/astryx.css +20 -2
- package/dist/astryx.umd.js +66 -64
- package/dist/astryx.umd.js.map +4 -4
- package/dist/authoring/doc.d.ts +145 -0
- package/dist/authoring/doc.d.ts.map +1 -0
- package/dist/authoring/doc.js +100 -0
- package/dist/authoring/index.d.ts +29 -0
- package/dist/authoring/index.d.ts.map +1 -0
- package/dist/authoring/index.js +28 -0
- package/dist/authoring/integration.d.ts +35 -0
- package/dist/authoring/integration.d.ts.map +1 -0
- package/dist/authoring/integration.js +30 -0
- package/dist/authoring/template.d.ts +66 -0
- package/dist/authoring/template.d.ts.map +1 -0
- package/dist/authoring/template.js +55 -0
- package/dist/config.d.ts +80 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +40 -0
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/i18n/InternationalizationContext.d.ts +12 -0
- package/dist/i18n/InternationalizationContext.d.ts.map +1 -0
- package/dist/i18n/InternationalizationContext.js +29 -0
- package/dist/i18n/InternationalizationProvider.d.ts +62 -0
- package/dist/i18n/InternationalizationProvider.d.ts.map +1 -0
- package/dist/i18n/InternationalizationProvider.js +44 -0
- package/dist/i18n/index.d.ts +24 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/index.js +21 -0
- package/dist/i18n/resolve.d.ts +22 -0
- package/dist/i18n/resolve.d.ts.map +1 -0
- package/dist/i18n/resolve.js +141 -0
- package/dist/i18n/translator.d.ts +25 -0
- package/dist/i18n/translator.d.ts.map +1 -0
- package/dist/i18n/translator.js +1 -0
- package/dist/i18n/types.d.ts +47 -0
- package/dist/i18n/types.d.ts.map +1 -0
- package/dist/i18n/types.js +1 -0
- package/dist/i18n/useTranslator.d.ts +15 -0
- package/dist/i18n/useTranslator.d.ts.map +1 -0
- package/dist/i18n/useTranslator.js +39 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/theme/MediaTheme.js +3 -3
- package/dist/theme/Theme.js +7 -7
- package/dist/theme/syntax/SyntaxTheme.js +5 -5
- package/locales/en.json +746 -0
- package/locales/pseudo.json +560 -0
- package/package.json +24 -3
- package/src/AlertDialog/AlertDialog.doc.mjs +5 -0
- package/src/AlertDialog/AlertDialog.tsx +4 -1
- package/src/AlertDialog/useImperativeAlertDialog.tsx +0 -2
- package/src/AppShell/AppShell.doc.mjs +8 -2
- package/src/AppShell/AppShell.tsx +3 -1
- package/src/AvatarGroup/AvatarGroup.tsx +4 -1
- package/src/Banner/Banner.tsx +10 -5
- package/src/Breadcrumbs/Breadcrumbs.tsx +4 -1
- package/src/Button/Button.tsx +34 -4
- package/src/ButtonGroup/ButtonGroup.test.tsx +386 -2
- package/src/ButtonGroup/ButtonGroup.tsx +27 -11
- package/src/Calendar/Calendar.tsx +8 -5
- package/src/Card/Card.doc.mjs +3 -3
- package/src/Carousel/Carousel.tsx +10 -7
- package/src/Chat/ChatComposer.tsx +5 -1
- package/src/Chat/ChatComposerDrawer.tsx +9 -2
- package/src/Chat/ChatComposerInput.tsx +10 -4
- package/src/Chat/ChatLayout.tsx +5 -12
- package/src/Chat/ChatLayoutScrollButton.tsx +4 -2
- package/src/Chat/ChatMessage.tsx +5 -1
- package/src/Chat/ChatMessageBubble.tsx +2 -0
- package/src/Chat/ChatMessageList.doc.mjs +1 -1
- package/src/Chat/ChatMessageList.tsx +2 -0
- package/src/Chat/ChatMessageMetadata.tsx +15 -9
- package/src/Chat/ChatPastedTextToken.tsx +3 -1
- package/src/Chat/ChatSendButton.tsx +3 -1
- package/src/Chat/ChatToolCalls.doc.mjs +1 -1
- package/src/Chat/useSpeechRecognition.ts +11 -2
- package/src/Chat/useTriggerMenu.tsx +4 -2
- package/src/CheckboxInput/CheckboxInput.test.tsx +16 -0
- package/src/CheckboxInput/CheckboxInput.tsx +4 -2
- package/src/CheckboxList/CheckboxList.doc.mjs +6 -1
- package/src/CheckboxList/CheckboxList.tsx +2 -0
- package/src/CheckboxList/CheckboxListItem.tsx +7 -1
- package/src/Citation/Citation.tsx +4 -2
- package/src/ClickableCard/ClickableCard.doc.mjs +1 -1
- package/src/CodeBlock/CodeBlock.tsx +91 -40
- package/src/Collapsible/Collapsible.doc.mjs +3 -3
- package/src/CommandPalette/CommandPalette.tsx +10 -3
- package/src/CommandPalette/CommandPaletteInput.test.tsx +1 -1
- package/src/CommandPalette/CommandPaletteInput.tsx +5 -1
- package/src/CommandPalette/CommandPaletteList.tsx +4 -1
- package/src/ContextMenu/ContextMenu.tsx +4 -1
- package/src/DateInput/DateInput.doc.mjs +2 -2
- package/src/DateInput/DateInput.tsx +13 -5
- package/src/DateRangeInput/DateRangeInput.doc.mjs +7 -7
- package/src/DateRangeInput/DateRangeInput.tsx +14 -6
- package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -2
- package/src/DateTimeInput/DateTimeInput.tsx +17 -7
- package/src/Dialog/DialogHeader.tsx +4 -2
- package/src/DropdownMenu/DropdownMenu.tsx +12 -8
- package/src/EmptyState/EmptyState.doc.mjs +3 -3
- package/src/EmptyState/EmptyState.tsx +4 -1
- package/src/Field/Field.doc.mjs +2 -2
- package/src/FileInput/FileInput.tsx +3 -1
- package/src/Grid/Grid.doc.mjs +5 -5
- package/src/InputGroup/InputGroup.doc.mjs +1 -1
- package/src/Layer/useLayer.doc.mjs +2 -2
- package/src/Lightbox/Lightbox.doc.mjs +7 -2
- package/src/Lightbox/Lightbox.tsx +6 -4
- package/src/Lightbox/useLightbox.tsx +0 -1
- package/src/Link/Link.test.tsx +74 -2
- package/src/Link/Link.tsx +48 -3
- package/src/Markdown/Markdown.tsx +12 -4
- package/src/MobileNav/MobileNav.tsx +4 -2
- package/src/MobileNav/MobileNavToggle.tsx +5 -3
- package/src/MoreMenu/MoreMenu.tsx +4 -1
- package/src/MultiSelector/MultiSelector.tsx +14 -5
- package/src/NumberInput/NumberInput.tsx +3 -1
- package/src/Outline/Outline.tsx +4 -1
- package/src/OverflowList/OverflowList.doc.mjs +2 -2
- package/src/Overlay/useOverlay.tsx +0 -3
- package/src/Pagination/Pagination.tsx +35 -12
- package/src/Popover/usePopover.tsx +6 -1
- package/src/PowerSearch/PowerSearch.doc.mjs +9 -4
- package/src/PowerSearch/PowerSearch.tsx +22 -10
- package/src/PowerSearch/PowerSearchEditPopover.tsx +27 -20
- package/src/PowerSearch/PowerSearchToken.tsx +17 -6
- package/src/PowerSearch/PowerSearchValueEditor.tsx +34 -21
- package/src/PowerSearch/formatFilterValue.test.ts +282 -0
- package/src/PowerSearch/formatFilterValue.ts +21 -8
- package/src/PowerSearch/index.ts +5 -0
- package/src/PowerSearch/resolveOperatorLabel.ts +34 -0
- package/src/PowerSearch/types.ts +33 -9
- package/src/PowerSearch/usePowerSearchConfig.ts +59 -27
- package/src/PowerSearch/usePowerSearchSource.ts +17 -8
- package/src/RadioList/RadioList.doc.mjs +1 -1
- package/src/Resizable/ResizeHandle.tsx +4 -1
- package/src/Section/Section.doc.mjs +4 -4
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.tsx +11 -6
- package/src/SideNav/SideNav.tsx +4 -2
- package/src/SideNav/SideNavCollapseButton.tsx +3 -1
- package/src/SideNav/SideNavHeading.tsx +5 -3
- package/src/SideNav/SideNavItem.tsx +3 -1
- package/src/Slider/Slider.doc.mjs +2 -2
- package/src/Stack/Stack.doc.mjs +10 -10
- package/src/Switch/Switch.doc.mjs +2 -2
- package/src/Switch/Switch.test.tsx +16 -0
- package/src/Switch/Switch.tsx +4 -2
- package/src/TabList/TabList.tsx +4 -1
- package/src/Table/BaseTable.tsx +8 -1
- package/src/Table/Table.doc.mjs +1 -1
- package/src/Table/Table.tsx +3 -1
- package/src/Table/index.ts +7 -0
- package/src/Table/plugins/filtering/useTableFiltering.tsx +31 -30
- package/src/Table/plugins/groupedRows/index.ts +7 -0
- package/src/Table/plugins/groupedRows/useTableGroupedRows.test.tsx +231 -0
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +351 -0
- package/src/Table/plugins/pagination/useTablePagination.tsx +4 -1
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +8 -4
- package/src/Table/plugins/rowIndex/index.ts +4 -0
- package/src/Table/plugins/rowIndex/useTableRowIndex.test.tsx +132 -0
- package/src/Table/plugins/rowIndex/useTableRowIndex.tsx +114 -0
- package/src/Table/plugins/selection/useTableSelection.tsx +6 -7
- package/src/Table/plugins/sortable/useTableSortable.tsx +8 -5
- package/src/Table/useTableFiltering.doc.mjs +2 -2
- package/src/Table/useTableGroupedRows.doc.mjs +71 -0
- package/src/Table/useTableRowIndex.doc.mjs +50 -0
- package/src/Table/useTableSortable.doc.mjs +11 -11
- package/src/Text/Text.doc.mjs +2 -2
- package/src/TextInput/TextInput.tsx +3 -1
- package/src/Thumbnail/Thumbnail.tsx +4 -2
- package/src/TimeInput/TimeInput.doc.mjs +2 -2
- package/src/TimeInput/TimeInput.tsx +6 -2
- package/src/Timestamp/Timestamp.doc.mjs +4 -4
- package/src/Timestamp/Timestamp.test.tsx +120 -7
- package/src/Timestamp/Timestamp.tsx +21 -1
- package/src/Toast/Toast.tsx +3 -1
- package/src/Toast/ToastViewport.tsx +3 -1
- package/src/Token/Token.tsx +4 -2
- package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
- package/src/Tokenizer/Tokenizer.tsx +4 -4
- package/src/Toolbar/Toolbar.doc.mjs +1 -1
- package/src/TopNav/TopNav.doc.mjs +1 -0
- package/src/TopNav/TopNav.test.tsx +30 -0
- package/src/TopNav/TopNav.tsx +6 -4
- package/src/TopNav/TopNavHeading.tsx +5 -3
- package/src/TreeList/TreeList.tsx +5 -1
- package/src/TreeList/TreeListItem.tsx +6 -1
- package/src/Typeahead/BaseTypeahead.tsx +11 -4
- package/src/Typeahead/Typeahead.doc.mjs +1 -1
- package/src/Typeahead/Typeahead.tsx +3 -1
- package/src/VisuallyHidden/VisuallyHidden.tsx +1 -3
- package/src/authoring/doc.ts +166 -0
- package/src/authoring/index.test.ts +52 -0
- package/src/authoring/index.ts +50 -0
- package/src/authoring/integration.ts +42 -0
- package/src/authoring/template.ts +74 -0
- package/src/config.test.ts +16 -0
- package/src/config.ts +92 -0
- package/src/docPropLiterals.test.ts +902 -0
- package/src/hooks/useHotkeys.doc.mjs +5 -5
- package/src/i18n/InternationalizationContext.ts +39 -0
- package/src/i18n/InternationalizationProvider.doc.mjs +72 -0
- package/src/i18n/InternationalizationProvider.tsx +83 -0
- package/src/i18n/__tests__/e2e-pagination.test.tsx +172 -0
- package/src/i18n/__tests__/e2e-powersearch.test.tsx +130 -0
- package/src/i18n/__tests__/resolve.test.ts +284 -0
- package/src/i18n/index.ts +32 -0
- package/src/i18n/resolve.ts +165 -0
- package/src/i18n/translator.ts +31 -0
- package/src/i18n/types.ts +53 -0
- package/src/i18n/useTranslator.doc.mjs +46 -0
- package/src/i18n/useTranslator.ts +50 -0
- package/src/index.ts +3 -0
- package/dist/NavItem/index.d.ts +0 -9
- package/dist/NavItem/index.d.ts.map +0 -1
- package/dist/NavItem/index.js +0 -10
- package/src/NavItem/index.ts +0 -11
|
@@ -54,7 +54,8 @@ const sizeStyles = {
|
|
|
54
54
|
|
|
55
55
|
import { mergeProps, mergeRefs } from "../utils/index.js";
|
|
56
56
|
import { themeProps } from "../utils/themeProps.js";
|
|
57
|
-
import {
|
|
57
|
+
import { useTranslator } from "../i18n/index.js";
|
|
58
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
58
59
|
/**
|
|
59
60
|
* A date picker component combining a text input with a calendar popover.
|
|
60
61
|
*
|
|
@@ -82,7 +83,7 @@ export function DateInput({
|
|
|
82
83
|
min,
|
|
83
84
|
max,
|
|
84
85
|
dateConstraints,
|
|
85
|
-
placeholder
|
|
86
|
+
placeholder: placeholderFromProps,
|
|
86
87
|
size: sizeProp,
|
|
87
88
|
status,
|
|
88
89
|
labelTooltip,
|
|
@@ -95,6 +96,8 @@ export function DateInput({
|
|
|
95
96
|
ref,
|
|
96
97
|
...rest
|
|
97
98
|
}) {
|
|
99
|
+
const t = useTranslator();
|
|
100
|
+
const placeholder = placeholderFromProps ?? t('@astryx.dateInput.placeholder');
|
|
98
101
|
const size = useSize(sizeProp, 'md');
|
|
99
102
|
const id = useId();
|
|
100
103
|
const inputLabelID = useId();
|
|
@@ -172,8 +175,8 @@ export function DateInput({
|
|
|
172
175
|
// Check if current input is valid (for styling purposes)
|
|
173
176
|
const isInputValid = pendingInput === null || !pendingInput.trim() ? true : parseDateInput(pendingInput) !== null;
|
|
174
177
|
const popover = usePopover({
|
|
175
|
-
dialogLabel: '
|
|
176
|
-
closeButtonLabel: '
|
|
178
|
+
dialogLabel: t('@astryx.dateInput.dialogLabel'),
|
|
179
|
+
closeButtonLabel: t('@astryx.dateInput.closeCalendar'),
|
|
177
180
|
onHide: () => inputRef.current?.focus()
|
|
178
181
|
});
|
|
179
182
|
|
|
@@ -291,7 +294,7 @@ export function DateInput({
|
|
|
291
294
|
commitPendingInput();
|
|
292
295
|
}
|
|
293
296
|
}, [popover, commitPendingInput, isEffectivelyDisabled]);
|
|
294
|
-
const inputWrapper = /*#__PURE__*/
|
|
297
|
+
const inputWrapper = /*#__PURE__*/_jsxs("div", {
|
|
295
298
|
ref: el => {
|
|
296
299
|
popover.triggerRef(el);
|
|
297
300
|
// Anchor + hover/focus listeners for the disabled-message tooltip.
|
|
@@ -304,14 +307,14 @@ export function DateInput({
|
|
|
304
307
|
size,
|
|
305
308
|
status: status?.type ?? null
|
|
306
309
|
}), stylex.props(inputWrapperStyles.base, sizeStyles[size], isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, xstyle), className, style),
|
|
307
|
-
children: [inputGroup && /*#__PURE__*/
|
|
310
|
+
children: [inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
308
311
|
id: inputLabelID,
|
|
309
312
|
children: label
|
|
310
|
-
}
|
|
313
|
+
}), /*#__PURE__*/_jsx("button", {
|
|
311
314
|
type: "button",
|
|
312
315
|
onClick: handleToggle,
|
|
313
316
|
disabled: isEffectivelyDisabled,
|
|
314
|
-
"aria-label": popover.isOpen ? '
|
|
317
|
+
"aria-label": popover.isOpen ? t('@astryx.dateInput.toggleCalendarClose') : t('@astryx.dateInput.openCalendar'),
|
|
315
318
|
...{
|
|
316
319
|
0: {
|
|
317
320
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
@@ -320,12 +323,12 @@ export function DateInput({
|
|
|
320
323
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xh6dtrn x1a2a7pz x1p25gnr x1y3gkto x1h6gzvc"
|
|
321
324
|
}
|
|
322
325
|
}[!!isEffectivelyDisabled << 0],
|
|
323
|
-
children: /*#__PURE__*/
|
|
326
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
324
327
|
icon: "calendar",
|
|
325
328
|
size: "sm",
|
|
326
329
|
color: "secondary"
|
|
327
|
-
}
|
|
328
|
-
}
|
|
330
|
+
})
|
|
331
|
+
}), /*#__PURE__*/_jsx("input", {
|
|
329
332
|
ref: mergeRefs(ref, inputRef),
|
|
330
333
|
id: id,
|
|
331
334
|
type: "text",
|
|
@@ -368,30 +371,32 @@ export function DateInput({
|
|
|
368
371
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
369
372
|
}
|
|
370
373
|
}[!!isEffectivelyDisabled << 1 | !!!isInputValid << 0]
|
|
371
|
-
}
|
|
374
|
+
}), /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
372
375
|
as: "div",
|
|
373
376
|
role: "alert",
|
|
374
377
|
"aria-live": "assertive",
|
|
375
378
|
children: !isInputValid ? 'Invalid date' : ''
|
|
376
|
-
}
|
|
379
|
+
}), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
|
|
377
380
|
type: "button",
|
|
378
381
|
onClick: handleClear,
|
|
379
|
-
"aria-label":
|
|
382
|
+
"aria-label": t('@astryx.dateInput.clear', {
|
|
383
|
+
label
|
|
384
|
+
}),
|
|
380
385
|
...{
|
|
381
386
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
382
387
|
},
|
|
383
|
-
children: /*#__PURE__*/
|
|
388
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
384
389
|
icon: "close",
|
|
385
390
|
size: "sm",
|
|
386
391
|
color: "secondary"
|
|
387
|
-
}
|
|
388
|
-
}
|
|
392
|
+
})
|
|
393
|
+
}), isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
389
394
|
size: "sm"
|
|
390
|
-
}
|
|
395
|
+
}), status && !inputGroup && /*#__PURE__*/_jsx(Icon, {
|
|
391
396
|
icon: statusIconMap[status.type],
|
|
392
397
|
size: "md",
|
|
393
398
|
color: statusIconColorMap[status.type]
|
|
394
|
-
}
|
|
399
|
+
}), popover.render(/*#__PURE__*/_jsx(Calendar, {
|
|
395
400
|
handleRef: calendarRef,
|
|
396
401
|
mode: "single",
|
|
397
402
|
value: optimisticValue,
|
|
@@ -400,15 +405,15 @@ export function DateInput({
|
|
|
400
405
|
max: max,
|
|
401
406
|
dateConstraints: dateConstraints,
|
|
402
407
|
numberOfMonths: numberOfMonths
|
|
403
|
-
}
|
|
408
|
+
}), {
|
|
404
409
|
placement: 'below',
|
|
405
410
|
alignment: 'start'
|
|
406
411
|
}), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
|
|
407
|
-
}
|
|
412
|
+
});
|
|
408
413
|
if (inputGroup) {
|
|
409
414
|
return inputWrapper;
|
|
410
415
|
}
|
|
411
|
-
return /*#__PURE__*/
|
|
416
|
+
return /*#__PURE__*/_jsx(Field, {
|
|
412
417
|
label: label,
|
|
413
418
|
isLabelHidden: isLabelHidden,
|
|
414
419
|
description: description,
|
|
@@ -425,6 +430,6 @@ export function DateInput({
|
|
|
425
430
|
labelTooltip: labelTooltip,
|
|
426
431
|
width: width,
|
|
427
432
|
children: inputWrapper
|
|
428
|
-
}
|
|
433
|
+
});
|
|
429
434
|
}
|
|
430
435
|
DateInput.displayName = 'DateInput';
|
|
@@ -148,7 +148,7 @@ export interface DateRangeInputProps extends Omit<BaseProps, 'onChange' | 'defau
|
|
|
148
148
|
* />
|
|
149
149
|
* ```
|
|
150
150
|
*/
|
|
151
|
-
export declare function DateRangeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, dateConstraints, presets, hasClear, placeholder, size: sizeProp, status, labelTooltip, numberOfMonths, width, xstyle, className, style, ref, ...rest }: DateRangeInputProps): import("react").JSX.Element;
|
|
151
|
+
export declare function DateRangeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, dateConstraints, presets, hasClear, placeholder: placeholderFromProps, size: sizeProp, status, labelTooltip, numberOfMonths, width, xstyle, className, style, ref, ...rest }: DateRangeInputProps): import("react").JSX.Element;
|
|
152
152
|
export declare namespace DateRangeInput {
|
|
153
153
|
var displayName: string;
|
|
154
154
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../src/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,aAAa,CAAC;AAIzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../src/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,aAAa,CAAC;AAIzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAK9C,YAAY,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,YAAY,EACV,WAAW,IAAI,oBAAoB,EACnC,eAAe,IAAI,wBAAwB,GAC5C,MAAM,UAAU,CAAC;AAqIlB,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,EACT,UAAU,GAAG,cAAc,CAC5B;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,GAAG,EACH,GAAG,EACH,eAAe,EACf,OAAO,EACP,QAAe,EACf,WAAW,EAAE,oBAAoB,EACjC,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,YAAY,EACZ,cAAkB,EAClB,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,mBAAmB,+BA+QrB;yBA3Se,cAAc"}
|
|
@@ -29,7 +29,8 @@ import { useTooltip } from "../Tooltip/index.js";
|
|
|
29
29
|
import { mergeProps } from "../utils/index.js";
|
|
30
30
|
import { useSize } from "../SizeContext/SizeContext.js";
|
|
31
31
|
import { themeProps } from "../utils/themeProps.js";
|
|
32
|
-
import {
|
|
32
|
+
import { useTranslator } from "../i18n/index.js";
|
|
33
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
33
34
|
const sizeStyles = {
|
|
34
35
|
sm: {
|
|
35
36
|
kZKoxP: "x6k0iem",
|
|
@@ -100,7 +101,7 @@ export function DateRangeInput({
|
|
|
100
101
|
dateConstraints,
|
|
101
102
|
presets,
|
|
102
103
|
hasClear = true,
|
|
103
|
-
placeholder
|
|
104
|
+
placeholder: placeholderFromProps,
|
|
104
105
|
size: sizeProp,
|
|
105
106
|
status,
|
|
106
107
|
labelTooltip,
|
|
@@ -112,6 +113,8 @@ export function DateRangeInput({
|
|
|
112
113
|
ref,
|
|
113
114
|
...rest
|
|
114
115
|
}) {
|
|
116
|
+
const t = useTranslator();
|
|
117
|
+
const placeholder = placeholderFromProps ?? t('@astryx.dateRangeInput.placeholder');
|
|
115
118
|
const size = useSize(sizeProp, 'md');
|
|
116
119
|
const id = useId();
|
|
117
120
|
const descriptionID = useId();
|
|
@@ -148,8 +151,8 @@ export function DateRangeInput({
|
|
|
148
151
|
const ariaDescribedBy = [description ? descriptionID : null, status?.message ? statusMessageID : null, showsDisabledMessage ? disabledMessageTooltip.describedBy : null].filter(Boolean).join(' ') || undefined;
|
|
149
152
|
const displayValue = useMemo(() => formatRangeDisplay(optimisticValue), [optimisticValue]);
|
|
150
153
|
const popover = usePopover({
|
|
151
|
-
dialogLabel: '
|
|
152
|
-
closeButtonLabel: '
|
|
154
|
+
dialogLabel: t('@astryx.dateRangeInput.dialogLabel'),
|
|
155
|
+
closeButtonLabel: t('@astryx.dateInput.closeCalendar')
|
|
153
156
|
});
|
|
154
157
|
const fireChange = useCallback(newValue => {
|
|
155
158
|
if (isBusy) {
|
|
@@ -185,7 +188,7 @@ export function DateRangeInput({
|
|
|
185
188
|
fireChange(null);
|
|
186
189
|
}, [fireChange]);
|
|
187
190
|
const triggerAriaLabel = value ? `${label}: ${displayValue}` : `${label}: ${placeholder}`;
|
|
188
|
-
return /*#__PURE__*/
|
|
191
|
+
return /*#__PURE__*/_jsxs(Field, {
|
|
189
192
|
label: label,
|
|
190
193
|
isLabelHidden: isLabelHidden,
|
|
191
194
|
description: description,
|
|
@@ -201,7 +204,7 @@ export function DateRangeInput({
|
|
|
201
204
|
} : undefined,
|
|
202
205
|
labelTooltip: labelTooltip,
|
|
203
206
|
width: width,
|
|
204
|
-
children: [/*#__PURE__*/
|
|
207
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
205
208
|
ref: el => {
|
|
206
209
|
popover.triggerRef(el);
|
|
207
210
|
// Anchor + hover/focus listeners for the disabled-message tooltip.
|
|
@@ -214,11 +217,11 @@ export function DateRangeInput({
|
|
|
214
217
|
size,
|
|
215
218
|
status: status?.type ?? null
|
|
216
219
|
}), stylex.props(inputWrapperStyles.base, sizeStyles[size], isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], xstyle), className, style),
|
|
217
|
-
children: [/*#__PURE__*/
|
|
220
|
+
children: [/*#__PURE__*/_jsx("button", {
|
|
218
221
|
type: "button",
|
|
219
222
|
onClick: handleToggle,
|
|
220
223
|
disabled: isEffectivelyDisabled,
|
|
221
|
-
"aria-label": popover.isOpen ? '
|
|
224
|
+
"aria-label": popover.isOpen ? t('@astryx.dateInput.toggleCalendarClose') : t('@astryx.dateInput.openCalendar'),
|
|
222
225
|
tabIndex: -1,
|
|
223
226
|
...{
|
|
224
227
|
0: {
|
|
@@ -228,12 +231,12 @@ export function DateRangeInput({
|
|
|
228
231
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xh6dtrn x1a2a7pz x1p25gnr x1y3gkto x1h6gzvc"
|
|
229
232
|
}
|
|
230
233
|
}[!!isEffectivelyDisabled << 0],
|
|
231
|
-
children: /*#__PURE__*/
|
|
234
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
232
235
|
icon: "calendar",
|
|
233
236
|
size: "sm",
|
|
234
237
|
color: "secondary"
|
|
235
|
-
}
|
|
236
|
-
}
|
|
238
|
+
})
|
|
239
|
+
}), /*#__PURE__*/_jsx("button", {
|
|
237
240
|
ref: ref,
|
|
238
241
|
id: id,
|
|
239
242
|
type: "button",
|
|
@@ -267,39 +270,41 @@ export function DateRangeInput({
|
|
|
267
270
|
}
|
|
268
271
|
}[!!!displayValue << 1 | !!isEffectivelyDisabled << 0],
|
|
269
272
|
children: displayValue || placeholder
|
|
270
|
-
}
|
|
273
|
+
}), hasClear && value !== null && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
|
|
271
274
|
type: "button",
|
|
272
275
|
onClick: handleClear,
|
|
273
|
-
"aria-label":
|
|
276
|
+
"aria-label": t('@astryx.dateInput.clear', {
|
|
277
|
+
label
|
|
278
|
+
}),
|
|
274
279
|
...{
|
|
275
280
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
276
281
|
},
|
|
277
|
-
children: /*#__PURE__*/
|
|
282
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
278
283
|
icon: "close",
|
|
279
284
|
size: "sm",
|
|
280
285
|
color: "secondary"
|
|
281
|
-
}
|
|
282
|
-
}
|
|
286
|
+
})
|
|
287
|
+
}), isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
283
288
|
size: "sm"
|
|
284
|
-
}
|
|
289
|
+
}), status && /*#__PURE__*/_jsx(Icon, {
|
|
285
290
|
icon: statusIconMap[status.type],
|
|
286
291
|
size: "md",
|
|
287
292
|
color: statusIconColorMap[status.type]
|
|
288
|
-
}
|
|
289
|
-
}
|
|
293
|
+
})]
|
|
294
|
+
}), popover.render(/*#__PURE__*/_jsxs("div", {
|
|
290
295
|
...{
|
|
291
296
|
className: "x78zum5"
|
|
292
297
|
},
|
|
293
|
-
children: [presets && presets.length > 0 && /*#__PURE__*/
|
|
298
|
+
children: [presets && presets.length > 0 && /*#__PURE__*/_jsx("div", {
|
|
294
299
|
role: "group",
|
|
295
|
-
"aria-label":
|
|
300
|
+
"aria-label": t('@astryx.dateRangeInput.presetDateRanges'),
|
|
296
301
|
...{
|
|
297
302
|
className: "x78zum5 xdt5ytf xzye2dw x1b2ylru x1pcaw5z x32b0ac xdz7fjg x1d77m7x"
|
|
298
303
|
},
|
|
299
304
|
children: presets.map(preset => {
|
|
300
305
|
const presetRange = preset.getRange();
|
|
301
306
|
const isActive = isRangeEqual(value, presetRange);
|
|
302
|
-
return /*#__PURE__*/
|
|
307
|
+
return /*#__PURE__*/_jsx("button", {
|
|
303
308
|
type: "button"
|
|
304
309
|
// These presets are independent action buttons navigated by
|
|
305
310
|
// Tab, not a single-tab-stop listbox — so they are a labeled
|
|
@@ -318,9 +323,9 @@ export function DateRangeInput({
|
|
|
318
323
|
}
|
|
319
324
|
}[!!isActive << 0],
|
|
320
325
|
children: preset.label
|
|
321
|
-
}, preset.label
|
|
326
|
+
}, preset.label);
|
|
322
327
|
})
|
|
323
|
-
}
|
|
328
|
+
}), /*#__PURE__*/_jsx(Calendar, {
|
|
324
329
|
mode: "range",
|
|
325
330
|
value: value ?? undefined,
|
|
326
331
|
onChange: handleRangeSelect,
|
|
@@ -328,11 +333,11 @@ export function DateRangeInput({
|
|
|
328
333
|
max: max,
|
|
329
334
|
dateConstraints: dateConstraints,
|
|
330
335
|
numberOfMonths: numberOfMonths
|
|
331
|
-
}
|
|
332
|
-
}
|
|
336
|
+
})]
|
|
337
|
+
}), {
|
|
333
338
|
placement: 'below',
|
|
334
339
|
alignment: 'start'
|
|
335
340
|
}), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
|
|
336
|
-
}
|
|
341
|
+
});
|
|
337
342
|
}
|
|
338
343
|
DateRangeInput.displayName = 'DateRangeInput';
|
|
@@ -171,7 +171,7 @@ export interface DateTimeInputProps extends Omit<BaseProps, 'onChange' | 'defaul
|
|
|
171
171
|
* />
|
|
172
172
|
* ```
|
|
173
173
|
*/
|
|
174
|
-
export declare function DateTimeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, dateConstraints, hasSeconds, hourFormat, timeIncrement, hasClear, placeholder, timePlaceholder, timeLabel, size: sizeProp, status, labelTooltip, numberOfMonths, width, xstyle, className, style, ref, ...rest }: DateTimeInputProps): import("react").JSX.Element;
|
|
174
|
+
export declare function DateTimeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, dateConstraints, hasSeconds, hourFormat, timeIncrement, hasClear, placeholder: placeholderFromProps, timePlaceholder: timePlaceholderFromProps, timeLabel, size: sizeProp, status, labelTooltip, numberOfMonths, width, xstyle, className, style, ref, ...rest }: DateTimeInputProps): import("react").JSX.Element;
|
|
175
175
|
export declare namespace DateTimeInput {
|
|
176
176
|
var displayName: string;
|
|
177
177
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AA4BlB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,9 +32,10 @@ import { parseDateInput, parseTimeInput, formatDisplayTime12h, formatDisplayTime
|
|
|
32
32
|
import { plainDateFromISO, plainDateToISO, plainDateFormat, DATE_FORMAT_LONG } from "../utils/plainDate.js";
|
|
33
33
|
import { useSize } from "../SizeContext/SizeContext.js";
|
|
34
34
|
import { themeProps } from "../utils/themeProps.js";
|
|
35
|
+
import { useTranslator } from "../i18n/index.js";
|
|
35
36
|
|
|
36
37
|
/** Supported minute increments for arrow-key stepping of the time field. */
|
|
37
|
-
import {
|
|
38
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
38
39
|
const styles = {
|
|
39
40
|
row: {
|
|
40
41
|
k1xSpc: "x78zum5",
|
|
@@ -133,8 +134,8 @@ export function DateTimeInput({
|
|
|
133
134
|
hourFormat = '12h',
|
|
134
135
|
timeIncrement = 1,
|
|
135
136
|
hasClear = false,
|
|
136
|
-
placeholder
|
|
137
|
-
timePlaceholder
|
|
137
|
+
placeholder: placeholderFromProps,
|
|
138
|
+
timePlaceholder: timePlaceholderFromProps,
|
|
138
139
|
timeLabel,
|
|
139
140
|
size: sizeProp,
|
|
140
141
|
status,
|
|
@@ -147,6 +148,9 @@ export function DateTimeInput({
|
|
|
147
148
|
ref,
|
|
148
149
|
...rest
|
|
149
150
|
}) {
|
|
151
|
+
const t = useTranslator();
|
|
152
|
+
const placeholder = placeholderFromProps ?? t('@astryx.dateTimeInput.placeholder');
|
|
153
|
+
const timePlaceholder = timePlaceholderFromProps ?? t('@astryx.dateTimeInput.timePlaceholder');
|
|
150
154
|
const size = useSize(sizeProp, 'md');
|
|
151
155
|
const dateInputId = useId();
|
|
152
156
|
const timeInputId = useId();
|
|
@@ -277,8 +281,8 @@ export function DateTimeInput({
|
|
|
277
281
|
|
|
278
282
|
// --- Popover ---
|
|
279
283
|
const popover = usePopover({
|
|
280
|
-
dialogLabel: '
|
|
281
|
-
closeButtonLabel: '
|
|
284
|
+
dialogLabel: t('@astryx.dateTimeInput.dialogLabel'),
|
|
285
|
+
closeButtonLabel: t('@astryx.dateInput.closeCalendar'),
|
|
282
286
|
onHide: () => dateInputRef.current?.focus()
|
|
283
287
|
});
|
|
284
288
|
const handleCalendarToggle = useCallback(() => {
|
|
@@ -457,7 +461,7 @@ export function DateTimeInput({
|
|
|
457
461
|
inputRef: timeInputRef,
|
|
458
462
|
disabled: isEffectivelyDisabled
|
|
459
463
|
});
|
|
460
|
-
return /*#__PURE__*/
|
|
464
|
+
return /*#__PURE__*/_jsxs(Field, {
|
|
461
465
|
label: label,
|
|
462
466
|
isLabelHidden: isLabelHidden,
|
|
463
467
|
description: description,
|
|
@@ -474,21 +478,21 @@ export function DateTimeInput({
|
|
|
474
478
|
labelTooltip: labelTooltip,
|
|
475
479
|
statusVariant: "detached",
|
|
476
480
|
width: width,
|
|
477
|
-
children: [/*#__PURE__*/
|
|
481
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
478
482
|
ref: disabledMessageTooltip.ref,
|
|
479
483
|
...rest,
|
|
480
484
|
...mergeProps(themeProps('date-time-input', {
|
|
481
485
|
size,
|
|
482
486
|
status: status?.type ?? null
|
|
483
487
|
}), stylex.props(styles.row, xstyle), className, style),
|
|
484
|
-
children: [/*#__PURE__*/
|
|
488
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
485
489
|
ref: popover.triggerRef,
|
|
486
490
|
...stylex.props(inputWrapperStyles.base, sizeStyles[size], styles.dateWrapper, isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type]),
|
|
487
|
-
children: [/*#__PURE__*/
|
|
491
|
+
children: [/*#__PURE__*/_jsx("button", {
|
|
488
492
|
type: "button",
|
|
489
493
|
onClick: handleCalendarToggle,
|
|
490
494
|
disabled: isEffectivelyDisabled,
|
|
491
|
-
"aria-label": popover.isOpen ? '
|
|
495
|
+
"aria-label": popover.isOpen ? t('@astryx.dateInput.toggleCalendarClose') : t('@astryx.dateInput.openCalendar'),
|
|
492
496
|
...{
|
|
493
497
|
0: {
|
|
494
498
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
@@ -497,12 +501,12 @@ export function DateTimeInput({
|
|
|
497
501
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xh6dtrn x1a2a7pz x1p25gnr x1y3gkto x1h6gzvc"
|
|
498
502
|
}
|
|
499
503
|
}[!!isEffectivelyDisabled << 0],
|
|
500
|
-
children: /*#__PURE__*/
|
|
504
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
501
505
|
icon: "calendar",
|
|
502
506
|
size: "sm",
|
|
503
507
|
color: "secondary"
|
|
504
|
-
}
|
|
505
|
-
}
|
|
508
|
+
})
|
|
509
|
+
}), /*#__PURE__*/_jsx("input", {
|
|
506
510
|
ref: mergeRefs(ref, dateInputRef),
|
|
507
511
|
id: dateInputId,
|
|
508
512
|
type: "text",
|
|
@@ -544,45 +548,47 @@ export function DateTimeInput({
|
|
|
544
548
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
545
549
|
}
|
|
546
550
|
}[!!isEffectivelyDisabled << 1 | !!!isDateInputValid << 0]
|
|
547
|
-
}
|
|
551
|
+
}), /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
548
552
|
as: "div",
|
|
549
553
|
role: "alert",
|
|
550
554
|
"aria-live": "assertive",
|
|
551
555
|
children: !isDateInputValid ? 'Invalid date' : ''
|
|
552
|
-
}
|
|
556
|
+
}), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
|
|
553
557
|
type: "button",
|
|
554
558
|
onClick: handleClear,
|
|
555
|
-
"aria-label":
|
|
559
|
+
"aria-label": t('@astryx.dateInput.clear', {
|
|
560
|
+
label
|
|
561
|
+
}),
|
|
556
562
|
...{
|
|
557
563
|
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
558
564
|
},
|
|
559
|
-
children: /*#__PURE__*/
|
|
565
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
560
566
|
icon: "close",
|
|
561
567
|
size: "sm",
|
|
562
568
|
color: "secondary"
|
|
563
|
-
}
|
|
564
|
-
}
|
|
569
|
+
})
|
|
570
|
+
}), isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
565
571
|
size: "sm"
|
|
566
|
-
}
|
|
572
|
+
}), status && /*#__PURE__*/_jsx(Icon, {
|
|
567
573
|
icon: statusIconMap[status.type],
|
|
568
574
|
size: "md",
|
|
569
575
|
color: statusIconColorMap[status.type]
|
|
570
|
-
}
|
|
571
|
-
}
|
|
576
|
+
})]
|
|
577
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
572
578
|
ref: timeContainerRef,
|
|
573
579
|
onClick: handleTimeWrapperClick,
|
|
574
580
|
onMouseUp: handleTimeWrapperMouseUp,
|
|
575
581
|
...stylex.props(inputWrapperStyles.base, sizeStyles[size], styles.timeWrapper, isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type]),
|
|
576
|
-
children: [/*#__PURE__*/
|
|
582
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
577
583
|
...{
|
|
578
584
|
className: "x78zum5 x6s0dn4 xl56j7k x2lah0s"
|
|
579
585
|
},
|
|
580
|
-
children: /*#__PURE__*/
|
|
586
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
581
587
|
icon: "clock",
|
|
582
588
|
size: "sm",
|
|
583
589
|
color: "secondary"
|
|
584
|
-
}
|
|
585
|
-
}
|
|
590
|
+
})
|
|
591
|
+
}), /*#__PURE__*/_jsx("input", {
|
|
586
592
|
ref: timeInputRef,
|
|
587
593
|
id: timeInputId,
|
|
588
594
|
type: "text",
|
|
@@ -599,7 +605,9 @@ export function DateTimeInput({
|
|
|
599
605
|
disabled: isEffectivelyDisabled && !showsDisabledMessage,
|
|
600
606
|
"aria-disabled": showsDisabledMessage ? 'true' : undefined,
|
|
601
607
|
readOnly: showsDisabledMessage || undefined,
|
|
602
|
-
"aria-label": timeLabel ??
|
|
608
|
+
"aria-label": timeLabel ?? t('@astryx.dateTimeInput.timeSuffix', {
|
|
609
|
+
label
|
|
610
|
+
}),
|
|
603
611
|
"aria-describedby": ariaDescribedBy,
|
|
604
612
|
"aria-required": isRequired === true ? 'true' : undefined,
|
|
605
613
|
"aria-invalid": status?.type === 'error' || !isTimeInputValid ? 'true' : undefined,
|
|
@@ -618,14 +626,14 @@ export function DateTimeInput({
|
|
|
618
626
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
619
627
|
}
|
|
620
628
|
}[!!isEffectivelyDisabled << 1 | !!!isTimeInputValid << 0]
|
|
621
|
-
}
|
|
629
|
+
}), /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
622
630
|
as: "div",
|
|
623
631
|
role: "alert",
|
|
624
632
|
"aria-live": "assertive",
|
|
625
633
|
children: !isTimeInputValid ? 'Invalid time' : ''
|
|
626
|
-
}
|
|
627
|
-
}
|
|
628
|
-
}
|
|
634
|
+
})]
|
|
635
|
+
})]
|
|
636
|
+
}), popover.render(/*#__PURE__*/_jsx(Calendar, {
|
|
629
637
|
handleRef: calendarRef,
|
|
630
638
|
mode: "single",
|
|
631
639
|
value: valueParts.date,
|
|
@@ -634,10 +642,10 @@ export function DateTimeInput({
|
|
|
634
642
|
max: calendarMax,
|
|
635
643
|
dateConstraints: dateConstraints,
|
|
636
644
|
numberOfMonths: numberOfMonths
|
|
637
|
-
}
|
|
645
|
+
}), {
|
|
638
646
|
placement: 'below',
|
|
639
647
|
alignment: 'start'
|
|
640
648
|
}), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
|
|
641
|
-
}
|
|
649
|
+
});
|
|
642
650
|
}
|
|
643
651
|
DateTimeInput.displayName = 'DateTimeInput';
|
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -32,7 +32,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
32
32
|
* Returns a normalized vector from the trigger element toward the viewport
|
|
33
33
|
* center, scaled to the given distance.
|
|
34
34
|
*/
|
|
35
|
-
import {
|
|
35
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
36
36
|
function getDialogDirection(triggerEl, distance = 16) {
|
|
37
37
|
const rect = triggerEl.getBoundingClientRect();
|
|
38
38
|
const dx = rect.left + rect.width / 2 - window.innerWidth / 2;
|
|
@@ -342,7 +342,7 @@ export function Dialog({
|
|
|
342
342
|
};
|
|
343
343
|
|
|
344
344
|
// Shared inner content wrapper
|
|
345
|
-
const innerContent = /*#__PURE__*/
|
|
345
|
+
const innerContent = /*#__PURE__*/_jsx("div", {
|
|
346
346
|
...stylex.props(styles.inner, ...container(useThemeDefault ? {
|
|
347
347
|
useThemeDefault: 'dialog',
|
|
348
348
|
maxHeight: isFullscreen ? undefined : typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight
|
|
@@ -353,24 +353,24 @@ export function Dialog({
|
|
|
353
353
|
paddingOuterY: paddingToken,
|
|
354
354
|
maxHeight: isFullscreen ? undefined : typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight
|
|
355
355
|
}), !useThemeDefault && effectivePadding !== 4 && paddingStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingInlineVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockStartVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockEndVarStyles[effectivePadding]),
|
|
356
|
-
children: /*#__PURE__*/
|
|
356
|
+
children: /*#__PURE__*/_jsx(DialogContext, {
|
|
357
357
|
value: dialogContextValue,
|
|
358
358
|
children: children
|
|
359
|
-
}
|
|
360
|
-
}
|
|
359
|
+
})
|
|
360
|
+
});
|
|
361
361
|
|
|
362
362
|
// --- Inline rendering path (for documentation previews) ---
|
|
363
363
|
if (isInline) {
|
|
364
364
|
if (!isOpen) {
|
|
365
365
|
return null;
|
|
366
366
|
}
|
|
367
|
-
return /*#__PURE__*/
|
|
367
|
+
return /*#__PURE__*/_jsx("div", {
|
|
368
368
|
...mergeProps(themeProps('dialog', {
|
|
369
369
|
variant
|
|
370
370
|
}), stylex.props(styles.inlineWrapper, !isFullscreen && dynamicStyles.sizing(width, maxHeight), isFullscreen && styles.fullscreen, xstyle), className, style),
|
|
371
371
|
"data-testid": props['data-testid'],
|
|
372
372
|
children: innerContent
|
|
373
|
-
}
|
|
373
|
+
});
|
|
374
374
|
}
|
|
375
375
|
|
|
376
376
|
// --- Standard modal rendering path ---
|
|
@@ -381,7 +381,7 @@ export function Dialog({
|
|
|
381
381
|
open: _open,
|
|
382
382
|
...safeProps
|
|
383
383
|
} = props;
|
|
384
|
-
return /*#__PURE__*/
|
|
384
|
+
return /*#__PURE__*/_jsx("dialog", {
|
|
385
385
|
ref: mergeRefs(ref, dialogRef),
|
|
386
386
|
onClick: handleClick,
|
|
387
387
|
onCancel: handleCancel,
|
|
@@ -392,6 +392,6 @@ export function Dialog({
|
|
|
392
392
|
}), stylex.props(styles.dialog, isOpen && styles.open, styles.backdrop, !isFullscreen && dynamicStyles.sizing(width, maxHeight), hasPosition && dynamicStyles.position(position?.top, position?.right, position?.bottom, position?.left), isFullscreen && styles.fullscreen, xstyle), className, style),
|
|
393
393
|
...safeProps,
|
|
394
394
|
children: innerContent
|
|
395
|
-
}
|
|
395
|
+
});
|
|
396
396
|
}
|
|
397
397
|
Dialog.displayName = 'Dialog';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogHeader.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAQxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogHeader.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAQxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAoC5C,MAAM,WAAW,iBAAkB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAClE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,iBAAiB,+BAgEnB;yBA3Ee,YAAY"}
|