@sesamehr/react-design-system 3.10.0 → 3.10.1
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/Button/ActionItem/ActionItem.js +36 -0
- package/dist/Button/ActionItem/ActionItem.module.css.js +8 -0
- package/dist/Button/Button.js +25 -0
- package/dist/Button/Button.module.css.js +20 -0
- package/dist/Button/ButtonGroup/ButtonGroup.js +21 -0
- package/dist/Button/ButtonGroup/ButtonGroup.module.css.js +6 -0
- package/dist/Button/Fab/Fab.js +34 -0
- package/dist/Button/Fab/Fab.module.css.js +8 -0
- package/dist/Button/Fab/index.js +15 -0
- package/dist/Button/IconButton/IconButton.js +28 -0
- package/dist/Button/IconButton/IconButton.module.css.js +11 -0
- package/dist/Button/IconButton/index.js +18 -0
- package/dist/Button/SplitButton/SplitButton.js +74 -0
- package/dist/Button/SplitButton/SplitButton.module.css.js +8 -0
- package/dist/Button/index.js +48 -0
- package/dist/Data/KpiCard/KpiCard.js +166 -0
- package/dist/Data/KpiCard/KpiCard.module.css.js +26 -0
- package/dist/Data/KpiCard/index.js +15 -0
- package/dist/Data/Table/Table.js +459 -0
- package/dist/Data/Table/Table.module.css.js +53 -0
- package/dist/Data/Table/TableBody/TableBody.js +75 -0
- package/dist/Data/Table/TableBody/TableBody.module.css.js +9 -0
- package/dist/Data/Table/TableBulkHeader/TableBulkHeader.js +39 -0
- package/dist/Data/Table/TableBulkHeader/TableBulkHeader.module.css.js +11 -0
- package/dist/Data/Table/TableCell/TableCell.js +47 -0
- package/dist/Data/Table/TableCell/TableCell.module.css.js +15 -0
- package/dist/Data/Table/TableColumnVisibility/TableColumnVisibility.js +44 -0
- package/dist/Data/Table/TableColumnVisibility/TableColumnVisibility.module.css.js +15 -0
- package/dist/Data/Table/TableDragCell/TableDragCell.js +48 -0
- package/dist/Data/Table/TableDragCell/TableDragCell.module.css.js +15 -0
- package/dist/Data/Table/TableEmpty/TableEmpty.js +24 -0
- package/dist/Data/Table/TableEmpty/TableEmpty.module.css.js +9 -0
- package/dist/Data/Table/TableExpandCell/TableExpandCell.js +45 -0
- package/dist/Data/Table/TableExpandCell/TableExpandCell.module.css.js +15 -0
- package/dist/Data/Table/TableHead/TableHead.js +79 -0
- package/dist/Data/Table/TableHead/TableHead.module.css.js +13 -0
- package/dist/Data/Table/TableHeaderCell/TableHeaderCell.js +145 -0
- package/dist/Data/Table/TableHeaderCell/TableHeaderCell.module.css.js +39 -0
- package/dist/Data/Table/TablePagination/TablePagination.js +135 -0
- package/dist/Data/Table/TablePagination/TablePagination.module.css.js +27 -0
- package/dist/Data/Table/TableRow/TableRow.js +89 -0
- package/dist/Data/Table/TableRow/TableRow.module.css.js +11 -0
- package/dist/Data/Table/TableRow/rowDrag.js +5 -0
- package/dist/Data/Table/TableRowExpanded/TableRowExpanded.js +18 -0
- package/dist/Data/Table/TableRowExpanded/TableRowExpanded.module.css.js +11 -0
- package/dist/Data/Table/TableScrollbar/TableScrollbar.js +50 -0
- package/dist/Data/Table/TableSelectCell/TableSelectCell.js +46 -0
- package/dist/Data/Table/TableSelectCell/TableSelectCell.module.css.js +13 -0
- package/dist/Data/Table/TableVirtualized/TableVirtualized.js +19 -0
- package/dist/Data/Table/hooks/useDragToScroll/useDragToScroll.js +64 -0
- package/dist/Data/Table/hooks/useFixedColumns.js +76 -0
- package/dist/Data/Table/hooks/useScrollShadow/useScrollShadow.js +34 -0
- package/dist/Data/Table/hooks/useTable/useTable.js +74 -0
- package/dist/Data/Table/hooks/useTableColumns/useTableColumns.js +69 -0
- package/dist/Data/Table/hooks/useTableDetailRow/useTableDetailRow.js +92 -0
- package/dist/Data/Table/hooks/useTablePagination/useTablePagination.js +66 -0
- package/dist/Data/Table/hooks/useTablePinning/useTablePinning.js +161 -0
- package/dist/Data/Table/hooks/useTableSelection/useTableSelection.js +75 -0
- package/dist/Data/Table/hooks/useTableSorting/useTableSorting.js +37 -0
- package/dist/Data/Table/hooks/useTableVirtual/context.js +9 -0
- package/dist/Data/Table/hooks/useTableVirtual/useTableVirtual.js +53 -0
- package/dist/Display/AiTag/AiTag.js +32 -0
- package/dist/Display/AiTag/AiTag.module.css.js +12 -0
- package/dist/Display/AiTag/index.js +25 -0
- package/dist/Display/Avatar/AvatarRounded/AvatarRounded.js +75 -0
- package/dist/Display/Avatar/AvatarRounded/AvatarRounded.module.css.js +20 -0
- package/dist/Display/Avatar/AvatarSkeleton/AvatarSkeleton.js +29 -0
- package/dist/Display/Avatar/AvatarSkeleton/AvatarSkeleton.module.css.js +7 -0
- package/dist/Display/Avatar/AvatarSquare/AvatarSquare.js +72 -0
- package/dist/Display/Avatar/AvatarSquare/AvatarSquare.module.css.js +20 -0
- package/dist/Display/Avatar/hooks/useAvatarBullet.js +13 -0
- package/dist/Display/Avatar/index.js +65 -0
- package/dist/Display/AvatarDetails/AvatarDetails.js +49 -0
- package/dist/Display/AvatarDetails/AvatarDetails.module.css.js +13 -0
- package/dist/Display/AvatarGroup/AvatarGroup.js +101 -0
- package/dist/Display/AvatarGroup/AvatarGroup.module.css.js +18 -0
- package/dist/Display/Badge/Badge.js +25 -0
- package/dist/Display/Badge/Badge.module.css.js +12 -0
- package/dist/Display/Badge/index.js +22 -0
- package/dist/Display/BrandLogo/BrandLogo.js +45 -0
- package/dist/Display/BrandLogo/BrandLogo.module.css.js +10 -0
- package/dist/Display/BrandLogo/brandLogoArt.js +48 -0
- package/dist/Display/BrandLogo/index.js +25 -0
- package/dist/Display/CalendarDate/CalendarDate.js +54 -0
- package/dist/Display/CalendarDate/CalendarDate.module.css.js +13 -0
- package/dist/Display/CalendarDate/index.js +15 -0
- package/dist/Display/ChatBubble/ChatBubble.js +50 -0
- package/dist/Display/ChatBubble/ChatBubble.module.css.js +11 -0
- package/dist/Display/ChatBubble/ChatBubbleStatus/ChatBubbleStatus.js +46 -0
- package/dist/Display/ChatBubble/ChatBubbleStatus/ChatBubbleStatus.module.css.js +10 -0
- package/dist/Display/ChatBubble/ChatBubbleStatus/index.js +17 -0
- package/dist/Display/ChatBubble/index.js +15 -0
- package/dist/Display/Chip/Chip.js +36 -0
- package/dist/Display/Chip/Chip.module.css.js +10 -0
- package/dist/Display/Chip/index.js +17 -0
- package/dist/Display/CommentItem/CommentItem.js +153 -0
- package/dist/Display/CommentItem/CommentItem.module.css.js +20 -0
- package/dist/Display/FileCard/FileCard.js +71 -0
- package/dist/Display/FileCard/FileCard.module.css.js +20 -0
- package/dist/Display/FileCard/index.js +30 -0
- package/dist/Display/FilePreviewCard/FilePreviewCard.js +51 -0
- package/dist/Display/FilePreviewCard/FilePreviewCard.module.css.js +15 -0
- package/dist/Display/ImageAttachment/ImageAttachment.js +57 -0
- package/dist/Display/ImageAttachment/ImageAttachment.module.css.js +9 -0
- package/dist/Display/LinkPreview/LinkPreview.js +91 -0
- package/dist/Display/LinkPreview/LinkPreview.module.css.js +12 -0
- package/dist/Display/LocationAttachment/LocationAttachment.js +73 -0
- package/dist/Display/LocationAttachment/LocationAttachment.module.css.js +11 -0
- package/dist/Display/Mention/Mention.js +27 -0
- package/dist/Display/Mention/Mention.module.css.js +8 -0
- package/dist/Display/Mention/index.js +15 -0
- package/dist/Display/NumberFlow/NumberFlow.js +31 -0
- package/dist/Display/NumberFlow/NumberFlow.module.css.js +7 -0
- package/dist/Display/NumberFlow/index.js +23 -0
- package/dist/Display/PaymentCard/PaymentCard.js +107 -0
- package/dist/Display/PaymentCard/PaymentCard.module.css.js +31 -0
- package/dist/Display/PaymentCard/index.js +20 -0
- package/dist/Display/PixelArt/PixelArt.js +53 -0
- package/dist/Display/PixelArt/PixelArt.module.css.js +11 -0
- package/dist/Display/PixelArt/index.js +30 -0
- package/dist/Display/PlayerPill/PlayerPill.js +31 -0
- package/dist/Display/PlayerPill/PlayerPill.module.css.js +9 -0
- package/dist/Display/PlayerPill/PlayerPillAction.js +62 -0
- package/dist/Display/PlayerPill/PlayerPillAction.module.css.js +8 -0
- package/dist/Display/PlayerPill/PlayerPillStatus.js +43 -0
- package/dist/Display/PlayerPill/PlayerPillStatus.module.css.js +9 -0
- package/dist/Display/PlayerPill/PlayerPillTime.js +32 -0
- package/dist/Display/PlayerPill/PlayerPillTime.module.css.js +6 -0
- package/dist/Display/PlayerPill/index.js +16 -0
- package/dist/Display/PlayerPill/playerPillContext.js +13 -0
- package/dist/Display/PlayerPill/useElapsedSeconds.js +36 -0
- package/dist/Display/PointMarker/PointMarker.js +30 -0
- package/dist/Display/PointMarker/PointMarker.module.css.js +27 -0
- package/dist/Display/PointMarker/index.js +32 -0
- package/dist/Display/ReactionBar/ReactionBar.js +115 -0
- package/dist/Display/ReactionBar/ReactionBar.module.css.js +9 -0
- package/dist/Display/ReactionBar/overflow.js +17 -0
- package/dist/Display/ReactionButton/ReactionButton.js +73 -0
- package/dist/Display/ReactionButton/ReactionButton.module.css.js +11 -0
- package/dist/Display/ReactionButton/index.js +17 -0
- package/dist/Display/ReactionPicker/ReactionPicker.js +119 -0
- package/dist/Display/ReactionPicker/ReactionPicker.module.css.js +10 -0
- package/dist/Display/ReactionPicker/index.js +11 -0
- package/dist/Display/RichText/RichText.js +49 -0
- package/dist/Display/RichText/RichText.module.css.js +7 -0
- package/dist/Display/RichText/index.js +19 -0
- package/dist/Display/RichText/sanitizeHtml.js +14 -0
- package/dist/Display/Tag/Tag.js +32 -0
- package/dist/Display/Tag/Tag.module.css.js +26 -0
- package/dist/Display/Tag/index.js +39 -0
- package/dist/Display/VideoAttachment/VideoAttachment.js +69 -0
- package/dist/Display/VideoAttachment/VideoAttachment.module.css.js +9 -0
- package/dist/Display/VoiceMessage/VoiceMessage.js +115 -0
- package/dist/Display/VoiceMessage/VoiceMessage.module.css.js +13 -0
- package/dist/Display/VoiceMessage/toWaveformPeaks.js +60 -0
- package/dist/Display/VoiceMessage/useVoiceWaveform.js +78 -0
- package/dist/Feedback/Alert/Alert.js +60 -0
- package/dist/Feedback/Alert/Alert.module.css.js +12 -0
- package/dist/Feedback/Alert/AlertClose.js +30 -0
- package/dist/Feedback/Alert/AlertClose.module.css.js +7 -0
- package/dist/Feedback/Alert/AlertDescription.js +31 -0
- package/dist/Feedback/Alert/AlertDescription.module.css.js +7 -0
- package/dist/Feedback/Alert/AlertIcon.js +37 -0
- package/dist/Feedback/Alert/AlertIcon.module.css.js +7 -0
- package/dist/Feedback/Alert/AlertLink.js +20 -0
- package/dist/Feedback/Alert/AlertLink.module.css.js +7 -0
- package/dist/Feedback/Alert/AlertTitle.js +20 -0
- package/dist/Feedback/Alert/AlertTitle.module.css.js +7 -0
- package/dist/Feedback/Alert/AlertToggle.js +29 -0
- package/dist/Feedback/Alert/AlertToggle.module.css.js +7 -0
- package/dist/Feedback/Alert/alert-context.js +16 -0
- package/dist/Feedback/Bullet/Bullet.js +25 -0
- package/dist/Feedback/Bullet/Bullet.module.css.js +15 -0
- package/dist/Feedback/Bullet/index.js +25 -0
- package/dist/Feedback/Dialog/Dialog.js +23 -0
- package/dist/Feedback/Dialog/DialogBody.js +17 -0
- package/dist/Feedback/Dialog/DialogContent.js +44 -0
- package/dist/Feedback/Dialog/DialogContent.module.css.js +13 -0
- package/dist/Feedback/Dialog/DialogDescription.js +18 -0
- package/dist/Feedback/Dialog/DialogDescription.module.css.js +7 -0
- package/dist/Feedback/Dialog/DialogFullScreenContent.js +106 -0
- package/dist/Feedback/Dialog/DialogFullScreenContent.module.css.js +29 -0
- package/dist/Feedback/Dialog/DialogOverlay.js +18 -0
- package/dist/Feedback/Dialog/DialogScrollbar.js +66 -0
- package/dist/Feedback/Dialog/DialogScrollbar.module.css.js +7 -0
- package/dist/Feedback/Dialog/DialogTitle.js +18 -0
- package/dist/Feedback/Dialog/DialogTitle.module.css.js +7 -0
- package/dist/Feedback/Dialog/DialogTwoPanelContent.js +50 -0
- package/dist/Feedback/Dialog/DialogTwoPanelContent.module.css.js +17 -0
- package/dist/Feedback/Drawer/Drawer.js +45 -0
- package/dist/Feedback/Drawer/DrawerBody.js +17 -0
- package/dist/Feedback/Drawer/DrawerContent.js +69 -0
- package/dist/Feedback/Drawer/DrawerContent.module.css.js +15 -0
- package/dist/Feedback/Drawer/DrawerDescription.js +18 -0
- package/dist/Feedback/Drawer/DrawerDescription.module.css.js +7 -0
- package/dist/Feedback/Drawer/DrawerExpand.js +41 -0
- package/dist/Feedback/Drawer/DrawerExpand.module.css.js +11 -0
- package/dist/Feedback/Drawer/DrawerTitle.js +18 -0
- package/dist/Feedback/Drawer/DrawerTitle.module.css.js +7 -0
- package/dist/Feedback/Drawer/useDrawer.js +11 -0
- package/dist/Feedback/EmptyState/EmptyState.js +68 -0
- package/dist/Feedback/EmptyState/EmptyState.module.css.js +23 -0
- package/dist/Feedback/EmptyState/EmptyStateOption/EmptyStateOption.js +56 -0
- package/dist/Feedback/EmptyState/EmptyStateOption/EmptyStateOption.module.css.js +15 -0
- package/dist/Feedback/EmptyState/index.js +15 -0
- package/dist/Feedback/Loader/Loader.js +87 -0
- package/dist/Feedback/Loader/Loader.module.css.js +13 -0
- package/dist/Feedback/Popover/Popover.js +26 -0
- package/dist/Feedback/Popover/PopoverContent.js +46 -0
- package/dist/Feedback/Popover/PopoverContent.module.css.js +9 -0
- package/dist/Feedback/Progress/Progress.js +34 -0
- package/dist/Feedback/Progress/Progress.module.css.js +11 -0
- package/dist/Feedback/Progress/index.js +17 -0
- package/dist/Feedback/Skeleton/Skeleton.js +21 -0
- package/dist/Feedback/Skeleton/Skeleton.module.css.js +6 -0
- package/dist/Feedback/StatusBadge/StatusBadge.js +35 -0
- package/dist/Feedback/StatusBadge/StatusBadge.module.css.js +12 -0
- package/dist/Feedback/StatusBadge/index.js +18 -0
- package/dist/Feedback/Toast/Toast.js +23 -0
- package/dist/Feedback/Toast/Toast.module.css.js +13 -0
- package/dist/Feedback/Toast/ToastAction.js +23 -0
- package/dist/Feedback/Toast/ToastAction.module.css.js +6 -0
- package/dist/Feedback/Toast/ToastActions.js +20 -0
- package/dist/Feedback/Toast/ToastActions.module.css.js +7 -0
- package/dist/Feedback/Toast/ToastClose.js +34 -0
- package/dist/Feedback/Toast/ToastClose.module.css.js +7 -0
- package/dist/Feedback/Toast/ToastDescription.js +20 -0
- package/dist/Feedback/Toast/ToastDescription.module.css.js +6 -0
- package/dist/Feedback/Toast/ToastIcon.js +37 -0
- package/dist/Feedback/Toast/ToastIcon.module.css.js +6 -0
- package/dist/Feedback/Toast/ToastTitle.js +20 -0
- package/dist/Feedback/Toast/ToastTitle.module.css.js +6 -0
- package/dist/Feedback/Toast/Toaster.js +89 -0
- package/dist/Feedback/Toast/Toaster.module.css.js +12 -0
- package/dist/Feedback/Toast/index.js +45 -0
- package/dist/Feedback/Toast/toast-context.js +6 -0
- package/dist/Feedback/Toast/useToast.js +61 -0
- package/dist/Feedback/Tooltip/Tooltip.js +35 -0
- package/dist/Feedback/Tooltip/TooltipContent.js +45 -0
- package/dist/Feedback/Tooltip/TooltipContent.module.css.js +9 -0
- package/dist/Forms/Field/Counter/Counter.js +33 -0
- package/dist/Forms/Field/Counter/Counter.module.css.js +8 -0
- package/dist/Forms/Field/Counter/index.js +15 -0
- package/dist/Forms/Field/FieldGroup/FieldGroup.js +29 -0
- package/dist/Forms/Field/FieldGroup/FieldGroup.module.css.js +13 -0
- package/dist/Forms/Field/FieldLabel/FieldLabel.js +25 -0
- package/dist/Forms/Field/FieldLabel/FieldLabel.module.css.js +7 -0
- package/dist/Forms/Field/FieldMessage/FieldMessage.js +31 -0
- package/dist/Forms/Field/FieldMessage/FieldMessage.module.css.js +13 -0
- package/dist/Forms/Field/useFieldGroup.js +111 -0
- package/dist/Forms/Inputs/AiSearch/AiSearch.js +109 -0
- package/dist/Forms/Inputs/AiSearch/AiSearch.module.css.js +19 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchAsk.js +45 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchAsk.module.css.js +19 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchPanel.js +50 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchPanel.module.css.js +13 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchSend.js +42 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchSend.module.css.js +9 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchShortcut.js +21 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchShortcut.module.css.js +7 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchSuggestion.js +24 -0
- package/dist/Forms/Inputs/AiSearch/AiSearchSuggestion.module.css.js +7 -0
- package/dist/Forms/Inputs/AiSearch/useAiSearch.js +13 -0
- package/dist/Forms/Inputs/Calendar/Calendar.js +230 -0
- package/dist/Forms/Inputs/Calendar/Calendar.module.css.js +21 -0
- package/dist/Forms/Inputs/Calendar/CalendarDay.js +33 -0
- package/dist/Forms/Inputs/Calendar/CalendarDay.module.css.js +10 -0
- package/dist/Forms/Inputs/Calendar/CalendarRange.js +248 -0
- package/dist/Forms/Inputs/Calendar/CalendarRange.module.css.js +21 -0
- package/dist/Forms/Inputs/Calendar/date.js +7 -0
- package/dist/Forms/Inputs/Calendar/index.js +13 -0
- package/dist/Forms/Inputs/Calendar/testids.js +5 -0
- package/dist/Forms/Inputs/Calendar/useCalendarLocale.js +22 -0
- package/dist/Forms/Inputs/ChatInput/ChatInput.js +142 -0
- package/dist/Forms/Inputs/ChatInput/ChatInput.module.css.js +14 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPicker.js +71 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPicker.module.css.js +7 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerContent.js +48 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerContent.module.css.js +7 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerSwatch.js +30 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerSwatch.module.css.js +11 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerTrigger.js +53 -0
- package/dist/Forms/Inputs/ColorPicker/ColorPickerTrigger.module.css.js +15 -0
- package/dist/Forms/Inputs/ColorPicker/useColorPicker.js +11 -0
- package/dist/Forms/Inputs/Combobox/Combobox.js +103 -0
- package/dist/Forms/Inputs/Combobox/Combobox.module.css.js +7 -0
- package/dist/Forms/Inputs/Combobox/ComboboxCancel.js +45 -0
- package/dist/Forms/Inputs/Combobox/ComboboxCancel.module.css.js +9 -0
- package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.js +176 -0
- package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.module.css.js +29 -0
- package/dist/Forms/Inputs/Combobox/ComboboxContent.js +78 -0
- package/dist/Forms/Inputs/Combobox/ComboboxEmpty.js +13 -0
- package/dist/Forms/Inputs/Combobox/ComboboxGroup.js +20 -0
- package/dist/Forms/Inputs/Combobox/ComboboxInput.js +101 -0
- package/dist/Forms/Inputs/Combobox/ComboboxInput.module.css.js +13 -0
- package/dist/Forms/Inputs/Combobox/ComboboxItem.js +44 -0
- package/dist/Forms/Inputs/Combobox/ComboboxItemEdit.js +98 -0
- package/dist/Forms/Inputs/Combobox/ComboboxItemEdit.module.css.js +7 -0
- package/dist/Forms/Inputs/Combobox/ComboboxSeparator.js +9 -0
- package/dist/Forms/Inputs/Combobox/context.js +12 -0
- package/dist/Forms/Inputs/Combobox/useChipOverflow.js +45 -0
- package/dist/Forms/Inputs/Combobox/useComboboxEditing.js +19 -0
- package/dist/Forms/Inputs/Combobox/useComboboxLabels.js +13 -0
- package/dist/Forms/Inputs/Combobox/useComboboxSearch.js +20 -0
- package/dist/Forms/Inputs/DatePicker/DatePicker.js +89 -0
- package/dist/Forms/Inputs/DatePicker/DatePicker.module.css.js +7 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerHeader.js +67 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerHeader.module.css.js +13 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerMonthSelect.js +49 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerMonthSelect.module.css.js +9 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerTrigger.js +26 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerTrigger.module.css.js +13 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerYearSelect.js +41 -0
- package/dist/Forms/Inputs/DatePicker/DatePickerYearSelect.module.css.js +9 -0
- package/dist/Forms/Inputs/DatePicker/DateRangePicker.js +104 -0
- package/dist/Forms/Inputs/DatePicker/DateRangePicker.module.css.js +11 -0
- package/dist/Forms/Inputs/DatePicker/format.js +20 -0
- package/dist/Forms/Inputs/DatePicker/month.js +11 -0
- package/dist/Forms/Inputs/DatePicker/useDatePickerHeader.js +11 -0
- package/dist/Forms/Inputs/IconPicker/IconPicker.js +80 -0
- package/dist/Forms/Inputs/IconPicker/IconPicker.module.css.js +7 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerContent.js +84 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerContent.module.css.js +15 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerItem.js +31 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerItem.module.css.js +11 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerTrigger.js +53 -0
- package/dist/Forms/Inputs/IconPicker/IconPickerTrigger.module.css.js +15 -0
- package/dist/Forms/Inputs/IconPicker/useIconPicker.js +24 -0
- package/dist/Forms/Inputs/Input.module.css.js +7 -0
- package/dist/Forms/Inputs/InputGroup/InputGroup.js +20 -0
- package/dist/Forms/Inputs/InputGroup/InputGroup.module.css.js +7 -0
- package/dist/Forms/Inputs/InputNumber/InputNumber.js +90 -0
- package/dist/Forms/Inputs/InputNumber/InputNumber.module.css.js +7 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberContent.js +18 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberContent.module.css.js +7 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberContext.js +16 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberDecrement.js +34 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberDecrement.module.css.js +9 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberIncrement.js +34 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberIncrement.module.css.js +9 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberInput.js +48 -0
- package/dist/Forms/Inputs/InputNumber/InputNumberInput.module.css.js +7 -0
- package/dist/Forms/Inputs/InputOtp/InputOtp.js +114 -0
- package/dist/Forms/Inputs/InputOtp/InputOtp.module.css.js +7 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpGroup/InputOtpGroup.js +25 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpGroup/InputOtpGroup.module.css.js +7 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpSeparator/InputOtpSeparator.js +24 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpSeparator/InputOtpSeparator.module.css.js +7 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpSlot/InputOtpSlot.js +62 -0
- package/dist/Forms/Inputs/InputOtp/InputOtpSlot/InputOtpSlot.module.css.js +7 -0
- package/dist/Forms/Inputs/InputOtp/hooks/useInputOtp.js +16 -0
- package/dist/Forms/Inputs/InputPassword/InputPassword.js +53 -0
- package/dist/Forms/Inputs/InputPassword/InputPassword.module.css.js +7 -0
- package/dist/Forms/Inputs/InputPassword/InputPasswordInput.js +34 -0
- package/dist/Forms/Inputs/InputPassword/InputPasswordInput.module.css.js +7 -0
- package/dist/Forms/Inputs/InputPassword/InputPasswordToggle.js +34 -0
- package/dist/Forms/Inputs/InputPassword/InputPasswordToggle.module.css.js +9 -0
- package/dist/Forms/Inputs/InputPassword/useInputPassword.js +16 -0
- package/dist/Forms/Inputs/InputText/InputText.js +49 -0
- package/dist/Forms/Inputs/InputText/InputText.module.css.js +7 -0
- package/dist/Forms/Inputs/MonthPicker/MonthPicker.js +122 -0
- package/dist/Forms/Inputs/MonthPicker/MonthPicker.module.css.js +13 -0
- package/dist/Forms/Inputs/MonthPicker/MonthPickerPanel.js +183 -0
- package/dist/Forms/Inputs/MonthPicker/MonthPickerPanel.module.css.js +19 -0
- package/dist/Forms/Inputs/MonthPicker/monthGrid.js +53 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextEditor.js +60 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextEditor.module.css.js +10 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextToolbar/RichTextToolbar.js +20 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextToolbar/RichTextToolbar.module.css.js +6 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextToolbarButton/RichTextToolbarButton.js +38 -0
- package/dist/Forms/Inputs/RichTextEditor/RichTextToolbarButton/RichTextToolbarButton.module.css.js +6 -0
- package/dist/Forms/Inputs/RichTextEditor/commands.js +85 -0
- package/dist/Forms/Inputs/RichTextEditor/devChecks.js +4 -0
- package/dist/Forms/Inputs/RichTextEditor/extensions.js +34 -0
- package/dist/Forms/Inputs/RichTextEditor/useRichTextAdapter.js +67 -0
- package/dist/Forms/Inputs/RichTextEditor/useRichTextToolbar.js +10 -0
- package/dist/Forms/Inputs/SearchBar/SearchBar.js +105 -0
- package/dist/Forms/Inputs/SearchBar/SearchBar.module.css.js +14 -0
- package/dist/Forms/Inputs/SearchBar/index.js +20 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanel.js +34 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanel.module.css.js +7 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelEmpty.js +17 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelGroup.js +21 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelInput.js +9 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelInput.module.css.js +7 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelItem.js +27 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelItem.module.css.js +7 -0
- package/dist/Forms/Inputs/SearchPanel/SearchPanelList.js +34 -0
- package/dist/Forms/Inputs/SearchPanel/context.js +15 -0
- package/dist/Forms/Inputs/Select/Select.js +53 -0
- package/dist/Forms/Inputs/Select/Select.module.css.js +7 -0
- package/dist/Forms/Inputs/Select/SelectContent.js +34 -0
- package/dist/Forms/Inputs/Select/SelectGroup.js +22 -0
- package/dist/Forms/Inputs/Select/SelectItem.js +36 -0
- package/dist/Forms/Inputs/Select/SelectSeparator.js +18 -0
- package/dist/Forms/Inputs/Select/SelectTrigger.js +54 -0
- package/dist/Forms/Inputs/Select/SelectTrigger.module.css.js +13 -0
- package/dist/Forms/Inputs/Select/context.js +12 -0
- package/dist/Forms/Inputs/Textarea/Textarea.js +92 -0
- package/dist/Forms/Inputs/Textarea/Textarea.module.css.js +9 -0
- package/dist/Forms/Inputs/TimePicker/TimePicker.js +71 -0
- package/dist/Forms/Inputs/TimePicker/TimePicker.module.css.js +7 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerField.js +82 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerField.module.css.js +17 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerList.js +64 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerList.module.css.js +7 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerWheel.js +39 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerWheel.module.css.js +11 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerWheelColumn.js +77 -0
- package/dist/Forms/Inputs/TimePicker/TimePickerWheelColumn.module.css.js +11 -0
- package/dist/Forms/Inputs/TimePicker/time.js +42 -0
- package/dist/Forms/Inputs/TimePicker/useTimeField.js +180 -0
- package/dist/Forms/Inputs/TimePicker/useTimeList.js +94 -0
- package/dist/Forms/Inputs/TimePicker/useTimePicker.js +16 -0
- package/dist/Forms/Inputs/TimePicker/useWheelColumn.js +126 -0
- package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.js +46 -0
- package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.module.css.js +19 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.js +19 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.module.css.js +11 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.js +28 -0
- package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.module.css.js +11 -0
- package/dist/Forms/Inputs/Toggle/Switch/Switch.js +67 -0
- package/dist/Forms/Inputs/Toggle/Switch/Switch.module.css.js +23 -0
- package/dist/Forms/Inputs/Toggle/Switch/constants.js +4 -0
- package/dist/Forms/Inputs/Toggle/ToggleDescription/ToggleDescription.js +26 -0
- package/dist/Forms/Inputs/Toggle/ToggleDescription/ToggleDescription.module.css.js +13 -0
- package/dist/Forms/Inputs/Toggle/ToggleGroup/ToggleGroup.js +28 -0
- package/dist/Forms/Inputs/Toggle/ToggleGroup/ToggleGroup.module.css.js +17 -0
- package/dist/Forms/Inputs/Toggle/ToggleLabel/ToggleLabel.js +24 -0
- package/dist/Forms/Inputs/Toggle/ToggleLabel/ToggleLabel.module.css.js +7 -0
- package/dist/Forms/Inputs/inputSize.js +10 -0
- package/dist/Layout/Card/Card.js +35 -0
- package/dist/Layout/Card/Card.module.css.js +10 -0
- package/dist/Layout/Card/index.js +16 -0
- package/dist/Layout/CardStack/CardStack.js +82 -0
- package/dist/Layout/CardStack/CardStack.module.css.js +25 -0
- package/dist/Layout/CardStack/index.js +17 -0
- package/dist/Layout/Divider/Divider.js +31 -0
- package/dist/Layout/Divider/Divider.module.css.js +7 -0
- package/dist/Layout/Resizable/Resizable.js +30 -0
- package/dist/Layout/Resizable/Resizable.module.css.js +7 -0
- package/dist/Layout/Resizable/ResizableHandle.js +33 -0
- package/dist/Layout/Resizable/ResizableHandle.module.css.js +11 -0
- package/dist/Layout/Resizable/ResizablePanel.js +20 -0
- package/dist/Layout/Resizable/ResizablePanel.module.css.js +7 -0
- package/dist/Layout/Scrollbar/Scrollbar.js +46 -0
- package/dist/Layout/Scrollbar/Scrollbar.module.css.js +10 -0
- package/dist/Layout/Scrollbar/useScrollbar.js +62 -0
- package/dist/Locale/LocaleProvider/LocaleProvider.js +16 -0
- package/dist/Locale/messages.js +37 -0
- package/dist/Locale/useLocale.js +14 -0
- package/dist/Locale/useTranslate.js +19 -0
- package/dist/Navigation/Accordion/Accordion.js +18 -0
- package/dist/Navigation/Accordion/Accordion.module.css.js +7 -0
- package/dist/Navigation/Accordion/AccordionContent.js +19 -0
- package/dist/Navigation/Accordion/AccordionContent.module.css.js +9 -0
- package/dist/Navigation/Accordion/AccordionItem.js +18 -0
- package/dist/Navigation/Accordion/AccordionItem.module.css.js +7 -0
- package/dist/Navigation/Accordion/AccordionTrigger.js +24 -0
- package/dist/Navigation/Accordion/AccordionTrigger.module.css.js +11 -0
- package/dist/Navigation/Breadcrumb/Breadcrumb.js +24 -0
- package/dist/Navigation/Breadcrumb/Breadcrumb.module.css.js +7 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.js +48 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.module.css.js +11 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbItem.js +19 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbItem.module.css.js +7 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbLink.js +23 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbLink.module.css.js +9 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbList.js +19 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbList.module.css.js +7 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbPage.js +22 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbPage.module.css.js +7 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.js +37 -0
- package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.module.css.js +9 -0
- package/dist/Navigation/DropdownMenu/DropdownMenu.js +22 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuCheckboxItem.js +49 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuCheckboxItem.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuContent.js +35 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuContent.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuGroup.js +16 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuItem.js +30 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuLabel.js +23 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuLabel.module.css.js +9 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuRadioGroup.js +23 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuRadioItem.js +31 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuRadioItem.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSeparator.js +18 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuShortcut.js +19 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuShortcut.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSub.js +20 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSubContent.js +33 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSubContent.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSubTrigger.js +35 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuSubTrigger.module.css.js +7 -0
- package/dist/Navigation/DropdownMenu/DropdownMenuTrigger.js +19 -0
- package/dist/Navigation/PageControl/PageControl.js +55 -0
- package/dist/Navigation/PageControl/PageControl.module.css.js +11 -0
- package/dist/Navigation/PageControl/index.js +21 -0
- package/dist/Navigation/Stepper/Stepper.js +79 -0
- package/dist/Navigation/Stepper/Stepper.module.css.js +17 -0
- package/dist/Navigation/Stepper/StepperItem.js +75 -0
- package/dist/Navigation/Stepper/StepperItem.module.css.js +25 -0
- package/dist/Navigation/Stepper/StepperSubsteps.js +39 -0
- package/dist/Navigation/Stepper/StepperSubsteps.module.css.js +9 -0
- package/dist/Navigation/Stepper/useStepper.js +13 -0
- package/dist/Navigation/Stepper/useStepperPill.js +46 -0
- package/dist/Navigation/Tabs/Tabs.js +39 -0
- package/dist/Navigation/Tabs/Tabs.module.css.js +7 -0
- package/dist/Navigation/Tabs/TabsContent.js +19 -0
- package/dist/Navigation/Tabs/TabsContent.module.css.js +7 -0
- package/dist/Navigation/Tabs/TabsList.js +20 -0
- package/dist/Navigation/Tabs/TabsList.module.css.js +7 -0
- package/dist/Navigation/Tabs/TabsTrigger.js +19 -0
- package/dist/Navigation/Tabs/TabsTrigger.module.css.js +7 -0
- package/dist/Navigation/ToggleTabs/ToggleTabs.js +20 -0
- package/dist/Navigation/ToggleTabs/ToggleTabs.module.css.js +7 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsContent.js +18 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsContent.module.css.js +7 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsList.js +42 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsList.module.css.js +9 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsTrigger.js +18 -0
- package/dist/Navigation/ToggleTabs/ToggleTabsTrigger.module.css.js +7 -0
- package/dist/Navigation/ToggleTabs/useToggleTabsPill.js +46 -0
- package/dist/Transitions/TransitionBase.js +41 -0
- package/dist/Transitions/TransitionBounce/TransitionBounce.js +28 -0
- package/dist/Transitions/TransitionExpand/TransitionExpand.js +33 -0
- package/dist/Transitions/TransitionFade/TransitionFade.js +28 -0
- package/dist/Transitions/TransitionFlip/TransitionFlip.js +33 -0
- package/dist/Transitions/TransitionReveal/TransitionReveal.js +35 -0
- package/dist/Transitions/TransitionSlideX/TransitionSlideX.js +34 -0
- package/dist/Transitions/TransitionSlideY/TransitionSlideY.js +34 -0
- package/dist/assets/images/sesame-logo-white.svg.js +4 -0
- package/dist/hooks/useAutoGrow/useAutoGrow.js +34 -0
- package/dist/hooks/useSearchDebounce/useSearchDebounce.js +30 -0
- package/dist/internal/AttachmentMedia/AttachmentMedia.js +63 -0
- package/dist/internal/AttachmentMedia/AttachmentMedia.module.css.js +9 -0
- package/dist/internal/AttachmentMedia/index.js +18 -0
- package/dist/internal/Listbox/ListboxEmpty.js +11 -0
- package/dist/internal/Listbox/ListboxEmpty.module.css.js +7 -0
- package/dist/internal/Listbox/ListboxItem.js +26 -0
- package/dist/internal/Listbox/ListboxItem.module.css.js +11 -0
- package/dist/internal/Listbox/ListboxLabel.js +11 -0
- package/dist/internal/Listbox/ListboxLabel.module.css.js +7 -0
- package/dist/internal/Listbox/ListboxSeparator.js +16 -0
- package/dist/internal/Listbox/ListboxSeparator.module.css.js +7 -0
- package/dist/internal/Listbox/ListboxViewport.js +19 -0
- package/dist/internal/Listbox/ListboxViewport.module.css.js +7 -0
- package/dist/internal/Menu/MenuItem.js +27 -0
- package/dist/internal/Menu/MenuItem.module.css.js +13 -0
- package/dist/internal/Surface/Surface.js +24 -0
- package/dist/internal/Surface/Surface.module.css.js +11 -0
- package/dist/lib/cssModules.js +4 -0
- package/dist/lib/utils.js +8 -0
- package/dist/main.js +616 -0
- package/dist/react-design-system.css +1 -1
- package/dist/translations/ca.json.js +66 -0
- package/dist/translations/de.json.js +80 -0
- package/dist/translations/en.json.js +80 -0
- package/dist/translations/es-MX.json.js +79 -0
- package/dist/translations/es.json.js +80 -0
- package/dist/translations/fr.json.js +80 -0
- package/dist/translations/it.json.js +80 -0
- package/dist/translations/nl.json.js +38 -0
- package/dist/translations/pl.json.js +80 -0
- package/dist/translations/pt-BR.json.js +80 -0
- package/dist/translations/pt.json.js +80 -0
- package/package.json +7 -5
- package/dist/react-design-system.js +0 -40680
- package/dist/react-design-system.umd.cjs +0 -392
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as r, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import * as u from "@radix-ui/react-popover";
|
|
3
|
+
import { IconChevronDown as x } from "@sesame/orxata-icons/IconChevronDown";
|
|
4
|
+
import { Icon as P } from "@sesame/orxata-icons/react";
|
|
5
|
+
import { forwardRef as k } from "react";
|
|
6
|
+
import { cn as v } from "../../../lib/utils.js";
|
|
7
|
+
import { useFieldControl as T } from "../../Field/useFieldGroup.js";
|
|
8
|
+
import e from "./ColorPickerTrigger.module.css.js";
|
|
9
|
+
import { useColorPicker as y } from "./useColorPicker.js";
|
|
10
|
+
const N = k(({ className: s, color: a, placeholder: n = "", children: m, id: d, ...p }, g) => {
|
|
11
|
+
var t, c;
|
|
12
|
+
const o = y(), f = T(d), i = o.value === void 0 || o.value === "", l = a ?? ((t = o.chosen) == null ? void 0 : t.color), C = m ?? ((c = o.chosen) == null ? void 0 : c.name) ?? o.value;
|
|
13
|
+
return /* @__PURE__ */ r(u.Trigger, { asChild: !0, children: /* @__PURE__ */ h(
|
|
14
|
+
"button",
|
|
15
|
+
{
|
|
16
|
+
ref: g,
|
|
17
|
+
type: "button",
|
|
18
|
+
...f,
|
|
19
|
+
"data-slot": "controller",
|
|
20
|
+
className: v(e.oxColorPickerTrigger, s),
|
|
21
|
+
...p,
|
|
22
|
+
disabled: o.disabled,
|
|
23
|
+
children: [
|
|
24
|
+
!i && l !== void 0 && /* @__PURE__ */ r(
|
|
25
|
+
"span",
|
|
26
|
+
{
|
|
27
|
+
className: e.oxColorPickerTriggerDot,
|
|
28
|
+
style: { "--ox-swatch-color": l }
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ r(
|
|
32
|
+
"span",
|
|
33
|
+
{
|
|
34
|
+
className: e.oxColorPickerTriggerValue,
|
|
35
|
+
"data-placeholder": i ? "" : void 0,
|
|
36
|
+
children: i ? n : C
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
/* @__PURE__ */ r("span", { "data-slot": "icon", className: e.oxColorPickerTriggerIcon, children: /* @__PURE__ */ r(
|
|
40
|
+
P,
|
|
41
|
+
{
|
|
42
|
+
icon: x,
|
|
43
|
+
className: e.oxColorPickerTriggerGlyph
|
|
44
|
+
}
|
|
45
|
+
) })
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
) });
|
|
49
|
+
});
|
|
50
|
+
N.displayName = "OxColorPickerTrigger";
|
|
51
|
+
export {
|
|
52
|
+
N as ColorPickerTrigger
|
|
53
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const o = "_oxColorPickerTrigger_oyao4_2", r = "_oxColorPickerTriggerDot_oyao4_2", e = "_oxColorPickerTriggerValue_oyao4_2", g = "_oxColorPickerTriggerIcon_oyao4_2", i = "_oxColorPickerTriggerGlyph_oyao4_2", c = {
|
|
2
|
+
oxColorPickerTrigger: o,
|
|
3
|
+
oxColorPickerTriggerDot: r,
|
|
4
|
+
oxColorPickerTriggerValue: e,
|
|
5
|
+
oxColorPickerTriggerIcon: g,
|
|
6
|
+
oxColorPickerTriggerGlyph: i
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
c as default,
|
|
10
|
+
o as oxColorPickerTrigger,
|
|
11
|
+
r as oxColorPickerTriggerDot,
|
|
12
|
+
i as oxColorPickerTriggerGlyph,
|
|
13
|
+
g as oxColorPickerTriggerIcon,
|
|
14
|
+
e as oxColorPickerTriggerValue
|
|
15
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext as o, useContext as r } from "react";
|
|
2
|
+
const t = "[OxColorPicker] A color picker part was used outside `<OxColorPicker>`. The trigger, the panel and every swatch read the chosen value from the root.", c = o(null);
|
|
3
|
+
function i() {
|
|
4
|
+
const e = r(c);
|
|
5
|
+
if (!e) throw new Error(t);
|
|
6
|
+
return e;
|
|
7
|
+
}
|
|
8
|
+
export {
|
|
9
|
+
c as ColorPickerContextObject,
|
|
10
|
+
i as useColorPicker
|
|
11
|
+
};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsx as b } from "react/jsx-runtime";
|
|
2
|
+
import * as J from "@radix-ui/react-popover";
|
|
3
|
+
import { forwardRef as K, useState as n, useCallback as x, useRef as Q, useMemo as T } from "react";
|
|
4
|
+
import { cn as W } from "../../../lib/utils.js";
|
|
5
|
+
import X from "./Combobox.module.css.js";
|
|
6
|
+
import { ComboboxContext as Y } from "./context.js";
|
|
7
|
+
import { useComboboxEditing as Z } from "./useComboboxEditing.js";
|
|
8
|
+
import { useComboboxLabels as _ } from "./useComboboxLabels.js";
|
|
9
|
+
import { useComboboxSearch as V } from "./useComboboxSearch.js";
|
|
10
|
+
const g = K(
|
|
11
|
+
({
|
|
12
|
+
className: L,
|
|
13
|
+
value: i,
|
|
14
|
+
defaultValue: N,
|
|
15
|
+
onValueChange: e,
|
|
16
|
+
multiple: t = !1,
|
|
17
|
+
disabled: p = !1,
|
|
18
|
+
open: m,
|
|
19
|
+
defaultOpen: O,
|
|
20
|
+
onOpenChange: c,
|
|
21
|
+
children: U,
|
|
22
|
+
onSearch: u,
|
|
23
|
+
debounce: j = 500,
|
|
24
|
+
ignoreFilter: w,
|
|
25
|
+
dataTestid: I,
|
|
26
|
+
...M
|
|
27
|
+
}, $) => {
|
|
28
|
+
const [h, q] = n(N ?? (t ? [] : void 0)), [z, B] = n(
|
|
29
|
+
O ?? !1
|
|
30
|
+
), [v, y] = n(""), s = i ?? h, l = m ?? z, d = x(
|
|
31
|
+
(o) => {
|
|
32
|
+
i === void 0 && q(o), e == null || e(o);
|
|
33
|
+
},
|
|
34
|
+
[i, e]
|
|
35
|
+
), r = x(
|
|
36
|
+
(o) => {
|
|
37
|
+
m === void 0 && B(o), c == null || c(o);
|
|
38
|
+
},
|
|
39
|
+
[m, c]
|
|
40
|
+
), E = x(
|
|
41
|
+
(o) => {
|
|
42
|
+
if (t) {
|
|
43
|
+
const a = Array.isArray(s) ? s : [], G = a.includes(o) ? a.filter((H) => H !== o) : [...a, o];
|
|
44
|
+
d(G);
|
|
45
|
+
} else
|
|
46
|
+
d(o), r(!1);
|
|
47
|
+
y("");
|
|
48
|
+
},
|
|
49
|
+
[t, s, d, r]
|
|
50
|
+
), f = V(j, u), R = w ?? u !== void 0, { register: P, labelFor: S } = _(), { openEdit: k, closeEdit: A, cancelOpenEdit: F } = Z(), C = Q(null), D = T(
|
|
51
|
+
() => ({
|
|
52
|
+
value: s,
|
|
53
|
+
select: E,
|
|
54
|
+
multiple: t,
|
|
55
|
+
disabled: p,
|
|
56
|
+
open: l,
|
|
57
|
+
setOpen: r,
|
|
58
|
+
search: v,
|
|
59
|
+
setSearch: y,
|
|
60
|
+
scheduleSearch: f.schedule,
|
|
61
|
+
searchImmediately: f.immediately,
|
|
62
|
+
skipFilter: R,
|
|
63
|
+
registerLabel: P,
|
|
64
|
+
labelFor: S,
|
|
65
|
+
openEdit: k,
|
|
66
|
+
closeEdit: A,
|
|
67
|
+
cancelOpenEdit: F,
|
|
68
|
+
inputRef: C
|
|
69
|
+
}),
|
|
70
|
+
[
|
|
71
|
+
s,
|
|
72
|
+
E,
|
|
73
|
+
t,
|
|
74
|
+
p,
|
|
75
|
+
l,
|
|
76
|
+
r,
|
|
77
|
+
v,
|
|
78
|
+
f,
|
|
79
|
+
R,
|
|
80
|
+
P,
|
|
81
|
+
S,
|
|
82
|
+
k,
|
|
83
|
+
A,
|
|
84
|
+
F
|
|
85
|
+
]
|
|
86
|
+
);
|
|
87
|
+
return /* @__PURE__ */ b(Y.Provider, { value: D, children: /* @__PURE__ */ b(J.Root, { open: l, onOpenChange: r, children: /* @__PURE__ */ b(
|
|
88
|
+
"div",
|
|
89
|
+
{
|
|
90
|
+
ref: $,
|
|
91
|
+
"data-slot": "combobox",
|
|
92
|
+
"data-testid": I,
|
|
93
|
+
className: W(X.oxCombobox, L),
|
|
94
|
+
...M,
|
|
95
|
+
children: U
|
|
96
|
+
}
|
|
97
|
+
) }) });
|
|
98
|
+
}
|
|
99
|
+
);
|
|
100
|
+
g.displayName = "OxCombobox";
|
|
101
|
+
export {
|
|
102
|
+
g as Combobox
|
|
103
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { IconXCircle as n } from "@sesame/orxata-icons/IconXCircle";
|
|
3
|
+
import { Icon as d } from "@sesame/orxata-icons/react";
|
|
4
|
+
import { forwardRef as C } from "react";
|
|
5
|
+
import { cn as I } from "../../../lib/utils.js";
|
|
6
|
+
import e from "./ComboboxCancel.module.css.js";
|
|
7
|
+
import { useComboboxContext as y } from "./context.js";
|
|
8
|
+
import { useTranslate as h } from "../../../Locale/useTranslate.js";
|
|
9
|
+
const u = C(
|
|
10
|
+
({
|
|
11
|
+
className: m,
|
|
12
|
+
children: c,
|
|
13
|
+
dataTestid: l,
|
|
14
|
+
"aria-label": b,
|
|
15
|
+
onClick: t,
|
|
16
|
+
onMouseDown: r,
|
|
17
|
+
...s
|
|
18
|
+
}, x) => {
|
|
19
|
+
const { setSearch: i, searchImmediately: p } = y(), f = h();
|
|
20
|
+
return /* @__PURE__ */ a(
|
|
21
|
+
"button",
|
|
22
|
+
{
|
|
23
|
+
ref: x,
|
|
24
|
+
type: "button",
|
|
25
|
+
tabIndex: -1,
|
|
26
|
+
"data-slot": "controller",
|
|
27
|
+
"data-testid": l,
|
|
28
|
+
"aria-label": b ?? f("orxata.combobox.clear"),
|
|
29
|
+
className: I(e.oxComboboxCancel, m),
|
|
30
|
+
onMouseDown: (o) => {
|
|
31
|
+
o.preventDefault(), r == null || r(o);
|
|
32
|
+
},
|
|
33
|
+
onClick: (o) => {
|
|
34
|
+
i(""), p(""), t == null || t(o);
|
|
35
|
+
},
|
|
36
|
+
...s,
|
|
37
|
+
children: c ?? /* @__PURE__ */ a(d, { icon: n, className: e.oxComboboxCancelIcon })
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
u.displayName = "OxComboboxCancel";
|
|
43
|
+
export {
|
|
44
|
+
u as ComboboxCancel
|
|
45
|
+
};
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import * as T from "@radix-ui/react-popover";
|
|
3
|
+
import { IconChevronDown as H } from "@sesame/orxata-icons/IconChevronDown";
|
|
4
|
+
import { IconClose as J } from "@sesame/orxata-icons/IconClose";
|
|
5
|
+
import { Icon as y } from "@sesame/orxata-icons/react";
|
|
6
|
+
import { forwardRef as K, useCallback as M, useRef as S } from "react";
|
|
7
|
+
import { cn as C } from "../../../lib/utils.js";
|
|
8
|
+
import { useFieldControl as Q } from "../../Field/useFieldGroup.js";
|
|
9
|
+
import { inputSizeClass as U } from "../inputSize.js";
|
|
10
|
+
import e from "./ComboboxChipsInput.module.css.js";
|
|
11
|
+
import { useComboboxContext as V } from "./context.js";
|
|
12
|
+
import { useChipOverflow as W } from "./useChipOverflow.js";
|
|
13
|
+
import { useTranslate as X } from "../../../Locale/useTranslate.js";
|
|
14
|
+
import { Chip as Y } from "../../../Display/Chip/Chip.js";
|
|
15
|
+
const Z = K(
|
|
16
|
+
({
|
|
17
|
+
className: w,
|
|
18
|
+
placeholder: P = "",
|
|
19
|
+
disabled: F,
|
|
20
|
+
size: m = "md",
|
|
21
|
+
chipLabel: b,
|
|
22
|
+
trigger: O,
|
|
23
|
+
id: R,
|
|
24
|
+
...j
|
|
25
|
+
}, s) => {
|
|
26
|
+
const k = Q(R), {
|
|
27
|
+
value: u,
|
|
28
|
+
multiple: z,
|
|
29
|
+
select: h,
|
|
30
|
+
disabled: A,
|
|
31
|
+
open: f,
|
|
32
|
+
setOpen: g,
|
|
33
|
+
search: D,
|
|
34
|
+
setSearch: $,
|
|
35
|
+
scheduleSearch: q,
|
|
36
|
+
labelFor: B,
|
|
37
|
+
inputRef: v
|
|
38
|
+
} = V(), c = X(), i = F ?? A, t = z && Array.isArray(u) ? u : [], E = M(
|
|
39
|
+
(o) => {
|
|
40
|
+
v.current = o, typeof s == "function" ? s(o) : s && (s.current = o);
|
|
41
|
+
},
|
|
42
|
+
[s, v]
|
|
43
|
+
), p = (o) => (b == null ? void 0 : b(o)) ?? B(o) ?? o, G = m === "xs" || m === "sm" ? "sm" : "lg", N = S(null), I = S(null), l = W({ row: N, sizer: I }, t.length), n = t.slice(l);
|
|
44
|
+
return /* @__PURE__ */ r(
|
|
45
|
+
T.Anchor,
|
|
46
|
+
{
|
|
47
|
+
"data-slot": "controller",
|
|
48
|
+
className: C(
|
|
49
|
+
e.oxComboboxTagsInput,
|
|
50
|
+
U[m],
|
|
51
|
+
w
|
|
52
|
+
),
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ r("div", { ref: N, className: e.oxComboboxChips, children: [
|
|
55
|
+
t.map((o, d) => /* @__PURE__ */ a(
|
|
56
|
+
Y,
|
|
57
|
+
{
|
|
58
|
+
asChild: !0,
|
|
59
|
+
size: G,
|
|
60
|
+
className: C(
|
|
61
|
+
e.oxComboboxChip,
|
|
62
|
+
d >= l && e.oxComboboxChipCollapsed
|
|
63
|
+
),
|
|
64
|
+
dataTestid: `combobox-chip-${o}`,
|
|
65
|
+
children: /* @__PURE__ */ r(
|
|
66
|
+
"span",
|
|
67
|
+
{
|
|
68
|
+
"aria-hidden": d >= l ? !0 : void 0,
|
|
69
|
+
onClick: (x) => {
|
|
70
|
+
x.stopPropagation(), h(o);
|
|
71
|
+
},
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ a("span", { className: e.oxComboboxChipLabel, children: p(o) }),
|
|
74
|
+
/* @__PURE__ */ a(
|
|
75
|
+
"button",
|
|
76
|
+
{
|
|
77
|
+
type: "button",
|
|
78
|
+
className: e.oxComboboxChipRemove,
|
|
79
|
+
"aria-label": c("orxata.combobox.removeChip", {
|
|
80
|
+
label: p(o)
|
|
81
|
+
}),
|
|
82
|
+
disabled: i,
|
|
83
|
+
tabIndex: d >= l ? -1 : void 0,
|
|
84
|
+
onClick: (x) => {
|
|
85
|
+
x.stopPropagation(), h(o);
|
|
86
|
+
},
|
|
87
|
+
children: /* @__PURE__ */ a(y, { icon: J })
|
|
88
|
+
}
|
|
89
|
+
)
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
)
|
|
93
|
+
},
|
|
94
|
+
o
|
|
95
|
+
)),
|
|
96
|
+
n.length > 0 && /* @__PURE__ */ r(
|
|
97
|
+
"span",
|
|
98
|
+
{
|
|
99
|
+
"data-slot": "combobox-chip-count",
|
|
100
|
+
className: e.oxComboboxChipCount,
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ r("span", { "aria-hidden": "true", children: [
|
|
103
|
+
"+",
|
|
104
|
+
n.length
|
|
105
|
+
] }),
|
|
106
|
+
/* @__PURE__ */ a("span", { className: e.oxComboboxChipCountLabel, children: c("orxata.combobox.moreSelected", {
|
|
107
|
+
count: n.length,
|
|
108
|
+
labels: n.map((o) => p(o)).join(", ")
|
|
109
|
+
}) })
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
),
|
|
113
|
+
/* @__PURE__ */ a(
|
|
114
|
+
"input",
|
|
115
|
+
{
|
|
116
|
+
ref: E,
|
|
117
|
+
...k,
|
|
118
|
+
role: "combobox",
|
|
119
|
+
"aria-expanded": f,
|
|
120
|
+
"aria-autocomplete": "list",
|
|
121
|
+
className: e.oxComboboxTagsField,
|
|
122
|
+
placeholder: t.length ? "" : P,
|
|
123
|
+
disabled: i,
|
|
124
|
+
value: D,
|
|
125
|
+
onChange: (o) => {
|
|
126
|
+
$(o.target.value), q(o.target.value), f || g(!0);
|
|
127
|
+
},
|
|
128
|
+
onFocus: () => {
|
|
129
|
+
i || g(!0);
|
|
130
|
+
},
|
|
131
|
+
...j
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
t.length > 0 && /* @__PURE__ */ r(
|
|
135
|
+
"span",
|
|
136
|
+
{
|
|
137
|
+
ref: I,
|
|
138
|
+
"aria-hidden": "true",
|
|
139
|
+
className: C(
|
|
140
|
+
e.oxComboboxChipCount,
|
|
141
|
+
e.oxComboboxChipSizer
|
|
142
|
+
),
|
|
143
|
+
children: [
|
|
144
|
+
"+",
|
|
145
|
+
"0".repeat(String(t.length).length)
|
|
146
|
+
]
|
|
147
|
+
}
|
|
148
|
+
)
|
|
149
|
+
] }),
|
|
150
|
+
/* @__PURE__ */ a(
|
|
151
|
+
T.Trigger,
|
|
152
|
+
{
|
|
153
|
+
type: "button",
|
|
154
|
+
"aria-label": c("orxata.combobox.showPopup"),
|
|
155
|
+
"aria-haspopup": "listbox",
|
|
156
|
+
disabled: i,
|
|
157
|
+
"data-disabled": i ? "" : void 0,
|
|
158
|
+
className: e.oxComboboxTagsTrigger,
|
|
159
|
+
children: O ?? /* @__PURE__ */ a(
|
|
160
|
+
y,
|
|
161
|
+
{
|
|
162
|
+
icon: H,
|
|
163
|
+
className: e.oxComboboxTagsTriggerIcon
|
|
164
|
+
}
|
|
165
|
+
)
|
|
166
|
+
}
|
|
167
|
+
)
|
|
168
|
+
]
|
|
169
|
+
}
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
Z.displayName = "OxComboboxChipsInput";
|
|
174
|
+
export {
|
|
175
|
+
Z as ComboboxChipsInput
|
|
176
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const o = "_oxComboboxTagsInput_1s7k6_2", b = "_oxComboboxChips_1s7k6_2", x = "_oxComboboxChip_1s7k6_2", C = "_oxComboboxChipLabel_1s7k6_2", s = "_oxComboboxChipCollapsed_1s7k6_2", m = "_oxComboboxChipRemove_1s7k6_2", i = "_oxComboboxChipCount_1s7k6_2", _ = "_oxComboboxChipCountLabel_1s7k6_2", p = "_oxComboboxChipSizer_1s7k6_2", e = "_oxComboboxTagsField_1s7k6_2", n = "_oxComboboxTagsTrigger_1s7k6_2", t = "_oxComboboxTagsTriggerIcon_1s7k6_2", g = {
|
|
2
|
+
oxComboboxTagsInput: o,
|
|
3
|
+
oxComboboxChips: b,
|
|
4
|
+
oxComboboxChip: x,
|
|
5
|
+
oxComboboxChipLabel: C,
|
|
6
|
+
oxComboboxChipCollapsed: s,
|
|
7
|
+
oxComboboxChipRemove: m,
|
|
8
|
+
oxComboboxChipCount: i,
|
|
9
|
+
oxComboboxChipCountLabel: _,
|
|
10
|
+
oxComboboxChipSizer: p,
|
|
11
|
+
oxComboboxTagsField: e,
|
|
12
|
+
oxComboboxTagsTrigger: n,
|
|
13
|
+
oxComboboxTagsTriggerIcon: t
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
g as default,
|
|
17
|
+
x as oxComboboxChip,
|
|
18
|
+
s as oxComboboxChipCollapsed,
|
|
19
|
+
i as oxComboboxChipCount,
|
|
20
|
+
_ as oxComboboxChipCountLabel,
|
|
21
|
+
C as oxComboboxChipLabel,
|
|
22
|
+
m as oxComboboxChipRemove,
|
|
23
|
+
p as oxComboboxChipSizer,
|
|
24
|
+
b as oxComboboxChips,
|
|
25
|
+
e as oxComboboxTagsField,
|
|
26
|
+
o as oxComboboxTagsInput,
|
|
27
|
+
n as oxComboboxTagsTrigger,
|
|
28
|
+
t as oxComboboxTagsTriggerIcon
|
|
29
|
+
};
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsx as r, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import * as c from "@radix-ui/react-popover";
|
|
3
|
+
import { Command as h, CommandInput as v, CommandList as N } from "cmdk";
|
|
4
|
+
import { forwardRef as P, useRef as L } from "react";
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { useComboboxContext as F } from "./context.js";
|
|
7
|
+
import { Surface as S } from "../../../internal/Surface/Surface.js";
|
|
8
|
+
import { ListboxViewport as j } from "../../../internal/Listbox/ListboxViewport.js";
|
|
9
|
+
import { Scrollbar as A } from "../../../Layout/Scrollbar/Scrollbar.js";
|
|
10
|
+
const D = 16, I = P(
|
|
11
|
+
({
|
|
12
|
+
children: n,
|
|
13
|
+
side: b = "bottom",
|
|
14
|
+
sideOffset: d = 4,
|
|
15
|
+
align: p = "start",
|
|
16
|
+
onInteractOutside: m,
|
|
17
|
+
onEscapeKeyDown: i,
|
|
18
|
+
...x
|
|
19
|
+
}, f) => {
|
|
20
|
+
const { search: e, cancelOpenEdit: u, skipFilter: C } = F(), l = L(null);
|
|
21
|
+
return /* @__PURE__ */ r(c.Portal, { children: /* @__PURE__ */ r(
|
|
22
|
+
c.Content,
|
|
23
|
+
{
|
|
24
|
+
ref: f,
|
|
25
|
+
asChild: !0,
|
|
26
|
+
"data-slot": "combobox-content",
|
|
27
|
+
side: b,
|
|
28
|
+
sideOffset: d,
|
|
29
|
+
collisionPadding: D,
|
|
30
|
+
align: p,
|
|
31
|
+
onOpenAutoFocus: (o) => o.preventDefault(),
|
|
32
|
+
onInteractOutside: (o) => {
|
|
33
|
+
var a;
|
|
34
|
+
const t = o.target;
|
|
35
|
+
(a = t == null ? void 0 : t.closest) != null && a.call(t, '[data-slot="combobox"]') && o.preventDefault(), m == null || m(o);
|
|
36
|
+
},
|
|
37
|
+
onEscapeKeyDown: (o) => {
|
|
38
|
+
u() && o.preventDefault(), i == null || i(o);
|
|
39
|
+
},
|
|
40
|
+
...x,
|
|
41
|
+
children: /* @__PURE__ */ s(S, { children: [
|
|
42
|
+
/* @__PURE__ */ s(
|
|
43
|
+
h,
|
|
44
|
+
{
|
|
45
|
+
shouldFilter: !C,
|
|
46
|
+
value: e,
|
|
47
|
+
className: "ox-combobox-command",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ r(
|
|
50
|
+
v,
|
|
51
|
+
{
|
|
52
|
+
value: e,
|
|
53
|
+
"aria-hidden": !0,
|
|
54
|
+
tabIndex: -1,
|
|
55
|
+
className: "ox-combobox-hidden-input"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ r(
|
|
59
|
+
j,
|
|
60
|
+
{
|
|
61
|
+
ref: l,
|
|
62
|
+
className: "ox-combobox-viewport",
|
|
63
|
+
children: n
|
|
64
|
+
}
|
|
65
|
+
) })
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ r(A, { port: l, dataTestid: "combobox-scrollbar" })
|
|
70
|
+
] })
|
|
71
|
+
}
|
|
72
|
+
) });
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
I.displayName = "OxComboboxContent";
|
|
76
|
+
export {
|
|
77
|
+
I as ComboboxContent
|
|
78
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { CommandEmpty as e } from "cmdk";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { useTranslate as b } from "../../../Locale/useTranslate.js";
|
|
5
|
+
import { ListboxEmpty as s } from "../../../internal/Listbox/ListboxEmpty.js";
|
|
6
|
+
const x = i(({ className: m, children: t, ...r }, p) => {
|
|
7
|
+
const a = b();
|
|
8
|
+
return /* @__PURE__ */ o(e, { ref: p, asChild: !0, "data-slot": "combobox-empty", ...r, children: /* @__PURE__ */ o(s, { className: m, children: t ?? a("orxata.combobox.empty") }) });
|
|
9
|
+
});
|
|
10
|
+
x.displayName = "OxComboboxEmpty";
|
|
11
|
+
export {
|
|
12
|
+
x as ComboboxEmpty
|
|
13
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { CommandGroup as a } from "cmdk";
|
|
3
|
+
import { forwardRef as b } from "react";
|
|
4
|
+
import { cn as d } from "../../../lib/utils.js";
|
|
5
|
+
import { ListboxLabel as f } from "../../../internal/Listbox/ListboxLabel.js";
|
|
6
|
+
const s = b(({ className: m, label: o, children: p, ...i }, t) => /* @__PURE__ */ r(
|
|
7
|
+
a,
|
|
8
|
+
{
|
|
9
|
+
ref: t,
|
|
10
|
+
"data-slot": "combobox-group",
|
|
11
|
+
heading: o != null ? /* @__PURE__ */ r(f, { children: o }) : void 0,
|
|
12
|
+
className: d(m),
|
|
13
|
+
...i,
|
|
14
|
+
children: p
|
|
15
|
+
}
|
|
16
|
+
));
|
|
17
|
+
s.displayName = "OxComboboxGroup";
|
|
18
|
+
export {
|
|
19
|
+
s as ComboboxGroup
|
|
20
|
+
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsxs as D, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import * as b from "@radix-ui/react-popover";
|
|
3
|
+
import { IconChevronDown as O } from "@sesame/orxata-icons/IconChevronDown";
|
|
4
|
+
import { Icon as R } from "@sesame/orxata-icons/react";
|
|
5
|
+
import { forwardRef as z, useCallback as q } from "react";
|
|
6
|
+
import { cn as B } from "../../../lib/utils.js";
|
|
7
|
+
import { useFieldControl as E } from "../../Field/useFieldGroup.js";
|
|
8
|
+
import G from "../Input.module.css.js";
|
|
9
|
+
import { inputSizeClass as H } from "../inputSize.js";
|
|
10
|
+
import e from "./ComboboxInput.module.css.js";
|
|
11
|
+
import { useComboboxContext as J } from "./context.js";
|
|
12
|
+
import { useTranslate as K } from "../../../Locale/useTranslate.js";
|
|
13
|
+
const L = z(
|
|
14
|
+
({
|
|
15
|
+
className: c,
|
|
16
|
+
placeholder: u = "",
|
|
17
|
+
disabled: d,
|
|
18
|
+
size: f = "md",
|
|
19
|
+
displayValue: x,
|
|
20
|
+
trigger: h,
|
|
21
|
+
id: C,
|
|
22
|
+
onFocus: a,
|
|
23
|
+
onClick: i,
|
|
24
|
+
...g
|
|
25
|
+
}, r) => {
|
|
26
|
+
const {
|
|
27
|
+
value: y,
|
|
28
|
+
disabled: I,
|
|
29
|
+
open: s,
|
|
30
|
+
setOpen: m,
|
|
31
|
+
search: v,
|
|
32
|
+
setSearch: N,
|
|
33
|
+
scheduleSearch: S,
|
|
34
|
+
labelFor: w,
|
|
35
|
+
inputRef: l
|
|
36
|
+
} = J(), A = K(), t = d ?? I, T = E(C), P = q(
|
|
37
|
+
(o) => {
|
|
38
|
+
l.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
|
|
39
|
+
},
|
|
40
|
+
[r, l]
|
|
41
|
+
), j = s ? v : (x ?? ((o) => {
|
|
42
|
+
if (o == null || Array.isArray(o)) return "";
|
|
43
|
+
const p = String(o);
|
|
44
|
+
return w(p) ?? p;
|
|
45
|
+
}))(y);
|
|
46
|
+
return /* @__PURE__ */ D(b.Anchor, { className: e.oxComboboxAnchor, children: [
|
|
47
|
+
/* @__PURE__ */ n(
|
|
48
|
+
"input",
|
|
49
|
+
{
|
|
50
|
+
ref: P,
|
|
51
|
+
...T,
|
|
52
|
+
role: "combobox",
|
|
53
|
+
"aria-expanded": s,
|
|
54
|
+
"aria-autocomplete": "list",
|
|
55
|
+
"data-slot": "controller",
|
|
56
|
+
className: B(
|
|
57
|
+
G.oxInput,
|
|
58
|
+
H[f],
|
|
59
|
+
e.oxComboboxInput,
|
|
60
|
+
c
|
|
61
|
+
),
|
|
62
|
+
placeholder: u,
|
|
63
|
+
disabled: t,
|
|
64
|
+
value: j,
|
|
65
|
+
onChange: (o) => {
|
|
66
|
+
N(o.target.value), S(o.target.value), s || m(!0);
|
|
67
|
+
},
|
|
68
|
+
onFocus: (o) => {
|
|
69
|
+
t || m(!0), a == null || a(o);
|
|
70
|
+
},
|
|
71
|
+
onClick: (o) => {
|
|
72
|
+
t || m(!0), i == null || i(o);
|
|
73
|
+
},
|
|
74
|
+
...g
|
|
75
|
+
}
|
|
76
|
+
),
|
|
77
|
+
/* @__PURE__ */ n(
|
|
78
|
+
b.Trigger,
|
|
79
|
+
{
|
|
80
|
+
type: "button",
|
|
81
|
+
"aria-label": A("orxata.combobox.showPopup"),
|
|
82
|
+
"aria-haspopup": "listbox",
|
|
83
|
+
disabled: t,
|
|
84
|
+
"data-disabled": t ? "" : void 0,
|
|
85
|
+
className: e.oxComboboxTrigger,
|
|
86
|
+
children: h ?? /* @__PURE__ */ n(
|
|
87
|
+
R,
|
|
88
|
+
{
|
|
89
|
+
icon: O,
|
|
90
|
+
className: e.oxComboboxTriggerIcon
|
|
91
|
+
}
|
|
92
|
+
)
|
|
93
|
+
}
|
|
94
|
+
)
|
|
95
|
+
] });
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
L.displayName = "OxComboboxInput";
|
|
99
|
+
export {
|
|
100
|
+
L as ComboboxInput
|
|
101
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const o = "_oxComboboxAnchor_1dcgj_2", x = "_oxComboboxInput_1dcgj_2", b = "_oxComboboxTrigger_1dcgj_2", g = "_oxComboboxTriggerIcon_1dcgj_2", r = {
|
|
2
|
+
oxComboboxAnchor: o,
|
|
3
|
+
oxComboboxInput: x,
|
|
4
|
+
oxComboboxTrigger: b,
|
|
5
|
+
oxComboboxTriggerIcon: g
|
|
6
|
+
};
|
|
7
|
+
export {
|
|
8
|
+
r as default,
|
|
9
|
+
o as oxComboboxAnchor,
|
|
10
|
+
x as oxComboboxInput,
|
|
11
|
+
b as oxComboboxTrigger,
|
|
12
|
+
g as oxComboboxTriggerIcon
|
|
13
|
+
};
|