@donotdev/components 0.0.14 → 0.0.16
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/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/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/Alert/index.d.ts +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/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 +1 -1
- package/dist/atomic/Checkbox/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/index.js +1 -1
- 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 +1 -1
- 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/CopyToClipboard/index.d.ts +3 -1
- package/dist/atomic/CopyToClipboard/index.d.ts.map +1 -1
- package/dist/atomic/CopyToClipboard/index.js +5 -3
- 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/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/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/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 +2 -2
- 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 +3 -3
- 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/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/Tag/index.d.ts +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/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/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 +5 -0
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +4 -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 +179 -0
- package/dist/utils/variants.d.ts +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import './ImageGallery.css';
|
|
3
|
+
export interface ImageData {
|
|
4
|
+
fullUrl?: string;
|
|
5
|
+
thumbUrl?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ImageGalleryProps {
|
|
8
|
+
/** Array of images - can be objects with fullUrl/thumbUrl or plain strings */
|
|
9
|
+
images: Array<ImageData | string>;
|
|
10
|
+
/** Aspect ratio for main image (default: '16/9') */
|
|
11
|
+
aspectRatio?: string;
|
|
12
|
+
/** Alt text prefix for images */
|
|
13
|
+
altPrefix?: string;
|
|
14
|
+
/** Callback when image changes */
|
|
15
|
+
onImageChange?: (index: number) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* ImageGallery - Full-featured image gallery component
|
|
19
|
+
*
|
|
20
|
+
* Features:
|
|
21
|
+
* - Keyboard navigation (← → arrows)
|
|
22
|
+
* - Previous/Next buttons on main image
|
|
23
|
+
* - Wrapping thumbnail grid
|
|
24
|
+
* - Focus management for accessibility
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <ImageGallery
|
|
29
|
+
* images={[
|
|
30
|
+
* { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
|
|
31
|
+
* '/img2.jpg',
|
|
32
|
+
* ]}
|
|
33
|
+
* aspectRatio="16/9"
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare function ImageGallery({ images, aspectRatio, altPrefix, onImageChange, }: ImageGalleryProps): ReactElement;
|
|
38
|
+
export default ImageGallery;
|
|
39
|
+
//# sourceMappingURL=ImageGallery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAClC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAkBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAoB,EACpB,SAAmB,EACnB,aAAa,GACd,EAAE,iBAAiB,GAAG,YAAY,CAqOlC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
// packages/components/src/advanced/ImageGallery/ImageGallery.tsx
|
|
4
|
+
/**
|
|
5
|
+
* @fileoverview ImageGallery component
|
|
6
|
+
* @description Full-featured image gallery with keyboard navigation, arrows, and wrapping thumbnails
|
|
7
|
+
*
|
|
8
|
+
* @version 0.0.1
|
|
9
|
+
* @since 0.0.1
|
|
10
|
+
* @author AMBROISE PARK Consulting
|
|
11
|
+
*/
|
|
12
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
13
|
+
import './ImageGallery.css';
|
|
14
|
+
/**
|
|
15
|
+
* Normalize image data to consistent format
|
|
16
|
+
*/
|
|
17
|
+
function normalizeImage(img) {
|
|
18
|
+
if (typeof img === 'string') {
|
|
19
|
+
return { full: img, thumb: img };
|
|
20
|
+
}
|
|
21
|
+
return {
|
|
22
|
+
full: img.fullUrl || img.thumbUrl || '',
|
|
23
|
+
thumb: img.thumbUrl || img.fullUrl || '',
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* ImageGallery - Full-featured image gallery component
|
|
28
|
+
*
|
|
29
|
+
* Features:
|
|
30
|
+
* - Keyboard navigation (← → arrows)
|
|
31
|
+
* - Previous/Next buttons on main image
|
|
32
|
+
* - Wrapping thumbnail grid
|
|
33
|
+
* - Focus management for accessibility
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <ImageGallery
|
|
38
|
+
* images={[
|
|
39
|
+
* { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
|
|
40
|
+
* '/img2.jpg',
|
|
41
|
+
* ]}
|
|
42
|
+
* aspectRatio="16/9"
|
|
43
|
+
* />
|
|
44
|
+
* ```
|
|
45
|
+
*/
|
|
46
|
+
export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image', onImageChange, }) {
|
|
47
|
+
const [selectedIndex, setSelectedIndex] = useState(0);
|
|
48
|
+
const [loadedFullUrls, setLoadedFullUrls] = useState(new Set());
|
|
49
|
+
const containerRef = useRef(null);
|
|
50
|
+
const thumbnailRefs = useRef([]);
|
|
51
|
+
const normalizedImages = images.map(normalizeImage);
|
|
52
|
+
const hasMultiple = normalizedImages.length > 1;
|
|
53
|
+
const goToImage = useCallback((index) => {
|
|
54
|
+
const newIndex = (index + normalizedImages.length) % normalizedImages.length;
|
|
55
|
+
setSelectedIndex(newIndex);
|
|
56
|
+
onImageChange?.(newIndex);
|
|
57
|
+
// Preload full image if not already loaded
|
|
58
|
+
const image = normalizedImages[newIndex];
|
|
59
|
+
if (image &&
|
|
60
|
+
image.full !== image.thumb &&
|
|
61
|
+
!loadedFullUrls.has(newIndex)) {
|
|
62
|
+
const img = new Image();
|
|
63
|
+
img.onload = () => {
|
|
64
|
+
setLoadedFullUrls((prev) => new Set(prev).add(newIndex));
|
|
65
|
+
};
|
|
66
|
+
img.src = image.full;
|
|
67
|
+
}
|
|
68
|
+
}, [normalizedImages, onImageChange, loadedFullUrls]);
|
|
69
|
+
const goNext = useCallback(() => goToImage(selectedIndex + 1), [goToImage, selectedIndex]);
|
|
70
|
+
const goPrev = useCallback(() => goToImage(selectedIndex - 1), [goToImage, selectedIndex]);
|
|
71
|
+
// Keyboard navigation
|
|
72
|
+
const handleKeyDown = useCallback((e) => {
|
|
73
|
+
if (!hasMultiple)
|
|
74
|
+
return;
|
|
75
|
+
switch (e.key) {
|
|
76
|
+
case 'ArrowLeft':
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
goPrev();
|
|
79
|
+
break;
|
|
80
|
+
case 'ArrowRight':
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
goNext();
|
|
83
|
+
break;
|
|
84
|
+
case 'Home':
|
|
85
|
+
e.preventDefault();
|
|
86
|
+
goToImage(0);
|
|
87
|
+
break;
|
|
88
|
+
case 'End':
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
goToImage(normalizedImages.length - 1);
|
|
91
|
+
break;
|
|
92
|
+
}
|
|
93
|
+
}, [hasMultiple, goPrev, goNext, goToImage, normalizedImages.length]);
|
|
94
|
+
// Focus thumbnail when selected
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
thumbnailRefs.current[selectedIndex]?.focus();
|
|
97
|
+
}, [selectedIndex]);
|
|
98
|
+
if (normalizedImages.length === 0) {
|
|
99
|
+
return (_jsx("div", { className: "image-gallery image-gallery--empty", style: { aspectRatio }, children: _jsx("span", { className: "image-gallery__placeholder", children: "No images" }) }));
|
|
100
|
+
}
|
|
101
|
+
// Safe: selectedIndex bounded by goToImage, array guaranteed non-empty (early return above)
|
|
102
|
+
const currentImage = normalizedImages[selectedIndex];
|
|
103
|
+
return (_jsxs("div", { ref: containerRef, className: "image-gallery", onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Image gallery", "aria-roledescription": "carousel", children: [_jsxs("div", { className: "image-gallery__main", style: { aspectRatio }, children: [currentImage.full !== currentImage.thumb && (_jsx("img", { src: currentImage.thumb, alt: "", className: "image-gallery__main-image", style: {
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
top: 0,
|
|
106
|
+
left: 0,
|
|
107
|
+
width: '100%',
|
|
108
|
+
height: '100%',
|
|
109
|
+
objectFit: 'cover',
|
|
110
|
+
opacity: loadedFullUrls.has(selectedIndex) ? 0 : 1,
|
|
111
|
+
transition: 'opacity 0.3s ease',
|
|
112
|
+
zIndex: 1,
|
|
113
|
+
} })), _jsx("img", { src: currentImage.full, alt: `${altPrefix} ${selectedIndex + 1} of ${normalizedImages.length}`, className: "image-gallery__main-image", style: {
|
|
114
|
+
position: currentImage.full !== currentImage.thumb
|
|
115
|
+
? 'absolute'
|
|
116
|
+
: 'relative',
|
|
117
|
+
top: 0,
|
|
118
|
+
left: 0,
|
|
119
|
+
width: '100%',
|
|
120
|
+
height: '100%',
|
|
121
|
+
objectFit: 'cover',
|
|
122
|
+
opacity: loadedFullUrls.has(selectedIndex) ||
|
|
123
|
+
currentImage.full === currentImage.thumb
|
|
124
|
+
? 1
|
|
125
|
+
: 0,
|
|
126
|
+
transition: 'opacity 0.3s ease',
|
|
127
|
+
zIndex: 2,
|
|
128
|
+
}, onLoad: () => {
|
|
129
|
+
if (currentImage.full !== currentImage.thumb) {
|
|
130
|
+
setLoadedFullUrls((prev) => new Set(prev).add(selectedIndex));
|
|
131
|
+
}
|
|
132
|
+
} }), hasMultiple && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--prev", onClick: goPrev, "aria-label": "Previous image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--next", onClick: goNext, "aria-label": "Next image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }) })] }))] }), hasMultiple && (_jsx("div", { className: "image-gallery__thumbnails", role: "tablist", "aria-label": "Image thumbnails", children: normalizedImages.map((img, index) => (_jsx("button", { ref: (el) => {
|
|
133
|
+
thumbnailRefs.current[index] = el;
|
|
134
|
+
}, type: "button", role: "tab", "aria-selected": index === selectedIndex, "aria-label": `View image ${index + 1}`, className: `image-gallery__thumbnail ${index === selectedIndex
|
|
135
|
+
? 'image-gallery__thumbnail--selected'
|
|
136
|
+
: ''}`, onClick: () => goToImage(index), children: _jsx("img", { src: img.thumb, alt: "", className: "image-gallery__thumbnail-image" }) }, index))) }))] }));
|
|
137
|
+
}
|
|
138
|
+
export default ImageGallery;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
package/dist/advanced/index.d.ts
CHANGED
|
@@ -11,4 +11,6 @@ export type { BentoProps, BentoCellData, BentoGap, BentoColumns, } from './Bento
|
|
|
11
11
|
export { default as Code } from './Code';
|
|
12
12
|
export type { CodeProps } from './Code';
|
|
13
13
|
export { default as JsonViewer } from './JsonViewer';
|
|
14
|
+
export { default as ImageGallery } from './ImageGallery';
|
|
15
|
+
export type { ImageGalleryProps, ImageData } from './ImageGallery';
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
package/dist/advanced/index.js
CHANGED
|
@@ -18,6 +18,6 @@ declare const AccordionTriggerPrimitive: ({ className, children, asChild, ...pro
|
|
|
18
18
|
declare const AccordionContentPrimitive: ({ className, children, asChild, ...rest }: ComponentProps<typeof RadixAccordion.Content> & {
|
|
19
19
|
asChild?: boolean;
|
|
20
20
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export
|
|
21
|
+
export { AccordionPrimitive };
|
|
22
22
|
export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
|
|
23
23
|
//# sourceMappingURL=AccordionPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}
|
|
@@ -25,5 +25,5 @@ const AccordionContentPrimitive = ({ className, children, asChild = false, ...re
|
|
|
25
25
|
const Comp = asChild ? Slot : RadixAccordion.Content;
|
|
26
26
|
return (_jsx(Comp, { className: cn('dndev-accordion-content', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...rest, children: _jsx("div", { className: "dndev-accordion-content-inner", children: children }) }));
|
|
27
27
|
};
|
|
28
|
-
export
|
|
28
|
+
export { AccordionPrimitive };
|
|
29
29
|
export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,gDAAgD;IAChD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,GAAI,8EAQhB,cAAc,4CA0DhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { ChevronDown } from 'lucide-react';
|
|
12
|
-
import AccordionPrimitive,
|
|
12
|
+
import { AccordionPrimitive, AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, } from './AccordionPrimitive';
|
|
13
13
|
import { cn } from '../../utils/helpers';
|
|
14
14
|
/**
|
|
15
15
|
* A vertically stacked set of interactive headings that each reveal a section of content.
|
|
@@ -20,7 +20,7 @@ export declare const ALERT_VARIANT: {
|
|
|
20
20
|
readonly INFO: "info";
|
|
21
21
|
};
|
|
22
22
|
declare const alertVariants: (props?: ({
|
|
23
|
-
variant?: "
|
|
23
|
+
variant?: "muted" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
24
24
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
25
25
|
export type AlertVariant = (typeof ALERT_VARIANT)[keyof typeof ALERT_VARIANT];
|
|
26
26
|
export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof alertVariants> {
|
|
@@ -21,6 +21,6 @@ declare const AlertDialogTitlePrimitive: ({ className, ...props }: ComponentProp
|
|
|
21
21
|
declare const AlertDialogDescriptionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Description>) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
declare const AlertDialogActionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Action>) => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
declare const AlertDialogCancelPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Cancel>) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export
|
|
24
|
+
export { AlertDialogPrimitive };
|
|
25
25
|
export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
|
|
26
26
|
//# sourceMappingURL=AlertDialogPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAC"}
|
|
@@ -21,5 +21,5 @@ const AlertDialogTitlePrimitive = ({ className, ...props }) => (_jsx(RadixAlertD
|
|
|
21
21
|
const AlertDialogDescriptionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Description, { className: cn(className), ...props }));
|
|
22
22
|
const AlertDialogActionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Action, { className: cn(className), ...props }));
|
|
23
23
|
const AlertDialogCancelPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Cancel, { className: cn(className), ...props }));
|
|
24
|
-
export
|
|
24
|
+
export { AlertDialogPrimitive };
|
|
25
25
|
export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AA+DvD,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,GAAI,sGAUlB,gBAAgB,4CAoClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
import { cn } from '../../utils/helpers';
|
|
12
12
|
import Button from '../Button';
|
|
13
13
|
import VisuallyHidden from '../VisuallyHidden';
|
|
14
|
-
import AlertDialogPrimitive,
|
|
14
|
+
import { AlertDialogPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive as ContentPrimitive, AlertDialogHeaderPrimitive as HeaderPrimitive, AlertDialogFooterPrimitive as FooterPrimitive, AlertDialogTitlePrimitive as TitlePrimitive, AlertDialogDescriptionPrimitive as DescriptionPrimitive, AlertDialogActionPrimitive as ActionPrimitive, AlertDialogCancelPrimitive as CancelPrimitive, AlertDialogOverlayPrimitive as OverlayPrimitive, AlertDialogPortalPrimitive, } from './AlertDialogPrimitive';
|
|
15
15
|
// Wrapper components that apply dndev-* classes
|
|
16
16
|
const AlertDialogOverlay = ({ className, ...props }) => (_jsx(OverlayPrimitive, { className: cn('dndev-alert-dialog-overlay dndev-overlay', className), ...props }));
|
|
17
17
|
const AlertDialogContent = ({ className, ...props }) => (_jsxs(AlertDialogPortalPrimitive, { children: [_jsx(AlertDialogOverlay, {}), _jsx(ContentPrimitive, { className: cn('dndev-surface dndev-modal-content dndev-alert-dialog-content', className), ...props })] }));
|
|
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
|
|
|
11
11
|
declare const AvatarPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Root>) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
declare const AvatarImagePrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Image>) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const AvatarFallbackPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Fallback>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export
|
|
15
|
-
export { AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
14
|
+
export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
16
15
|
//# sourceMappingURL=AvatarPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -13,5 +13,4 @@ import { cn } from '../../utils/helpers';
|
|
|
13
13
|
const AvatarPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Root, { className: cn('dndev-avatar', className), ...props }));
|
|
14
14
|
const AvatarImagePrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Image, { className: cn('dndev-avatar-image', className), ...props }));
|
|
15
15
|
const AvatarFallbackPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Fallback, { className: cn('dndev-avatar-fallback', className), ...props }));
|
|
16
|
-
export
|
|
17
|
-
export { AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
16
|
+
export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import AvatarPrimitive from './AvatarPrimitive';
|
|
9
|
+
import { AvatarPrimitive } from './AvatarPrimitive';
|
|
10
10
|
import type { ComponentProps } from 'react';
|
|
11
11
|
export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive> {
|
|
12
12
|
/** The URL of the avatar image */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,eAAe,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IACzE,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAO5D,CAAC;AAEF,eAAe,MAAM,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 AvatarPrimitive,
|
|
11
|
+
import { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive, } from './AvatarPrimitive';
|
|
12
12
|
/**
|
|
13
13
|
* Accessible avatar component built on Radix UI primitives. Provides image and fallback support.
|
|
14
14
|
*
|
|
@@ -24,7 +24,7 @@ export declare const BADGE_VARIANT: {
|
|
|
24
24
|
readonly DESTRUCTIVE: "destructive";
|
|
25
25
|
};
|
|
26
26
|
declare const badgeVariants: (props?: ({
|
|
27
|
-
variant?: "default" | "
|
|
27
|
+
variant?: "default" | "muted" | "primary" | "secondary" | "accent" | "success" | "warning" | "destructive" | "outline" | null | undefined;
|
|
28
28
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
29
29
|
export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
|
|
30
30
|
/**
|
|
@@ -21,7 +21,7 @@ export declare const BUTTON_VARIANT: {
|
|
|
21
21
|
readonly DESTRUCTIVE: "destructive";
|
|
22
22
|
};
|
|
23
23
|
declare const buttonVariants: (props?: ({
|
|
24
|
-
variant?: "default" | "
|
|
24
|
+
variant?: "default" | "muted" | "primary" | "secondary" | "accent" | "success" | "warning" | "destructive" | "ghost" | "outline" | "link" | null | undefined;
|
|
25
25
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
26
26
|
/**
|
|
27
27
|
* Button variant type - derived from buttonVariants to ensure type safety
|
|
@@ -26,5 +26,5 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitives.
|
|
|
26
26
|
* @returns {JSX.Element} The rendered checkbox
|
|
27
27
|
*/
|
|
28
28
|
declare const CheckboxPrimitive: ({ className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export
|
|
29
|
+
export { CheckboxPrimitive };
|
|
30
30
|
//# sourceMappingURL=CheckboxPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -23,4 +23,4 @@ import { cn } from '../../utils/helpers';
|
|
|
23
23
|
* @returns {JSX.Element} The rendered checkbox
|
|
24
24
|
*/
|
|
25
25
|
const CheckboxPrimitive = ({ className, ...props }) => (_jsx(CheckboxPrimitives.Root, { className: cn('peer', className), "data-type": "checkbox", ...props, children: _jsx(CheckboxPrimitives.Indicator, { children: _jsx(Check, {}) }) }));
|
|
26
|
-
export
|
|
26
|
+
export { CheckboxPrimitive };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import CheckboxPrimitive,
|
|
1
|
+
import { CheckboxPrimitive, type CheckboxProps as CheckboxPrimitiveProps } from './CheckboxPrimitive';
|
|
2
2
|
import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
|
|
3
3
|
import type { ReactNode } from 'react';
|
|
4
4
|
import './Checkbox.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EACjB,KAAK,aAAa,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,GAAI,mDAMf,aAAa,4CAsBf,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { cva } from 'class-variance-authority';
|
|
12
|
-
import CheckboxPrimitive,
|
|
12
|
+
import { CheckboxPrimitive, } from './CheckboxPrimitive';
|
|
13
13
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
14
14
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
15
|
import Label from '../Label';
|
|
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
|
|
|
11
11
|
declare const CollapsiblePrimitive: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
declare const CollapsibleContent: ({ className, ...props }: ComponentProps<typeof RadixCollapsible.CollapsibleContent>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export
|
|
15
|
-
export { CollapsibleTrigger, CollapsibleContent };
|
|
14
|
+
export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };
|
|
16
15
|
//# sourceMappingURL=CollapsiblePrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -22,5 +22,4 @@ import { cn } from '../../utils/helpers';
|
|
|
22
22
|
const CollapsibleContent = ({ className, ...props }) => {
|
|
23
23
|
return (_jsx(RadixCollapsible.CollapsibleContent, { className: cn(className), ...props }));
|
|
24
24
|
};
|
|
25
|
-
export
|
|
26
|
-
export { CollapsibleTrigger, CollapsibleContent };
|
|
25
|
+
export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,QAAgB,EAChB,SAAwB,EACxB,SAAS,GACV,EAAE,gBAAgB,2CAmElB;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
*/
|
|
11
11
|
import { CirclePlus, CircleMinus, ChevronDown } from 'lucide-react';
|
|
12
12
|
import { useState } from 'react';
|
|
13
|
-
import CollapsiblePrimitive,
|
|
13
|
+
import { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent, } from './CollapsiblePrimitive';
|
|
14
14
|
import { cn } from '../../utils/helpers';
|
|
15
15
|
import Stack from '../Stack';
|
|
16
16
|
import './Collapsible.css';
|
|
@@ -31,6 +31,6 @@ declare const ContextMenuLabelPrimitive: ({ className, inset, ...props }: Compon
|
|
|
31
31
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
declare const ContextMenuSeparatorPrimitive: ({ className, ...props }: ComponentProps<typeof RadixContextMenu.Separator>) => import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
declare const ContextMenuShortcutPrimitive: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
export
|
|
34
|
+
export { ContextMenuPrimitive };
|
|
35
35
|
export { ContextMenuTriggerPrimitive, ContextMenuContentPrimitive, ContextMenuItemPrimitive, ContextMenuCheckboxItemPrimitive, ContextMenuRadioItemPrimitive, ContextMenuLabelPrimitive, ContextMenuSeparatorPrimitive, ContextMenuShortcutPrimitive, ContextMenuGroupPrimitive, ContextMenuPortalPrimitive, ContextMenuSubPrimitive, ContextMenuSubContentPrimitive, ContextMenuSubTriggerPrimitive, ContextMenuRadioGroupPrimitive, };
|
|
36
36
|
//# sourceMappingURL=ContextMenuPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/ContextMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AAEnD,QAAA,MAAM,2BAA2B,sIAA2B,CAAC;AAE7D,QAAA,MAAM,yBAAyB,mIAAyB,CAAC;AAEzD,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,uBAAuB,0DAAuB,CAAC;AAErD,QAAA,MAAM,8BAA8B,wIAA8B,CAAC;AAEnE,QAAA,MAAM,8BAA8B,GAAI,0CAKrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,4CAEpD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAQA,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,gCAI/B,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAOA,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,4CAKvC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,4CAatD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,mCAIpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAYnD,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,gCAIhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAMA,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,yBAGpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAEnD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,yBAGnC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,4CAEvC,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"ContextMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/ContextMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AAEnD,QAAA,MAAM,2BAA2B,sIAA2B,CAAC;AAE7D,QAAA,MAAM,yBAAyB,mIAAyB,CAAC;AAEzD,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,uBAAuB,0DAAuB,CAAC;AAErD,QAAA,MAAM,8BAA8B,wIAA8B,CAAC;AAEnE,QAAA,MAAM,8BAA8B,GAAI,0CAKrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,4CAEpD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAQA,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,gCAI/B,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAOA,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,4CAKvC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,4CAatD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,mCAIpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAYnD,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,gCAIhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAMA,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,yBAGpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAEnD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,yBAGnC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,4CAEvC,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,yBAAyB,EACzB,6BAA6B,EAC7B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,GAC/B,CAAC"}
|
|
@@ -28,5 +28,5 @@ const ContextMenuSeparatorPrimitive = ({ className, ...props }) => (_jsx(RadixCo
|
|
|
28
28
|
const ContextMenuShortcutPrimitive = ({ className, ...props }) => {
|
|
29
29
|
return _jsx("span", { className: cn(className), ...props });
|
|
30
30
|
};
|
|
31
|
-
export
|
|
31
|
+
export { ContextMenuPrimitive };
|
|
32
32
|
export { ContextMenuTriggerPrimitive, ContextMenuContentPrimitive, ContextMenuItemPrimitive, ContextMenuCheckboxItemPrimitive, ContextMenuRadioItemPrimitive, ContextMenuLabelPrimitive, ContextMenuSeparatorPrimitive, ContextMenuShortcutPrimitive, ContextMenuGroupPrimitive, ContextMenuPortalPrimitive, ContextMenuSubPrimitive, ContextMenuSubContentPrimitive, ContextMenuSubTriggerPrimitive, ContextMenuRadioGroupPrimitive, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,uDAAuD;AACvD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oDAAoD;AACpD,MAAM,MAAM,mBAAmB,GAC3B,qBAAqB,GACrB,uBAAuB,GACvB,yBAAyB,GACzB,sBAAsB,GACtB,wBAAwB,GACxB,oBAAoB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,OAAO,EAAE,SAAS,CAAC;IACnB,2CAA2C;IAC3C,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AA4FD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,4CAWxD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { ChevronRight } from 'lucide-react';
|
|
12
|
-
import ContextMenuPrimitive,
|
|
12
|
+
import { ContextMenuPrimitive, ContextMenuTriggerPrimitive, ContextMenuContentPrimitive, ContextMenuItemPrimitive, ContextMenuCheckboxItemPrimitive, ContextMenuRadioGroupPrimitive, ContextMenuRadioItemPrimitive, ContextMenuLabelPrimitive, ContextMenuSeparatorPrimitive, ContextMenuShortcutPrimitive, ContextMenuSubPrimitive, ContextMenuSubContentPrimitive, ContextMenuSubTriggerPrimitive, } from './ContextMenuPrimitive';
|
|
13
13
|
const renderMenuItem = (item, index) => {
|
|
14
14
|
switch (item.type) {
|
|
15
15
|
case 'separator':
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { type ButtonProps } from '../Button';
|
|
2
2
|
import './CopyToClipboard.css';
|
|
3
|
-
export interface CopyToClipboardProps extends Omit<ButtonProps, '
|
|
3
|
+
export interface CopyToClipboardProps extends Omit<ButtonProps, 'children' | 'icon' | 'onCopy'> {
|
|
4
4
|
/** Text to copy to clipboard */
|
|
5
5
|
text: string;
|
|
6
6
|
/** Custom copy button content */
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
/** Callback when copy is successful */
|
|
9
9
|
onCopy?: (text: string) => void;
|
|
10
|
+
/** Optional onClick handler (called after copy, can be used for stopPropagation) */
|
|
11
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
12
|
/** Tooltip text when not copied */
|
|
11
13
|
tooltipText?: string;
|
|
12
14
|
/** Tooltip text when copied */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAgBA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAgBA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,WAAW,EACX,UAAU,GAAG,MAAM,GAAG,QAAQ,CAC/B;IACC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,oFAAoF;IACpF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAwDrE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -19,9 +19,9 @@ import './CopyToClipboard.css';
|
|
|
19
19
|
* @since 0.0.1
|
|
20
20
|
* @author AMBROISE PARK Consulting
|
|
21
21
|
*/
|
|
22
|
-
export const CopyToClipboard = ({ text, children, variant = 'ghost', className, onCopy, tooltipText = 'Copy to clipboard', copiedTooltipText = 'Copied!', showTooltip = true, ariaLabel, ...buttonProps }) => {
|
|
22
|
+
export const CopyToClipboard = ({ text, children, variant = 'ghost', className, onCopy, onClick, tooltipText = 'Copy to clipboard', copiedTooltipText = 'Copied!', showTooltip = true, ariaLabel, ...buttonProps }) => {
|
|
23
23
|
const [copied, setCopied] = useState(false);
|
|
24
|
-
const handleCopy = useCallback(async () => {
|
|
24
|
+
const handleCopy = useCallback(async (e) => {
|
|
25
25
|
try {
|
|
26
26
|
if (typeof window === 'undefined' || !navigator?.clipboard) {
|
|
27
27
|
console.warn('Clipboard API not available');
|
|
@@ -31,12 +31,14 @@ export const CopyToClipboard = ({ text, children, variant = 'ghost', className,
|
|
|
31
31
|
setCopied(true);
|
|
32
32
|
onCopy?.(text);
|
|
33
33
|
setTimeout(() => setCopied(false), 2000);
|
|
34
|
+
// Call onClick handler if provided (e.g., for stopPropagation)
|
|
35
|
+
onClick?.(e);
|
|
34
36
|
}
|
|
35
37
|
catch (error) {
|
|
36
38
|
console.error('Failed to copy to clipboard:', error);
|
|
37
39
|
// No fallback - modern browsers should support clipboard API
|
|
38
40
|
}
|
|
39
|
-
}, [text, onCopy]);
|
|
41
|
+
}, [text, onCopy, onClick]);
|
|
40
42
|
return (_jsx(Button, { type: "button", variant: variant, display: DISPLAY.COMPACT, icon: copied ? Check : Copy, onClick: handleCopy, tooltip: showTooltip ? (copied ? copiedTooltipText : tooltipText) : undefined, className: cn('dndev-copy-button-transition', copied && 'dndev-copy-button-scaled', className), "aria-label": ariaLabel || (copied ? 'Copied to clipboard' : 'Copy to clipboard'), ...buttonProps, children: children }));
|
|
41
43
|
};
|
|
42
44
|
export default CopyToClipboard;
|
|
@@ -16,6 +16,6 @@ declare const DialogHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElem
|
|
|
16
16
|
declare const DialogFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
declare const DialogTitle: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
declare const DialogDescription: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export
|
|
19
|
+
export { Dialog as DialogPrimitive };
|
|
20
20
|
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
21
21
|
//# sourceMappingURL=DialogPrimitive.d.ts.map
|