@clidey/ux 0.21.3 → 0.23.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.d.ts +31 -14
- package/dist/index.js +1470 -1186
- package/dist/styles.css +1 -1
- package/package.json +18 -8
package/dist/index.d.ts
CHANGED
|
@@ -20,7 +20,6 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
|
20
20
|
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
21
21
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
22
22
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
23
|
-
import { toast } from 'sonner';
|
|
24
23
|
import { ToasterProps } from 'sonner';
|
|
25
24
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
26
25
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -126,7 +125,7 @@ export declare function ContextMenuCheckboxItem({ className, children, checked,
|
|
|
126
125
|
|
|
127
126
|
export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element;
|
|
128
127
|
|
|
129
|
-
export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
|
|
128
|
+
export declare function ContextMenuItem({ className, inset, variant, disabled, onClick, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
|
|
130
129
|
inset?: boolean;
|
|
131
130
|
variant?: "default" | "destructive";
|
|
132
131
|
}): JSX.Element;
|
|
@@ -276,20 +275,23 @@ export declare function ResizableHandle({ withHandle, className, ...props }: Rea
|
|
|
276
275
|
withHandle?: boolean;
|
|
277
276
|
}): JSX.Element;
|
|
278
277
|
|
|
279
|
-
export declare function ResizablePanel({ ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
|
|
278
|
+
export declare function ResizablePanel({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
|
|
280
279
|
|
|
281
|
-
export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
|
|
280
|
+
export declare function ResizablePanelGroup({ className, direction, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
|
|
282
281
|
|
|
283
282
|
export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
|
|
284
283
|
|
|
284
|
+
export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
|
|
285
|
+
|
|
285
286
|
export declare function SearchInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
|
|
286
287
|
|
|
287
|
-
export declare function SearchSelect({ options, placeholder, searchPlaceholder, value, onChange, buttonClassName, contentClassName, disabled, extraOptions, side, align, onlyIcon, label, inputProps, }: SearchSelectProps): JSX.Element;
|
|
288
|
+
export declare function SearchSelect({ options, placeholder, searchPlaceholder, value, defaultValue, onChange, onValueChange, notFoundMessage, buttonClassName, contentClassName, disabled, extraOptions, side, align, onlyIcon, label, inputProps, buttonProps, }: SearchSelectProps): JSX.Element;
|
|
288
289
|
|
|
289
290
|
declare type SearchSelectOption = {
|
|
290
291
|
value: string;
|
|
291
292
|
label: string;
|
|
292
293
|
icon?: React_2.ReactNode;
|
|
294
|
+
rightIcon?: React_2.ReactNode;
|
|
293
295
|
};
|
|
294
296
|
|
|
295
297
|
declare type SearchSelectProps = {
|
|
@@ -297,7 +299,10 @@ declare type SearchSelectProps = {
|
|
|
297
299
|
placeholder?: string;
|
|
298
300
|
searchPlaceholder?: string;
|
|
299
301
|
value?: string;
|
|
302
|
+
defaultValue?: string;
|
|
300
303
|
onChange?: (value: string) => void;
|
|
304
|
+
onValueChange?: (value: string) => void;
|
|
305
|
+
notFoundMessage?: string;
|
|
301
306
|
buttonClassName?: string;
|
|
302
307
|
contentClassName?: string;
|
|
303
308
|
disabled?: boolean;
|
|
@@ -307,6 +312,7 @@ declare type SearchSelectProps = {
|
|
|
307
312
|
onlyIcon?: boolean;
|
|
308
313
|
label?: string;
|
|
309
314
|
inputProps?: React_2.ComponentProps<typeof CommandInput>;
|
|
315
|
+
buttonProps?: React_2.ComponentProps<typeof Button>;
|
|
310
316
|
};
|
|
311
317
|
|
|
312
318
|
export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
|
|
@@ -319,6 +325,8 @@ export declare function SelectItem({ className, children, ...props }: React_2.Co
|
|
|
319
325
|
|
|
320
326
|
export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
|
|
321
327
|
|
|
328
|
+
export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
|
|
329
|
+
|
|
322
330
|
export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
323
331
|
size?: "sm" | "default";
|
|
324
332
|
}): JSX.Element;
|
|
@@ -363,7 +371,9 @@ declare type SidebarContextProps = {
|
|
|
363
371
|
|
|
364
372
|
export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
365
373
|
|
|
366
|
-
export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">
|
|
374
|
+
export declare function SidebarGroup({ className, collapsible, ...props }: React_2.ComponentProps<"div"> & {
|
|
375
|
+
collapsible?: boolean;
|
|
376
|
+
}): JSX.Element;
|
|
367
377
|
|
|
368
378
|
export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
|
|
369
379
|
asChild?: boolean;
|
|
@@ -463,15 +473,15 @@ declare type StackListProps = {
|
|
|
463
473
|
|
|
464
474
|
export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
|
|
465
475
|
|
|
466
|
-
export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
|
|
476
|
+
export declare function Table({ className, style, ...props }: React_2.ComponentProps<"table">): JSX.Element;
|
|
467
477
|
|
|
468
478
|
export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
|
|
469
479
|
|
|
470
480
|
export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
|
|
471
481
|
|
|
472
|
-
export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
|
|
482
|
+
export declare function TableCell({ className, children, ...props }: React_2.ComponentProps<"td">): JSX.Element;
|
|
473
483
|
|
|
474
|
-
export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th"> & {
|
|
484
|
+
export declare function TableHead({ className, icon, children, ...props }: React_2.ComponentProps<"th"> & {
|
|
475
485
|
icon?: React_2.ReactNode;
|
|
476
486
|
}): JSX.Element;
|
|
477
487
|
|
|
@@ -504,9 +514,7 @@ declare type ThemeProviderState = {
|
|
|
504
514
|
setTheme: (theme: Theme) => void;
|
|
505
515
|
};
|
|
506
516
|
|
|
507
|
-
export {
|
|
508
|
-
|
|
509
|
-
export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
|
|
517
|
+
export declare const Toaster: ({ className, ...props }: ToasterProps) => JSX.Element;
|
|
510
518
|
|
|
511
519
|
export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
|
|
512
520
|
|
|
@@ -538,14 +546,23 @@ export declare function useSidebar(): SidebarContextProps;
|
|
|
538
546
|
|
|
539
547
|
export declare const useTheme: () => ThemeProviderState;
|
|
540
548
|
|
|
541
|
-
|
|
549
|
+
/**
|
|
550
|
+
* Highly optimized VirtualizedTableBody
|
|
551
|
+
* - O(1) lookup for constant row height
|
|
552
|
+
* - O(log n) lookup for variable row height (via binary search on prefix sum cache)
|
|
553
|
+
* - requestAnimationFrame batching for scroll updates
|
|
554
|
+
*/
|
|
555
|
+
export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, style, overscan, children, }: VirtualizedTableBodyProps): JSX.Element;
|
|
542
556
|
|
|
543
557
|
declare type VirtualizedTableBodyProps = {
|
|
544
558
|
rowCount: number;
|
|
545
|
-
rowHeight?: number
|
|
559
|
+
rowHeight?: number | ((args: {
|
|
560
|
+
index: number;
|
|
561
|
+
}) => number);
|
|
546
562
|
height?: number;
|
|
547
563
|
className?: string;
|
|
548
564
|
style?: React_2.CSSProperties;
|
|
565
|
+
overscan?: number;
|
|
549
566
|
children: (index: number, style: React_2.CSSProperties) => React_2.ReactNode;
|
|
550
567
|
};
|
|
551
568
|
|