@astryxdesign/core 0.1.3 → 0.1.4-canary.01e5b29
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 +51 -0
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +20 -18
- 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 +55 -53
- package/dist/AspectRatio/AspectRatio.js +5 -5
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +27 -25
- 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 +32 -25
- 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.d.ts.map +1 -1
- package/dist/Button/Button.js +47 -26
- package/dist/ButtonGroup/ButtonGroup.js +7 -7
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +108 -64
- package/dist/Calendar/dayCellUtils.d.ts +67 -5
- package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
- package/dist/Calendar/dayCellUtils.js +139 -18
- 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 +4 -2
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Card.js +18 -10
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +20 -19
- 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.map +1 -1
- package/dist/Chat/ChatComposerInput.js +27 -15
- package/dist/Chat/ChatDictationButton.d.ts +1 -1
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +13 -11
- 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 +12 -10
- 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 +14 -12
- 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 +24 -15
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +81 -74
- package/dist/Chat/index.d.ts +1 -1
- package/dist/Chat/index.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +15 -15
- package/dist/CheckboxInput/CheckboxInput.d.ts +6 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +32 -24
- 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 +8 -6
- package/dist/Citation/Citation.js +10 -10
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +32 -9
- package/dist/Code/Code.d.ts +15 -1
- package/dist/Code/Code.d.ts.map +1 -1
- package/dist/Code/Code.js +35 -5
- package/dist/Code/index.d.ts +1 -1
- package/dist/Code/index.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.d.ts +10 -1
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +88 -52
- package/dist/CodeBlock/index.d.ts +1 -1
- package/dist/CodeBlock/index.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.d.ts +9 -3
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +110 -22
- package/dist/Collapsible/CollapsibleGroup.d.ts +39 -7
- package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroup.js +73 -12
- package/dist/Collapsible/CollapsibleGroupContext.d.ts +31 -0
- package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroupContext.js +33 -3
- package/dist/Collapsible/index.d.ts +1 -0
- package/dist/Collapsible/index.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.d.ts +4 -1
- package/dist/Collapsible/useCollapsible.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.js +20 -6
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +36 -34
- package/dist/CommandPalette/CommandPaletteEmpty.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteEmpty.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteEmpty.js +27 -7
- 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 +9 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +16 -11
- package/dist/DateInput/DateInput.js +18 -18
- package/dist/DateRangeInput/DateRangeInput.js +23 -23
- package/dist/DateTimeInput/DateTimeInput.d.ts +5 -7
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +30 -26
- 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.d.ts +0 -22
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Divider/Divider.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.js +10 -10
- package/dist/DropdownMenu/DropdownMenuItem.d.ts +2 -17
- 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 +4 -3
- package/dist/Grid/Grid.d.ts.map +1 -1
- package/dist/Grid/Grid.js +29 -12
- 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.d.ts.map +1 -1
- package/dist/Icon/Icon.js +16 -12
- 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.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 +55 -31
- 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/Markdown/parser.d.ts +7 -0
- package/dist/Markdown/parser.d.ts.map +1 -1
- package/dist/Markdown/parser.js +300 -6
- 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.d.ts +7 -1
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +64 -55
- 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 +48 -32
- 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 +125 -72
- 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 +110 -92
- 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 +25 -18
- package/dist/RadioList/RadioList.d.ts +7 -1
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +10 -8
- package/dist/RadioList/RadioListItem.d.ts +1 -1
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +30 -22
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +28 -10
- 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 +32 -10
- package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +18 -12
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.d.ts +6 -0
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +54 -45
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +38 -34
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +8 -6
- 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 +18 -16
- package/dist/Skeleton/Skeleton.js +3 -3
- package/dist/Slider/Slider.d.ts +6 -0
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +31 -22
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +10 -10
- package/dist/StatusDot/StatusDot.js +5 -5
- package/dist/Switch/Switch.d.ts +13 -4
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +41 -30
- 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 +57 -30
- package/dist/TabList/tab.markers.stylex.d.ts +1 -1
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +51 -39
- 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 +9 -5
- package/dist/Table/TableCell.d.ts.map +1 -1
- package/dist/Table/TableCell.js +76 -7
- package/dist/Table/TableFooter.d.ts +1 -1
- package/dist/Table/TableFooter.d.ts.map +1 -1
- package/dist/Table/TableFooter.js +9 -5
- package/dist/Table/TableHeader.d.ts +1 -1
- package/dist/Table/TableHeader.d.ts.map +1 -1
- package/dist/Table/TableHeader.js +9 -5
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +1 -0
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +14 -11
- 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 +5 -1
- package/dist/Table/plugins/pagination/useTablePagination.js +7 -7
- package/dist/Table/plugins/rowExpansion/index.d.ts +3 -0
- package/dist/Table/plugins/rowExpansion/index.d.ts.map +1 -0
- package/dist/Table/plugins/rowExpansion/index.js +3 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +90 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +398 -0
- 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 +11 -1
- 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 +8 -4
- package/dist/Table/tableContextMenu.d.ts +5 -1
- package/dist/Table/tableContextMenu.d.ts.map +1 -1
- package/dist/Table/tableContextMenu.js +19 -12
- package/dist/Text/Text.d.ts +1 -1
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/Text/Text.js +14 -13
- package/dist/Text/text.stylex.d.ts +35 -0
- package/dist/Text/text.stylex.d.ts.map +1 -1
- package/dist/Text/text.stylex.js +52 -1
- package/dist/TextArea/TextArea.js +14 -14
- package/dist/TextInput/TextInput.js +15 -15
- package/dist/Thumbnail/Thumbnail.d.ts +3 -2
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +30 -29
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +26 -21
- package/dist/Timestamp/Timestamp.d.ts +1 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +37 -26
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +25 -17
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +23 -11
- 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 +6 -1
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +38 -29
- 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.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 +25 -14
- 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 +23 -20
- 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 +23 -0
- package/dist/astryx.umd.js +60 -58
- package/dist/astryx.umd.js.map +4 -4
- package/dist/docs-types.d.ts +13 -1
- 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 +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/useFocusTrap.d.ts +3 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +38 -1
- package/dist/hooks/useHotkeys.d.ts +51 -0
- package/dist/hooks/useHotkeys.d.ts.map +1 -0
- package/dist/hooks/useHotkeys.js +160 -0
- package/dist/hooks/useInteractiveRole.d.ts +6 -2
- package/dist/hooks/useInteractiveRole.d.ts.map +1 -1
- package/dist/hooks/useInteractiveRole.js +6 -2
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/hooks/useStreamingText.d.ts +3 -1
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +14 -5
- 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 +10 -3
- package/dist/theme/hct.d.ts +0 -15
- 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 +10 -2
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/tokens.js +220 -4
- package/dist/utils/color.d.ts +42 -0
- package/dist/utils/color.d.ts.map +1 -0
- package/dist/utils/color.js +150 -0
- package/dist/utils/composeEventHandlers.d.ts +30 -0
- package/dist/utils/composeEventHandlers.d.ts.map +1 -0
- package/dist/utils/composeEventHandlers.js +40 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +3 -1
- package/dist/utils/timeParser.d.ts.map +1 -1
- package/dist/utils/timeParser.js +8 -5
- package/package.json +3 -3
- package/src/AlertDialog/AlertDialog.tsx +2 -0
- package/src/AppShell/AppShell.tsx +2 -0
- package/src/AspectRatio/AspectRatio.doc.mjs +1 -1
- package/src/Avatar/Avatar.doc.mjs +13 -2
- package/src/Avatar/Avatar.test.tsx +32 -1
- package/src/Avatar/Avatar.tsx +12 -20
- package/src/Banner/Banner.doc.mjs +8 -0
- package/src/Banner/Banner.test.tsx +38 -0
- package/src/Banner/Banner.tsx +8 -1
- package/src/Button/Button.tsx +39 -6
- package/src/ButtonGroup/ButtonGroup.doc.mjs +1 -1
- package/src/Calendar/Calendar.doc.mjs +1 -1
- package/src/Calendar/Calendar.test.tsx +201 -17
- package/src/Calendar/Calendar.tsx +79 -26
- package/src/Calendar/dayCellUtils.test.ts +306 -1
- package/src/Calendar/dayCellUtils.ts +206 -13
- package/src/Calendar/styles.ts +12 -2
- package/src/Card/Card.doc.mjs +1 -1
- package/src/Card/Card.tsx +16 -6
- package/src/Carousel/Carousel.doc.mjs +12 -12
- package/src/Carousel/Carousel.test.tsx +13 -0
- package/src/Carousel/Carousel.tsx +1 -0
- package/src/Chat/Chat.doc.mjs +1 -1
- package/src/Chat/ChatComposerInput.test.tsx +24 -0
- package/src/Chat/ChatComposerInput.tsx +17 -1
- package/src/Chat/ChatDictationButton.test.tsx +43 -0
- package/src/Chat/ChatDictationButton.tsx +4 -4
- package/src/Chat/ChatLayoutScrollButton.test.tsx +33 -0
- package/src/Chat/ChatLayoutScrollButton.tsx +3 -1
- package/src/Chat/ChatMessageMetadata.test.tsx +32 -0
- package/src/Chat/ChatMessageMetadata.tsx +4 -6
- package/src/Chat/ChatSystemMessage.test.tsx +26 -11
- package/src/Chat/ChatSystemMessage.tsx +7 -7
- package/src/Chat/ChatTokenizedText.test.tsx +29 -16
- package/src/Chat/ChatTokenizedText.tsx +15 -8
- package/src/Chat/ChatToolCalls.test.tsx +55 -0
- package/src/Chat/ChatToolCalls.tsx +10 -12
- package/src/Chat/index.ts +1 -4
- package/src/Chat/useChatNewMessages.test.tsx +4 -4
- package/src/CheckboxInput/CheckboxInput.doc.mjs +12 -4
- package/src/CheckboxInput/CheckboxInput.test.tsx +103 -0
- package/src/CheckboxInput/CheckboxInput.tsx +13 -0
- package/src/CheckboxList/CheckboxList.doc.mjs +1 -1
- package/src/CheckboxList/CheckboxList.test.tsx +19 -0
- package/src/CheckboxList/CheckboxListItem.tsx +11 -2
- package/src/Citation/Citation.doc.mjs +5 -0
- package/src/ClickableCard/ClickableCard.tsx +45 -2
- package/src/Code/Code.test.tsx +54 -0
- package/src/Code/Code.tsx +48 -4
- package/src/Code/index.ts +1 -1
- package/src/CodeBlock/CodeBlock.doc.mjs +7 -2
- package/src/CodeBlock/CodeBlock.test.tsx +122 -3
- package/src/CodeBlock/CodeBlock.tsx +62 -4
- package/src/CodeBlock/index.ts +1 -1
- package/src/Collapsible/Collapsible.doc.mjs +8 -4
- package/src/Collapsible/Collapsible.test.tsx +405 -0
- package/src/Collapsible/Collapsible.tsx +86 -10
- package/src/Collapsible/CollapsibleGroup.doc.mjs +27 -3
- package/src/Collapsible/CollapsibleGroup.test.tsx +318 -0
- package/src/Collapsible/CollapsibleGroup.tsx +107 -9
- package/src/Collapsible/CollapsibleGroupContext.tsx +42 -2
- package/src/Collapsible/index.ts +4 -0
- package/src/Collapsible/useCollapsible.ts +20 -6
- package/src/CommandPalette/CommandPalette.tsx +5 -3
- package/src/CommandPalette/CommandPaletteEmpty.doc.mjs +5 -0
- package/src/CommandPalette/CommandPaletteEmpty.tsx +15 -1
- package/src/CommandPalette/CommandPaletteGroup.doc.mjs +10 -0
- package/src/CommandPalette/CommandPaletteInput.doc.mjs +6 -0
- package/src/CommandPalette/CommandPaletteItem.doc.mjs +6 -0
- package/src/CommandPalette/CommandPaletteList.doc.mjs +9 -0
- package/src/ContextMenu/ContextMenu.doc.mjs +15 -0
- package/src/ContextMenu/ContextMenu.test.tsx +15 -0
- package/src/ContextMenu/ContextMenu.tsx +19 -1
- package/src/ContextMenu/ContextMenuItem.doc.mjs +6 -0
- package/src/DateInput/DateInput.doc.mjs +6 -1
- package/src/DateInput/DateInput.test.tsx +11 -20
- package/src/DateRangeInput/DateRangeInput.doc.mjs +1 -1
- package/src/DateRangeInput/DateRangeInput.test.tsx +31 -44
- package/src/DateRangeInput/DateRangeInput.tsx +2 -2
- package/src/DateTimeInput/DateTimeInput.doc.mjs +4 -3
- package/src/DateTimeInput/DateTimeInput.test.tsx +118 -16
- package/src/DateTimeInput/DateTimeInput.tsx +9 -8
- package/src/DateTimeInput/index.ts +1 -0
- package/src/Dialog/DialogHeader.doc.mjs +45 -0
- package/src/Divider/Divider.tsx +1 -23
- package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +5 -3
- package/src/DropdownMenu/DropdownMenuItem.tsx +5 -17
- package/src/EmptyState/EmptyState.doc.mjs +1 -1
- package/src/Field/Field.doc.mjs +1 -1
- package/src/Field/FieldLabel.test.tsx +2 -2
- package/src/FieldStatus/FieldStatus.test.tsx +282 -0
- package/src/FileInput/FileInput.doc.mjs +1 -1
- package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +0 -3
- package/src/Grid/Grid.doc.mjs +3 -3
- package/src/Grid/Grid.test.tsx +43 -18
- package/src/Grid/Grid.tsx +26 -9
- package/src/Icon/Icon.test.tsx +41 -29
- package/src/Icon/Icon.tsx +6 -2
- package/src/InputGroup/InputGroup.tsx +2 -2
- package/src/InteractiveRoleContext/InteractiveRoleContext.test.tsx +185 -0
- package/src/Item/Item.tsx +1 -1
- package/src/Layout/Layout.test.tsx +285 -0
- package/src/Layout/LayoutContent.doc.mjs +12 -0
- package/src/Layout/LayoutPanel.doc.mjs +40 -0
- package/src/Layout/LayoutSlots.test.tsx +364 -0
- package/src/Layout/__tests__/edgeCompensation.test.tsx +72 -0
- package/src/Lightbox/Lightbox.doc.mjs +5 -0
- package/src/Lightbox/Lightbox.test.tsx +123 -2
- package/src/Lightbox/Lightbox.tsx +29 -1
- package/src/Markdown/Markdown.test.tsx +23 -0
- package/src/Markdown/Markdown.tsx +9 -7
- package/src/Markdown/incremental.test.ts +36 -0
- package/src/Markdown/parser.perf.test.ts +34 -12
- package/src/Markdown/parser.test.ts +210 -0
- package/src/Markdown/parser.ts +301 -6
- package/src/MobileNav/MobileNav.doc.mjs +20 -0
- package/src/MultiSelector/MultiSelector.doc.mjs +14 -1
- package/src/MultiSelector/MultiSelector.test.tsx +33 -0
- package/src/MultiSelector/MultiSelector.tsx +20 -0
- package/src/NavMenu/NavMenu.doc.mjs +15 -0
- package/src/NumberInput/NumberInput.test.tsx +48 -3
- package/src/NumberInput/NumberInput.tsx +32 -15
- package/src/Outline/parseOutlineFromMarkdown.test.ts +80 -0
- package/src/OverflowList/OverflowList.test.tsx +416 -0
- package/src/Overlay/Overlay.doc.mjs +6 -0
- package/src/Overlay/Overlay.test.tsx +356 -0
- package/src/Pagination/Pagination.test.tsx +162 -0
- package/src/Pagination/Pagination.tsx +80 -26
- package/src/Popover/Popover.test.tsx +65 -0
- package/src/PowerSearch/PowerSearch.doc.mjs +4 -4
- package/src/PowerSearch/PowerSearch.test.tsx +109 -1
- package/src/PowerSearch/PowerSearch.tsx +37 -16
- package/src/ProgressBar/ProgressBar.test.tsx +30 -0
- package/src/ProgressBar/ProgressBar.tsx +12 -5
- package/src/RadioList/RadioList.doc.mjs +7 -1
- package/src/RadioList/RadioList.test.tsx +65 -0
- package/src/RadioList/RadioList.tsx +10 -1
- package/src/RadioList/RadioListItem.tsx +13 -4
- package/src/Resizable/ResizeHandle.test.tsx +218 -0
- package/src/Resizable/ResizeHandle.tsx +22 -4
- package/src/Section/Section.test.tsx +4 -10
- package/src/SegmentedControl/SegmentedControl.doc.mjs +2 -2
- package/src/SegmentedControl/SegmentedControl.test.tsx +192 -0
- package/src/SegmentedControl/SegmentedControl.tsx +27 -5
- package/src/SegmentedControl/SegmentedControlItem.tsx +9 -4
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.doc.mjs +12 -1
- package/src/Selector/Selector.test.tsx +30 -0
- package/src/Selector/Selector.tsx +18 -0
- package/src/SideNav/SideNav.doc.mjs +7 -1
- package/src/SideNav/SideNav.test.tsx +66 -0
- package/src/SideNav/SideNav.tsx +6 -2
- package/src/SideNav/SideNavCollapseButton.tsx +4 -3
- package/src/SideNav/SideNavSection.tsx +6 -4
- package/src/SizeContext/SizeContext.test.tsx +226 -0
- package/src/Slider/Slider.doc.mjs +14 -2
- package/src/Slider/Slider.test.tsx +30 -0
- package/src/Slider/Slider.tsx +20 -0
- package/src/Spinner/Spinner.tsx +1 -0
- package/src/Switch/Switch.doc.mjs +21 -9
- package/src/Switch/Switch.test.tsx +137 -0
- package/src/Switch/Switch.tsx +32 -7
- package/src/TabList/TabList.doc.mjs +3 -3
- package/src/TabList/TabList.test.tsx +185 -1
- package/src/TabList/TabMenu.tsx +45 -9
- package/src/Table/BaseTable.tsx +16 -3
- package/src/Table/Table.test.tsx +87 -0
- package/src/Table/TableBody.tsx +15 -2
- package/src/Table/TableCell.tsx +87 -8
- package/src/Table/TableFooter.tsx +15 -2
- package/src/Table/TableHeader.tsx +15 -2
- package/src/Table/index.ts +5 -0
- package/src/Table/plugins/columnResize/useTableColumnResize.test.tsx +13 -0
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +3 -1
- package/src/Table/plugins/pagination/paginateData.ts +5 -1
- package/src/Table/plugins/pagination/useTablePagination.test.tsx +13 -0
- package/src/Table/plugins/rowExpansion/index.ts +7 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +155 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +590 -0
- package/src/Table/plugins/selection/useTableSelectionState.test.tsx +23 -0
- package/src/Table/plugins/selection/useTableSelectionState.tsx +11 -6
- package/src/Table/plugins/sortable/useTableSortableState.test.tsx +35 -1
- package/src/Table/plugins/sortable/useTableSortableState.tsx +8 -4
- package/src/Table/tableContextMenu.test.tsx +27 -3
- package/src/Table/tableContextMenu.tsx +20 -2
- package/src/Table/useTablePagination.doc.mjs +4 -1
- package/src/Table/useTableRowExpansion.doc.mjs +80 -0
- package/src/Table/useTableSortable.doc.mjs +4 -1
- package/src/Text/Text.doc.mjs +2 -2
- package/src/Text/Text.test.tsx +11 -0
- package/src/Text/Text.tsx +4 -2
- package/src/Text/text.stylex.ts +41 -0
- package/src/TextArea/TextArea.doc.mjs +1 -1
- package/src/TextArea/TextArea.test.tsx +3 -3
- package/src/TextInput/TextInput.doc.mjs +1 -1
- package/src/TextInput/TextInput.test.tsx +3 -3
- package/src/Thumbnail/Thumbnail.test.tsx +36 -2
- package/src/Thumbnail/Thumbnail.tsx +4 -2
- package/src/TimeInput/TimeInput.doc.mjs +11 -6
- package/src/TimeInput/TimeInput.test.tsx +37 -0
- package/src/TimeInput/TimeInput.tsx +11 -1
- package/src/Timestamp/Timestamp.doc.mjs +1 -1
- package/src/Timestamp/Timestamp.test.tsx +52 -0
- package/src/Timestamp/Timestamp.tsx +30 -16
- package/src/Toast/Toast.tsx +11 -3
- package/src/Toast/ToastViewport.test.tsx +64 -0
- package/src/Toast/ToastViewport.tsx +12 -0
- package/src/ToggleButton/ToggleButton.doc.mjs +1 -0
- package/src/Tokenizer/Tokenizer.doc.mjs +16 -4
- package/src/Tokenizer/Tokenizer.test.tsx +33 -0
- package/src/Tokenizer/Tokenizer.tsx +19 -0
- package/src/Toolbar/Toolbar.test.tsx +1 -1
- package/src/TopNav/TopNav.doc.mjs +1 -1
- package/src/TopNav/TopNav.test.tsx +18 -0
- package/src/TopNav/TopNavMegaMenuFeaturedCard.tsx +9 -2
- package/src/TreeList/TreeList.doc.mjs +2 -2
- package/src/Typeahead/BaseTypeahead.doc.mjs +19 -0
- package/src/Typeahead/BaseTypeahead.tsx +5 -2
- package/src/Typeahead/Typeahead.doc.mjs +7 -2
- package/src/Typeahead/Typeahead.test.tsx +45 -1
- package/src/__tests__/TestIcon.tsx +26 -0
- package/src/__tests__/fastRoleQueries.ts +66 -0
- package/src/docPropReferences.test.ts +178 -0
- package/src/docs-types.ts +14 -0
- package/src/hooks/focusableSelector.ts +1 -1
- package/src/hooks/index.ts +3 -0
- package/src/hooks/useFocusTrap.doc.mjs +4 -2
- package/src/hooks/useFocusTrap.test.tsx +149 -1
- package/src/hooks/useFocusTrap.ts +50 -1
- package/src/hooks/useHotkeys.doc.mjs +52 -0
- package/src/hooks/useHotkeys.test.ts +245 -0
- package/src/hooks/useHotkeys.ts +203 -0
- package/src/hooks/useInteractiveRole.ts +12 -4
- package/src/hooks/useKeyboardHint.doc.mjs +6 -6
- package/src/hooks/useStreamingText.test.ts +54 -19
- package/src/hooks/useStreamingText.ts +16 -5
- package/src/theme/SyntaxTheme.doc.mjs +4 -4
- package/src/theme/defineTheme.ts +4 -13
- package/src/theme/derivedVarRegistry.test.ts +2 -2
- package/src/theme/expandColorScale.test.ts +29 -0
- package/src/theme/expandColorScale.ts +11 -6
- package/src/theme/hct.ts +9 -17
- package/src/theme/tokens.test.ts +182 -9
- package/src/theme/tokens.ts +239 -4
- package/src/theme/useTheme.test.tsx +20 -0
- package/src/utils/color.test.ts +133 -0
- package/src/utils/color.ts +148 -0
- package/src/utils/composeEventHandlers.test.ts +71 -0
- package/src/utils/composeEventHandlers.ts +44 -0
- package/src/utils/index.ts +4 -0
- package/src/utils/mergeProps.test.ts +166 -0
- package/src/utils/sharedResizeObserver.test.ts +2 -2
- package/src/utils/timeParser.test.ts +13 -0
- package/src/utils/timeParser.ts +8 -5
|
@@ -21,7 +21,7 @@ import { useFocusTrap } from "../hooks/useFocusTrap.js";
|
|
|
21
21
|
import "../theme/tokens.stylex.js";
|
|
22
22
|
import { colorVars, spacingVars, radiusVars, shadowVars } from "../theme/tokens.stylex.js";
|
|
23
23
|
import { Button } from "../Button/index.js";
|
|
24
|
-
import {
|
|
24
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
25
25
|
const styles = {
|
|
26
26
|
surface: {
|
|
27
27
|
kWkggS: "x1prclbq",
|
|
@@ -178,23 +178,23 @@ export function usePopover(options = {}) {
|
|
|
178
178
|
|
|
179
179
|
// Wrapped render function that includes surface styles and optional hidden close button
|
|
180
180
|
const render = useCallback((children, props) => {
|
|
181
|
-
return layer.render(/*#__PURE__*/
|
|
181
|
+
return layer.render(/*#__PURE__*/_jsxDEV("div", {
|
|
182
182
|
ref: contentRef,
|
|
183
183
|
role: role === 'dialog' ? 'dialog' : undefined,
|
|
184
184
|
"aria-modal": role === 'dialog' && isModal ? true : undefined,
|
|
185
185
|
"aria-label": role === 'dialog' ? dialogLabel : undefined,
|
|
186
186
|
...stylex.props(styles.contentWrapper, hasSurface && styles.surface, xstyle),
|
|
187
|
-
children: [children, hasCloseButton && /*#__PURE__*/
|
|
187
|
+
children: [children, hasCloseButton && /*#__PURE__*/_jsxDEV("div", {
|
|
188
188
|
...{
|
|
189
189
|
className: "x10l6tqk x1ey2m1c x1nrll8i x31h1t8 x1vjfegm x1i1rx1s x10okhzq xjm9jq1 x132qfvm xb3r6kr x1dordxg x1hyvwdk x10wafsz x47corl xbt4iw xexx8yu x1kw28su"
|
|
190
190
|
},
|
|
191
|
-
children: /*#__PURE__*/
|
|
191
|
+
children: /*#__PURE__*/_jsxDEV(Button, {
|
|
192
192
|
variant: "secondary",
|
|
193
193
|
label: closeButtonLabel,
|
|
194
194
|
onClick: layer.hide
|
|
195
|
-
})
|
|
196
|
-
})]
|
|
197
|
-
}), {
|
|
195
|
+
}, void 0, false)
|
|
196
|
+
}, void 0, false)]
|
|
197
|
+
}, void 0, true), {
|
|
198
198
|
...props,
|
|
199
199
|
xstyle: props?.xstyle
|
|
200
200
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PowerSearch.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearch.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"PowerSearch.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearch.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAGL,KAAK,yBAAyB,EAC/B,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAgB1C,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAIjB,qBAAqB,EACrB,iBAAiB,EAIjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAyQjB,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,yEAAyE;IACzE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,gCAAgC;IAChC,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1C,kCAAkC;IAClC,QAAQ,EAAE,CACR,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC,EACzC,UAAU,EAAE,qBAAqB,EACjC,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,yBAAyB;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kEAAkE;IAClE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAClD;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,KAAgB,EAChB,aAAoB,EACpB,WAAyB,EACzB,YAAoB,EACpB,QAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,cAAmB,EACnB,sBAAgC,EAChC,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,WAAW,EACX,GAAG,EACH,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,UAAU,EAAE,kBAAkB,GAC/B,EAAE,gBAAgB,qBAiflB;yBA/gBe,WAAW"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
* - /packages/core/src/PowerSearch/index.ts
|
|
14
14
|
* - /packages/cli/templates/blocks/components/PowerSearch/ (showcase blocks)
|
|
15
15
|
*/
|
|
16
|
-
import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
16
|
+
import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
17
17
|
import * as stylex from '@stylexjs/stylex';
|
|
18
18
|
import { Tokenizer } from "../Tokenizer/index.js";
|
|
19
19
|
import { TypeaheadItem } from "../Typeahead/TypeaheadItem.js";
|
|
@@ -22,6 +22,7 @@ import { Avatar } from "../Avatar/index.js";
|
|
|
22
22
|
import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
|
|
23
23
|
import { Icon } from "../Icon/index.js";
|
|
24
24
|
import { usePopover } from "../Popover/usePopover.js";
|
|
25
|
+
import { useAnnounce } from "../hooks/useAnnounce.js";
|
|
25
26
|
import "../theme/tokens.stylex.js";
|
|
26
27
|
import { spacingVars, colorVars, typeScaleVars, fontWeightVars } from "../theme/tokens.stylex.js";
|
|
27
28
|
import { mergeRefs } from "../utils/index.js";
|
|
@@ -31,7 +32,7 @@ import { usePowerSearchSource } from "./usePowerSearchSource.js";
|
|
|
31
32
|
import { formatFilterValue } from "./formatFilterValue.js";
|
|
32
33
|
import { PowerSearchEditPopover } from "./PowerSearchEditPopover.js";
|
|
33
34
|
import { themeProps } from "../utils/themeProps.js";
|
|
34
|
-
import {
|
|
35
|
+
import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
|
|
35
36
|
// =============================================================================
|
|
36
37
|
// Icon mapping for typeahead entries
|
|
37
38
|
// =============================================================================
|
|
@@ -80,35 +81,35 @@ function PowerSearchTokenValue({
|
|
|
80
81
|
case 'empty':
|
|
81
82
|
return null;
|
|
82
83
|
case 'string':
|
|
83
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
84
85
|
...{
|
|
85
86
|
className: "x1lvx875"
|
|
86
87
|
},
|
|
87
88
|
children: truncateString(filterValue.value, maxLength)
|
|
88
|
-
});
|
|
89
|
+
}, void 0, false);
|
|
89
90
|
case 'integer':
|
|
90
91
|
case 'float':
|
|
91
|
-
return /*#__PURE__*/
|
|
92
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
92
93
|
...{
|
|
93
94
|
className: "x1lvx875"
|
|
94
95
|
},
|
|
95
96
|
children: filterValue.value
|
|
96
|
-
});
|
|
97
|
+
}, void 0, false);
|
|
97
98
|
case 'enum':
|
|
98
99
|
if (operatorValue.type === 'enum') {
|
|
99
|
-
return /*#__PURE__*/
|
|
100
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
100
101
|
...{
|
|
101
102
|
className: "x1lvx875"
|
|
102
103
|
},
|
|
103
104
|
children: truncateString(getEnumLabel(operatorValue.values, filterValue.value), maxLength)
|
|
104
|
-
});
|
|
105
|
+
}, void 0, false);
|
|
105
106
|
}
|
|
106
|
-
return /*#__PURE__*/
|
|
107
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
107
108
|
...{
|
|
108
109
|
className: "x1lvx875"
|
|
109
110
|
},
|
|
110
111
|
children: truncateString(filterValue.value, maxLength)
|
|
111
|
-
});
|
|
112
|
+
}, void 0, false);
|
|
112
113
|
case 'string_list':
|
|
113
114
|
{
|
|
114
115
|
const items = filterValue.value;
|
|
@@ -116,28 +117,28 @@ function PowerSearchTokenValue({
|
|
|
116
117
|
return null;
|
|
117
118
|
}
|
|
118
119
|
if (items.length === 1) {
|
|
119
|
-
return /*#__PURE__*/
|
|
120
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
120
121
|
...{
|
|
121
122
|
className: "x1lvx875"
|
|
122
123
|
},
|
|
123
124
|
children: truncateString(items[0], maxLength)
|
|
124
|
-
});
|
|
125
|
+
}, void 0, false);
|
|
125
126
|
}
|
|
126
127
|
const totalLength = items.reduce((sum, s) => sum + s.length, 0);
|
|
127
128
|
if (totalLength > maxLength) {
|
|
128
|
-
return /*#__PURE__*/
|
|
129
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
129
130
|
...{
|
|
130
131
|
className: "x1lvx875"
|
|
131
132
|
},
|
|
132
133
|
children: [items.length, " items"]
|
|
133
|
-
});
|
|
134
|
+
}, void 0, true);
|
|
134
135
|
}
|
|
135
|
-
return /*#__PURE__*/
|
|
136
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
136
137
|
...{
|
|
137
138
|
className: "x1lvx875"
|
|
138
139
|
},
|
|
139
140
|
children: items.join(', ')
|
|
140
|
-
});
|
|
141
|
+
}, void 0, false);
|
|
141
142
|
}
|
|
142
143
|
case 'enum_list':
|
|
143
144
|
{
|
|
@@ -148,43 +149,43 @@ function PowerSearchTokenValue({
|
|
|
148
149
|
if (operatorValue.type === 'enum_list') {
|
|
149
150
|
const labels = items.map(v => getEnumLabel(operatorValue.values, v));
|
|
150
151
|
if (labels.length === 1) {
|
|
151
|
-
return /*#__PURE__*/
|
|
152
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
152
153
|
...{
|
|
153
154
|
className: "x1lvx875"
|
|
154
155
|
},
|
|
155
156
|
children: truncateString(labels[0], maxLength)
|
|
156
|
-
});
|
|
157
|
+
}, void 0, false);
|
|
157
158
|
}
|
|
158
159
|
const totalLength = labels.reduce((sum, s) => sum + s.length, 0);
|
|
159
160
|
if (totalLength > maxLength) {
|
|
160
|
-
return /*#__PURE__*/
|
|
161
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
161
162
|
...{
|
|
162
163
|
className: "x1lvx875"
|
|
163
164
|
},
|
|
164
165
|
children: [labels.length, " items"]
|
|
165
|
-
});
|
|
166
|
+
}, void 0, true);
|
|
166
167
|
}
|
|
167
|
-
return /*#__PURE__*/
|
|
168
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
168
169
|
...{
|
|
169
170
|
className: "x1lvx875"
|
|
170
171
|
},
|
|
171
172
|
children: labels.join(', ')
|
|
172
|
-
});
|
|
173
|
+
}, void 0, false);
|
|
173
174
|
}
|
|
174
175
|
if (items.length === 1) {
|
|
175
|
-
return /*#__PURE__*/
|
|
176
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
176
177
|
...{
|
|
177
178
|
className: "x1lvx875"
|
|
178
179
|
},
|
|
179
180
|
children: truncateString(items[0], maxLength)
|
|
180
|
-
});
|
|
181
|
+
}, void 0, false);
|
|
181
182
|
}
|
|
182
|
-
return /*#__PURE__*/
|
|
183
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
183
184
|
...{
|
|
184
185
|
className: "x1lvx875"
|
|
185
186
|
},
|
|
186
187
|
children: [items.length, " items"]
|
|
187
|
-
});
|
|
188
|
+
}, void 0, true);
|
|
188
189
|
}
|
|
189
190
|
case 'entity_list':
|
|
190
191
|
{
|
|
@@ -193,36 +194,36 @@ function PowerSearchTokenValue({
|
|
|
193
194
|
return null;
|
|
194
195
|
}
|
|
195
196
|
if (entities.length === 1) {
|
|
196
|
-
return /*#__PURE__*/
|
|
197
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
197
198
|
...{
|
|
198
199
|
className: "x1lvx875"
|
|
199
200
|
},
|
|
200
201
|
children: truncateString(entities[0].label, maxLength)
|
|
201
|
-
});
|
|
202
|
+
}, void 0, false);
|
|
202
203
|
}
|
|
203
204
|
const totalLength = entities.reduce((sum, e) => sum + e.label.length, 0);
|
|
204
205
|
if (totalLength > maxLength) {
|
|
205
|
-
return /*#__PURE__*/
|
|
206
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
206
207
|
...{
|
|
207
208
|
className: "x1lvx875"
|
|
208
209
|
},
|
|
209
210
|
children: [entities.length, " items"]
|
|
210
|
-
});
|
|
211
|
+
}, void 0, true);
|
|
211
212
|
}
|
|
212
|
-
return /*#__PURE__*/
|
|
213
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
213
214
|
...{
|
|
214
215
|
className: "x1lvx875"
|
|
215
216
|
},
|
|
216
217
|
children: entities.map(e => e.label).join(', ')
|
|
217
|
-
});
|
|
218
|
+
}, void 0, false);
|
|
218
219
|
}
|
|
219
220
|
case 'time':
|
|
220
|
-
return /*#__PURE__*/
|
|
221
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
221
222
|
...{
|
|
222
223
|
className: "x1lvx875"
|
|
223
224
|
},
|
|
224
225
|
children: filterValue.value
|
|
225
|
-
});
|
|
226
|
+
}, void 0, false);
|
|
226
227
|
case 'date_absolute':
|
|
227
228
|
{
|
|
228
229
|
const date = new Date(filterValue.unixSeconds * 1000);
|
|
@@ -231,51 +232,51 @@ function PowerSearchTokenValue({
|
|
|
231
232
|
month: 'short',
|
|
232
233
|
day: 'numeric'
|
|
233
234
|
}).format(date);
|
|
234
|
-
return /*#__PURE__*/
|
|
235
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
235
236
|
...{
|
|
236
237
|
className: "x1lvx875"
|
|
237
238
|
},
|
|
238
239
|
children: truncateString(formatted, maxLength)
|
|
239
|
-
});
|
|
240
|
+
}, void 0, false);
|
|
240
241
|
}
|
|
241
242
|
case 'date_relative':
|
|
242
|
-
return /*#__PURE__*/
|
|
243
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
243
244
|
...{
|
|
244
245
|
className: "x1lvx875"
|
|
245
246
|
},
|
|
246
247
|
children: truncateString(filterValue.value, maxLength)
|
|
247
|
-
});
|
|
248
|
+
}, void 0, false);
|
|
248
249
|
case 'date_range':
|
|
249
|
-
return /*#__PURE__*/
|
|
250
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
250
251
|
...{
|
|
251
252
|
className: "x1lvx875"
|
|
252
253
|
},
|
|
253
254
|
children: "date range"
|
|
254
|
-
});
|
|
255
|
+
}, void 0, false);
|
|
255
256
|
case 'custom':
|
|
256
257
|
if (operatorValue.type === 'custom') {
|
|
257
|
-
return /*#__PURE__*/
|
|
258
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
258
259
|
...{
|
|
259
260
|
className: "x1lvx875"
|
|
260
261
|
},
|
|
261
262
|
children: truncateString(operatorValue.getString(filterValue.value), maxLength)
|
|
262
|
-
});
|
|
263
|
+
}, void 0, false);
|
|
263
264
|
}
|
|
264
|
-
return /*#__PURE__*/
|
|
265
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
265
266
|
...{
|
|
266
267
|
className: "x1lvx875"
|
|
267
268
|
},
|
|
268
269
|
children: filterValue.value
|
|
269
|
-
});
|
|
270
|
+
}, void 0, false);
|
|
270
271
|
case 'nested':
|
|
271
272
|
{
|
|
272
273
|
const count = filterValue.value.length;
|
|
273
|
-
return /*#__PURE__*/
|
|
274
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
274
275
|
...{
|
|
275
276
|
className: "x1lvx875"
|
|
276
277
|
},
|
|
277
278
|
children: count === 1 ? '1 filter' : `${count} filters`
|
|
278
|
-
});
|
|
279
|
+
}, void 0, false);
|
|
279
280
|
}
|
|
280
281
|
default:
|
|
281
282
|
return null;
|
|
@@ -581,7 +582,7 @@ export function PowerSearch({
|
|
|
581
582
|
// Check for full Token override
|
|
582
583
|
const TokenOverride = operator ? componentOverrides?.[operator.value.type]?.Token : undefined;
|
|
583
584
|
if (TokenOverride && filter && field && operator) {
|
|
584
|
-
return /*#__PURE__*/
|
|
585
|
+
return /*#__PURE__*/_jsxDEV(TokenOverride, {
|
|
585
586
|
config: configProp,
|
|
586
587
|
filter: filter,
|
|
587
588
|
field: field,
|
|
@@ -590,7 +591,7 @@ export function PowerSearch({
|
|
|
590
591
|
onClick: handleClick,
|
|
591
592
|
onRemove: handleRemove,
|
|
592
593
|
isDisabled: isDisabled
|
|
593
|
-
});
|
|
594
|
+
}, void 0, false);
|
|
594
595
|
}
|
|
595
596
|
|
|
596
597
|
// Default token rendering
|
|
@@ -598,23 +599,23 @@ export function PowerSearch({
|
|
|
598
599
|
const operatorLabel = operator?.label ?? '';
|
|
599
600
|
const tokenLabel = `${fieldLabel}: ${operatorLabel}`.trim();
|
|
600
601
|
const adjustedMaxLength = Math.max(maxTokenLength - fieldLabel.length - operatorLabel.length, 10);
|
|
601
|
-
const valueContent = operator && filter ? /*#__PURE__*/
|
|
602
|
+
const valueContent = operator && filter ? /*#__PURE__*/_jsxDEV(PowerSearchTokenValue, {
|
|
602
603
|
operatorValue: operator.value,
|
|
603
604
|
filterValue: filter.value,
|
|
604
605
|
maxLength: adjustedMaxLength
|
|
605
|
-
}) : undefined;
|
|
606
|
+
}, void 0, false) : undefined;
|
|
606
607
|
|
|
607
608
|
// Show entity photo as token icon for single-entity filters
|
|
608
609
|
let tokenIcon;
|
|
609
610
|
if (filter?.value.type === 'entity_list' && filter.value.value.length === 1 && filter.value.value[0].photo) {
|
|
610
611
|
const entity = filter.value.value[0];
|
|
611
|
-
tokenIcon = /*#__PURE__*/
|
|
612
|
+
tokenIcon = /*#__PURE__*/_jsxDEV(Avatar, {
|
|
612
613
|
src: entity.photo,
|
|
613
614
|
name: entity.label,
|
|
614
615
|
size: 16
|
|
615
|
-
});
|
|
616
|
+
}, void 0, false);
|
|
616
617
|
}
|
|
617
|
-
return /*#__PURE__*/
|
|
618
|
+
return /*#__PURE__*/_jsxDEV(Token, {
|
|
618
619
|
label: tokenLabel,
|
|
619
620
|
size: size,
|
|
620
621
|
icon: tokenIcon,
|
|
@@ -625,16 +626,16 @@ export function PowerSearch({
|
|
|
625
626
|
} : undefined,
|
|
626
627
|
onRemove: handleRemove,
|
|
627
628
|
isDisabled: isDisabled
|
|
628
|
-
});
|
|
629
|
+
}, void 0, false);
|
|
629
630
|
}, [filters, config, configProp, maxTokenLength, size, isReadOnly, isDisabled, handleTokenClick, componentOverrides]);
|
|
630
631
|
|
|
631
632
|
// Custom typeahead item renderer — adds field icon and description
|
|
632
633
|
const renderItem = useCallback(item => {
|
|
633
634
|
const auxData = item.auxiliaryData;
|
|
634
635
|
if (!auxData) {
|
|
635
|
-
return /*#__PURE__*/
|
|
636
|
+
return /*#__PURE__*/_jsxDEV(TypeaheadItem, {
|
|
636
637
|
item: item
|
|
637
|
-
});
|
|
638
|
+
}, void 0, false);
|
|
638
639
|
}
|
|
639
640
|
const field = config.getField(auxData.fieldKey);
|
|
640
641
|
let icon = null;
|
|
@@ -643,17 +644,17 @@ export function PowerSearch({
|
|
|
643
644
|
} else if (field) {
|
|
644
645
|
const operator = auxData.operatorKey ? config.getOperator(auxData.fieldKey, auxData.operatorKey) : config.getDefaultOperator(auxData.fieldKey);
|
|
645
646
|
const iconName = OPERATOR_VALUE_TYPE_TO_ICON[operator?.value.type ?? ''] ?? 'search';
|
|
646
|
-
icon = /*#__PURE__*/
|
|
647
|
+
icon = /*#__PURE__*/_jsxDEV(Icon, {
|
|
647
648
|
icon: iconName,
|
|
648
649
|
size: "sm",
|
|
649
650
|
color: "secondary"
|
|
650
|
-
});
|
|
651
|
+
}, void 0, false);
|
|
651
652
|
}
|
|
652
|
-
return /*#__PURE__*/
|
|
653
|
+
return /*#__PURE__*/_jsxDEV(TypeaheadItem, {
|
|
653
654
|
item: item,
|
|
654
655
|
icon: icon,
|
|
655
656
|
description: field?.description
|
|
656
|
-
});
|
|
657
|
+
}, void 0, false);
|
|
657
658
|
}, [config]);
|
|
658
659
|
|
|
659
660
|
// The partial filter for the popover
|
|
@@ -676,7 +677,7 @@ export function PowerSearch({
|
|
|
676
677
|
const mode = popoverState.type === 'editing' ? 'edit' : 'create';
|
|
677
678
|
const popoverKey = popoverState.type === 'editing' ? `edit-${popoverState.filterIndex}-${popoverPartialFilter.field}` : `add-${popoverPartialFilter.field}`;
|
|
678
679
|
if (EditorOverride) {
|
|
679
|
-
return /*#__PURE__*/
|
|
680
|
+
return /*#__PURE__*/_jsxDEV(EditorOverride, {
|
|
680
681
|
config: configProp,
|
|
681
682
|
filter: popoverPartialFilter,
|
|
682
683
|
mode: mode,
|
|
@@ -684,9 +685,9 @@ export function PowerSearch({
|
|
|
684
685
|
onCancel: handlePopoverCancel,
|
|
685
686
|
saveButtonLabel: popoverSaveButtonLabel,
|
|
686
687
|
isReadOnly: isReadOnly
|
|
687
|
-
}, popoverKey);
|
|
688
|
+
}, popoverKey, false);
|
|
688
689
|
}
|
|
689
|
-
return /*#__PURE__*/
|
|
690
|
+
return /*#__PURE__*/_jsxDEV(PowerSearchEditPopover, {
|
|
690
691
|
config: config,
|
|
691
692
|
filter: popoverPartialFilter,
|
|
692
693
|
mode: mode,
|
|
@@ -694,42 +695,59 @@ export function PowerSearch({
|
|
|
694
695
|
onCancel: handlePopoverCancel,
|
|
695
696
|
saveButtonLabel: popoverSaveButtonLabel,
|
|
696
697
|
isReadOnly: isReadOnly
|
|
697
|
-
}, popoverKey);
|
|
698
|
+
}, popoverKey, false);
|
|
698
699
|
}, [popoverPartialFilter, popoverState, EditorOverride, configProp, config, handlePopoverSave, handlePopoverCancel, popoverSaveButtonLabel, isReadOnly]);
|
|
699
700
|
|
|
701
|
+
// Plain-text form of the result count, shared by the visible label and the
|
|
702
|
+
// screen-reader announcement so the two never drift.
|
|
703
|
+
const resultCountText = useMemo(() => {
|
|
704
|
+
if (resultCount == null) {
|
|
705
|
+
return null;
|
|
706
|
+
}
|
|
707
|
+
if (typeof resultCount === 'number') {
|
|
708
|
+
const formatted = new Intl.NumberFormat().format(resultCount);
|
|
709
|
+
return `${formatted} ${resultCount === 1 ? 'result' : 'results'}`;
|
|
710
|
+
}
|
|
711
|
+
return resultCount;
|
|
712
|
+
}, [resultCount]);
|
|
713
|
+
|
|
714
|
+
// Announce result-count changes to screen readers through a polite live
|
|
715
|
+
// region, mirroring the way Typeahead announces its dropdown result count.
|
|
716
|
+
// The count is otherwise only shown visually and stays silent to assistive
|
|
717
|
+
// tech. Skip the first run so the count already present on mount isn't
|
|
718
|
+
// announced unprompted — only user-driven changes are spoken.
|
|
719
|
+
const announce = useAnnounce();
|
|
720
|
+
const hasMountedRef = useRef(false);
|
|
721
|
+
useEffect(() => {
|
|
722
|
+
if (!hasMountedRef.current) {
|
|
723
|
+
hasMountedRef.current = true;
|
|
724
|
+
return;
|
|
725
|
+
}
|
|
726
|
+
if (resultCountText != null) {
|
|
727
|
+
announce(resultCountText);
|
|
728
|
+
}
|
|
729
|
+
}, [resultCountText, announce]);
|
|
730
|
+
|
|
700
731
|
// Build combined endContent from resultCount + endContent props
|
|
701
732
|
const combinedEndContent = useMemo(() => {
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
className: "x141an7d x1ltkj2j xv1l7n4 xuxw1ft"
|
|
709
|
-
},
|
|
710
|
-
children: [formatted, " ", resultCount === 1 ? 'result' : 'results']
|
|
711
|
-
});
|
|
712
|
-
} else {
|
|
713
|
-
resultCountNode = /*#__PURE__*/_jsx("span", {
|
|
714
|
-
...{
|
|
715
|
-
className: "x141an7d x1ltkj2j xv1l7n4 xuxw1ft"
|
|
716
|
-
},
|
|
717
|
-
children: resultCount
|
|
718
|
-
});
|
|
719
|
-
}
|
|
720
|
-
}
|
|
733
|
+
const resultCountNode = resultCountText != null ? /*#__PURE__*/_jsxDEV("span", {
|
|
734
|
+
...{
|
|
735
|
+
className: "x141an7d x1ltkj2j xv1l7n4 xuxw1ft"
|
|
736
|
+
},
|
|
737
|
+
children: resultCountText
|
|
738
|
+
}, void 0, false) : null;
|
|
721
739
|
if (resultCountNode && endContent) {
|
|
722
|
-
return /*#__PURE__*/
|
|
740
|
+
return /*#__PURE__*/_jsxDEV(_Fragment, {
|
|
723
741
|
children: [resultCountNode, endContent]
|
|
724
|
-
});
|
|
742
|
+
}, void 0, true);
|
|
725
743
|
}
|
|
726
744
|
return resultCountNode || endContent || undefined;
|
|
727
|
-
}, [
|
|
728
|
-
return /*#__PURE__*/
|
|
729
|
-
children: [/*#__PURE__*/
|
|
745
|
+
}, [resultCountText, endContent]);
|
|
746
|
+
return /*#__PURE__*/_jsxDEV(_Fragment, {
|
|
747
|
+
children: [/*#__PURE__*/_jsxDEV("div", {
|
|
730
748
|
ref: mergeRefs(ref, popover.triggerRef),
|
|
731
749
|
...themeProps('power-search'),
|
|
732
|
-
children: /*#__PURE__*/
|
|
750
|
+
children: /*#__PURE__*/_jsxDEV(Tokenizer, {
|
|
733
751
|
handleRef: tokenizerRef,
|
|
734
752
|
label: label,
|
|
735
753
|
isLabelHidden: isLabelHidden,
|
|
@@ -756,12 +774,12 @@ export function PowerSearch({
|
|
|
756
774
|
className: className,
|
|
757
775
|
style: style,
|
|
758
776
|
"data-testid": testId
|
|
759
|
-
})
|
|
760
|
-
}), popover.render(popoverContent, {
|
|
777
|
+
}, void 0, false)
|
|
778
|
+
}, void 0, false), popover.render(popoverContent, {
|
|
761
779
|
placement: 'below',
|
|
762
780
|
alignment: 'start',
|
|
763
781
|
xstyle: [popoverLayerStyles.layer, layerAnimations.below]
|
|
764
782
|
})]
|
|
765
|
-
});
|
|
783
|
+
}, void 0, true);
|
|
766
784
|
}
|
|
767
785
|
PowerSearch.displayName = 'PowerSearch';
|