@donotdev/components 0.0.13 → 0.0.15
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/advanced/Code/CodeContent.d.ts.map +1 -1
- package/dist/advanced/Code/CodeContent.js +5 -1
- package/dist/advanced/Code/CodeSkeleton.d.ts.map +1 -1
- package/dist/advanced/Code/CodeSkeleton.js +2 -1
- package/dist/advanced/ImageGallery/ImageGallery.d.ts +39 -0
- package/dist/advanced/ImageGallery/ImageGallery.d.ts.map +1 -0
- package/dist/advanced/ImageGallery/ImageGallery.js +138 -0
- package/dist/advanced/ImageGallery/index.d.ts +3 -0
- package/dist/advanced/ImageGallery/index.d.ts.map +1 -0
- package/dist/advanced/ImageGallery/index.js +2 -0
- package/dist/advanced/JsonViewer/JsonViewer.d.ts.map +1 -1
- package/dist/advanced/JsonViewer/JsonViewer.js +2 -1
- package/dist/advanced/index.d.ts +2 -0
- package/dist/advanced/index.d.ts.map +1 -1
- package/dist/advanced/index.js +1 -0
- package/dist/atomic/Accordion/AccordionPrimitive.d.ts +1 -1
- package/dist/atomic/Accordion/AccordionPrimitive.d.ts.map +1 -1
- package/dist/atomic/Accordion/AccordionPrimitive.js +1 -1
- package/dist/atomic/Accordion/index.d.ts.map +1 -1
- package/dist/atomic/Accordion/index.js +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.js +1 -1
- package/dist/atomic/AlertDialog/index.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/index.js +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts +1 -2
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts.map +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.js +1 -2
- package/dist/atomic/Avatar/index.d.ts +1 -1
- package/dist/atomic/Avatar/index.d.ts.map +1 -1
- package/dist/atomic/Avatar/index.js +1 -1
- package/dist/atomic/Badge/index.d.ts +1 -1
- package/dist/atomic/Button/index.d.ts +1 -1
- package/dist/atomic/Button/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts.map +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.js +1 -1
- package/dist/atomic/Checkbox/index.d.ts +17 -3
- package/dist/atomic/Checkbox/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/index.js +21 -5
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts +1 -2
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts.map +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.js +1 -2
- package/dist/atomic/Collapsible/index.d.ts.map +1 -1
- package/dist/atomic/Collapsible/index.js +6 -2
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.js +1 -1
- package/dist/atomic/ContextMenu/index.d.ts.map +1 -1
- package/dist/atomic/ContextMenu/index.js +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.js +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.js +1 -1
- package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/index.js +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts.map +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.js +1 -1
- package/dist/atomic/HoverCard/index.d.ts.map +1 -1
- package/dist/atomic/HoverCard/index.js +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.d.ts.map +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.js +17 -1
- package/dist/atomic/Input/index.d.ts +6 -1
- package/dist/atomic/Input/index.d.ts.map +1 -1
- package/dist/atomic/Input/index.js +10 -5
- package/dist/atomic/Label/FloatingLabel.d.ts +3 -1
- package/dist/atomic/Label/FloatingLabel.d.ts.map +1 -1
- package/dist/atomic/Label/FloatingLabel.js +2 -2
- package/dist/atomic/Label/LabelPrimitive.d.ts +1 -1
- package/dist/atomic/Label/LabelPrimitive.d.ts.map +1 -1
- package/dist/atomic/Label/LabelPrimitive.js +1 -1
- package/dist/atomic/Label/index.d.ts.map +1 -1
- package/dist/atomic/Label/index.js +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.js +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/index.js +1 -1
- package/dist/atomic/Pagination/index.d.ts +7 -29
- package/dist/atomic/Pagination/index.d.ts.map +1 -1
- package/dist/atomic/Pagination/index.js +101 -71
- package/dist/atomic/PasswordInput/index.d.ts.map +1 -1
- package/dist/atomic/PasswordInput/index.js +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.d.ts +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.d.ts.map +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.js +1 -1
- package/dist/atomic/Popover/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.js +1 -1
- package/dist/atomic/Portal/PortalPrimitive.d.ts +1 -1
- package/dist/atomic/Portal/PortalPrimitive.d.ts.map +1 -1
- package/dist/atomic/Portal/PortalPrimitive.js +1 -1
- package/dist/atomic/Portal/index.d.ts +1 -1
- package/dist/atomic/Portal/index.d.ts.map +1 -1
- package/dist/atomic/Portal/index.js +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts.map +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.js +1 -1
- package/dist/atomic/Progress/index.d.ts +1 -1
- package/dist/atomic/Progress/index.d.ts.map +1 -1
- package/dist/atomic/Progress/index.js +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.js +1 -1
- package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/index.js +1 -1
- package/dist/atomic/RangeInput/index.d.ts +45 -0
- package/dist/atomic/RangeInput/index.d.ts.map +1 -0
- package/dist/atomic/RangeInput/index.js +63 -0
- package/dist/atomic/Rating/index.d.ts +39 -0
- package/dist/atomic/Rating/index.d.ts.map +1 -0
- package/dist/atomic/Rating/index.js +115 -0
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js +1 -1
- package/dist/atomic/ScrollArea/index.d.ts +1 -1
- package/dist/atomic/ScrollArea/index.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/index.js +1 -1
- package/dist/atomic/Section/index.d.ts.map +1 -1
- package/dist/atomic/Section/index.js +1 -1
- package/dist/atomic/Select/SelectPrimitive.d.ts +1 -1
- package/dist/atomic/Select/SelectPrimitive.d.ts.map +1 -1
- package/dist/atomic/Select/SelectPrimitive.js +1 -1
- package/dist/atomic/Select/index.d.ts +2 -2
- package/dist/atomic/Select/index.d.ts.map +1 -1
- package/dist/atomic/Select/index.js +3 -3
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts.map +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.js +1 -1
- package/dist/atomic/Separator/index.d.ts +1 -1
- package/dist/atomic/Separator/index.d.ts.map +1 -1
- package/dist/atomic/Separator/index.js +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.d.ts +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.d.ts.map +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.js +1 -1
- package/dist/atomic/Slider/SliderPrimitive.d.ts +1 -1
- package/dist/atomic/Slider/SliderPrimitive.d.ts.map +1 -1
- package/dist/atomic/Slider/SliderPrimitive.js +1 -1
- package/dist/atomic/Slider/index.d.ts +3 -2
- package/dist/atomic/Slider/index.d.ts.map +1 -1
- package/dist/atomic/Slider/index.js +9 -6
- package/dist/atomic/Stepper/index.d.ts +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts.map +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.js +1 -1
- package/dist/atomic/Switch/index.d.ts +1 -1
- package/dist/atomic/Switch/index.d.ts.map +1 -1
- package/dist/atomic/Switch/index.js +1 -1
- package/dist/atomic/Table/index.d.ts +18 -5
- package/dist/atomic/Table/index.d.ts.map +1 -1
- package/dist/atomic/Table/index.js +91 -31
- package/dist/atomic/Tabs/TabsPrimitive.d.ts +1 -2
- package/dist/atomic/Tabs/TabsPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.js +1 -2
- package/dist/atomic/Tabs/index.d.ts +2 -2
- package/dist/atomic/Tabs/index.d.ts.map +1 -1
- package/dist/atomic/Tabs/index.js +1 -1
- package/dist/atomic/Text/index.d.ts +6 -0
- package/dist/atomic/Text/index.d.ts.map +1 -1
- package/dist/atomic/Text/index.js +2 -1
- package/dist/atomic/Textarea/index.d.ts +4 -0
- package/dist/atomic/Textarea/index.d.ts.map +1 -1
- package/dist/atomic/Textarea/index.js +3 -3
- package/dist/atomic/Toaster/Toast.types.d.ts +17 -0
- package/dist/atomic/Toaster/Toast.types.d.ts.map +1 -0
- package/dist/atomic/Toaster/Toast.types.js +2 -0
- package/dist/atomic/Toaster/ToastPrimitive.d.ts +2 -2
- package/dist/atomic/Toaster/ToastPrimitive.d.ts.map +1 -1
- package/dist/atomic/Toaster/ToastPrimitive.js +1 -1
- package/dist/atomic/Toaster/index.js +1 -1
- package/dist/atomic/Toggle/TogglePrimitive.d.ts +0 -1
- package/dist/atomic/Toggle/TogglePrimitive.d.ts.map +1 -1
- package/dist/atomic/Toggle/TogglePrimitive.js +0 -1
- package/dist/atomic/Toggle/index.d.ts +2 -2
- package/dist/atomic/Toggle/index.d.ts.map +1 -1
- package/dist/atomic/Toggle/index.js +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.js +1 -1
- package/dist/atomic/ToggleGroup/index.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/index.js +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.js +1 -1
- package/dist/atomic/Tooltip/index.d.ts.map +1 -1
- package/dist/atomic/Tooltip/index.js +1 -1
- package/dist/atomic/VideoPlayer/index.d.ts +11 -1
- package/dist/atomic/VideoPlayer/index.d.ts.map +1 -1
- package/dist/atomic/VideoPlayer/index.js +6 -8
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts +0 -1
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts.map +1 -1
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.js +0 -1
- package/dist/atomic/index.d.ts +7 -0
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +5 -0
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +1 -8
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/hooks/useToast.js +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/styles/index.css +365 -72
- package/dist/utils/variants.d.ts +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// packages/components/src/atomic/Rating/index.tsx
|
|
3
|
+
/**
|
|
4
|
+
* @fileoverview Rating Component
|
|
5
|
+
* @description Interactive star rating component for forms and display.
|
|
6
|
+
* Input mode accepts whole numbers (1-5), display mode renders fractional values.
|
|
7
|
+
*
|
|
8
|
+
* @version 0.0.1
|
|
9
|
+
* @since 0.0.1
|
|
10
|
+
* @author AMBROISE PARK Consulting
|
|
11
|
+
*/
|
|
12
|
+
import { useState, useCallback, useId } from 'react';
|
|
13
|
+
import { Star } from 'lucide-react';
|
|
14
|
+
import { cva } from 'class-variance-authority';
|
|
15
|
+
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
16
|
+
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
17
|
+
import './Rating.css';
|
|
18
|
+
const ratingVariants = cva('dndev-rating', {
|
|
19
|
+
variants: {
|
|
20
|
+
variant: {
|
|
21
|
+
[CONTROL_VARIANT.DEFAULT]: '',
|
|
22
|
+
[CONTROL_VARIANT.MUTED]: '',
|
|
23
|
+
[CONTROL_VARIANT.PRIMARY]: '',
|
|
24
|
+
[CONTROL_VARIANT.SECONDARY]: '',
|
|
25
|
+
[CONTROL_VARIANT.ACCENT]: '',
|
|
26
|
+
[CONTROL_VARIANT.SUCCESS]: '',
|
|
27
|
+
[CONTROL_VARIANT.WARNING]: '',
|
|
28
|
+
[CONTROL_VARIANT.DESTRUCTIVE]: '',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
variant: CONTROL_VARIANT.WARNING,
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
/**
|
|
36
|
+
* Get star fill state based on position and value
|
|
37
|
+
* @param position - Star position (1-indexed)
|
|
38
|
+
* @param value - Current rating value
|
|
39
|
+
* @returns 'filled' | 'half' | 'empty'
|
|
40
|
+
*/
|
|
41
|
+
function getStarState(position, value) {
|
|
42
|
+
if (value >= position)
|
|
43
|
+
return 'filled';
|
|
44
|
+
if (value >= position - 0.5)
|
|
45
|
+
return 'half';
|
|
46
|
+
return 'empty';
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Rating component for star-based ratings
|
|
50
|
+
*
|
|
51
|
+
* @example
|
|
52
|
+
* // Interactive (form input)
|
|
53
|
+
* <Rating value={rating} onChange={setRating} />
|
|
54
|
+
*
|
|
55
|
+
* @example
|
|
56
|
+
* // Display only (average rating)
|
|
57
|
+
* <Rating value={4.3} readonly />
|
|
58
|
+
*/
|
|
59
|
+
const Rating = ({ value = 0, onChange, max = 5, readonly = false, disabled = false, variant, className, showValue = false, 'aria-label': ariaLabel, ...props }) => {
|
|
60
|
+
const [hoverValue, setHoverValue] = useState(null);
|
|
61
|
+
const displayValue = hoverValue ?? value;
|
|
62
|
+
const isInteractive = !readonly && !disabled && onChange;
|
|
63
|
+
const handleStarClick = useCallback((position) => {
|
|
64
|
+
if (!isInteractive)
|
|
65
|
+
return;
|
|
66
|
+
onChange?.(position);
|
|
67
|
+
}, [isInteractive, onChange]);
|
|
68
|
+
const handleKeyDown = useCallback((e) => {
|
|
69
|
+
if (!isInteractive)
|
|
70
|
+
return;
|
|
71
|
+
const currentValue = value || 0;
|
|
72
|
+
let newValue = null;
|
|
73
|
+
switch (e.key) {
|
|
74
|
+
case 'ArrowRight':
|
|
75
|
+
case 'ArrowUp':
|
|
76
|
+
e.preventDefault();
|
|
77
|
+
newValue = Math.min(currentValue + 1, max);
|
|
78
|
+
break;
|
|
79
|
+
case 'ArrowLeft':
|
|
80
|
+
case 'ArrowDown':
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
newValue = Math.max(currentValue - 1, 1);
|
|
83
|
+
break;
|
|
84
|
+
case 'Home':
|
|
85
|
+
e.preventDefault();
|
|
86
|
+
newValue = 1;
|
|
87
|
+
break;
|
|
88
|
+
case 'End':
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
newValue = max;
|
|
91
|
+
break;
|
|
92
|
+
case '1':
|
|
93
|
+
case '2':
|
|
94
|
+
case '3':
|
|
95
|
+
case '4':
|
|
96
|
+
case '5':
|
|
97
|
+
e.preventDefault();
|
|
98
|
+
const numValue = parseInt(e.key, 10);
|
|
99
|
+
if (numValue <= max)
|
|
100
|
+
newValue = numValue;
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
if (newValue !== null) {
|
|
104
|
+
onChange?.(newValue);
|
|
105
|
+
}
|
|
106
|
+
}, [isInteractive, value, max, onChange]);
|
|
107
|
+
const variantAttrs = getVariantDataAttrs({ variant });
|
|
108
|
+
return (_jsxs("div", { className: cn(ratingVariants({ variant }), className), role: isInteractive ? 'slider' : 'img', "aria-label": ariaLabel ?? `Rating: ${value} out of ${max} stars`, "aria-valuemin": 1, "aria-valuemax": max, "aria-valuenow": value, "aria-valuetext": `${value} out of ${max} stars`, "aria-readonly": readonly, "aria-disabled": disabled, tabIndex: isInteractive ? 0 : -1, onKeyDown: handleKeyDown, "data-readonly": readonly || undefined, "data-disabled": disabled || undefined, ...variantAttrs, ...props, children: [_jsx("div", { className: "dndev-rating-stars", children: Array.from({ length: max }, (_, i) => {
|
|
109
|
+
const position = i + 1;
|
|
110
|
+
const state = getStarState(position, displayValue);
|
|
111
|
+
return (_jsx("button", { type: "button", className: "dndev-rating-star", "data-state": state, "data-position": position, disabled: !isInteractive, tabIndex: -1, onClick: () => handleStarClick(position), onMouseEnter: () => isInteractive && setHoverValue(position), onMouseLeave: () => setHoverValue(null), "aria-hidden": "true", children: state === 'half' ? (_jsxs("span", { className: "dndev-rating-star-half", children: [_jsx(Star, { className: "dndev-rating-star-back" }), _jsx(Star, { className: "dndev-rating-star-front" })] })) : (_jsx(Star, {})) }, position));
|
|
112
|
+
}) }), showValue && (_jsx("span", { className: "dndev-rating-value", children: value.toFixed(1) }))] }));
|
|
113
|
+
};
|
|
114
|
+
export default Rating;
|
|
115
|
+
export { ratingVariants, CONTROL_VARIANT as RATING_VARIANT };
|
|
@@ -14,6 +14,6 @@ declare const ScrollAreaCornerPrimitive: import("react").ForwardRefExoticCompone
|
|
|
14
14
|
export interface ScrollBarPrimitiveProps extends ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> {
|
|
15
15
|
}
|
|
16
16
|
declare const ScrollBarPrimitive: ({ className, orientation, ...props }: ScrollBarPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export
|
|
17
|
+
export { ScrollAreaPrimitiveRoot as ScrollAreaPrimitive };
|
|
18
18
|
export { ScrollAreaViewportPrimitive, ScrollAreaCornerPrimitive, ScrollBarPrimitive, };
|
|
19
19
|
//# sourceMappingURL=ScrollAreaPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,OAAO,EAAE,uBAAuB,IAAI,mBAAmB,EAAE,CAAC;AAC1D,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,kBAAkB,GACnB,CAAC"}
|
|
@@ -14,5 +14,5 @@ const ScrollAreaPrimitiveRoot = ScrollAreaPrimitive.Root;
|
|
|
14
14
|
const ScrollAreaViewportPrimitive = ScrollAreaPrimitive.Viewport;
|
|
15
15
|
const ScrollAreaCornerPrimitive = ScrollAreaPrimitive.Corner;
|
|
16
16
|
const ScrollBarPrimitive = ({ className, orientation = 'vertical', ...props }) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { orientation: orientation, className: cn('dndev-scroll-bar', className), "data-orientation": orientation, ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "dndev-scroll-bar-thumb", "data-orientation": orientation }) }));
|
|
17
|
-
export
|
|
17
|
+
export { ScrollAreaPrimitiveRoot as ScrollAreaPrimitive };
|
|
18
18
|
export { ScrollAreaViewportPrimitive, ScrollAreaCornerPrimitive, ScrollBarPrimitive, };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import ScrollAreaPrimitive from './ScrollAreaPrimitive';
|
|
9
|
+
import { ScrollAreaPrimitive } from './ScrollAreaPrimitive';
|
|
10
10
|
import type { ComponentProps, ReactNode } from 'react';
|
|
11
11
|
export interface ScrollAreaProps extends ComponentProps<typeof ScrollAreaPrimitive> {
|
|
12
12
|
children?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,mBAAmB,EAIpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CACrD,OAAO,mBAAmB,CAC3B;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,UAAU,GAAI,sEAOjB,eAAe,4CAkBjB,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACxE,YAAY,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import ScrollAreaPrimitive,
|
|
11
|
+
import { ScrollAreaPrimitive, ScrollAreaViewportPrimitive, ScrollAreaCornerPrimitive, ScrollBarPrimitive, } from './ScrollAreaPrimitive';
|
|
12
12
|
import { cn } from '../../utils/helpers';
|
|
13
13
|
/**
|
|
14
14
|
* Scrollable area component with cross-browser custom scrollbars.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAa,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAKpD,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,UAAU,eAAe;IACvB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE7D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,8HAmGZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
|
|
@@ -36,7 +36,7 @@ import { CirclePlus, CircleMinus } from 'lucide-react';
|
|
|
36
36
|
import { createElement, forwardRef, useState, } from 'react';
|
|
37
37
|
import { GAP_VARIANT } from '../../styles/componentConstants';
|
|
38
38
|
import { cn } from '../../utils/helpers';
|
|
39
|
-
import CollapsiblePrimitive,
|
|
39
|
+
import { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent, } from '../Collapsible/CollapsiblePrimitive';
|
|
40
40
|
import Grid, {} from '../Grid';
|
|
41
41
|
import Separator, { SEPARATOR_VARIANT } from '../Separator';
|
|
42
42
|
import Stack from '../Stack';
|
|
@@ -16,6 +16,6 @@ declare const SelectContentPrimitive: ({ className, ...props }: ComponentProps<t
|
|
|
16
16
|
declare const SelectLabelPrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
declare const SelectItemPrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
declare const SelectSeparatorPrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export
|
|
19
|
+
export { SelectRootPrimitive as SelectPrimitive };
|
|
20
20
|
export { SelectGroupPrimitive, SelectValuePrimitive, SelectTriggerPrimitive, SelectContentPrimitive, SelectLabelPrimitive, SelectItemPrimitive, SelectSeparatorPrimitive, };
|
|
21
21
|
//# sourceMappingURL=SelectPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,mBAAmB,iDAAuB,CAAC;AAEjD,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,mBAAmB,iDAAuB,CAAC;AAEjD,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,CAAC"}
|
|
@@ -18,5 +18,5 @@ const SelectContentPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitiv
|
|
|
18
18
|
const SelectLabelPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitive.Label, { className: cn(className), ...props }));
|
|
19
19
|
const SelectItemPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitive.Item, { className: cn(className), ...props }));
|
|
20
20
|
const SelectSeparatorPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitive.Separator, { className: cn(className), ...props }));
|
|
21
|
-
export
|
|
21
|
+
export { SelectRootPrimitive as SelectPrimitive };
|
|
22
22
|
export { SelectGroupPrimitive, SelectValuePrimitive, SelectTriggerPrimitive, SelectContentPrimitive, SelectLabelPrimitive, SelectItemPrimitive, SelectSeparatorPrimitive, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { SelectPrimitive } from './SelectPrimitive';
|
|
2
2
|
import type { ReactNode, ComponentProps } from 'react';
|
|
3
3
|
import './Select.css';
|
|
4
4
|
export interface SelectOption {
|
|
@@ -8,7 +8,7 @@ export interface SelectOption {
|
|
|
8
8
|
description?: string;
|
|
9
9
|
content?: ReactNode;
|
|
10
10
|
}
|
|
11
|
-
export interface SelectProps extends Omit<ComponentProps<typeof
|
|
11
|
+
export interface SelectProps extends Omit<ComponentProps<typeof SelectPrimitive>, 'children'> {
|
|
12
12
|
/** Selected value */
|
|
13
13
|
value?: string;
|
|
14
14
|
/** Change handler */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,eAAe,EAOhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,UAAU,CACX;IACC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM,GAAI,uHAYb,WAAW,4CAyHb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -14,7 +14,7 @@ import { useState, useId } from 'react';
|
|
|
14
14
|
import { cn } from '../../utils/helpers';
|
|
15
15
|
import { FloatingLabel } from '../Label';
|
|
16
16
|
import ScrollArea from '../ScrollArea';
|
|
17
|
-
import
|
|
17
|
+
import { SelectPrimitive, SelectTriggerPrimitive, SelectValuePrimitive, SelectContentPrimitive, SelectItemPrimitive, SelectLabelPrimitive, SelectSeparatorPrimitive, } from './SelectPrimitive';
|
|
18
18
|
import './Select.css';
|
|
19
19
|
/**
|
|
20
20
|
* Accessible select component built on Radix UI primitives.
|
|
@@ -40,9 +40,9 @@ const Select = ({ value, onValueChange, placeholder = 'Select an option...', opt
|
|
|
40
40
|
const id = useId();
|
|
41
41
|
const [isOpen, setIsOpen] = useState(false);
|
|
42
42
|
const hasLabel = !!label;
|
|
43
|
-
const triggerElement = (_jsxs(SelectTriggerPrimitive, { id: id, className: "dndev-input dndev-select-trigger", disabled: disabled, children: [isLoading ? (_jsxs("div", { className: "dndev-select-loading-container", children: [_jsx("div", { className: "dndev-animate-spin dndev-select-loading-spinner" }), _jsx("span", { children: "Loading..." })] })) : (_jsx(SelectValuePrimitive, { placeholder: placeholder })), _jsx(SelectRadix.Icon, { asChild: true, children: _jsx(ChevronDown, {}) })] }));
|
|
43
|
+
const triggerElement = (_jsxs(SelectTriggerPrimitive, { id: id, className: "dndev-input dndev-select-trigger", disabled: disabled, "data-bare": hasLabel || undefined, children: [isLoading ? (_jsxs("div", { className: "dndev-select-loading-container", children: [_jsx("div", { className: "dndev-animate-spin dndev-select-loading-spinner" }), _jsx("span", { children: "Loading..." })] })) : (_jsx(SelectValuePrimitive, { placeholder: placeholder })), _jsx(SelectRadix.Icon, { asChild: true, children: _jsx(ChevronDown, {}) })] }));
|
|
44
44
|
const customTrigger = trigger ? (_jsx(SelectTriggerPrimitive, { asChild: true, disabled: disabled, className: "dndev-input dndev-select-trigger", children: trigger })) : hasLabel ? (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: disabled, required: required, children: triggerElement })) : (triggerElement);
|
|
45
|
-
return (_jsxs(
|
|
45
|
+
return (_jsxs(SelectPrimitive, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, disabled: disabled, onOpenChange: setIsOpen, ...props, children: [customTrigger, _jsx(SelectRadix.Portal, { children: _jsx(SelectContentPrimitive, { className: "dndev-floating dndev-menu-content dndev-z-tooltip dndev-select-content", position: "popper", side: "bottom", sideOffset: 4, align: "start", "data-glow": "blank", children: _jsx(SelectRadix.Viewport, { children: _jsx(ScrollArea, { className: "dndev-menu-scroll-area", end: true, children: options.map((option) => {
|
|
46
46
|
if (option.value === '__label__') {
|
|
47
47
|
return (_jsx(SelectLabelPrimitive, { className: "dndev-menu-label", children: option.label }, option.label));
|
|
48
48
|
}
|
|
@@ -10,5 +10,5 @@ import type { ComponentProps } from 'react';
|
|
|
10
10
|
export interface SeparatorPrimitiveProps extends ComponentProps<typeof SeparatorPrimitive.Root> {
|
|
11
11
|
}
|
|
12
12
|
declare const SeparatorPrimitiveComponent: ({ className, ...props }: SeparatorPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export
|
|
13
|
+
export { SeparatorPrimitiveComponent as SeparatorPrimitive };
|
|
14
14
|
//# sourceMappingURL=SeparatorPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,uBAAuB,4CAOzB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,uBAAuB,4CAOzB,CAAC;AAEF,OAAO,EAAE,2BAA2B,IAAI,kBAAkB,EAAE,CAAC"}
|
|
@@ -12,4 +12,4 @@ import { cn } from '../../utils/helpers';
|
|
|
12
12
|
const SeparatorPrimitiveComponent = ({ className, ...props }) => {
|
|
13
13
|
return (_jsx(SeparatorPrimitive.Root, { className: cn('dndev-separator', className), ...props }));
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export { SeparatorPrimitiveComponent as SeparatorPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,cAAc,CACpD,OAAO,kBAAkB,CAC1B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;CACtE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,SAAS,GAAI,kEAOhB,cAAc,4CAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import SeparatorPrimitive from './SeparatorPrimitive';
|
|
11
|
+
import { SeparatorPrimitive } from './SeparatorPrimitive';
|
|
12
12
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
13
13
|
import './Separator.css';
|
|
14
14
|
/**
|
|
@@ -21,6 +21,6 @@ declare const SheetHeaderPrimitive: ({ className, ...props }: HTMLAttributes<HTM
|
|
|
21
21
|
declare const SheetFooterPrimitive: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
declare const SheetTitlePrimitive: ({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
declare const SheetDescriptionPrimitive: ({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export
|
|
24
|
+
export { SheetPrimitiveRoot as SheetPrimitive };
|
|
25
25
|
export { SheetPortalPrimitive, SheetOverlayPrimitive, SheetTriggerPrimitive, SheetClosePrimitive, SheetContentPrimitive, SheetHeaderPrimitive, SheetFooterPrimitive, SheetTitlePrimitive, SheetDescriptionPrimitive, };
|
|
26
26
|
//# sourceMappingURL=SheetPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/SheetPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAIzD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjE,QAAA,MAAM,kBAAkB,gDAAsB,CAAC;AAC/C,QAAA,MAAM,qBAAqB,iIAAyB,CAAC;AACrD,QAAA,MAAM,mBAAmB,+HAAuB,CAAC;AACjD,QAAA,MAAM,oBAAoB,sDAAwB,CAAC;AAEnD,QAAA,MAAM,qBAAqB,GAAI,yBAG5B,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,8CAM5B,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,4CASA,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,4CAEnD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"SheetPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/SheetPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAIzD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjE,QAAA,MAAM,kBAAkB,gDAAsB,CAAC;AAC/C,QAAA,MAAM,qBAAqB,iIAAyB,CAAC;AACrD,QAAA,MAAM,mBAAmB,+HAAuB,CAAC;AACjD,QAAA,MAAM,oBAAoB,sDAAwB,CAAC;AAEnD,QAAA,MAAM,qBAAqB,GAAI,yBAG5B,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,8CAM5B,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,4CASA,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,4CAEnD,CAAC;AAEF,OAAO,EAAE,kBAAkB,IAAI,cAAc,EAAE,CAAC;AAChD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,GAC1B,CAAC"}
|
|
@@ -20,5 +20,5 @@ const SheetHeaderPrimitive = ({ className, ...props }) => (_jsx("div", { classNa
|
|
|
20
20
|
const SheetFooterPrimitive = ({ className, ...props }) => (_jsx("div", { className: cn(className), ...props }));
|
|
21
21
|
const SheetTitlePrimitive = ({ className, ...props }) => (_jsx(SheetPrimitive.Title, { className: cn(className), ...props }));
|
|
22
22
|
const SheetDescriptionPrimitive = ({ className, ...props }) => (_jsx(SheetPrimitive.Description, { className: cn(className), ...props }));
|
|
23
|
-
export
|
|
23
|
+
export { SheetPrimitiveRoot as SheetPrimitive };
|
|
24
24
|
export { SheetPortalPrimitive, SheetOverlayPrimitive, SheetTriggerPrimitive, SheetClosePrimitive, SheetContentPrimitive, SheetHeaderPrimitive, SheetFooterPrimitive, SheetTitlePrimitive, SheetDescriptionPrimitive, };
|
|
@@ -34,5 +34,5 @@ export interface SliderPrimitiveProps extends ComponentProps<typeof SliderPrimit
|
|
|
34
34
|
* @returns {JSX.Element} The rendered slider
|
|
35
35
|
*/
|
|
36
36
|
declare const SliderPrimitiveComponent: ({ className, ...props }: SliderPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export
|
|
37
|
+
export { SliderPrimitiveComponent as SliderPrimitive };
|
|
38
38
|
//# sourceMappingURL=SliderPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;CAAG;AAEJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAStB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;CAAG;AAEJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAStB,CAAC;AAEF,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}
|
|
@@ -32,4 +32,4 @@ import { cn } from '../../utils/helpers';
|
|
|
32
32
|
const SliderPrimitiveComponent = ({ className, ...props }) => {
|
|
33
33
|
return (_jsxs(SliderPrimitive.Root, { className: cn(className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "dndev-slider-track", children: _jsx(SliderPrimitive.Range, { className: "dndev-slider-range" }) }), _jsx(SliderPrimitive.Thumb, { className: "dndev-slider-thumb" })] }));
|
|
34
34
|
};
|
|
35
|
-
export
|
|
35
|
+
export { SliderPrimitiveComponent as SliderPrimitive };
|
|
@@ -6,12 +6,13 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import * as
|
|
9
|
+
import * as SliderRadix from '@radix-ui/react-slider';
|
|
10
|
+
import { SliderPrimitive } from './SliderPrimitive';
|
|
10
11
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
11
12
|
import type { ControlVariant } from '../../utils/constants';
|
|
12
13
|
import type { ComponentProps } from 'react';
|
|
13
14
|
import './Slider.css';
|
|
14
|
-
export interface SliderProps extends ComponentProps<typeof
|
|
15
|
+
export interface SliderProps extends ComponentProps<typeof SliderRadix.Root> {
|
|
15
16
|
/** Semantic color variant */
|
|
16
17
|
variant?: ControlVariant;
|
|
17
18
|
/** Show current value */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC1E,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,GAAI,kEAOb,WAAW,4CAgCb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import * as
|
|
11
|
+
import * as SliderRadix from '@radix-ui/react-slider';
|
|
12
12
|
import { cva } from 'class-variance-authority';
|
|
13
|
-
import
|
|
13
|
+
import { SliderPrimitive } from './SliderPrimitive';
|
|
14
14
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
15
15
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
16
16
|
import './Slider.css';
|
|
@@ -47,10 +47,13 @@ const sliderVariants = cva('dndev-slider', {
|
|
|
47
47
|
const Slider = ({ className, variant, showValue, value, defaultValue, ...props }) => {
|
|
48
48
|
const variantAttrs = getVariantDataAttrs({ variant });
|
|
49
49
|
const currentValue = value ?? defaultValue;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
// Handle array values (for range sliders) or single values
|
|
51
|
+
const values = Array.isArray(currentValue)
|
|
52
|
+
? currentValue
|
|
53
|
+
: currentValue !== undefined
|
|
54
|
+
? [currentValue]
|
|
55
|
+
: [];
|
|
56
|
+
return (_jsx("div", { className: "dndev-slider-container", children: _jsxs(SliderRadix.Root, { className: cn(sliderVariants({ variant }), className), value: value, defaultValue: defaultValue, ...variantAttrs, ...props, children: [_jsx(SliderRadix.Track, { className: cn('dndev-slider-track'), children: _jsx(SliderRadix.Range, { className: cn('dndev-slider-range') }) }), values.map((val, index) => (_jsx(SliderRadix.Thumb, { className: cn('dndev-slider-thumb'), children: showValue && val !== undefined && (_jsx("span", { className: "dndev-slider-value", children: val })) }, index)))] }) }));
|
|
54
57
|
};
|
|
55
58
|
export default Slider;
|
|
56
59
|
export { SliderPrimitive, CONTROL_VARIANT as SLIDER_VARIANT };
|
|
@@ -20,7 +20,7 @@ export interface StepperStep {
|
|
|
20
20
|
content: ReactNode;
|
|
21
21
|
}
|
|
22
22
|
declare const stepperVariants: (props?: ({
|
|
23
|
-
variant?: "default" | "
|
|
23
|
+
variant?: "default" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
|
|
24
24
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
25
25
|
export type StepperVariant = VariantProps<typeof stepperVariants>['variant'];
|
|
26
26
|
export interface StepperProps extends VariantProps<typeof stepperVariants> {
|
|
@@ -23,5 +23,5 @@ export interface SwitchPrimitiveProps extends ComponentProps<typeof SwitchPrimit
|
|
|
23
23
|
* @returns {JSX.Element} The rendered switch
|
|
24
24
|
*/
|
|
25
25
|
declare const SwitchPrimitiveComponent: ({ className, ...props }: SwitchPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export
|
|
26
|
+
export { SwitchPrimitiveComponent as SwitchPrimitive };
|
|
27
27
|
//# sourceMappingURL=SwitchPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,gBAAgB,CAAC,IAAI,CAC7B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAMtB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,gBAAgB,CAAC,IAAI,CAC7B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAMtB,CAAC;AAEF,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}
|
|
@@ -25,4 +25,4 @@ import './Switch.css';
|
|
|
25
25
|
const SwitchPrimitiveComponent = ({ className, ...props }) => {
|
|
26
26
|
return (_jsx(SwitchPrimitives.Root, { className: cn(className), ...props, children: _jsx(SwitchPrimitives.Thumb, {}) }));
|
|
27
27
|
};
|
|
28
|
-
export
|
|
28
|
+
export { SwitchPrimitiveComponent as SwitchPrimitive };
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* @author AMBROISE PARK Consulting
|
|
9
9
|
*/
|
|
10
10
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
11
|
-
import SwitchPrimitive from './SwitchPrimitive';
|
|
11
|
+
import { SwitchPrimitive } from './SwitchPrimitive';
|
|
12
12
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
13
13
|
import type { ControlVariant } from '../../utils/constants';
|
|
14
14
|
import type { ComponentProps } from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAG3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,GAAI,yEAOb,WAAW,4CAyCb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
*/
|
|
12
12
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
13
13
|
import { cva } from 'class-variance-authority';
|
|
14
|
-
import SwitchPrimitive from './SwitchPrimitive';
|
|
14
|
+
import { SwitchPrimitive } from './SwitchPrimitive';
|
|
15
15
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
16
16
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
17
17
|
import './Switch.css';
|
|
@@ -18,6 +18,7 @@ export interface TableColumn<T = any> {
|
|
|
18
18
|
title: string | ReactNode;
|
|
19
19
|
dataIndex?: keyof T;
|
|
20
20
|
sortable?: boolean;
|
|
21
|
+
/** Enable column header filter (Excel-style dropdown) */
|
|
21
22
|
filterable?: boolean;
|
|
22
23
|
/**
|
|
23
24
|
* Render prop for custom cell content - RENDER PROP EXCEPTION
|
|
@@ -56,12 +57,26 @@ export interface DataTableProps<T = any> {
|
|
|
56
57
|
selectable?: boolean;
|
|
57
58
|
/** Enable search */
|
|
58
59
|
searchable?: boolean;
|
|
59
|
-
/** Enable filtering (placeholder UI) */
|
|
60
|
-
filterable?: boolean;
|
|
61
60
|
/** Enable pagination */
|
|
62
61
|
pagination?: boolean;
|
|
62
|
+
/** Current page (1-indexed) */
|
|
63
|
+
currentPage?: number;
|
|
63
64
|
/** Page size */
|
|
64
65
|
pageSize?: number;
|
|
66
|
+
/** Total number of items (for server-side pagination) */
|
|
67
|
+
total?: number;
|
|
68
|
+
/** Callback when page changes */
|
|
69
|
+
onPageChange?: (page: number) => void;
|
|
70
|
+
/** Callback when page size changes */
|
|
71
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
72
|
+
/** Label for "Showing X to Y of Z" text (default: "Showing {{from}} to {{to}} of {{total}} results") */
|
|
73
|
+
showingLabel?: string;
|
|
74
|
+
/** Label for previous button (passed to Pagination) */
|
|
75
|
+
paginationPreviousLabel?: string;
|
|
76
|
+
/** Label for next button (passed to Pagination) */
|
|
77
|
+
paginationNextLabel?: string;
|
|
78
|
+
/** Placeholder for items per page selector (passed to Pagination) */
|
|
79
|
+
paginationItemsPerPagePlaceholder?: string;
|
|
65
80
|
/** Loading state */
|
|
66
81
|
loading?: boolean;
|
|
67
82
|
/** Excel-like grid lines (borders on all cells) */
|
|
@@ -72,8 +87,6 @@ export interface DataTableProps<T = any> {
|
|
|
72
87
|
onSelect?: (selectedRows: T[]) => void;
|
|
73
88
|
/** Callback when search query changes */
|
|
74
89
|
onSearch?: (query: string) => void;
|
|
75
|
-
/** Callback when filters change */
|
|
76
|
-
onFilter?: (filters: Record<string, any>) => void;
|
|
77
90
|
/** Callback when a row is clicked */
|
|
78
91
|
onRowClick?: (row: T) => void;
|
|
79
92
|
/** Additional CSS classes */
|
|
@@ -110,7 +123,7 @@ declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableC
|
|
|
110
123
|
* @param {DataTableProps} props - The props for the data table
|
|
111
124
|
* @returns {ReactNode} The rendered data table
|
|
112
125
|
*/
|
|
113
|
-
declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable,
|
|
126
|
+
declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable, pagination, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading, gridLines, onSort, onSelect, onSearch, onRowClick, className, }: DataTableProps<T>) => ReactNode;
|
|
114
127
|
export default Table;
|
|
115
128
|
export { TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, DataTable, };
|
|
116
129
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"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"}
|