@astryxdesign/core 0.1.4-canary.fd7ab46 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +18 -20
- package/dist/AlertDialog/useImperativeAlertDialog.js +3 -3
- package/dist/AppShell/AppShell.d.ts +1 -1
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +53 -55
- package/dist/AspectRatio/AspectRatio.d.ts +10 -48
- package/dist/AspectRatio/AspectRatio.d.ts.map +1 -1
- package/dist/AspectRatio/AspectRatio.js +12 -33
- package/dist/AspectRatio/index.d.ts +1 -1
- package/dist/AspectRatio/index.d.ts.map +1 -1
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +25 -27
- package/dist/Avatar/AvatarStatusDot.js +5 -5
- package/dist/AvatarGroup/AvatarGroup.js +5 -5
- 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 +25 -32
- package/dist/Blockquote/Blockquote.js +7 -7
- package/dist/Breadcrumbs/BreadcrumbItem.js +17 -17
- package/dist/Breadcrumbs/Breadcrumbs.js +7 -7
- package/dist/Button/Button.js +19 -19
- package/dist/ButtonGroup/ButtonGroup.js +7 -7
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +48 -68
- package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
- package/dist/Calendar/styles.d.ts +2 -2
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +2 -2
- package/dist/Card/Card.d.ts +2 -4
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Card.js +10 -18
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +21 -24
- package/dist/Carousel/carousel.markers.stylex.d.ts +7 -0
- package/dist/Carousel/carousel.markers.stylex.d.ts.map +1 -0
- package/dist/Carousel/carousel.markers.stylex.js +12 -0
- package/dist/Center/Center.js +3 -3
- package/dist/Chat/ChatComposer.js +23 -23
- package/dist/Chat/ChatComposerDrawer.js +14 -14
- package/dist/Chat/ChatComposerInput.d.ts +1 -1
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +15 -27
- package/dist/Chat/ChatDictationButton.d.ts +1 -1
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +11 -13
- package/dist/Chat/ChatLayout.js +17 -17
- package/dist/Chat/ChatLayoutScrollButton.d.ts +1 -1
- package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
- package/dist/Chat/ChatLayoutScrollButton.js +10 -12
- package/dist/Chat/ChatMessage.js +12 -12
- package/dist/Chat/ChatMessageBubble.js +7 -7
- package/dist/Chat/ChatMessageList.js +14 -14
- package/dist/Chat/ChatMessageMetadata.d.ts +1 -1
- package/dist/Chat/ChatMessageMetadata.d.ts.map +1 -1
- package/dist/Chat/ChatMessageMetadata.js +12 -14
- package/dist/Chat/ChatPastedTextToken.js +13 -13
- package/dist/Chat/ChatSendButton.js +3 -3
- package/dist/Chat/ChatSystemMessage.d.ts +1 -1
- package/dist/Chat/ChatSystemMessage.d.ts.map +1 -1
- package/dist/Chat/ChatSystemMessage.js +17 -17
- package/dist/Chat/ChatTokenizedText.d.ts +1 -1
- package/dist/Chat/ChatTokenizedText.d.ts.map +1 -1
- package/dist/Chat/ChatTokenizedText.js +15 -24
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +74 -81
- package/dist/Chat/index.d.ts +1 -1
- package/dist/Chat/index.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +15 -15
- package/dist/CheckboxInput/CheckboxInput.d.ts +1 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +23 -25
- package/dist/CheckboxList/CheckboxList.js +9 -9
- package/dist/CheckboxList/CheckboxListItem.d.ts +1 -1
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +6 -8
- package/dist/Citation/Citation.js +10 -10
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +9 -32
- package/dist/Code/Code.js +3 -3
- package/dist/CodeBlock/CodeBlock.d.ts +1 -10
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +52 -88
- package/dist/Collapsible/Collapsible.d.ts +3 -9
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +22 -110
- package/dist/Collapsible/CollapsibleGroup.d.ts +7 -39
- package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroup.js +12 -73
- package/dist/Collapsible/CollapsibleGroupContext.d.ts +0 -31
- package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroupContext.js +3 -33
- package/dist/Collapsible/index.d.ts +0 -1
- package/dist/Collapsible/index.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.d.ts +1 -4
- package/dist/Collapsible/useCollapsible.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.js +6 -20
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +34 -36
- 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.js +13 -13
- package/dist/CommandPalette/CommandPaletteItem.js +3 -3
- package/dist/CommandPalette/CommandPaletteList.js +3 -3
- package/dist/ContextMenu/ContextMenu.d.ts +2 -7
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +43 -76
- package/dist/DateInput/DateInput.js +18 -18
- package/dist/DateRangeInput/DateRangeInput.js +21 -21
- package/dist/DateTimeInput/DateTimeInput.d.ts +2 -5
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +26 -30
- package/dist/DateTimeInput/index.d.ts +1 -1
- package/dist/DateTimeInput/index.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +9 -9
- package/dist/Dialog/DialogHeader.js +16 -16
- package/dist/Dialog/useImperativeDialog.js +3 -3
- package/dist/Divider/Divider.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.js +10 -10
- package/dist/DropdownMenu/DropdownMenuItem.d.ts +17 -2
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +3 -3
- package/dist/DropdownMenu/renderDropdownItems.js +10 -10
- 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.js +29 -29
- package/dist/FormLayout/FormLayout.js +5 -5
- package/dist/Grid/Grid.d.ts +3 -4
- package/dist/Grid/Grid.d.ts.map +1 -1
- package/dist/Grid/Grid.js +12 -29
- 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.d.ts +1 -5
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +3 -3
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +12 -16
- package/dist/Icon/defaultIcons.js +116 -116
- package/dist/IconButton/IconButton.js +3 -3
- package/dist/InputGroup/InputGroup.js +11 -11
- package/dist/InputGroup/InputGroupText.js +3 -3
- package/dist/Item/Item.js +18 -18
- package/dist/Kbd/Kbd.js +5 -5
- package/dist/Layer/LayerProvider.js +7 -7
- package/dist/Layer/useLayer.d.ts +2 -29
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +31 -44
- 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 +31 -55
- package/dist/Lightbox/useLightbox.js +3 -3
- package/dist/Link/Link.js +15 -15
- 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 +102 -102
- package/dist/MetadataList/MetadataList.js +10 -10
- package/dist/MetadataList/MetadataListItem.js +15 -15
- package/dist/MobileNav/MobileNav.js +15 -15
- package/dist/MobileNav/MobileNavToggle.js +5 -5
- package/dist/MoreMenu/MoreMenu.js +3 -3
- package/dist/MultiSelector/MultiSelector.js +56 -56
- 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 +32 -48
- package/dist/Outline/Outline.js +15 -15
- 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.js +3 -3
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +72 -125
- package/dist/Popover/Popover.js +16 -16
- package/dist/Popover/usePopover.js +7 -7
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +92 -110
- package/dist/PowerSearch/PowerSearchEditPopover.js +84 -84
- package/dist/PowerSearch/PowerSearchFilterEditor.js +3 -3
- package/dist/PowerSearch/PowerSearchToken.js +5 -5
- package/dist/PowerSearch/PowerSearchValueEditor.js +54 -54
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +18 -25
- package/dist/RadioList/RadioList.js +7 -7
- package/dist/RadioList/RadioListItem.d.ts +1 -1
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +21 -24
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +10 -28
- package/dist/Section/Section.js +5 -5
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +10 -32
- package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +12 -18
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.js +46 -46
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +34 -38
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +6 -8
- package/dist/SideNav/SideNavHeading.js +87 -87
- package/dist/SideNav/SideNavItem.js +42 -42
- package/dist/SideNav/SideNavSection.d.ts +1 -1
- package/dist/SideNav/SideNavSection.d.ts.map +1 -1
- package/dist/SideNav/SideNavSection.js +16 -18
- 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 +4 -8
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +29 -34
- package/dist/TabList/Tab.js +18 -18
- package/dist/TabList/TabList.js +5 -5
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +30 -57
- package/dist/TabList/tab.markers.stylex.d.ts +1 -1
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +39 -50
- package/dist/Table/Table.js +7 -7
- package/dist/Table/TableBody.d.ts +1 -1
- package/dist/Table/TableBody.d.ts.map +1 -1
- package/dist/Table/TableBody.js +5 -9
- package/dist/Table/TableCell.js +3 -3
- package/dist/Table/TableFooter.d.ts +1 -1
- package/dist/Table/TableFooter.d.ts.map +1 -1
- package/dist/Table/TableFooter.js +5 -9
- package/dist/Table/TableHeader.d.ts +1 -1
- package/dist/Table/TableHeader.d.ts.map +1 -1
- package/dist/Table/TableHeader.js +5 -9
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +11 -14
- package/dist/Table/plugins/filtering/useTableFiltering.js +71 -71
- package/dist/Table/plugins/pagination/paginateData.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/paginateData.js +1 -5
- package/dist/Table/plugins/pagination/useTablePagination.js +7 -7
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +22 -22
- package/dist/Table/plugins/selection/useTableSelection.js +18 -18
- package/dist/Table/plugins/selection/useTableSelectionState.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelectionState.js +1 -11
- package/dist/Table/plugins/sortable/useTableSortable.js +17 -17
- package/dist/Table/plugins/sortable/useTableSortableState.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortableState.js +4 -8
- 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.js +15 -15
- package/dist/Thumbnail/Thumbnail.d.ts +2 -3
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +29 -30
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +21 -26
- package/dist/Timestamp/Timestamp.d.ts +1 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +26 -37
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +17 -25
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +11 -23
- 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.js +21 -21
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +34 -36
- package/dist/Toolbar/Toolbar.js +18 -18
- package/dist/Tooltip/Tooltip.js +11 -11
- package/dist/Tooltip/useTooltip.d.ts +1 -5
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +3 -3
- package/dist/TopNav/TopNav.js +32 -32
- package/dist/TopNav/TopNavHeading.js +67 -67
- package/dist/TopNav/TopNavItem.js +5 -5
- package/dist/TopNav/TopNavMegaMenu.js +30 -30
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts +1 -1
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.js +14 -25
- package/dist/TopNav/TopNavMegaMenuItem.js +16 -16
- package/dist/TopNav/TopNavMenu.js +32 -32
- package/dist/TreeList/TreeList.js +8 -8
- package/dist/TreeList/TreeListBranches.js +11 -11
- package/dist/TreeList/TreeListItem.js +30 -30
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +20 -23
- package/dist/Typeahead/Typeahead.js +12 -12
- package/dist/Typeahead/TypeaheadItem.js +10 -10
- package/dist/VStack/VStack.js +3 -3
- package/dist/astryx.css +0 -7
- package/dist/astryx.umd.js +60 -60
- package/dist/astryx.umd.js.map +4 -4
- package/dist/docs-types.d.ts +2 -8
- package/dist/docs-types.d.ts.map +1 -1
- package/dist/hooks/focusableSelector.d.ts +1 -1
- package/dist/hooks/focusableSelector.d.ts.map +1 -1
- package/dist/hooks/focusableSelector.js +1 -1
- package/dist/hooks/index.d.ts +0 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/useFocusTrap.d.ts +0 -3
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +1 -38
- package/dist/hooks/useInteractiveRole.d.ts +2 -6
- package/dist/hooks/useInteractiveRole.d.ts.map +1 -1
- package/dist/hooks/useInteractiveRole.js +2 -6
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/hooks/useStreamingText.d.ts +1 -3
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +5 -14
- package/dist/theme/MediaTheme.js +3 -3
- package/dist/theme/Theme.js +7 -7
- package/dist/theme/defineTheme.d.ts +1 -1
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/expandColorScale.d.ts.map +1 -1
- package/dist/theme/expandColorScale.js +3 -10
- package/dist/theme/hct.d.ts +15 -0
- package/dist/theme/hct.d.ts.map +1 -1
- package/dist/theme/hct.js +9 -9
- package/dist/theme/syntax/SyntaxTheme.js +5 -5
- package/dist/theme/tokens.d.ts +2 -10
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/tokens.js +4 -220
- package/dist/utils/index.d.ts +0 -3
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -3
- package/dist/utils/timeParser.d.ts.map +1 -1
- package/dist/utils/timeParser.js +5 -8
- package/package.json +3 -3
- package/src/AlertDialog/AlertDialog.doc.mjs +0 -4
- package/src/AlertDialog/AlertDialog.tsx +0 -2
- package/src/AppShell/AppShell.tsx +0 -2
- package/src/AspectRatio/AspectRatio.doc.mjs +1 -28
- package/src/AspectRatio/AspectRatio.test.tsx +1 -142
- package/src/AspectRatio/AspectRatio.tsx +10 -70
- package/src/AspectRatio/index.ts +1 -5
- package/src/Avatar/Avatar.doc.mjs +0 -11
- package/src/Avatar/Avatar.test.tsx +1 -32
- package/src/Avatar/Avatar.tsx +20 -12
- package/src/Banner/Banner.doc.mjs +0 -8
- package/src/Banner/Banner.test.tsx +0 -38
- package/src/Banner/Banner.tsx +1 -8
- package/src/Calendar/Calendar.doc.mjs +1 -1
- package/src/Calendar/Calendar.test.tsx +17 -122
- package/src/Calendar/Calendar.tsx +5 -26
- package/src/Calendar/dayCellUtils.ts +1 -3
- package/src/Calendar/styles.ts +2 -12
- package/src/Card/Card.tsx +6 -16
- package/src/Carousel/Carousel.doc.mjs +12 -12
- package/src/Carousel/Carousel.test.tsx +0 -13
- package/src/Carousel/Carousel.tsx +2 -4
- package/src/Carousel/carousel.markers.stylex.ts +10 -0
- package/src/Chat/Chat.doc.mjs +1 -1
- package/src/Chat/ChatComposerInput.test.tsx +1 -27
- package/src/Chat/ChatComposerInput.tsx +15 -20
- package/src/Chat/ChatDictationButton.tsx +4 -4
- package/src/Chat/ChatLayoutScrollButton.tsx +1 -3
- package/src/Chat/ChatMessageMetadata.tsx +6 -4
- package/src/Chat/ChatSystemMessage.test.tsx +11 -26
- package/src/Chat/ChatSystemMessage.tsx +7 -7
- package/src/Chat/ChatTokenizedText.test.tsx +16 -29
- package/src/Chat/ChatTokenizedText.tsx +8 -15
- package/src/Chat/ChatToolCalls.test.tsx +0 -55
- package/src/Chat/ChatToolCalls.tsx +12 -10
- package/src/Chat/index.ts +4 -1
- package/src/Chat/useTriggerMenu.tsx +4 -1
- package/src/CheckboxInput/CheckboxInput.doc.mjs +3 -3
- package/src/CheckboxInput/CheckboxInput.test.tsx +4 -71
- package/src/CheckboxInput/CheckboxInput.tsx +0 -2
- package/src/CheckboxList/CheckboxList.test.tsx +0 -19
- package/src/CheckboxList/CheckboxListItem.tsx +2 -11
- package/src/Citation/Citation.doc.mjs +0 -5
- package/src/ClickableCard/ClickableCard.tsx +2 -45
- package/src/CodeBlock/CodeBlock.doc.mjs +2 -7
- package/src/CodeBlock/CodeBlock.test.tsx +3 -122
- package/src/CodeBlock/CodeBlock.tsx +4 -62
- package/src/Collapsible/Collapsible.doc.mjs +4 -8
- package/src/Collapsible/Collapsible.tsx +10 -86
- package/src/Collapsible/CollapsibleGroup.doc.mjs +3 -27
- package/src/Collapsible/CollapsibleGroup.test.tsx +0 -318
- package/src/Collapsible/CollapsibleGroup.tsx +9 -107
- package/src/Collapsible/CollapsibleGroupContext.tsx +2 -42
- package/src/Collapsible/index.ts +0 -4
- package/src/Collapsible/useCollapsible.ts +6 -20
- package/src/CommandPalette/CommandPalette.doc.mjs +0 -4
- package/src/CommandPalette/CommandPalette.tsx +3 -5
- package/src/CommandPalette/CommandPaletteEmpty.doc.mjs +0 -5
- package/src/CommandPalette/CommandPaletteGroup.doc.mjs +0 -10
- package/src/CommandPalette/CommandPaletteInput.doc.mjs +0 -6
- package/src/CommandPalette/CommandPaletteItem.doc.mjs +0 -6
- package/src/CommandPalette/CommandPaletteList.doc.mjs +0 -9
- package/src/ContextMenu/ContextMenu.doc.mjs +0 -15
- package/src/ContextMenu/ContextMenu.test.tsx +0 -87
- package/src/ContextMenu/ContextMenu.tsx +28 -87
- package/src/ContextMenu/ContextMenuItem.doc.mjs +0 -6
- package/src/DateInput/DateInput.test.tsx +20 -11
- package/src/DateRangeInput/DateRangeInput.test.tsx +44 -31
- package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -3
- package/src/DateTimeInput/DateTimeInput.test.tsx +16 -118
- package/src/DateTimeInput/DateTimeInput.tsx +2 -8
- package/src/DateTimeInput/index.ts +0 -1
- package/src/Dialog/Dialog.doc.mjs +0 -4
- package/src/Dialog/DialogHeader.doc.mjs +0 -45
- package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +2 -22
- package/src/DropdownMenu/DropdownMenuItem.tsx +17 -5
- package/src/Field/Field.test.tsx +4 -1
- package/src/Field/FieldLabel.test.tsx +2 -2
- package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +3 -0
- package/src/Grid/Grid.test.tsx +18 -43
- package/src/Grid/Grid.tsx +9 -26
- package/src/HoverCard/HoverCard.doc.mjs +6 -6
- package/src/HoverCard/useHoverCard.doc.mjs +5 -5
- package/src/HoverCard/useHoverCard.tsx +2 -9
- package/src/Icon/Icon.test.tsx +29 -41
- package/src/Icon/Icon.tsx +2 -6
- package/src/InputGroup/InputGroup.tsx +2 -2
- package/src/Item/Item.tsx +1 -1
- package/src/Layer/useLayer.doc.mjs +2 -2
- package/src/Layer/useLayer.test.tsx +2 -221
- package/src/Layer/useLayer.tsx +30 -69
- package/src/Layout/LayoutContent.doc.mjs +0 -12
- package/src/Layout/LayoutPanel.doc.mjs +0 -40
- package/src/Lightbox/Lightbox.doc.mjs +0 -5
- package/src/Lightbox/Lightbox.test.tsx +2 -123
- package/src/Lightbox/Lightbox.tsx +1 -29
- package/src/Markdown/Markdown.tsx +7 -9
- package/src/Markdown/parser.perf.test.ts +12 -34
- package/src/NavMenu/NavMenu.doc.mjs +0 -15
- package/src/NumberInput/NumberInput.test.tsx +3 -48
- package/src/NumberInput/NumberInput.tsx +15 -32
- package/src/Overlay/Overlay.doc.mjs +0 -6
- package/src/Pagination/Pagination.test.tsx +0 -162
- package/src/Pagination/Pagination.tsx +26 -80
- package/src/Popover/Popover.doc.mjs +6 -6
- package/src/Popover/Popover.test.tsx +0 -65
- package/src/Popover/usePopover.doc.mjs +1 -1
- package/src/PowerSearch/PowerSearch.doc.mjs +2 -2
- package/src/PowerSearch/PowerSearch.test.tsx +1 -109
- package/src/PowerSearch/PowerSearch.tsx +16 -37
- package/src/ProgressBar/ProgressBar.test.tsx +0 -30
- package/src/ProgressBar/ProgressBar.tsx +5 -12
- package/src/RadioList/RadioList.test.tsx +0 -19
- package/src/RadioList/RadioListItem.tsx +4 -9
- package/src/Resizable/ResizeHandle.tsx +4 -22
- package/src/SegmentedControl/SegmentedControl.doc.mjs +1 -1
- package/src/SegmentedControl/SegmentedControl.test.tsx +0 -192
- package/src/SegmentedControl/SegmentedControl.tsx +5 -27
- package/src/SegmentedControl/SegmentedControlItem.tsx +4 -9
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.test.tsx +1 -27
- package/src/SideNav/SideNav.doc.mjs +1 -7
- package/src/SideNav/SideNav.test.tsx +0 -66
- package/src/SideNav/SideNav.tsx +2 -6
- package/src/SideNav/SideNavCollapseButton.tsx +3 -4
- package/src/SideNav/SideNavSection.tsx +4 -6
- package/src/Switch/Switch.doc.mjs +7 -7
- package/src/Switch/Switch.test.tsx +3 -102
- package/src/Switch/Switch.tsx +7 -20
- package/src/TabList/TabList.test.tsx +1 -185
- package/src/TabList/TabMenu.tsx +9 -45
- package/src/Table/BaseTable.tsx +2 -13
- package/src/Table/Table.test.tsx +0 -87
- package/src/Table/TableBody.tsx +2 -15
- package/src/Table/TableFooter.tsx +2 -15
- package/src/Table/TableHeader.tsx +2 -15
- package/src/Table/plugins/columnResize/useTableColumnResize.test.tsx +0 -13
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +1 -3
- package/src/Table/plugins/pagination/paginateData.ts +1 -5
- package/src/Table/plugins/pagination/useTablePagination.test.tsx +0 -13
- package/src/Table/plugins/selection/useTableSelectionState.test.tsx +0 -23
- package/src/Table/plugins/selection/useTableSelectionState.tsx +6 -11
- package/src/Table/plugins/sortable/useTableSortableState.test.tsx +1 -35
- package/src/Table/plugins/sortable/useTableSortableState.tsx +4 -8
- package/src/TextArea/TextArea.test.tsx +3 -3
- package/src/TextInput/TextInput.test.tsx +3 -3
- package/src/Thumbnail/Thumbnail.test.tsx +2 -36
- package/src/Thumbnail/Thumbnail.tsx +2 -4
- package/src/TimeInput/TimeInput.test.tsx +0 -37
- package/src/TimeInput/TimeInput.tsx +1 -11
- package/src/Timestamp/Timestamp.doc.mjs +1 -1
- package/src/Timestamp/Timestamp.test.tsx +0 -52
- package/src/Timestamp/Timestamp.tsx +16 -30
- package/src/Toast/Toast.tsx +3 -11
- package/src/Toast/ToastViewport.test.tsx +0 -64
- package/src/Toast/ToastViewport.tsx +0 -12
- package/src/ToggleButton/ToggleButton.doc.mjs +0 -1
- package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
- package/src/Tokenizer/Tokenizer.test.tsx +0 -54
- package/src/Tokenizer/Tokenizer.tsx +4 -5
- package/src/Tooltip/Tooltip.doc.mjs +6 -6
- package/src/Tooltip/useTooltip.doc.mjs +5 -5
- package/src/Tooltip/useTooltip.tsx +2 -12
- package/src/TopNav/TopNav.doc.mjs +1 -1
- package/src/TopNav/TopNav.test.tsx +7 -23
- package/src/TopNav/TopNavMegaMenuFeaturedCard.tsx +2 -9
- package/src/TreeList/TreeList.doc.mjs +2 -2
- package/src/Typeahead/BaseTypeahead.doc.mjs +0 -19
- package/src/Typeahead/BaseTypeahead.tsx +2 -5
- package/src/Typeahead/Typeahead.doc.mjs +1 -1
- package/src/Typeahead/Typeahead.test.tsx +1 -45
- package/src/docs-types.ts +1 -9
- package/src/hooks/focusableSelector.ts +1 -1
- package/src/hooks/index.ts +0 -3
- package/src/hooks/useFocusTrap.doc.mjs +2 -4
- package/src/hooks/useFocusTrap.test.tsx +1 -149
- package/src/hooks/useFocusTrap.ts +1 -50
- package/src/hooks/useInteractiveRole.ts +4 -12
- package/src/hooks/useStreamingText.test.ts +19 -54
- package/src/hooks/useStreamingText.ts +5 -16
- package/src/hooks/useTreeFocus.test.tsx +3 -1
- package/src/reset.css +0 -29
- package/src/theme/SyntaxTheme.doc.mjs +4 -4
- package/src/theme/defineTheme.ts +13 -4
- package/src/theme/derivedVarRegistry.test.ts +2 -2
- package/src/theme/expandColorScale.test.ts +0 -29
- package/src/theme/expandColorScale.ts +6 -11
- package/src/theme/hct.ts +17 -9
- package/src/theme/tokens.test.ts +9 -182
- package/src/theme/tokens.ts +4 -239
- package/src/theme/useTheme.test.tsx +0 -20
- package/src/utils/index.ts +0 -4
- package/src/utils/sharedResizeObserver.test.ts +2 -2
- package/src/utils/timeParser.test.ts +0 -13
- package/src/utils/timeParser.ts +5 -8
- package/dist/hooks/useHotkeys.d.ts +0 -51
- package/dist/hooks/useHotkeys.d.ts.map +0 -1
- package/dist/hooks/useHotkeys.js +0 -160
- package/dist/utils/color.d.ts +0 -42
- package/dist/utils/color.d.ts.map +0 -1
- package/dist/utils/color.js +0 -150
- package/dist/utils/composeEventHandlers.d.ts +0 -30
- package/dist/utils/composeEventHandlers.d.ts.map +0 -1
- package/dist/utils/composeEventHandlers.js +0 -40
- package/src/Chat/ChatDictationButton.test.tsx +0 -43
- package/src/Chat/ChatLayoutScrollButton.test.tsx +0 -33
- package/src/Chat/ChatMessageMetadata.test.tsx +0 -32
- package/src/Collapsible/Collapsible.test.tsx +0 -405
- package/src/FieldStatus/FieldStatus.test.tsx +0 -282
- package/src/InteractiveRoleContext/InteractiveRoleContext.test.tsx +0 -185
- package/src/Layout/Layout.test.tsx +0 -285
- package/src/Layout/LayoutSlots.test.tsx +0 -364
- package/src/Outline/parseOutlineFromMarkdown.test.ts +0 -80
- package/src/OverflowList/OverflowList.test.tsx +0 -416
- package/src/Overlay/Overlay.test.tsx +0 -356
- package/src/Resizable/ResizeHandle.test.tsx +0 -218
- package/src/SizeContext/SizeContext.test.tsx +0 -226
- package/src/__tests__/TestIcon.tsx +0 -26
- package/src/__tests__/fastRoleQueries.ts +0 -66
- package/src/docPropReferences.test.ts +0 -178
- package/src/hooks/useHotkeys.doc.mjs +0 -52
- package/src/hooks/useHotkeys.test.ts +0 -245
- package/src/hooks/useHotkeys.ts +0 -203
- package/src/utils/color.test.ts +0 -133
- package/src/utils/color.ts +0 -148
- package/src/utils/composeEventHandlers.test.ts +0 -71
- package/src/utils/composeEventHandlers.ts +0 -44
- package/src/utils/mergeProps.test.ts +0 -166
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as stylex from '@stylexjs/stylex';
|
|
2
|
+
/**
|
|
3
|
+
* Scoped marker for Carousel ancestor selectors.
|
|
4
|
+
* Prevents hover styles from leaking from parent containers.
|
|
5
|
+
*/
|
|
6
|
+
export declare const carouselScope: ReturnType<typeof stylex.defineMarker>;
|
|
7
|
+
//# sourceMappingURL=carousel.markers.stylex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.markers.stylex.d.ts","sourceRoot":"","sources":["../../src/Carousel/carousel.markers.stylex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAC1C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
+
|
|
3
|
+
import * as stylex from '@stylexjs/stylex';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Scoped marker for Carousel ancestor selectors.
|
|
7
|
+
* Prevents hover styles from leaking from parent containers.
|
|
8
|
+
*/
|
|
9
|
+
export const carouselScope = {
|
|
10
|
+
xrkij8s: "xrkij8s",
|
|
11
|
+
$$css: true
|
|
12
|
+
};
|
package/dist/Center/Center.js
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import * as stylex from '@stylexjs/stylex';
|
|
18
18
|
import { mergeProps } from "../utils/index.js";
|
|
19
19
|
import { themeProps } from "../utils/themeProps.js";
|
|
20
|
-
import {
|
|
20
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
21
|
const styles = {
|
|
22
22
|
base: {
|
|
23
23
|
k1xSpc: "x78zum5",
|
|
@@ -82,11 +82,11 @@ export function Center({
|
|
|
82
82
|
const stylexProps = mergeProps(themeProps('center', {
|
|
83
83
|
axis
|
|
84
84
|
}), stylex.props(isInline ? styles.inline : styles.base, (axis === 'both' || axis === 'vertical') && styles.alignItemsCenter, (axis === 'both' || axis === 'horizontal') && styles.justifyContentCenter, dynamicStyles.sizing(width ?? null, height ?? null, maxWidth ?? null, minHeight ?? null), xstyle), className, style);
|
|
85
|
-
return /*#__PURE__*/
|
|
85
|
+
return /*#__PURE__*/_jsx("div", {
|
|
86
86
|
ref: ref,
|
|
87
87
|
...stylexProps,
|
|
88
88
|
...props,
|
|
89
89
|
children: children
|
|
90
|
-
}
|
|
90
|
+
});
|
|
91
91
|
}
|
|
92
92
|
Center.displayName = 'Center';
|
|
@@ -36,7 +36,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
36
36
|
// =============================================================================
|
|
37
37
|
// Types
|
|
38
38
|
// =============================================================================
|
|
39
|
-
import {
|
|
39
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
40
40
|
// =============================================================================
|
|
41
41
|
// Styles
|
|
42
42
|
// =============================================================================
|
|
@@ -134,7 +134,7 @@ export function ChatComposer(props) {
|
|
|
134
134
|
const editable = bodyRef.current?.querySelector('[contenteditable="true"], textarea');
|
|
135
135
|
editable?.focus();
|
|
136
136
|
}, []);
|
|
137
|
-
const statusEl = status ? /*#__PURE__*/
|
|
137
|
+
const statusEl = status ? /*#__PURE__*/_jsxs("div", {
|
|
138
138
|
role: status.type === 'error' ? 'alert' : 'status',
|
|
139
139
|
...{
|
|
140
140
|
0: {
|
|
@@ -162,12 +162,12 @@ export function ChatComposer(props) {
|
|
|
162
162
|
className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xtqab0c x122jk3o x24i8r5 xdhq94a"
|
|
163
163
|
}
|
|
164
164
|
}[!!(statusPosition === 'top') << 2 | !!(status.type === 'error') << 1 | !!(status.type === 'warning') << 0],
|
|
165
|
-
children: [/*#__PURE__*/
|
|
165
|
+
children: [/*#__PURE__*/_jsx(Icon, {
|
|
166
166
|
icon: status.type === 'error' ? 'error' : 'warning',
|
|
167
167
|
size: "md",
|
|
168
168
|
color: status.type === 'error' ? 'error' : 'warning'
|
|
169
|
-
}
|
|
170
|
-
}
|
|
169
|
+
}), status.message]
|
|
170
|
+
}) : null;
|
|
171
171
|
const composerContext = useMemo(() => ({
|
|
172
172
|
value: currentValue,
|
|
173
173
|
onChange: updateValue,
|
|
@@ -178,9 +178,9 @@ export function ChatComposer(props) {
|
|
|
178
178
|
canSend,
|
|
179
179
|
onStop
|
|
180
180
|
}), [currentValue, updateValue, handleSubmit, placeholder, isDisabled, isStopShown, canSend, onStop]);
|
|
181
|
-
return /*#__PURE__*/
|
|
181
|
+
return /*#__PURE__*/_jsx(ChatComposerContext, {
|
|
182
182
|
value: composerContext,
|
|
183
|
-
children: /*#__PURE__*/
|
|
183
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
184
184
|
ref: ref,
|
|
185
185
|
...mergeProps(themeProps('chat-composer', {
|
|
186
186
|
density
|
|
@@ -193,48 +193,48 @@ export function ChatComposer(props) {
|
|
|
193
193
|
}
|
|
194
194
|
}[!!isDisabled << 0], className, style),
|
|
195
195
|
...rest,
|
|
196
|
-
children: [statusPosition === 'top' && statusEl, drawer, /*#__PURE__*/
|
|
196
|
+
children: [statusPosition === 'top' && statusEl, drawer, /*#__PURE__*/_jsxs("div", {
|
|
197
197
|
ref: bodyRef,
|
|
198
198
|
onClick: handleBodyClick,
|
|
199
199
|
...stylex.props(styles.body, density === 'compact' && styles.compact, xstyle),
|
|
200
|
-
children: [(headerActions || headerContext) && /*#__PURE__*/
|
|
200
|
+
children: [(headerActions || headerContext) && /*#__PURE__*/_jsxs("div", {
|
|
201
201
|
...{
|
|
202
202
|
className: "x78zum5 x6s0dn4 x1qughib x1txdalj xe0p6wg"
|
|
203
203
|
},
|
|
204
|
-
children: [/*#__PURE__*/
|
|
204
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
205
205
|
...{
|
|
206
206
|
className: "x78zum5 x6s0dn4 xzye2dw"
|
|
207
207
|
},
|
|
208
208
|
children: headerActions
|
|
209
|
-
}
|
|
209
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
210
210
|
...{
|
|
211
211
|
className: "x78zum5 x6s0dn4 x1txdalj xvc5jky x141an7d x1ltkj2j xv1l7n4"
|
|
212
212
|
},
|
|
213
213
|
children: headerContext
|
|
214
|
-
}
|
|
215
|
-
}
|
|
214
|
+
})]
|
|
215
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
216
216
|
...{
|
|
217
217
|
className: "x78zum5 xdt5ytf"
|
|
218
218
|
},
|
|
219
|
-
children: input ?? /*#__PURE__*/
|
|
220
|
-
}
|
|
219
|
+
children: input ?? /*#__PURE__*/_jsx(ChatComposerInput, {})
|
|
220
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
221
221
|
...{
|
|
222
222
|
className: "x78zum5 x6s0dn4 x1qughib x1txdalj x21xpn4"
|
|
223
223
|
},
|
|
224
|
-
children: [/*#__PURE__*/
|
|
224
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
225
225
|
...{
|
|
226
226
|
className: "x78zum5 x6s0dn4 xzye2dw"
|
|
227
227
|
},
|
|
228
228
|
children: footerActions
|
|
229
|
-
}
|
|
229
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
230
230
|
...{
|
|
231
231
|
className: "x78zum5 x6s0dn4 xzye2dw"
|
|
232
232
|
},
|
|
233
|
-
children: [sendActions, sendButton ?? /*#__PURE__*/
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
233
|
+
children: [sendActions, sendButton ?? /*#__PURE__*/_jsx(ChatSendButton, {})]
|
|
234
|
+
})]
|
|
235
|
+
})]
|
|
236
|
+
}), statusPosition === 'bottom' && statusEl]
|
|
237
|
+
})
|
|
238
|
+
});
|
|
239
239
|
}
|
|
240
240
|
ChatComposer.displayName = 'ChatComposer';
|
|
@@ -21,7 +21,7 @@ import { colorVars, spacingVars, radiusVars, durationVars, easeVars, typeScaleVa
|
|
|
21
21
|
import { Badge } from "../Badge/index.js";
|
|
22
22
|
import { mergeProps } from "../utils/index.js";
|
|
23
23
|
import { themeProps } from "../utils/themeProps.js";
|
|
24
|
-
import {
|
|
24
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
25
|
const styles = {
|
|
26
26
|
root: {
|
|
27
27
|
kVAEAm: "x1n2onr6",
|
|
@@ -78,14 +78,14 @@ export function ChatComposerDrawer({
|
|
|
78
78
|
}
|
|
79
79
|
onCollapsedChange?.(next);
|
|
80
80
|
};
|
|
81
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
82
82
|
ref: ref,
|
|
83
83
|
"data-testid": testId,
|
|
84
84
|
...mergeProps(themeProps('chat-composer-drawer', {
|
|
85
85
|
collapsed: isCollapsed ? 'collapsed' : null
|
|
86
86
|
}), stylex.props(styles.root, xstyle), className, style),
|
|
87
87
|
...htmlProps,
|
|
88
|
-
children: [canCollapse && /*#__PURE__*/
|
|
88
|
+
children: [canCollapse && /*#__PURE__*/_jsxs("div", {
|
|
89
89
|
...{
|
|
90
90
|
0: {
|
|
91
91
|
className: "xrvj5dj x1y6fwsi x6s0dn4 x1grt7ep x1pzlopt x1ng9b9t x1ypdohk x87ps6o x-default-marker"
|
|
@@ -105,7 +105,7 @@ export function ChatComposerDrawer({
|
|
|
105
105
|
toggle();
|
|
106
106
|
}
|
|
107
107
|
},
|
|
108
|
-
children: [/*#__PURE__*/
|
|
108
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
109
109
|
...{
|
|
110
110
|
0: {
|
|
111
111
|
className: "x1ms6mhf xgkxs2y x1lqcxt8 x3nfvp2 x6s0dn4 x1grt7ep x1txdalj xjspbzw x1hc1fzr x19991ni xuedmi6 xlr8y92"
|
|
@@ -114,16 +114,16 @@ export function ChatComposerDrawer({
|
|
|
114
114
|
className: "x1ms6mhf xgkxs2y x1lqcxt8 x3nfvp2 x6s0dn4 x1grt7ep x1txdalj xjspbzw x19991ni xuedmi6 xlr8y92 xg01cxk x47corl"
|
|
115
115
|
}
|
|
116
116
|
}[!!!isCollapsed << 0],
|
|
117
|
-
children: [/*#__PURE__*/
|
|
117
|
+
children: [/*#__PURE__*/_jsx(Badge, {
|
|
118
118
|
variant: "neutral",
|
|
119
119
|
label: count
|
|
120
|
-
}
|
|
120
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
121
121
|
...{
|
|
122
122
|
className: "xv1l7n4 x1t9gxa6 xjm74w1 x7acx1w xt3l3uh xuedmi6 xlr8y92"
|
|
123
123
|
},
|
|
124
124
|
children: label
|
|
125
|
-
}
|
|
126
|
-
}
|
|
125
|
+
})]
|
|
126
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
127
127
|
...{
|
|
128
128
|
0: {
|
|
129
129
|
className: "x1ms6mhf xgkxs2y x7v7x1q x1y8v6su xw4jnvo x36qwtl xjspbzw x1q5y3ey x1pe4z86 x1hc1fzr x1e8aii2 xuedmi6 xlr8y92"
|
|
@@ -132,8 +132,8 @@ export function ChatComposerDrawer({
|
|
|
132
132
|
className: "x1ms6mhf xgkxs2y x7v7x1q x1y8v6su xw4jnvo x36qwtl xjspbzw x1q5y3ey x1pe4z86 x1e8aii2 xuedmi6 xlr8y92 xg01cxk x47corl"
|
|
133
133
|
}
|
|
134
134
|
}[!!isCollapsed << 0]
|
|
135
|
-
}
|
|
136
|
-
}
|
|
135
|
+
})]
|
|
136
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
137
137
|
...{
|
|
138
138
|
0: {
|
|
139
139
|
className: "xrvj5dj x1tu4anv x1qn9uv2 x80gvsz xlr8y92"
|
|
@@ -142,7 +142,7 @@ export function ChatComposerDrawer({
|
|
|
142
142
|
className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 xihq33y"
|
|
143
143
|
}
|
|
144
144
|
}[!!(canCollapse && isCollapsed) << 0],
|
|
145
|
-
children: /*#__PURE__*/
|
|
145
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
146
146
|
...{
|
|
147
147
|
0: {
|
|
148
148
|
className: "x2lwn1j x78zum5 x1a02dak xzye2dw x1cy8zhl x1hc1fzr x19991ni x80gvsz x10b1n17 xlr8y92"
|
|
@@ -152,8 +152,8 @@ export function ChatComposerDrawer({
|
|
|
152
152
|
}
|
|
153
153
|
}[!!(canCollapse && isCollapsed) << 0],
|
|
154
154
|
children: children
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
}
|
|
155
|
+
})
|
|
156
|
+
})]
|
|
157
|
+
});
|
|
158
158
|
}
|
|
159
159
|
ChatComposerDrawer.displayName = 'ChatComposerDrawer';
|
|
@@ -142,7 +142,7 @@ export declare function ChatComposerInput(props: ChatComposerInputProps): import
|
|
|
142
142
|
export declare namespace ChatComposerInput {
|
|
143
143
|
var displayName: string;
|
|
144
144
|
}
|
|
145
|
-
export declare function ChatComposerTokenElement({ token }: {
|
|
145
|
+
export declare function ChatComposerTokenElement({ token, }: {
|
|
146
146
|
token: ChatComposerToken;
|
|
147
147
|
}): import("react").JSX.Element;
|
|
148
148
|
export declare namespace ChatComposerTokenElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAML,KAAK,SAAS,EAEd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAML,KAAK,SAAS,EAEd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAgBrE,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,UAAU,CAAC;AAQhD,mEAAmE;AACnE,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9D,6EAA6E;IAC7E,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sBAAsB;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,uCAAuC;IACvC,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,wFAAwF;AACxF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAE/D,mFAAmF;AACnF,MAAM,MAAM,uBAAuB,GAAG;IACpC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,EAAE,MAAM,SAAS,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GACzB,sBAAsB,GACtB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,MAAM,GAAG,iBAAiB,CAAC;IAC/D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,GAAG,IAAI,CAAC;IAC1D,8DAA8D;IAC9D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC;IACC,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAC/C,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0IAA0I;IAC1I,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EACrC,IAAI,EAAE,MAAM,KACT,OAAO,GAAG,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IACjD,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA0FD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAsY9D;yBAtYe,iBAAiB;;;AA8YjC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,+BAkBA;yBAtBe,wBAAwB"}
|
|
@@ -54,7 +54,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
54
54
|
* - **Custom render**: `{ value, render }` \u2014 full control via ReactNode.
|
|
55
55
|
* Use for tooltips, hovercards, or any content beyond a badge.
|
|
56
56
|
*/
|
|
57
|
-
import {
|
|
57
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
58
58
|
// =============================================================================
|
|
59
59
|
// Styles
|
|
60
60
|
// =============================================================================
|
|
@@ -114,12 +114,11 @@ function serialize(node) {
|
|
|
114
114
|
|
|
115
115
|
export function ChatComposerInput(props) {
|
|
116
116
|
const composerCtx = useChatComposerContext();
|
|
117
|
-
const hasControlledValueProp = props.value !== undefined;
|
|
118
117
|
const {
|
|
119
118
|
ref,
|
|
120
119
|
handleRef,
|
|
121
120
|
value: controlledValue = composerCtx?.value,
|
|
122
|
-
onChange
|
|
121
|
+
onChange = composerCtx?.onChange,
|
|
123
122
|
placeholder = composerCtx?.placeholder ?? 'Type a message\u2026',
|
|
124
123
|
maxRows = 8,
|
|
125
124
|
triggers,
|
|
@@ -136,17 +135,6 @@ export function ChatComposerInput(props) {
|
|
|
136
135
|
style,
|
|
137
136
|
...rest
|
|
138
137
|
} = props;
|
|
139
|
-
const composerOnChange = composerCtx?.onChange;
|
|
140
|
-
const onChange = useCallback(nextValue => {
|
|
141
|
-
if (hasControlledValueProp) {
|
|
142
|
-
onChangeProp?.(nextValue);
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
composerOnChange?.(nextValue);
|
|
146
|
-
if (onChangeProp !== composerOnChange) {
|
|
147
|
-
onChangeProp?.(nextValue);
|
|
148
|
-
}
|
|
149
|
-
}, [composerOnChange, hasControlledValueProp, onChangeProp]);
|
|
150
138
|
const editableRef = useRef(null);
|
|
151
139
|
const selfRef = useRef(null);
|
|
152
140
|
const [isEmpty, setIsEmpty] = useState(true);
|
|
@@ -416,17 +404,17 @@ export function ChatComposerInput(props) {
|
|
|
416
404
|
emitChange();
|
|
417
405
|
}, [onFiles, onPasteProp, emitChange, tokens, pasteAsToken]);
|
|
418
406
|
const maxHeight = maxRows * LINE_HEIGHT_PX;
|
|
419
|
-
return /*#__PURE__*/
|
|
407
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
420
408
|
ref: ref,
|
|
421
409
|
...mergeProps(themeProps('chat-composer-input'), stylex.props(styles.root, isDisabled && styles.disabled, xstyle), className, style),
|
|
422
410
|
...rest,
|
|
423
|
-
children: [isEmpty && /*#__PURE__*/
|
|
411
|
+
children: [isEmpty && /*#__PURE__*/_jsx("div", {
|
|
424
412
|
...{
|
|
425
413
|
className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x47corl xv1l7n4 xjm74w1 x6pjikd x19v9tvf x9ynric x87ps6o x9epnlk"
|
|
426
414
|
},
|
|
427
415
|
"aria-hidden": "true",
|
|
428
416
|
children: placeholder
|
|
429
|
-
}
|
|
417
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
430
418
|
ref: editableRef,
|
|
431
419
|
"aria-multiline": "true",
|
|
432
420
|
"aria-label": label,
|
|
@@ -443,23 +431,23 @@ export function ChatComposerInput(props) {
|
|
|
443
431
|
maxHeight: `${maxHeight}px`
|
|
444
432
|
}
|
|
445
433
|
})
|
|
446
|
-
}
|
|
434
|
+
}), triggerMenu.renderMenu(), tokens.tokenPortals.filter(({
|
|
447
435
|
span
|
|
448
436
|
}) => span.isConnected).map(({
|
|
449
437
|
id,
|
|
450
438
|
span,
|
|
451
439
|
token
|
|
452
|
-
}) => /*#__PURE__*/createPortal(isCustomToken(token) ? /*#__PURE__*/
|
|
440
|
+
}) => /*#__PURE__*/createPortal(isCustomToken(token) ? /*#__PURE__*/_jsx("span", {
|
|
453
441
|
children: token.render()
|
|
454
|
-
}, id
|
|
442
|
+
}, id) : token.value.length > (pasteAsToken === null ? Infinity : 200) ? /*#__PURE__*/_jsx(ChatPastedTextToken, {
|
|
455
443
|
text: token.value,
|
|
456
444
|
onExpand: () => tokens.expandToken(id)
|
|
457
|
-
}, id
|
|
445
|
+
}, id) : /*#__PURE__*/_jsx(Badge, {
|
|
458
446
|
label: token.label,
|
|
459
447
|
variant: token.variant,
|
|
460
448
|
icon: token.icon
|
|
461
|
-
}, id
|
|
462
|
-
}
|
|
449
|
+
}, id), span))]
|
|
450
|
+
});
|
|
463
451
|
}
|
|
464
452
|
ChatComposerInput.displayName = 'ChatComposerInput';
|
|
465
453
|
|
|
@@ -470,7 +458,7 @@ ChatComposerInput.displayName = 'ChatComposerInput';
|
|
|
470
458
|
export function ChatComposerTokenElement({
|
|
471
459
|
token
|
|
472
460
|
}) {
|
|
473
|
-
return /*#__PURE__*/
|
|
461
|
+
return /*#__PURE__*/_jsx("span", {
|
|
474
462
|
"data-astryx-token": "",
|
|
475
463
|
"data-astryx-token-value": token.value,
|
|
476
464
|
contentEditable: false,
|
|
@@ -478,11 +466,11 @@ export function ChatComposerTokenElement({
|
|
|
478
466
|
display: 'inline-flex',
|
|
479
467
|
verticalAlign: 'baseline'
|
|
480
468
|
},
|
|
481
|
-
children: isCustomToken(token) ? token.render() : /*#__PURE__*/
|
|
469
|
+
children: isCustomToken(token) ? token.render() : /*#__PURE__*/_jsx(Badge, {
|
|
482
470
|
label: token.label,
|
|
483
471
|
variant: token.variant,
|
|
484
472
|
icon: token.icon
|
|
485
|
-
}
|
|
486
|
-
}
|
|
473
|
+
})
|
|
474
|
+
});
|
|
487
475
|
}
|
|
488
476
|
ChatComposerTokenElement.displayName = 'ChatComposerTokenElement';
|
|
@@ -36,7 +36,7 @@ export interface ChatDictationButtonProps extends BaseProps<HTMLSpanElement> {
|
|
|
36
36
|
* <ChatDictationButton dictation={dictation} />
|
|
37
37
|
* ```
|
|
38
38
|
*/
|
|
39
|
-
export declare function ChatDictationButton({ ref, dictation, size, isHiddenWhenUnsupported, label, xstyle, className, style,
|
|
39
|
+
export declare function ChatDictationButton({ ref, dictation, size, isHiddenWhenUnsupported, label, xstyle, className, style, }: ChatDictationButtonProps): React.JSX.Element | null;
|
|
40
40
|
export declare namespace ChatDictationButton {
|
|
41
41
|
var displayName: string;
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatDictationButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatDictationButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,wBAAwB,CAAC;AAMvE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,sEAAsE;IACtE,SAAS,EAAE,0BAA0B,CAAC;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8CD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,IAAW,EACX,uBAA8B,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"ChatDictationButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatDictationButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,wBAAwB,CAAC;AAMvE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,sEAAsE;IACtE,SAAS,EAAE,0BAA0B,CAAC;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8CD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,IAAW,EACX,uBAA8B,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,4BAgE1B;yBAzEe,mBAAmB"}
|
|
@@ -28,7 +28,7 @@ import { mergeProps } from "../utils/index.js";
|
|
|
28
28
|
// =============================================================================
|
|
29
29
|
// Types
|
|
30
30
|
// =============================================================================
|
|
31
|
-
import {
|
|
31
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
32
32
|
// =============================================================================
|
|
33
33
|
// Styles
|
|
34
34
|
// =============================================================================
|
|
@@ -83,8 +83,7 @@ export function ChatDictationButton({
|
|
|
83
83
|
label,
|
|
84
84
|
xstyle,
|
|
85
85
|
className,
|
|
86
|
-
style
|
|
87
|
-
...rest
|
|
86
|
+
style
|
|
88
87
|
}) {
|
|
89
88
|
if (isHiddenWhenUnsupported && !dictation.isSupported) {
|
|
90
89
|
return null;
|
|
@@ -108,11 +107,10 @@ export function ChatDictationButton({
|
|
|
108
107
|
barGap,
|
|
109
108
|
barMaxHeight
|
|
110
109
|
} = SIZE_CONFIG[size];
|
|
111
|
-
return /*#__PURE__*/
|
|
110
|
+
return /*#__PURE__*/_jsxs("span", {
|
|
112
111
|
ref: ref,
|
|
113
112
|
...mergeProps(stylex.props(styles.wrapper, xstyle), className, style),
|
|
114
|
-
|
|
115
|
-
children: [isListening && /*#__PURE__*/_jsxDEV("span", {
|
|
113
|
+
children: [isListening && /*#__PURE__*/_jsx("span", {
|
|
116
114
|
"aria-hidden": true,
|
|
117
115
|
...mergeProps({
|
|
118
116
|
className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k x47corl x1vjfegm"
|
|
@@ -124,7 +122,7 @@ export function ChatDictationButton({
|
|
|
124
122
|
}),
|
|
125
123
|
children: boostedBands.slice(0, BAR_COUNT).map((level, i) => {
|
|
126
124
|
const scale = BAR_MIN_SCALE + level * (1 - BAR_MIN_SCALE);
|
|
127
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/_jsx("span", {
|
|
128
126
|
...mergeProps({
|
|
129
127
|
className: "xjspbzw x1g0ag68 x18dpk69 x11bq7d0 x9lcvmn"
|
|
130
128
|
}, {
|
|
@@ -135,20 +133,20 @@ export function ChatDictationButton({
|
|
|
135
133
|
transform: `scaleY(${scale})`
|
|
136
134
|
}
|
|
137
135
|
})
|
|
138
|
-
}, i
|
|
136
|
+
}, i);
|
|
139
137
|
})
|
|
140
|
-
}
|
|
138
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
141
139
|
label: accessibleLabel,
|
|
142
140
|
"aria-label": accessibleLabel,
|
|
143
141
|
variant: "ghost",
|
|
144
142
|
size: size,
|
|
145
|
-
icon: isListening ? undefined : /*#__PURE__*/
|
|
143
|
+
icon: isListening ? undefined : /*#__PURE__*/_jsx(Icon, {
|
|
146
144
|
icon: "microphone",
|
|
147
145
|
size: size
|
|
148
|
-
}
|
|
146
|
+
}),
|
|
149
147
|
isIconOnly: true,
|
|
150
148
|
onClick: dictation.toggle
|
|
151
|
-
}
|
|
152
|
-
}
|
|
149
|
+
})]
|
|
150
|
+
});
|
|
153
151
|
}
|
|
154
152
|
ChatDictationButton.displayName = 'ChatDictationButton';
|
package/dist/Chat/ChatLayout.js
CHANGED
|
@@ -37,7 +37,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
37
37
|
// =============================================================================
|
|
38
38
|
|
|
39
39
|
/** Imperative handle for ChatLayout scroll controls. */
|
|
40
|
-
import {
|
|
40
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
41
41
|
// =============================================================================
|
|
42
42
|
// Styles
|
|
43
43
|
// =============================================================================
|
|
@@ -199,14 +199,14 @@ export function ChatLayout({
|
|
|
199
199
|
isLocked: scroll.isLocked,
|
|
200
200
|
onResize: scroll.scrollIfLocked
|
|
201
201
|
});
|
|
202
|
-
const defaultScrollButton = /*#__PURE__*/
|
|
202
|
+
const defaultScrollButton = /*#__PURE__*/_jsx(ChatLayoutScrollButton, {
|
|
203
203
|
isVisible: scroll.isScrolledUp || newMsgs.hasNewMessages,
|
|
204
204
|
label: newMsgs.hasNewMessages ? 'New messages' : undefined,
|
|
205
205
|
onClick: () => {
|
|
206
206
|
newMsgs.dismiss();
|
|
207
207
|
scroll.scrollToBottom();
|
|
208
208
|
}
|
|
209
|
-
}
|
|
209
|
+
});
|
|
210
210
|
|
|
211
211
|
// --- Layout context ---
|
|
212
212
|
const layoutContext = useMemo(() => ({
|
|
@@ -237,23 +237,23 @@ export function ChatLayout({
|
|
|
237
237
|
}
|
|
238
238
|
};
|
|
239
239
|
const currentDensity = densityStyles[density];
|
|
240
|
-
return /*#__PURE__*/
|
|
240
|
+
return /*#__PURE__*/_jsx(ChatLayoutContext, {
|
|
241
241
|
value: layoutContext,
|
|
242
|
-
children: /*#__PURE__*/
|
|
242
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
243
243
|
ref: mergeRefs(ref, rootRef),
|
|
244
244
|
"data-testid": testId,
|
|
245
245
|
...mergeProps(themeProps('chat-layout', {
|
|
246
246
|
density
|
|
247
247
|
}), stylex.props(styles.root, isSelfScrolling && styles.rootScrollable, xstyle), className, style),
|
|
248
|
-
children: [/*#__PURE__*/
|
|
248
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
249
249
|
...stylex.props(styles.messageArea, currentDensity.messageArea),
|
|
250
|
-
children: showEmpty && emptyState ? /*#__PURE__*/
|
|
250
|
+
children: showEmpty && emptyState ? /*#__PURE__*/_jsx("div", {
|
|
251
251
|
...{
|
|
252
252
|
className: "x78zum5 x6s0dn4 xl56j7k x98rzlu xz65tgg"
|
|
253
253
|
},
|
|
254
254
|
children: emptyState
|
|
255
|
-
}
|
|
256
|
-
}
|
|
255
|
+
}) : children
|
|
256
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
257
257
|
...{
|
|
258
258
|
0: {
|
|
259
259
|
className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl xixxii4"
|
|
@@ -262,17 +262,17 @@ export function ChatLayout({
|
|
|
262
262
|
className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl x7wzq59"
|
|
263
263
|
}
|
|
264
264
|
}[!!isSelfScrolling << 0],
|
|
265
|
-
children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/
|
|
265
|
+
children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsx("div", {
|
|
266
266
|
...stylex.props(styles.blurLayer, currentDensity.blurLayer)
|
|
267
|
-
}
|
|
267
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
268
268
|
...stylex.props(styles.dock, currentDensity.dock),
|
|
269
|
-
children: /*#__PURE__*/
|
|
269
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
270
270
|
...stylex.props(styles.dockInner, currentDensity.dockInner),
|
|
271
271
|
children: composer
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
}
|
|
272
|
+
})
|
|
273
|
+
})]
|
|
274
|
+
})]
|
|
275
|
+
})
|
|
276
|
+
});
|
|
277
277
|
}
|
|
278
278
|
ChatLayout.displayName = 'ChatLayout';
|
|
@@ -30,7 +30,7 @@ export interface ChatLayoutScrollButtonProps extends Omit<BaseProps<HTMLDivEleme
|
|
|
30
30
|
* <ChatLayoutScrollButton isVisible={!isAtBottom} onClick={scrollToBottom} />
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
|
-
export declare function ChatLayoutScrollButton({ ref, isVisible, label, onClick, xstyle, className, style,
|
|
33
|
+
export declare function ChatLayoutScrollButton({ ref, isVisible, label, onClick, xstyle, className, style, }: ChatLayoutScrollButtonProps): React.JSX.Element;
|
|
34
34
|
export declare namespace ChatLayoutScrollButton {
|
|
35
35
|
var displayName: string;
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwDD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwDD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,2BAA2B,qBAwB7B;yBAhCe,sBAAsB"}
|
|
@@ -26,7 +26,7 @@ import { mergeProps } from "../utils/index.js";
|
|
|
26
26
|
// =============================================================================
|
|
27
27
|
// Types
|
|
28
28
|
// =============================================================================
|
|
29
|
-
import {
|
|
29
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
30
30
|
// =============================================================================
|
|
31
31
|
// Styles
|
|
32
32
|
// =============================================================================
|
|
@@ -69,14 +69,12 @@ export function ChatLayoutScrollButton({
|
|
|
69
69
|
onClick,
|
|
70
70
|
xstyle,
|
|
71
71
|
className,
|
|
72
|
-
style
|
|
73
|
-
...rest
|
|
72
|
+
style
|
|
74
73
|
}) {
|
|
75
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/_jsx("div", {
|
|
76
75
|
ref: ref,
|
|
77
76
|
...mergeProps(stylex.props(styles.wrapper, xstyle), className, style),
|
|
78
|
-
|
|
79
|
-
children: /*#__PURE__*/_jsxDEV("div", {
|
|
77
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
80
78
|
...{
|
|
81
79
|
0: {
|
|
82
80
|
className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa xg01cxk x47corl x1x67gh"
|
|
@@ -91,20 +89,20 @@ export function ChatLayoutScrollButton({
|
|
|
91
89
|
className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa x1hc1fzr x67bb7w x1ncir08"
|
|
92
90
|
}
|
|
93
91
|
}[!!isVisible << 1 | !!label << 0],
|
|
94
|
-
children: /*#__PURE__*/
|
|
92
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
95
93
|
label: label ?? 'Scroll to bottom',
|
|
96
94
|
"aria-label": label ?? 'Scroll to bottom',
|
|
97
|
-
icon: /*#__PURE__*/
|
|
95
|
+
icon: /*#__PURE__*/_jsx(Icon, {
|
|
98
96
|
icon: "chevronDown",
|
|
99
97
|
size: "md"
|
|
100
|
-
}
|
|
98
|
+
}),
|
|
101
99
|
variant: "ghost",
|
|
102
100
|
size: "md",
|
|
103
101
|
onClick: onClick,
|
|
104
102
|
xstyle: [styles.button, label ? styles.buttonWithLabel : null],
|
|
105
103
|
children: label ?? undefined
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
104
|
+
})
|
|
105
|
+
})
|
|
106
|
+
});
|
|
109
107
|
}
|
|
110
108
|
ChatLayoutScrollButton.displayName = 'ChatLayoutScrollButton';
|