@l3mpire/ui 2.26.2 → 3.0.0
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/USAGE.md +76 -2
- package/dist/index.d.mts +63 -3
- package/dist/index.d.ts +63 -3
- package/dist/index.js +1333 -1134
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1207 -1010
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -5
- package/src/styles/globals.css +37 -0
package/USAGE.md
CHANGED
|
@@ -315,11 +315,12 @@ const [values, setValues] = useState<string[]>([]);
|
|
|
315
315
|
| `label` | `string` |
|
|
316
316
|
| `error` | `boolean` |
|
|
317
317
|
| `errorMessage` | `string` |
|
|
318
|
+
| `success` | `boolean` |
|
|
318
319
|
| `disabled` | `boolean` |
|
|
319
320
|
| `iconLeft` | `IconDefinition` |
|
|
320
321
|
| `max` | `number` (max chips, 0 = unlimited) |
|
|
321
322
|
|
|
322
|
-
Type a value and press Enter to create a chip. Backspace on empty input removes the last chip. Duplicate values are ignored.
|
|
323
|
+
Type a value and press Enter to create a chip. Backspace on empty input removes the last chip. Duplicate values are ignored. Each chip truncates at ~150px; when truncated, hovering shows the full value in a tooltip (auto-detected via `TruncatedText`).
|
|
323
324
|
|
|
324
325
|
---
|
|
325
326
|
|
|
@@ -545,7 +546,7 @@ import { Select } from "@l3mpire/ui";
|
|
|
545
546
|
| `error` | `boolean` |
|
|
546
547
|
| `errorMessage` | `string` |
|
|
547
548
|
| `icon` | `IconDefinition` |
|
|
548
|
-
| `tags` | `string[]` (shows selected values as chips with overflow +X) |
|
|
549
|
+
| `tags` | `string[]` (shows selected values as chips with overflow +X; chips truncate at ~100px and show the full tag in a tooltip on hover when clipped) |
|
|
549
550
|
| `onTagRemove` | `(tag: string) => void` (remove chip callback) |
|
|
550
551
|
| `multiCount` | `number` (shows "+N others" text, non-tags mode) |
|
|
551
552
|
| `isOpen` | `boolean` (controlled) |
|
|
@@ -625,6 +626,79 @@ import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "@l3mpi
|
|
|
625
626
|
|
|
626
627
|
---
|
|
627
628
|
|
|
629
|
+
### TruncatedText
|
|
630
|
+
|
|
631
|
+
A `<span>` that truncates with ellipsis and **auto-shows a tooltip with the full content on hover when actually clipped** (detected via `scrollWidth > clientWidth`, re-checked on resize). When the text fits, no tooltip is mounted.
|
|
632
|
+
|
|
633
|
+
```tsx
|
|
634
|
+
import { TruncatedText } from "@l3mpire/ui";
|
|
635
|
+
|
|
636
|
+
<TruncatedText className="max-w-[150px] text-sm">
|
|
637
|
+
A very long string that probably won't fit
|
|
638
|
+
</TruncatedText>
|
|
639
|
+
|
|
640
|
+
{/* Custom tooltip body (display vs. tooltip differ) */}
|
|
641
|
+
<TruncatedText
|
|
642
|
+
className="max-w-[200px]"
|
|
643
|
+
tooltip={<span>+33 6 12 34 56 78</span>}
|
|
644
|
+
>
|
|
645
|
+
+33 6 12 34 56 78
|
|
646
|
+
</TruncatedText>
|
|
647
|
+
```
|
|
648
|
+
|
|
649
|
+
| Prop | Values |
|
|
650
|
+
|---|---|
|
|
651
|
+
| `children` | `string` (the displayed text; also the default tooltip body) |
|
|
652
|
+
| `tooltip` | `React.ReactNode` (override the tooltip body) |
|
|
653
|
+
| `delayDuration` | `number` (ms, default 300) |
|
|
654
|
+
| `className` | `string` — must include a width constraint (`max-w-*` or a constrained flex parent), otherwise nothing is clipped and no tooltip appears |
|
|
655
|
+
|
|
656
|
+
Already wired into `ChipInput` chips, `Select` multi-value chips, and `FilterChipSegment` labels — use this directly when you need the same behavior elsewhere (e.g. a table cell, a sidebar label).
|
|
657
|
+
|
|
658
|
+
---
|
|
659
|
+
|
|
660
|
+
### EmojiPicker
|
|
661
|
+
|
|
662
|
+
Emoji picker built on top of [emoji-mart](https://github.com/missive/emoji-mart) with lemDS theming and dark-mode auto-detection. Ships as two exports:
|
|
663
|
+
|
|
664
|
+
```tsx
|
|
665
|
+
import { EmojiPickerPopover, EmojiPicker, type EmojiSelection } from "@l3mpire/ui";
|
|
666
|
+
|
|
667
|
+
{/* Common usage — ghost icon-only button trigger */}
|
|
668
|
+
<EmojiPickerPopover onSelect={(e: EmojiSelection) => insert(e.native)} />
|
|
669
|
+
|
|
670
|
+
{/* Custom trigger */}
|
|
671
|
+
<EmojiPickerPopover onSelect={handleSelect}>
|
|
672
|
+
<Button appearance="outlined" intent="brand">Add emoji</Button>
|
|
673
|
+
</EmojiPickerPopover>
|
|
674
|
+
|
|
675
|
+
{/* Inline picker */}
|
|
676
|
+
<EmojiPicker onSelect={handleSelect} locale="fr" previewPosition="none" perLine={8} />
|
|
677
|
+
```
|
|
678
|
+
|
|
679
|
+
| Prop (shared) | Values |
|
|
680
|
+
|---|---|
|
|
681
|
+
| `onSelect` | `(emoji: EmojiSelection) => void` — `{ id, name, native, unified, keywords, shortcodes, skin? }` |
|
|
682
|
+
| `locale` | `"en"` \| `"fr"` (default `"en"`) — translates search/categories/skin-tone labels |
|
|
683
|
+
| `theme` | `"light"` \| `"dark"` \| `"auto"` — defaults to auto-detect via `data-theme="dark"` on `<html>` |
|
|
684
|
+
| `skin` | `1`–`6` (skin tone) |
|
|
685
|
+
| `previewPosition` | `"top"` \| `"bottom"` \| `"none"` |
|
|
686
|
+
| `skinTonePosition` | `"preview"` \| `"search"` \| `"none"` |
|
|
687
|
+
| `searchPosition` | `"sticky"` \| `"static"` \| `"none"` |
|
|
688
|
+
| `navPosition` | `"top"` \| `"bottom"` \| `"none"` |
|
|
689
|
+
| `perLine` | `number` (per-row emoji count) |
|
|
690
|
+
|
|
691
|
+
| `EmojiPickerPopover` only | Values |
|
|
692
|
+
|---|---|
|
|
693
|
+
| `children` | `ReactNode` — custom trigger (defaults to ghost icon Button with face-smile icon) |
|
|
694
|
+
| `open` / `onOpenChange` | controlled popover state |
|
|
695
|
+
| `side` / `align` / `sideOffset` | Radix Popover placement |
|
|
696
|
+
| `triggerAriaLabel` | `string` — for the default trigger only |
|
|
697
|
+
|
|
698
|
+
emoji-mart's data bundle (~150 KB gz) is **dynamically imported** the first time a picker mounts; it's cached for subsequent mounts. The picker re-themes automatically when `data-theme` changes on `<html>`.
|
|
699
|
+
|
|
700
|
+
---
|
|
701
|
+
|
|
628
702
|
### Toast
|
|
629
703
|
|
|
630
704
|
```tsx
|
package/dist/index.d.mts
CHANGED
|
@@ -104,8 +104,7 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
|
|
|
104
104
|
children: string;
|
|
105
105
|
/**
|
|
106
106
|
* Optional explicit tooltip body. Defaults to `children`. Useful when the
|
|
107
|
-
* displayed string is formatted
|
|
108
|
-
* should show a different form.
|
|
107
|
+
* displayed string is formatted but the tooltip should show a different form.
|
|
109
108
|
*/
|
|
110
109
|
tooltip?: React.ReactNode;
|
|
111
110
|
/** Hover delay before the tooltip opens (ms). */
|
|
@@ -115,6 +114,67 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
|
|
|
115
114
|
}
|
|
116
115
|
declare const TruncatedText: React.ForwardRefExoticComponent<TruncatedTextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
117
116
|
|
|
117
|
+
interface EmojiSelection {
|
|
118
|
+
id: string;
|
|
119
|
+
name: string;
|
|
120
|
+
native: string;
|
|
121
|
+
unified: string;
|
|
122
|
+
keywords: string[];
|
|
123
|
+
shortcodes: string;
|
|
124
|
+
skin?: number;
|
|
125
|
+
}
|
|
126
|
+
type EmojiPickerLocale = "en" | "fr";
|
|
127
|
+
interface CommonEmojiPickerProps {
|
|
128
|
+
/** Called with the selected emoji. */
|
|
129
|
+
onSelect: (emoji: EmojiSelection) => void;
|
|
130
|
+
/** Picker locale (defaults to `"en"`). */
|
|
131
|
+
locale?: EmojiPickerLocale;
|
|
132
|
+
/**
|
|
133
|
+
* Auto-tracks `data-theme="dark"` on `<html>` by default. Pass an explicit
|
|
134
|
+
* `"light"` or `"dark"` to override.
|
|
135
|
+
*/
|
|
136
|
+
theme?: "light" | "dark" | "auto";
|
|
137
|
+
/** Pre-selected skin tone (1–6). */
|
|
138
|
+
skin?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
139
|
+
/** Hide the search bar. */
|
|
140
|
+
searchPosition?: "sticky" | "static" | "none";
|
|
141
|
+
/** Hide the skin-tone selector button. */
|
|
142
|
+
skinTonePosition?: "preview" | "search" | "none";
|
|
143
|
+
/** Hide the bottom preview bar. */
|
|
144
|
+
previewPosition?: "top" | "bottom" | "none";
|
|
145
|
+
/** Hide the category navigation row. */
|
|
146
|
+
navPosition?: "top" | "bottom" | "none";
|
|
147
|
+
/** Per-row emoji count (default emoji-mart value: 9). */
|
|
148
|
+
perLine?: number;
|
|
149
|
+
/** Maximum number of recent emojis kept by emoji-mart (localStorage). */
|
|
150
|
+
maxFrequentRows?: number;
|
|
151
|
+
}
|
|
152
|
+
interface EmojiPickerProps extends CommonEmojiPickerProps {
|
|
153
|
+
className?: string;
|
|
154
|
+
}
|
|
155
|
+
declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
156
|
+
interface EmojiPickerPopoverProps extends CommonEmojiPickerProps {
|
|
157
|
+
/**
|
|
158
|
+
* Custom trigger element. Provide via `children` together with `asChild`-style
|
|
159
|
+
* composition (Radix passes the trigger props down). When omitted, a default
|
|
160
|
+
* ghost icon-only Button with the face-smile icon is rendered.
|
|
161
|
+
*/
|
|
162
|
+
children?: React.ReactNode;
|
|
163
|
+
/** Controlled open state. */
|
|
164
|
+
open?: boolean;
|
|
165
|
+
/** Open-state change handler. */
|
|
166
|
+
onOpenChange?: (open: boolean) => void;
|
|
167
|
+
/** Popover side (default `"bottom"`). */
|
|
168
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
169
|
+
/** Popover alignment (default `"start"`). */
|
|
170
|
+
align?: "start" | "center" | "end";
|
|
171
|
+
/** Distance from the trigger in px (default 6). */
|
|
172
|
+
sideOffset?: number;
|
|
173
|
+
/** `aria-label` for the default trigger (ignored when `children` is set). */
|
|
174
|
+
triggerAriaLabel?: string;
|
|
175
|
+
}
|
|
176
|
+
declare const EmojiPickerPopover: React.ForwardRefExoticComponent<EmojiPickerPopoverProps & React.RefAttributes<HTMLButtonElement>>;
|
|
177
|
+
|
|
118
178
|
declare const linkVariants: (props?: ({
|
|
119
179
|
intent?: "success" | "warning" | "neutral" | "alert" | "brand" | null | undefined;
|
|
120
180
|
size?: "sm" | "md" | null | undefined;
|
|
@@ -1184,4 +1244,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
|
|
|
1184
1244
|
declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1185
1245
|
declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
|
|
1186
1246
|
|
|
1187
|
-
export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
|
|
1247
|
+
export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmojiPicker, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSelection, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
|
package/dist/index.d.ts
CHANGED
|
@@ -104,8 +104,7 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
|
|
|
104
104
|
children: string;
|
|
105
105
|
/**
|
|
106
106
|
* Optional explicit tooltip body. Defaults to `children`. Useful when the
|
|
107
|
-
* displayed string is formatted
|
|
108
|
-
* should show a different form.
|
|
107
|
+
* displayed string is formatted but the tooltip should show a different form.
|
|
109
108
|
*/
|
|
110
109
|
tooltip?: React.ReactNode;
|
|
111
110
|
/** Hover delay before the tooltip opens (ms). */
|
|
@@ -115,6 +114,67 @@ interface TruncatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
|
|
|
115
114
|
}
|
|
116
115
|
declare const TruncatedText: React.ForwardRefExoticComponent<TruncatedTextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
117
116
|
|
|
117
|
+
interface EmojiSelection {
|
|
118
|
+
id: string;
|
|
119
|
+
name: string;
|
|
120
|
+
native: string;
|
|
121
|
+
unified: string;
|
|
122
|
+
keywords: string[];
|
|
123
|
+
shortcodes: string;
|
|
124
|
+
skin?: number;
|
|
125
|
+
}
|
|
126
|
+
type EmojiPickerLocale = "en" | "fr";
|
|
127
|
+
interface CommonEmojiPickerProps {
|
|
128
|
+
/** Called with the selected emoji. */
|
|
129
|
+
onSelect: (emoji: EmojiSelection) => void;
|
|
130
|
+
/** Picker locale (defaults to `"en"`). */
|
|
131
|
+
locale?: EmojiPickerLocale;
|
|
132
|
+
/**
|
|
133
|
+
* Auto-tracks `data-theme="dark"` on `<html>` by default. Pass an explicit
|
|
134
|
+
* `"light"` or `"dark"` to override.
|
|
135
|
+
*/
|
|
136
|
+
theme?: "light" | "dark" | "auto";
|
|
137
|
+
/** Pre-selected skin tone (1–6). */
|
|
138
|
+
skin?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
139
|
+
/** Hide the search bar. */
|
|
140
|
+
searchPosition?: "sticky" | "static" | "none";
|
|
141
|
+
/** Hide the skin-tone selector button. */
|
|
142
|
+
skinTonePosition?: "preview" | "search" | "none";
|
|
143
|
+
/** Hide the bottom preview bar. */
|
|
144
|
+
previewPosition?: "top" | "bottom" | "none";
|
|
145
|
+
/** Hide the category navigation row. */
|
|
146
|
+
navPosition?: "top" | "bottom" | "none";
|
|
147
|
+
/** Per-row emoji count (default emoji-mart value: 9). */
|
|
148
|
+
perLine?: number;
|
|
149
|
+
/** Maximum number of recent emojis kept by emoji-mart (localStorage). */
|
|
150
|
+
maxFrequentRows?: number;
|
|
151
|
+
}
|
|
152
|
+
interface EmojiPickerProps extends CommonEmojiPickerProps {
|
|
153
|
+
className?: string;
|
|
154
|
+
}
|
|
155
|
+
declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
156
|
+
interface EmojiPickerPopoverProps extends CommonEmojiPickerProps {
|
|
157
|
+
/**
|
|
158
|
+
* Custom trigger element. Provide via `children` together with `asChild`-style
|
|
159
|
+
* composition (Radix passes the trigger props down). When omitted, a default
|
|
160
|
+
* ghost icon-only Button with the face-smile icon is rendered.
|
|
161
|
+
*/
|
|
162
|
+
children?: React.ReactNode;
|
|
163
|
+
/** Controlled open state. */
|
|
164
|
+
open?: boolean;
|
|
165
|
+
/** Open-state change handler. */
|
|
166
|
+
onOpenChange?: (open: boolean) => void;
|
|
167
|
+
/** Popover side (default `"bottom"`). */
|
|
168
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
169
|
+
/** Popover alignment (default `"start"`). */
|
|
170
|
+
align?: "start" | "center" | "end";
|
|
171
|
+
/** Distance from the trigger in px (default 6). */
|
|
172
|
+
sideOffset?: number;
|
|
173
|
+
/** `aria-label` for the default trigger (ignored when `children` is set). */
|
|
174
|
+
triggerAriaLabel?: string;
|
|
175
|
+
}
|
|
176
|
+
declare const EmojiPickerPopover: React.ForwardRefExoticComponent<EmojiPickerPopoverProps & React.RefAttributes<HTMLButtonElement>>;
|
|
177
|
+
|
|
118
178
|
declare const linkVariants: (props?: ({
|
|
119
179
|
intent?: "success" | "warning" | "neutral" | "alert" | "brand" | null | undefined;
|
|
120
180
|
size?: "sm" | "md" | null | undefined;
|
|
@@ -1184,4 +1244,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
|
|
|
1184
1244
|
declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1185
1245
|
declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
|
|
1186
1246
|
|
|
1187
|
-
export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
|
|
1247
|
+
export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmojiPicker, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSelection, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
|