@clidey/ux 0.22.0 → 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 +29 -14
- package/dist/index.js +1470 -1190
- 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,15 +275,17 @@ 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, buttonProps, }: 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;
|
|
@@ -298,7 +299,10 @@ declare type SearchSelectProps = {
|
|
|
298
299
|
placeholder?: string;
|
|
299
300
|
searchPlaceholder?: string;
|
|
300
301
|
value?: string;
|
|
302
|
+
defaultValue?: string;
|
|
301
303
|
onChange?: (value: string) => void;
|
|
304
|
+
onValueChange?: (value: string) => void;
|
|
305
|
+
notFoundMessage?: string;
|
|
302
306
|
buttonClassName?: string;
|
|
303
307
|
contentClassName?: string;
|
|
304
308
|
disabled?: boolean;
|
|
@@ -321,6 +325,8 @@ export declare function SelectItem({ className, children, ...props }: React_2.Co
|
|
|
321
325
|
|
|
322
326
|
export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
|
|
323
327
|
|
|
328
|
+
export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
|
|
329
|
+
|
|
324
330
|
export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
325
331
|
size?: "sm" | "default";
|
|
326
332
|
}): JSX.Element;
|
|
@@ -365,7 +371,9 @@ declare type SidebarContextProps = {
|
|
|
365
371
|
|
|
366
372
|
export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
367
373
|
|
|
368
|
-
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;
|
|
369
377
|
|
|
370
378
|
export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
|
|
371
379
|
asChild?: boolean;
|
|
@@ -465,15 +473,15 @@ declare type StackListProps = {
|
|
|
465
473
|
|
|
466
474
|
export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
|
|
467
475
|
|
|
468
|
-
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;
|
|
469
477
|
|
|
470
478
|
export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
|
|
471
479
|
|
|
472
480
|
export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
|
|
473
481
|
|
|
474
|
-
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;
|
|
475
483
|
|
|
476
|
-
export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th"> & {
|
|
484
|
+
export declare function TableHead({ className, icon, children, ...props }: React_2.ComponentProps<"th"> & {
|
|
477
485
|
icon?: React_2.ReactNode;
|
|
478
486
|
}): JSX.Element;
|
|
479
487
|
|
|
@@ -506,9 +514,7 @@ declare type ThemeProviderState = {
|
|
|
506
514
|
setTheme: (theme: Theme) => void;
|
|
507
515
|
};
|
|
508
516
|
|
|
509
|
-
export {
|
|
510
|
-
|
|
511
|
-
export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
|
|
517
|
+
export declare const Toaster: ({ className, ...props }: ToasterProps) => JSX.Element;
|
|
512
518
|
|
|
513
519
|
export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
|
|
514
520
|
|
|
@@ -540,14 +546,23 @@ export declare function useSidebar(): SidebarContextProps;
|
|
|
540
546
|
|
|
541
547
|
export declare const useTheme: () => ThemeProviderState;
|
|
542
548
|
|
|
543
|
-
|
|
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;
|
|
544
556
|
|
|
545
557
|
declare type VirtualizedTableBodyProps = {
|
|
546
558
|
rowCount: number;
|
|
547
|
-
rowHeight?: number
|
|
559
|
+
rowHeight?: number | ((args: {
|
|
560
|
+
index: number;
|
|
561
|
+
}) => number);
|
|
548
562
|
height?: number;
|
|
549
563
|
className?: string;
|
|
550
564
|
style?: React_2.CSSProperties;
|
|
565
|
+
overscan?: number;
|
|
551
566
|
children: (index: number, style: React_2.CSSProperties) => React_2.ReactNode;
|
|
552
567
|
};
|
|
553
568
|
|