@optilogic/core 1.2.1 → 1.3.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/dist/index.cjs +584 -27
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +128 -3
- package/dist/index.d.ts +128 -3
- package/dist/index.js +580 -28
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/combobox.tsx +340 -0
- package/src/components/file-view/components/HtmlRenderer.tsx +2 -0
- package/src/components/multi-select.tsx +375 -0
- package/src/components/select.tsx +18 -2
- package/src/components/tabs.tsx +92 -28
- package/src/index.ts +16 -0
package/dist/index.d.cts
CHANGED
|
@@ -253,6 +253,9 @@ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<Sel
|
|
|
253
253
|
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
254
254
|
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
255
255
|
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
256
|
+
interface SelectItemDescriptionProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
257
|
+
}
|
|
258
|
+
declare const SelectItemDescription: React$1.ForwardRefExoticComponent<SelectItemDescriptionProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
256
259
|
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
257
260
|
|
|
258
261
|
/**
|
|
@@ -271,18 +274,32 @@ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrim
|
|
|
271
274
|
* </Tabs>
|
|
272
275
|
*/
|
|
273
276
|
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
277
|
+
declare const tabsListVariants: (props?: ({
|
|
278
|
+
variant?: "default" | "pill" | "unstyled" | null | undefined;
|
|
279
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
280
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
281
|
+
variant?: "default" | "pill" | "unstyled" | null | undefined;
|
|
282
|
+
indicatorSize?: "default" | "sm" | "lg" | null | undefined;
|
|
283
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
284
|
+
interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
|
|
285
|
+
}
|
|
274
286
|
/**
|
|
275
287
|
* TabsList
|
|
276
288
|
*
|
|
277
289
|
* Container for tab triggers. Provides the tab header bar.
|
|
290
|
+
* Supports variants: default, pill, unstyled
|
|
278
291
|
*/
|
|
279
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<
|
|
292
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
293
|
+
interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
|
|
294
|
+
}
|
|
280
295
|
/**
|
|
281
296
|
* TabsTrigger
|
|
282
297
|
*
|
|
283
298
|
* Individual tab button that activates its associated content.
|
|
299
|
+
* Supports variants: default, pill, unstyled
|
|
300
|
+
* Supports indicatorSize: sm, default, lg (only applies to default variant)
|
|
284
301
|
*/
|
|
285
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<
|
|
302
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
286
303
|
/**
|
|
287
304
|
* TabsContent
|
|
288
305
|
*
|
|
@@ -2110,6 +2127,114 @@ interface AutocompleteProps {
|
|
|
2110
2127
|
*/
|
|
2111
2128
|
declare function Autocomplete({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
|
|
2112
2129
|
|
|
2130
|
+
interface MultiSelectProps {
|
|
2131
|
+
/** Array of options to display */
|
|
2132
|
+
options: AutocompleteOption[];
|
|
2133
|
+
/** Currently selected values */
|
|
2134
|
+
value?: string[];
|
|
2135
|
+
/** Callback when selection changes */
|
|
2136
|
+
onChange?: (values: string[]) => void;
|
|
2137
|
+
/** Placeholder text when no selection */
|
|
2138
|
+
placeholder?: string;
|
|
2139
|
+
/** Placeholder for the search input */
|
|
2140
|
+
searchPlaceholder?: string;
|
|
2141
|
+
/** Text to show when no options match the search */
|
|
2142
|
+
emptyText?: string;
|
|
2143
|
+
/** Whether the multi-select is disabled */
|
|
2144
|
+
disabled?: boolean;
|
|
2145
|
+
/** Additional class name for the trigger */
|
|
2146
|
+
className?: string;
|
|
2147
|
+
/** Whether to show the clear-all button */
|
|
2148
|
+
clearable?: boolean;
|
|
2149
|
+
/** Max number of pills to display before showing "+N more" */
|
|
2150
|
+
maxDisplayItems?: number;
|
|
2151
|
+
/** Whether to show a "Select All" toggle */
|
|
2152
|
+
showSelectAll?: boolean;
|
|
2153
|
+
/** Custom label for the select all option */
|
|
2154
|
+
selectAllLabel?: string;
|
|
2155
|
+
}
|
|
2156
|
+
/**
|
|
2157
|
+
* MultiSelect component - a multi-select dropdown with checkboxes
|
|
2158
|
+
*
|
|
2159
|
+
* Features:
|
|
2160
|
+
* - Checkbox selection for multiple options
|
|
2161
|
+
* - Search filtering
|
|
2162
|
+
* - Grouped options support
|
|
2163
|
+
* - Descriptions per option
|
|
2164
|
+
* - Tag pills with individual removal
|
|
2165
|
+
* - "Select All" toggle
|
|
2166
|
+
*
|
|
2167
|
+
* @example
|
|
2168
|
+
* <MultiSelect
|
|
2169
|
+
* options={[
|
|
2170
|
+
* { value: 'react', label: 'React', description: 'A JS library' },
|
|
2171
|
+
* { value: 'vue', label: 'Vue', group: 'Frameworks' },
|
|
2172
|
+
* ]}
|
|
2173
|
+
* value={selected}
|
|
2174
|
+
* onChange={setSelected}
|
|
2175
|
+
* placeholder="Select frameworks..."
|
|
2176
|
+
* showSelectAll
|
|
2177
|
+
* />
|
|
2178
|
+
*/
|
|
2179
|
+
declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, maxDisplayItems, showSelectAll, selectAllLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
2180
|
+
declare namespace MultiSelect {
|
|
2181
|
+
var displayName: string;
|
|
2182
|
+
}
|
|
2183
|
+
|
|
2184
|
+
interface ComboboxProps {
|
|
2185
|
+
/** Array of options to display */
|
|
2186
|
+
options: AutocompleteOption[];
|
|
2187
|
+
/** Currently selected value */
|
|
2188
|
+
value?: string;
|
|
2189
|
+
/** Callback when selection changes */
|
|
2190
|
+
onChange?: (value: string | undefined) => void;
|
|
2191
|
+
/** Callback when the input text changes (for controlled/async filtering) */
|
|
2192
|
+
onInputChange?: (input: string) => void;
|
|
2193
|
+
/** Placeholder text when empty */
|
|
2194
|
+
placeholder?: string;
|
|
2195
|
+
/** Text to show when no options match */
|
|
2196
|
+
emptyText?: string;
|
|
2197
|
+
/** Whether the combobox is disabled */
|
|
2198
|
+
disabled?: boolean;
|
|
2199
|
+
/** Additional class name for the trigger */
|
|
2200
|
+
className?: string;
|
|
2201
|
+
/** Whether to allow clearing the selection */
|
|
2202
|
+
clearable?: boolean;
|
|
2203
|
+
/** Whether to allow custom values not in the options list */
|
|
2204
|
+
allowCustomValue?: boolean;
|
|
2205
|
+
}
|
|
2206
|
+
/**
|
|
2207
|
+
* Combobox component - a searchable input that also allows custom values
|
|
2208
|
+
*
|
|
2209
|
+
* Unlike Autocomplete (button trigger, select-only), Combobox uses an
|
|
2210
|
+
* inline text input as the trigger. Users can type to filter options
|
|
2211
|
+
* AND optionally commit custom values not in the list.
|
|
2212
|
+
*
|
|
2213
|
+
* Features:
|
|
2214
|
+
* - Inline text input trigger
|
|
2215
|
+
* - Dropdown opens on focus/typing
|
|
2216
|
+
* - Grouped options with descriptions
|
|
2217
|
+
* - Custom value support (allowCustomValue)
|
|
2218
|
+
* - Clearable selection
|
|
2219
|
+
* - Async filtering via onInputChange
|
|
2220
|
+
*
|
|
2221
|
+
* @example
|
|
2222
|
+
* <Combobox
|
|
2223
|
+
* options={[
|
|
2224
|
+
* { value: 'react', label: 'React' },
|
|
2225
|
+
* { value: 'vue', label: 'Vue' },
|
|
2226
|
+
* ]}
|
|
2227
|
+
* value={selected}
|
|
2228
|
+
* onChange={setSelected}
|
|
2229
|
+
* placeholder="Type or select..."
|
|
2230
|
+
* allowCustomValue
|
|
2231
|
+
* />
|
|
2232
|
+
*/
|
|
2233
|
+
declare function Combobox({ options, value, onChange, onInputChange, placeholder, emptyText, disabled, className, clearable, allowCustomValue, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
2234
|
+
declare namespace Combobox {
|
|
2235
|
+
var displayName: string;
|
|
2236
|
+
}
|
|
2237
|
+
|
|
2113
2238
|
declare const iconButtonVariants: (props?: ({
|
|
2114
2239
|
variant?: "default" | "outline" | "ghost" | "muted" | "filled" | null | undefined;
|
|
2115
2240
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -3088,4 +3213,4 @@ type SortingConfig = {
|
|
|
3088
3213
|
onSort: (field: string) => void;
|
|
3089
3214
|
};
|
|
3090
3215
|
|
|
3091
|
-
export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
|
|
3216
|
+
export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, Combobox, type ComboboxProps, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, MultiSelect, type MultiSelectProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectItemDescription, type SelectItemDescriptionProps, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, tabsListVariants, tabsTriggerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -253,6 +253,9 @@ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<Sel
|
|
|
253
253
|
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
254
254
|
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
255
255
|
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
256
|
+
interface SelectItemDescriptionProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
257
|
+
}
|
|
258
|
+
declare const SelectItemDescription: React$1.ForwardRefExoticComponent<SelectItemDescriptionProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
256
259
|
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
257
260
|
|
|
258
261
|
/**
|
|
@@ -271,18 +274,32 @@ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrim
|
|
|
271
274
|
* </Tabs>
|
|
272
275
|
*/
|
|
273
276
|
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
277
|
+
declare const tabsListVariants: (props?: ({
|
|
278
|
+
variant?: "default" | "pill" | "unstyled" | null | undefined;
|
|
279
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
280
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
281
|
+
variant?: "default" | "pill" | "unstyled" | null | undefined;
|
|
282
|
+
indicatorSize?: "default" | "sm" | "lg" | null | undefined;
|
|
283
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
284
|
+
interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
|
|
285
|
+
}
|
|
274
286
|
/**
|
|
275
287
|
* TabsList
|
|
276
288
|
*
|
|
277
289
|
* Container for tab triggers. Provides the tab header bar.
|
|
290
|
+
* Supports variants: default, pill, unstyled
|
|
278
291
|
*/
|
|
279
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<
|
|
292
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
293
|
+
interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
|
|
294
|
+
}
|
|
280
295
|
/**
|
|
281
296
|
* TabsTrigger
|
|
282
297
|
*
|
|
283
298
|
* Individual tab button that activates its associated content.
|
|
299
|
+
* Supports variants: default, pill, unstyled
|
|
300
|
+
* Supports indicatorSize: sm, default, lg (only applies to default variant)
|
|
284
301
|
*/
|
|
285
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<
|
|
302
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
286
303
|
/**
|
|
287
304
|
* TabsContent
|
|
288
305
|
*
|
|
@@ -2110,6 +2127,114 @@ interface AutocompleteProps {
|
|
|
2110
2127
|
*/
|
|
2111
2128
|
declare function Autocomplete({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
|
|
2112
2129
|
|
|
2130
|
+
interface MultiSelectProps {
|
|
2131
|
+
/** Array of options to display */
|
|
2132
|
+
options: AutocompleteOption[];
|
|
2133
|
+
/** Currently selected values */
|
|
2134
|
+
value?: string[];
|
|
2135
|
+
/** Callback when selection changes */
|
|
2136
|
+
onChange?: (values: string[]) => void;
|
|
2137
|
+
/** Placeholder text when no selection */
|
|
2138
|
+
placeholder?: string;
|
|
2139
|
+
/** Placeholder for the search input */
|
|
2140
|
+
searchPlaceholder?: string;
|
|
2141
|
+
/** Text to show when no options match the search */
|
|
2142
|
+
emptyText?: string;
|
|
2143
|
+
/** Whether the multi-select is disabled */
|
|
2144
|
+
disabled?: boolean;
|
|
2145
|
+
/** Additional class name for the trigger */
|
|
2146
|
+
className?: string;
|
|
2147
|
+
/** Whether to show the clear-all button */
|
|
2148
|
+
clearable?: boolean;
|
|
2149
|
+
/** Max number of pills to display before showing "+N more" */
|
|
2150
|
+
maxDisplayItems?: number;
|
|
2151
|
+
/** Whether to show a "Select All" toggle */
|
|
2152
|
+
showSelectAll?: boolean;
|
|
2153
|
+
/** Custom label for the select all option */
|
|
2154
|
+
selectAllLabel?: string;
|
|
2155
|
+
}
|
|
2156
|
+
/**
|
|
2157
|
+
* MultiSelect component - a multi-select dropdown with checkboxes
|
|
2158
|
+
*
|
|
2159
|
+
* Features:
|
|
2160
|
+
* - Checkbox selection for multiple options
|
|
2161
|
+
* - Search filtering
|
|
2162
|
+
* - Grouped options support
|
|
2163
|
+
* - Descriptions per option
|
|
2164
|
+
* - Tag pills with individual removal
|
|
2165
|
+
* - "Select All" toggle
|
|
2166
|
+
*
|
|
2167
|
+
* @example
|
|
2168
|
+
* <MultiSelect
|
|
2169
|
+
* options={[
|
|
2170
|
+
* { value: 'react', label: 'React', description: 'A JS library' },
|
|
2171
|
+
* { value: 'vue', label: 'Vue', group: 'Frameworks' },
|
|
2172
|
+
* ]}
|
|
2173
|
+
* value={selected}
|
|
2174
|
+
* onChange={setSelected}
|
|
2175
|
+
* placeholder="Select frameworks..."
|
|
2176
|
+
* showSelectAll
|
|
2177
|
+
* />
|
|
2178
|
+
*/
|
|
2179
|
+
declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, maxDisplayItems, showSelectAll, selectAllLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
2180
|
+
declare namespace MultiSelect {
|
|
2181
|
+
var displayName: string;
|
|
2182
|
+
}
|
|
2183
|
+
|
|
2184
|
+
interface ComboboxProps {
|
|
2185
|
+
/** Array of options to display */
|
|
2186
|
+
options: AutocompleteOption[];
|
|
2187
|
+
/** Currently selected value */
|
|
2188
|
+
value?: string;
|
|
2189
|
+
/** Callback when selection changes */
|
|
2190
|
+
onChange?: (value: string | undefined) => void;
|
|
2191
|
+
/** Callback when the input text changes (for controlled/async filtering) */
|
|
2192
|
+
onInputChange?: (input: string) => void;
|
|
2193
|
+
/** Placeholder text when empty */
|
|
2194
|
+
placeholder?: string;
|
|
2195
|
+
/** Text to show when no options match */
|
|
2196
|
+
emptyText?: string;
|
|
2197
|
+
/** Whether the combobox is disabled */
|
|
2198
|
+
disabled?: boolean;
|
|
2199
|
+
/** Additional class name for the trigger */
|
|
2200
|
+
className?: string;
|
|
2201
|
+
/** Whether to allow clearing the selection */
|
|
2202
|
+
clearable?: boolean;
|
|
2203
|
+
/** Whether to allow custom values not in the options list */
|
|
2204
|
+
allowCustomValue?: boolean;
|
|
2205
|
+
}
|
|
2206
|
+
/**
|
|
2207
|
+
* Combobox component - a searchable input that also allows custom values
|
|
2208
|
+
*
|
|
2209
|
+
* Unlike Autocomplete (button trigger, select-only), Combobox uses an
|
|
2210
|
+
* inline text input as the trigger. Users can type to filter options
|
|
2211
|
+
* AND optionally commit custom values not in the list.
|
|
2212
|
+
*
|
|
2213
|
+
* Features:
|
|
2214
|
+
* - Inline text input trigger
|
|
2215
|
+
* - Dropdown opens on focus/typing
|
|
2216
|
+
* - Grouped options with descriptions
|
|
2217
|
+
* - Custom value support (allowCustomValue)
|
|
2218
|
+
* - Clearable selection
|
|
2219
|
+
* - Async filtering via onInputChange
|
|
2220
|
+
*
|
|
2221
|
+
* @example
|
|
2222
|
+
* <Combobox
|
|
2223
|
+
* options={[
|
|
2224
|
+
* { value: 'react', label: 'React' },
|
|
2225
|
+
* { value: 'vue', label: 'Vue' },
|
|
2226
|
+
* ]}
|
|
2227
|
+
* value={selected}
|
|
2228
|
+
* onChange={setSelected}
|
|
2229
|
+
* placeholder="Type or select..."
|
|
2230
|
+
* allowCustomValue
|
|
2231
|
+
* />
|
|
2232
|
+
*/
|
|
2233
|
+
declare function Combobox({ options, value, onChange, onInputChange, placeholder, emptyText, disabled, className, clearable, allowCustomValue, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
2234
|
+
declare namespace Combobox {
|
|
2235
|
+
var displayName: string;
|
|
2236
|
+
}
|
|
2237
|
+
|
|
2113
2238
|
declare const iconButtonVariants: (props?: ({
|
|
2114
2239
|
variant?: "default" | "outline" | "ghost" | "muted" | "filled" | null | undefined;
|
|
2115
2240
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -3088,4 +3213,4 @@ type SortingConfig = {
|
|
|
3088
3213
|
onSort: (field: string) => void;
|
|
3089
3214
|
};
|
|
3090
3215
|
|
|
3091
|
-
export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
|
|
3216
|
+
export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, Combobox, type ComboboxProps, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, MultiSelect, type MultiSelectProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectItemDescription, type SelectItemDescriptionProps, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, tabsListVariants, tabsTriggerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
|