npm - @sth87/shadcn-design-system - Versions diffs - 0.0.23 → 0.0.24 - Mend

@sth87/shadcn-design-system 0.0.23 → 0.0.24

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.

Files changed (22) hide show

package/dist/cjs/components/ImageViewer/ImageViewer.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),T=/* empty css                      */y=require("../../packages/ui/src/lib/utils.cjs"),D=require("lucide-react");;/* empty css                                                                               */;/* empty css                  */const f=({images:n,visible:u=!1,onClose:o,activeIndex:l=0,onIndexChange:i,zoomSpeed:w=.1,disableKeyboardSupport:d=!1,noNavbar:c=!1,noToolbar:h=!1,rotatable:b=!0,scalable:g=!0,changeable:V=!0,noClose:N=!1,minScale:x=.1,maxScale:v=50,defaultScale:p=1,className:j,downloadable:L=!1,noImgDetails:k=!1,noResetZoomAfterChange:P=!1,drag:S=!1})=>{const[m,C]=t.useState(l);t.useEffect(()=>{C(l)},[l]);const I=t.useCallback(()=>{o?.()},[o]),U=t.useCallback((r,s)=>{C(s),i?.(s)},[i]),q=t.useCallback(()=>{const r=n[m],s=r.downloadUrl||r.src,a=document.createElement("a");a.href=s,a.download=r.alt||`image-${m+1}`,fetch(s).then(E=>E.blob()).then(E=>{const O=window.URL.createObjectURL(E);a.href=O,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(O)}).catch(()=>{})},[n,m]),R=n.map(r=>({src:r.src,alt:r.alt||"",downloadUrl:r.downloadUrl||r.src}));return e.jsx(T.default,{visible:u,onClose:I,onMaskClick:I,images:R,activeIndex:m,onChange:U,zoomSpeed:w,disableKeyboardSupport:d,noNavbar:c,noToolbar:h,rotatable:b,scalable:g,changeable:V,noClose:N,minScale:x,maxScale:v,defaultScale:p,className:y.cn("image-viewer-antd-style",j),downloadable:L,noImgDetails:k,noResetZoomAfterChange:P,showTotal:!0,drag:S,customToolbar:r=>r.map(s=>s.key==="download"?{...s,actionType:void 0,onClick:void 0,render:e.jsx("button",{type:"button",className:"react-viewer-icon react-viewer-download",title:"Download",style:{background:"none",border:"none",cursor:"pointer",padding:0},onClick:a=>{a.preventDefault(),a.stopPropagation(),q()},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M10 3v10m0 0l-4-4m4 4l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"17",width:"12",height:"2",rx:"1",fill:"currentColor"})]})})}:s)})};f.displayName="ImageViewer";const G=({src:n,alt:u="",width:o,height:l,preview:i=!0,previewSrc:w,fallback:d,placeholder:c,className:h,wrapperClassName:b,onPreviewClick:g,onError:V,...N})=>{const[x,v]=t.useState(!0),[p,j]=t.useState(!1),[L,k]=t.useState(!1),P=()=>{v(!1),j(!1)},S=R=>{v(!1),j(!0),V?.(R)},m=()=>{i&&(k(!0),g?.())},C=()=>{k(!1)},I=x&&c,U=p&&d,q=i&&!x&&!p;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:y.cn("ds-image-viewer-root relative inline-block",b),children:e.jsxs("div",{className:"relative inline-block",children:[I&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-muted animate-pulse",style:{width:o,height:l},children:c===!0?e.jsx("div",{className:"w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin"}):c}),e.jsx("img",{src:U?d:n,alt:u,width:o,height:l,className:y.cn("ds-image-viewer-img max-w-full h-auto align-middle",x&&"opacity-0",h),onLoad:P,onError:S,...N}),q&&e.jsx("div",{onClick:m,className:y.cn("ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer","bg-black/50 backdrop-blur-sm"),children:e.jsxs("div",{className:"text-white text-sm flex items-center gap-2",children:[e.jsx(D.ZoomIn,{className:"w-5 h-5"}),e.jsx("span",{children:"Preview"})]})})]})}),e.jsx(f,{images:[{src:w||n,alt:u}],visible:L,onClose:C,rotatable:!0,scalable:!0,downloadable:!0})]})};G.displayName="ImageViewer.Image";const M=({children:n,images:u,preview:o=!0})=>{const[l,i]=t.useState(!1),[w,d]=t.useState(0),c=t.useCallback(g=>{d(g),i(!0)},[]),h=t.useCallback(()=>{i(!1)},[]),b=t.useMemo(()=>({handlePreview:c,preview:o}),[c,o]);return e.jsxs(e.Fragment,{children:[e.jsx(F.Provider,{value:b,children:n}),e.jsx(f,{images:u,visible:l,onClose:h,activeIndex:w,onIndexChange:d,rotatable:!0,scalable:!0,downloadable:!0})]})};M.displayName="ImageViewer.Group";const F=t.createContext(null);Object.assign(f,{Image:G,Group:M});exports.ImageViewer=f;exports.ImageViewerGroup=M;exports.ImageViewerImage=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),T=/* empty css                      */D=require("lucide-react");;/* empty css                                                                               */;/* empty css                  */require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const I=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const q=({images:n,visible:d=!1,onClose:i,activeIndex:o=0,onIndexChange:l,zoomSpeed:w=.1,disableKeyboardSupport:u=!1,noNavbar:c=!1,noToolbar:h=!1,rotatable:b=!0,scalable:g=!0,changeable:y=!0,noClose:V=!1,minScale:x=.1,maxScale:f=50,defaultScale:v=1,className:p,downloadable:N=!1,noImgDetails:j=!1,noResetZoomAfterChange:L=!1,drag:P=!1})=>{const[m,k]=r.useState(o);r.useEffect(()=>{k(o)},[o]);const C=r.useCallback(()=>{i?.()},[i]),S=r.useCallback((t,s)=>{k(s),l?.(s)},[l]),U=r.useCallback(()=>{const t=n[m],s=t.downloadUrl||t.src,a=document.createElement("a");a.href=s,a.download=t.alt||`image-${m+1}`,fetch(s).then(E=>E.blob()).then(E=>{const O=window.URL.createObjectURL(E);a.href=O,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(O)}).catch(()=>{})},[n,m]),R=n.map(t=>({src:t.src,alt:t.alt||"",downloadUrl:t.downloadUrl||t.src}));return e.jsx(T.default,{visible:d,onClose:C,onMaskClick:C,images:R,activeIndex:m,onChange:S,zoomSpeed:w,disableKeyboardSupport:u,noNavbar:c,noToolbar:h,rotatable:b,scalable:g,changeable:y,noClose:V,minScale:x,maxScale:f,defaultScale:v,className:I.cn("image-viewer-antd-style",p),downloadable:N,noImgDetails:j,noResetZoomAfterChange:L,showTotal:!0,drag:P,customToolbar:t=>t.map(s=>s.key==="download"?{...s,actionType:void 0,onClick:void 0,render:e.jsx("button",{type:"button",className:"react-viewer-icon react-viewer-download",title:"Download",style:{background:"none",border:"none",cursor:"pointer",padding:0},onClick:a=>{a.preventDefault(),a.stopPropagation(),U()},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M10 3v10m0 0l-4-4m4 4l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"17",width:"12",height:"2",rx:"1",fill:"currentColor"})]})})}:s)})};q.displayName="ImageViewer";const G=({src:n,alt:d="",width:i,height:o,preview:l=!0,previewSrc:w,fallback:u,placeholder:c,className:h,wrapperClassName:b,onPreviewClick:g,onError:y,...V})=>{const[x,f]=r.useState(!0),[v,p]=r.useState(!1),[N,j]=r.useState(!1),L=()=>{f(!1),p(!1)},P=R=>{f(!1),p(!0),y?.(R)},m=()=>{l&&(j(!0),g?.())},k=()=>{j(!1)},C=x&&c,S=v&&u,U=l&&!x&&!v;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:I.cn("ds-image-viewer-root relative inline-block",b),children:e.jsxs("div",{className:"relative inline-block",children:[C&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-muted animate-pulse",style:{width:i,height:o},children:c===!0?e.jsx("div",{className:"w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin"}):c}),e.jsx("img",{src:S?u:n,alt:d,width:i,height:o,className:I.cn("ds-image-viewer-img max-w-full h-auto align-middle",x&&"opacity-0",h),onLoad:L,onError:P,...V}),U&&e.jsx("div",{onClick:m,className:I.cn("ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer","bg-black/50 backdrop-blur-sm"),children:e.jsxs("div",{className:"text-white text-sm flex items-center gap-2",children:[e.jsx(D.ZoomIn,{className:"w-5 h-5"}),e.jsx("span",{children:"Preview"})]})})]})}),e.jsx(q,{images:[{src:w||n,alt:d}],visible:N,onClose:k,rotatable:!0,scalable:!0,downloadable:!0})]})};G.displayName="ImageViewer.Image";const M=({children:n,images:d,preview:i=!0})=>{const[o,l]=r.useState(!1),[w,u]=r.useState(0),c=r.useCallback(g=>{u(g),l(!0)},[]),h=r.useCallback(()=>{l(!1)},[]),b=r.useMemo(()=>({handlePreview:c,preview:i}),[c,i]);return e.jsxs(e.Fragment,{children:[e.jsx(F.Provider,{value:b,children:n}),e.jsx(q,{images:d,visible:o,onClose:h,activeIndex:w,onIndexChange:u,rotatable:!0,scalable:!0,downloadable:!0})]})};M.displayName="ImageViewer.Group";const F=r.createContext(null);Object.assign(q,{Image:G,Group:M});exports.ImageViewer=q;exports.ImageViewerGroup=M;exports.ImageViewerImage=G;
 //# sourceMappingURL=ImageViewer.cjs.map

package/dist/cjs/components/ImageViewer/ImageViewer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageViewer.cjs","sources":["../../../../src/components/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport Viewer from \"react-viewer\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { ZoomIn } from \"lucide-react\";\nimport \"viewerjs/dist/viewer.css\";\nimport \"./ImageViewer.css\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImageInfo {\n src: string;\n alt?: string;\n downloadUrl?: string;\n}\n\nexport interface ImageViewerProps {\n images: ImageInfo[];\n visible?: boolean;\n onClose?: () => void;\n activeIndex?: number;\n onIndexChange?: (_index: number) => void;\n zoomSpeed?: number;\n disableKeyboardSupport?: boolean;\n noNavbar?: boolean;\n noToolbar?: boolean;\n rotatable?: boolean;\n scalable?: boolean;\n changeable?: boolean;\n noClose?: boolean;\n minScale?: number;\n maxScale?: number;\n defaultScale?: number;\n className?: string;\n downloadable?: boolean;\n noImgDetails?: boolean;\n noResetZoomAfterChange?: boolean;\n drag?: boolean;\n}\n\nexport interface ImageViewerImageProps\n extends React.ImgHTMLAttributes<HTMLImageElement> {\n src: string;\n alt?: string;\n width?: string \| number;\n height?: string \| number;\n preview?: boolean;\n previewSrc?: string;\n fallback?: string;\n placeholder?: React.ReactNode \| boolean;\n className?: string;\n wrapperClassName?: string;\n onPreviewClick?: () => void;\n}\n\n// ============================================================================\n// ImageViewer Component\n// ============================================================================\n\nexport const ImageViewer: React.FC<ImageViewerProps> = ({\n images,\n visible = false,\n onClose,\n activeIndex = 0,\n onIndexChange,\n zoomSpeed = 0.1,\n disableKeyboardSupport = false,\n noNavbar = false,\n noToolbar = false,\n rotatable = true,\n scalable = true,\n changeable = true,\n noClose = false,\n minScale = 0.1,\n maxScale = 50,\n defaultScale = 1,\n className,\n downloadable = false,\n noImgDetails = false,\n noResetZoomAfterChange = false,\n drag = false,\n}) => {\n const [currentIndex, setCurrentIndex] = useState(activeIndex);\n\n useEffect(() => {\n setCurrentIndex(activeIndex);\n }, [activeIndex]);\n\n const handleClose = useCallback(() => {\n onClose?.();\n }, [onClose]);\n\n const handleIndexChange = useCallback(\n (_activeImage: any, index: number) => {\n setCurrentIndex(index);\n onIndexChange?.(index);\n },\n [onIndexChange]\n );\n\n // Handle download to save file locally\n const handleDownload = useCallback(() => {\n const currentImage = images[currentIndex];\n const downloadUrl = currentImage.downloadUrl \|\| currentImage.src;\n\n // Create a temporary anchor element to trigger download\n const link = document.createElement(\"a\");\n link.href = downloadUrl;\n link.download = currentImage.alt \|\| `image-${currentIndex + 1}`;\n\n // For cross-origin images, try to download via fetch\n fetch(downloadUrl)\n .then((response) => response.blob())\n .then((blob) => {\n const url = window.URL.createObjectURL(blob);\n link.href = url;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n window.URL.revokeObjectURL(url);\n })\n .catch(() => {\n // Fallback: do nothing if fetch fails\n });\n }, [images, currentIndex]);\n\n // Transform images to include downloadUrl\n const viewerImages = images.map((img) => ({\n src: img.src,\n alt: img.alt \|\| \"\",\n downloadUrl: img.downloadUrl \|\| img.src,\n }));\n\n return (\n <Viewer\n visible={visible}\n onClose={handleClose}\n onMaskClick={handleClose}\n images={viewerImages}\n activeIndex={currentIndex}\n onChange={handleIndexChange}\n zoomSpeed={zoomSpeed}\n disableKeyboardSupport={disableKeyboardSupport}\n noNavbar={noNavbar}\n noToolbar={noToolbar}\n rotatable={rotatable}\n scalable={scalable}\n changeable={changeable}\n noClose={noClose}\n minScale={minScale}\n maxScale={maxScale}\n defaultScale={defaultScale}\n className={cn(\"image-viewer-antd-style\", className)}\n downloadable={downloadable}\n noImgDetails={noImgDetails}\n noResetZoomAfterChange={noResetZoomAfterChange}\n showTotal={true}\n drag={drag}\n customToolbar={(toolbars) => {\n // Replace download button with a custom-rendered button to prevent viewer state change\n return toolbars.map((toolbar) => {\n if (toolbar.key === \"download\") {\n return {\n ...toolbar,\n actionType: undefined, // Remove default action\n onClick: undefined,\n render: (\n <button\n type=\"button\"\n className=\"react-viewer-icon react-viewer-download\"\n title=\"Download\"\n style={{\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n }}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleDownload();\n }}\n >\n {/* SVG icon for download (Ant Design style) /}\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 3v10m0 0l-4-4m4 4l4-4\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <rect\n x=\"4\"\n y=\"17\"\n width=\"12\"\n height=\"2\"\n rx=\"1\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ),\n };\n }\n return toolbar;\n });\n }}\n />\n );\n};\n\nImageViewer.displayName = \"ImageViewer\";\n\n// ============================================================================\n// ImageViewerImage Component (Wrapper for single image with preview)\n// ============================================================================\n\nexport const ImageViewerImage: React.FC<ImageViewerImageProps> = ({\n src,\n alt = \"\",\n width,\n height,\n preview = true,\n previewSrc,\n fallback,\n placeholder,\n className,\n wrapperClassName,\n onPreviewClick,\n onError,\n ...props\n}) => {\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n const [viewerVisible, setViewerVisible] = useState(false);\n\n const handleLoad = () => {\n setLoading(false);\n setError(false);\n };\n\n const handleError = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n setLoading(false);\n setError(true);\n onError?.(e);\n };\n\n const handlePreview = () => {\n if (!preview) return;\n setViewerVisible(true);\n onPreviewClick?.();\n };\n\n const handleCloseViewer = () => {\n setViewerVisible(false);\n };\n\n const showPlaceholder = loading && placeholder;\n const showFallback = error && fallback;\n const showPreviewMask = preview && !loading && !error;\n\n return (\n <>\n <div\n className={cn(\n \"ds-image-viewer-root relative inline-block\",\n wrapperClassName\n )}\n >\n <div className=\"relative inline-block\">\n {showPlaceholder && (\n <div\n className=\"absolute inset-0 flex items-center justify-center bg-muted animate-pulse\"\n style={{ width, height }}\n >\n {placeholder === true ? (\n <div className=\"w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin\" />\n ) : (\n placeholder\n )}\n </div>\n )}\n\n <img\n src={showFallback ? fallback : src}\n alt={alt}\n width={width}\n height={height}\n className={cn(\n \"ds-image-viewer-img max-w-full h-auto align-middle\",\n loading && \"opacity-0\",\n className\n )}\n onLoad={handleLoad}\n onError={handleError}\n {...props}\n />\n\n {showPreviewMask && (\n <div\n onClick={handlePreview}\n className={cn(\n \"ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer\",\n \"bg-black/50 backdrop-blur-sm\"\n )}\n >\n <div className=\"text-white text-sm flex items-center gap-2\">\n <ZoomIn className=\"w-5 h-5\" />\n <span>Preview</span>\n </div>\n </div>\n )}\n </div>\n </div>\n\n {/ Viewer Modal */}\n <ImageViewer\n images={[{ src: previewSrc \|\| src, alt }]}\n visible={viewerVisible}\n onClose={handleCloseViewer}\n rotatable\n scalable\n downloadable\n />\n </>\n );\n};\n\nImageViewerImage.displayName = \"ImageViewer.Image\";\n\n// ============================================================================\n// ImageViewerGroup Component\n// ============================================================================\n\ninterface ImageViewerGroupProps {\n children: React.ReactNode;\n images: ImageInfo[];\n preview?: boolean;\n}\n\nexport const ImageViewerGroup: React.FC<ImageViewerGroupProps> = ({\n children,\n images,\n preview = true,\n}) => {\n const [viewerVisible, setViewerVisible] = useState(false);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handlePreview = useCallback((index: number) => {\n setCurrentIndex(index);\n setViewerVisible(true);\n }, []);\n\n const handleClose = useCallback(() => {\n setViewerVisible(false);\n }, []);\n\n const contextValue = React.useMemo(\n () => ({\n handlePreview,\n preview,\n }),\n [handlePreview, preview]\n );\n\n return (\n <>\n <ImageViewerGroupContext.Provider value={contextValue}>\n {children}\n </ImageViewerGroupContext.Provider>\n\n <ImageViewer\n images={images}\n visible={viewerVisible}\n onClose={handleClose}\n activeIndex={currentIndex}\n onIndexChange={setCurrentIndex}\n rotatable\n scalable\n downloadable\n />\n </>\n );\n};\n\nImageViewerGroup.displayName = \"ImageViewer.Group\";\n\n// Context for Group\nconst ImageViewerGroupContext = React.createContext<{\n handlePreview?: (_index: number) => void;\n preview?: boolean;\n} \| null>(null);\n\n// Export with namespace\nconst ImageViewerNamespace = Object.assign(ImageViewer, {\n Image: ImageViewerImage,\n Group: ImageViewerGroup,\n});\n\nexport default ImageViewerNamespace;\n"],"names":["ImageViewer","images","visible","onClose","activeIndex","onIndexChange","zoomSpeed","disableKeyboardSupport","noNavbar","noToolbar","rotatable","scalable","changeable","noClose","minScale","maxScale","defaultScale","className","downloadable","noImgDetails","noResetZoomAfterChange","drag","currentIndex","setCurrentIndex","useState","useEffect","handleClose","useCallback","handleIndexChange","_activeImage","index","handleDownload","currentImage","downloadUrl","link","response","blob","url","viewerImages","img","jsx","Viewer","cn","toolbars","toolbar","e","jsxs","ImageViewerImage","src","alt","width","height","preview","previewSrc","fallback","placeholder","wrapperClassName","onPreviewClick","onError","props","loading","setLoading","error","setError","viewerVisible","setViewerVisible","handleLoad","handleError","handlePreview","handleCloseViewer","showPlaceholder","showFallback","showPreviewMask","Fragment","ZoomIn","ImageViewerGroup","children","contextValue","React","ImageViewerGroupContext"],"mappings":"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"}
1	+ {"version":3,"file":"ImageViewer.cjs","sources":["../../../../src/components/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport Viewer from \"react-viewer\";\nimport { ZoomIn } from \"lucide-react\";\nimport \"viewerjs/dist/viewer.css\";\nimport \"./ImageViewer.css\";\nimport { cn } from \"@dsui/ui/index\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImageInfo {\n src: string;\n alt?: string;\n downloadUrl?: string;\n}\n\nexport interface ImageViewerProps {\n images: ImageInfo[];\n visible?: boolean;\n onClose?: () => void;\n activeIndex?: number;\n onIndexChange?: (_index: number) => void;\n zoomSpeed?: number;\n disableKeyboardSupport?: boolean;\n noNavbar?: boolean;\n noToolbar?: boolean;\n rotatable?: boolean;\n scalable?: boolean;\n changeable?: boolean;\n noClose?: boolean;\n minScale?: number;\n maxScale?: number;\n defaultScale?: number;\n className?: string;\n downloadable?: boolean;\n noImgDetails?: boolean;\n noResetZoomAfterChange?: boolean;\n drag?: boolean;\n}\n\nexport interface ImageViewerImageProps\n extends React.ImgHTMLAttributes<HTMLImageElement> {\n src: string;\n alt?: string;\n width?: string \| number;\n height?: string \| number;\n preview?: boolean;\n previewSrc?: string;\n fallback?: string;\n placeholder?: React.ReactNode \| boolean;\n className?: string;\n wrapperClassName?: string;\n onPreviewClick?: () => void;\n}\n\n// ============================================================================\n// ImageViewer Component\n// ============================================================================\n\nexport const ImageViewer: React.FC<ImageViewerProps> = ({\n images,\n visible = false,\n onClose,\n activeIndex = 0,\n onIndexChange,\n zoomSpeed = 0.1,\n disableKeyboardSupport = false,\n noNavbar = false,\n noToolbar = false,\n rotatable = true,\n scalable = true,\n changeable = true,\n noClose = false,\n minScale = 0.1,\n maxScale = 50,\n defaultScale = 1,\n className,\n downloadable = false,\n noImgDetails = false,\n noResetZoomAfterChange = false,\n drag = false,\n}) => {\n const [currentIndex, setCurrentIndex] = useState(activeIndex);\n\n useEffect(() => {\n setCurrentIndex(activeIndex);\n }, [activeIndex]);\n\n const handleClose = useCallback(() => {\n onClose?.();\n }, [onClose]);\n\n const handleIndexChange = useCallback(\n (_activeImage: any, index: number) => {\n setCurrentIndex(index);\n onIndexChange?.(index);\n },\n [onIndexChange]\n );\n\n // Handle download to save file locally\n const handleDownload = useCallback(() => {\n const currentImage = images[currentIndex];\n const downloadUrl = currentImage.downloadUrl \|\| currentImage.src;\n\n // Create a temporary anchor element to trigger download\n const link = document.createElement(\"a\");\n link.href = downloadUrl;\n link.download = currentImage.alt \|\| `image-${currentIndex + 1}`;\n\n // For cross-origin images, try to download via fetch\n fetch(downloadUrl)\n .then((response) => response.blob())\n .then((blob) => {\n const url = window.URL.createObjectURL(blob);\n link.href = url;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n window.URL.revokeObjectURL(url);\n })\n .catch(() => {\n // Fallback: do nothing if fetch fails\n });\n }, [images, currentIndex]);\n\n // Transform images to include downloadUrl\n const viewerImages = images.map((img) => ({\n src: img.src,\n alt: img.alt \|\| \"\",\n downloadUrl: img.downloadUrl \|\| img.src,\n }));\n\n return (\n <Viewer\n visible={visible}\n onClose={handleClose}\n onMaskClick={handleClose}\n images={viewerImages}\n activeIndex={currentIndex}\n onChange={handleIndexChange}\n zoomSpeed={zoomSpeed}\n disableKeyboardSupport={disableKeyboardSupport}\n noNavbar={noNavbar}\n noToolbar={noToolbar}\n rotatable={rotatable}\n scalable={scalable}\n changeable={changeable}\n noClose={noClose}\n minScale={minScale}\n maxScale={maxScale}\n defaultScale={defaultScale}\n className={cn(\"image-viewer-antd-style\", className)}\n downloadable={downloadable}\n noImgDetails={noImgDetails}\n noResetZoomAfterChange={noResetZoomAfterChange}\n showTotal={true}\n drag={drag}\n customToolbar={(toolbars) => {\n // Replace download button with a custom-rendered button to prevent viewer state change\n return toolbars.map((toolbar) => {\n if (toolbar.key === \"download\") {\n return {\n ...toolbar,\n actionType: undefined, // Remove default action\n onClick: undefined,\n render: (\n <button\n type=\"button\"\n className=\"react-viewer-icon react-viewer-download\"\n title=\"Download\"\n style={{\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n }}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleDownload();\n }}\n >\n {/* SVG icon for download (Ant Design style) /}\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 3v10m0 0l-4-4m4 4l4-4\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <rect\n x=\"4\"\n y=\"17\"\n width=\"12\"\n height=\"2\"\n rx=\"1\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ),\n };\n }\n return toolbar;\n });\n }}\n />\n );\n};\n\nImageViewer.displayName = \"ImageViewer\";\n\n// ============================================================================\n// ImageViewerImage Component (Wrapper for single image with preview)\n// ============================================================================\n\nexport const ImageViewerImage: React.FC<ImageViewerImageProps> = ({\n src,\n alt = \"\",\n width,\n height,\n preview = true,\n previewSrc,\n fallback,\n placeholder,\n className,\n wrapperClassName,\n onPreviewClick,\n onError,\n ...props\n}) => {\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n const [viewerVisible, setViewerVisible] = useState(false);\n\n const handleLoad = () => {\n setLoading(false);\n setError(false);\n };\n\n const handleError = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n setLoading(false);\n setError(true);\n onError?.(e);\n };\n\n const handlePreview = () => {\n if (!preview) return;\n setViewerVisible(true);\n onPreviewClick?.();\n };\n\n const handleCloseViewer = () => {\n setViewerVisible(false);\n };\n\n const showPlaceholder = loading && placeholder;\n const showFallback = error && fallback;\n const showPreviewMask = preview && !loading && !error;\n\n return (\n <>\n <div\n className={cn(\n \"ds-image-viewer-root relative inline-block\",\n wrapperClassName\n )}\n >\n <div className=\"relative inline-block\">\n {showPlaceholder && (\n <div\n className=\"absolute inset-0 flex items-center justify-center bg-muted animate-pulse\"\n style={{ width, height }}\n >\n {placeholder === true ? (\n <div className=\"w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin\" />\n ) : (\n placeholder\n )}\n </div>\n )}\n\n <img\n src={showFallback ? fallback : src}\n alt={alt}\n width={width}\n height={height}\n className={cn(\n \"ds-image-viewer-img max-w-full h-auto align-middle\",\n loading && \"opacity-0\",\n className\n )}\n onLoad={handleLoad}\n onError={handleError}\n {...props}\n />\n\n {showPreviewMask && (\n <div\n onClick={handlePreview}\n className={cn(\n \"ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer\",\n \"bg-black/50 backdrop-blur-sm\"\n )}\n >\n <div className=\"text-white text-sm flex items-center gap-2\">\n <ZoomIn className=\"w-5 h-5\" />\n <span>Preview</span>\n </div>\n </div>\n )}\n </div>\n </div>\n\n {/ Viewer Modal */}\n <ImageViewer\n images={[{ src: previewSrc \|\| src, alt }]}\n visible={viewerVisible}\n onClose={handleCloseViewer}\n rotatable\n scalable\n downloadable\n />\n </>\n );\n};\n\nImageViewerImage.displayName = \"ImageViewer.Image\";\n\n// ============================================================================\n// ImageViewerGroup Component\n// ============================================================================\n\ninterface ImageViewerGroupProps {\n children: React.ReactNode;\n images: ImageInfo[];\n preview?: boolean;\n}\n\nexport const ImageViewerGroup: React.FC<ImageViewerGroupProps> = ({\n children,\n images,\n preview = true,\n}) => {\n const [viewerVisible, setViewerVisible] = useState(false);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const handlePreview = useCallback((index: number) => {\n setCurrentIndex(index);\n setViewerVisible(true);\n }, []);\n\n const handleClose = useCallback(() => {\n setViewerVisible(false);\n }, []);\n\n const contextValue = React.useMemo(\n () => ({\n handlePreview,\n preview,\n }),\n [handlePreview, preview]\n );\n\n return (\n <>\n <ImageViewerGroupContext.Provider value={contextValue}>\n {children}\n </ImageViewerGroupContext.Provider>\n\n <ImageViewer\n images={images}\n visible={viewerVisible}\n onClose={handleClose}\n activeIndex={currentIndex}\n onIndexChange={setCurrentIndex}\n rotatable\n scalable\n downloadable\n />\n </>\n );\n};\n\nImageViewerGroup.displayName = \"ImageViewer.Group\";\n\n// Context for Group\nconst ImageViewerGroupContext = React.createContext<{\n handlePreview?: (_index: number) => void;\n preview?: boolean;\n} \| null>(null);\n\n// Export with namespace\nconst ImageViewerNamespace = Object.assign(ImageViewer, {\n Image: ImageViewerImage,\n Group: ImageViewerGroup,\n});\n\nexport default ImageViewerNamespace;\n"],"names":["ImageViewer","images","visible","onClose","activeIndex","onIndexChange","zoomSpeed","disableKeyboardSupport","noNavbar","noToolbar","rotatable","scalable","changeable","noClose","minScale","maxScale","defaultScale","className","downloadable","noImgDetails","noResetZoomAfterChange","drag","currentIndex","setCurrentIndex","useState","useEffect","handleClose","useCallback","handleIndexChange","_activeImage","index","handleDownload","currentImage","downloadUrl","link","response","blob","url","viewerImages","img","jsx","Viewer","cn","toolbars","toolbar","e","jsxs","ImageViewerImage","src","alt","width","height","preview","previewSrc","fallback","placeholder","wrapperClassName","onPreviewClick","onError","props","loading","setLoading","error","setError","viewerVisible","setViewerVisible","handleLoad","handleError","handlePreview","handleCloseViewer","showPlaceholder","showFallback","showPreviewMask","Fragment","ZoomIn","ImageViewerGroup","children","contextValue","React","ImageViewerGroupContext"],"mappings":"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"}

package/dist/cjs/components/Table/data-table-column-header.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("lucide-react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const s=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const c=require("../DropdownMenu/DropdownMenu.cjs"),g=require("./TableFilter/data-table-filter-popover.cjs"),d=require("../Button/Button.cjs");function h({column:e,label:o,className:a}){const n=o||(typeof e.columnDef.header=="string"?e.columnDef.header:null);if(!(e.getCanSort()||e.getCanHide()||e.getCanFilter()))return r.jsx("div",{className:s.cn(a),children:n});const l=r.jsxs("button",{className:"-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",children:[n,e.getCanSort()&&(e.getIsSorted()==="desc"?r.jsx(t.ChevronDown,{}):e.getIsSorted()==="asc"?r.jsx(t.ChevronUp,{}):r.jsx(t.ChevronsUpDown,{}))]}),u=e.getCanFilter()&&e.columnDef.meta?.variant?r.jsx(g.DataTableFilterPopover,{column:e,trigger:r.jsx(d.default,{variant:"ghost",className:s.cn("hover:bg-accent rounded p-1",e.getFilterValue()?"text-primary":""),children:r.jsx(t.Filter,{className:"size-4"})})}):null,i=[];return e.getCanSort()&&(i.push({key:"asc",type:"checkbox",label:"Asc",icon:r.jsx(t.ChevronUp,{}),checked:e.getIsSorted()==="asc",onClick:()=>e.toggleSorting(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),i.push({key:"desc",type:"checkbox",label:"Desc",icon:r.jsx(t.ChevronDown,{}),checked:e.getIsSorted()==="desc",onClick:()=>e.toggleSorting(!0),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),e.getIsSorted()&&i.push({key:"reset",type:"item",label:"Reset",icon:r.jsx(t.X,{}),onClick:()=>e.clearSorting(),className:"pl-2 [&_svg]:text-muted-foreground"})),e.getCanHide()&&i.push({key:"hide",type:"checkbox",label:"Hide",icon:r.jsx(t.EyeOff,{}),checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),r.jsxs("div",{className:s.cn("flex items-center gap-1.5",a),children:[r.jsx(c.default,{trigger:l,items:i,align:"start",contentClassName:"w-28"}),u]})}exports.DataTableColumnHeader=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("lucide-react"),i=require("@dsui/ui"),g=require("../DropdownMenu/DropdownMenu.cjs"),d=require("./TableFilter/data-table-filter-popover.cjs"),h=require("../Button/Button.cjs");function p({column:e,label:o,className:a}){const n=o||(typeof e.columnDef.header=="string"?e.columnDef.header:null);if(!(e.getCanSort()||e.getCanHide()||e.getCanFilter()))return t.jsx("div",{className:i.cn(a),children:n});const c=t.jsxs("button",{className:"-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",children:[n,e.getCanSort()&&(e.getIsSorted()==="desc"?t.jsx(s.ChevronDown,{}):e.getIsSorted()==="asc"?t.jsx(s.ChevronUp,{}):t.jsx(s.ChevronsUpDown,{}))]}),l=e.getCanFilter()&&e.columnDef.meta?.variant?t.jsx(d.DataTableFilterPopover,{column:e,trigger:t.jsx(h.default,{variant:"ghost",className:i.cn("hover:bg-accent rounded p-1",e.getFilterValue()?"text-primary":""),children:t.jsx(s.Filter,{className:"size-4"})})}):null,r=[];return e.getCanSort()&&(r.push({key:"asc",type:"checkbox",label:"Asc",icon:t.jsx(s.ChevronUp,{}),checked:e.getIsSorted()==="asc",onClick:()=>e.toggleSorting(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),r.push({key:"desc",type:"checkbox",label:"Desc",icon:t.jsx(s.ChevronDown,{}),checked:e.getIsSorted()==="desc",onClick:()=>e.toggleSorting(!0),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),e.getIsSorted()&&r.push({key:"reset",type:"item",label:"Reset",icon:t.jsx(s.X,{}),onClick:()=>e.clearSorting(),className:"pl-2 [&_svg]:text-muted-foreground"})),e.getCanHide()&&r.push({key:"hide",type:"checkbox",label:"Hide",icon:t.jsx(s.EyeOff,{}),checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),t.jsxs("div",{className:i.cn("flex items-center gap-1.5",a),children:[t.jsx(g.default,{trigger:c,items:r,align:"start",contentClassName:"w-28"}),l]})}exports.DataTableColumnHeader=p;
 //# sourceMappingURL=data-table-column-header.cjs.map

package/dist/cjs/components/Table/data-table-column-header.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-column-header.cjs","sources":["../../../../src/components/Table/data-table-column-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport {\n ChevronDown,\n ChevronsUpDown,\n ChevronUp,\n EyeOff,\n Filter,\n X,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui\";\nimport DropdownMenu, {\n type DropdownMenuItem,\n} from \"../DropdownMenu/DropdownMenu\";\nimport { DataTableFilterPopover } from \"./TableFilter/data-table-filter-popover\";\nimport { Button } from \"../Button\";\n\ninterface DataTableColumnHeaderProps<TData, TValue> {\n column: Column<TData, TValue>;\n label?: string;\n className?: string;\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n column,\n label,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n const displayLabel =\n label \|\|\n (typeof column.columnDef.header === \"string\"\n ? column.columnDef.header\n : null);\n\n const hasActions =\n column.getCanSort() \|\| column.getCanHide() \|\| column.getCanFilter();\n\n if (!hasActions) {\n return <div className={cn(className)}>{displayLabel}</div>;\n }\n\n const sortTrigger = (\n <button className=\"-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground\">\n {displayLabel}\n {column.getCanSort() &&\n (column.getIsSorted() === \"desc\" ? (\n <ChevronDown />\n ) : column.getIsSorted() === \"asc\" ? (\n <ChevronUp />\n ) : (\n <ChevronsUpDown />\n ))}\n </button>\n );\n\n const filterButton =\n column.getCanFilter() && column.columnDef.meta?.variant ? (\n <DataTableFilterPopover\n column={column}\n trigger={\n <Button\n variant=\"ghost\"\n className={cn(\n \"hover:bg-accent rounded p-1\",\n column.getFilterValue() ? \"text-primary\" : \"\"\n )}\n >\n <Filter className=\"size-4\" />\n </Button>\n }\n />\n ) : null;\n\n const items: DropdownMenuItem[] = [];\n\n if (column.getCanSort()) {\n items.push({\n key: \"asc\",\n type: \"checkbox\",\n label: \"Asc\",\n icon: <ChevronUp />,\n checked: column.getIsSorted() === \"asc\",\n onClick: () => column.toggleSorting(false),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n items.push({\n key: \"desc\",\n type: \"checkbox\",\n label: \"Desc\",\n icon: <ChevronDown />,\n checked: column.getIsSorted() === \"desc\",\n onClick: () => column.toggleSorting(true),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n if (column.getIsSorted()) {\n items.push({\n key: \"reset\",\n type: \"item\",\n label: \"Reset\",\n icon: <X />,\n onClick: () => column.clearSorting(),\n className: \"pl-2 [&_svg]:text-muted-foreground\",\n });\n }\n }\n\n if (column.getCanHide()) {\n items.push({\n key: \"hide\",\n type: \"checkbox\",\n label: \"Hide\",\n icon: <EyeOff />,\n checked: !column.getIsVisible(),\n onClick: () => column.toggleVisibility(false),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n }\n\n return (\n <div className={cn(\"flex items-center gap-1.5\", className)}>\n <DropdownMenu\n trigger={sortTrigger}\n items={items}\n align=\"start\"\n contentClassName=\"w-28\"\n />\n {filterButton}\n </div>\n );\n}\n"],"names":["DataTableColumnHeader","column","label","className","displayLabel","cn","sortTrigger","jsxs","jsx","ChevronDown","ChevronUp","ChevronsUpDown","filterButton","DataTableFilterPopover","Button","Filter","items","X","EyeOff","DropdownMenu"],"mappings":"~~qrDAyBO~~,SAASA,EAAqC,CACnD,OAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAA8C,CAC5C,MAAMC,EACJF,IACC,OAAOD,EAAO,UAAU,QAAW,SAChCA,EAAO,UAAU,OACjB,MAKN,GAAI,EAFFA,EAAO,WAAA,GAAgBA,EAAO,WAAA,GAAgBA,EAAO,aAAA,GAGrD,aAAQ,MAAA,CAAI,UAAWI,EAAAA,GAAGF,CAAS,EAAI,SAAAC,EAAa,EAGtD,MAAME,EACJC,EAAAA,KAAC,SAAA,CAAO,UAAU,yNACf,SAAA,CAAAH,EACAH,EAAO,WAAA,IACLA,EAAO,YAAA,IAAkB,OACxBO,EAAAA,IAACC,EAAAA,YAAA,EAAY,EACXR,EAAO,gBAAkB,YAC1BS,EAAAA,UAAA,CAAA,CAAU,QAEVC,EAAAA,eAAA,EAAe,EAAA,EAEtB,EAGIC,EACJX,EAAO,aAAA,GAAkBA,EAAO,UAAU,MAAM,QAC9CO,EAAAA,IAACK,EAAAA,uBAAA,CACC,OAAAZ,EACA,QACEO,EAAAA,IAACM,EAAAA,QAAA,CACC,QAAQ,QACR,UAAWT,EAAAA,GACT,8BACAJ,EAAO,eAAA,EAAmB,eAAiB,EAAA,EAG7C,SAAAO,EAAAA,IAACO,EAAAA,OAAA,CAAO,UAAU,QAAA,CAAS,CAAA,CAAA,CAC7B,CAAA,EAGF,KAEAC,EAA4B,CAAA,EAElC,OAAIf,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,MACL,KAAM,WACN,MAAO,MACP,WAAON,EAAAA,UAAA,EAAU,EACjB,QAAST,EAAO,YAAA,IAAkB,MAClC,QAAS,IAAMA,EAAO,cAAc,EAAK,EACzC,UACE,8GAAA,CACH,EACDe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOP,EAAAA,YAAA,EAAY,EACnB,QAASR,EAAO,YAAA,IAAkB,OAClC,QAAS,IAAMA,EAAO,cAAc,EAAI,EACxC,UACE,8GAAA,CACH,EACGA,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,QACL,KAAM,OACN,MAAO,QACP,WAAOC,EAAAA,EAAA,EAAE,EACT,QAAS,IAAMhB,EAAO,aAAA,EACtB,UAAW,oCAAA,CACZ,GAIDA,EAAO,cACTe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOE,EAAAA,OAAA,EAAO,EACd,QAAS,CAACjB,EAAO,aAAA,EACjB,QAAS,IAAMA,EAAO,iBAAiB,EAAK,EAC5C,UACE,8GAAA,CACH,SAIA,MAAA,CAAI,UAAWI,EAAAA,GAAG,4BAA6BF,CAAS,EACvD,SAAA,CAAAK,EAAAA,IAACW,EAAAA,QAAA,CACC,QAASb,EACT,MAAAU,EACA,MAAM,QACN,iBAAiB,MAAA,CAAA,EAElBJ,CAAA,EACH,CAEJ"}
1	+ {"version":3,"file":"data-table-column-header.cjs","sources":["../../../../src/components/Table/data-table-column-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport {\n ChevronDown,\n ChevronsUpDown,\n ChevronUp,\n EyeOff,\n Filter,\n X,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui\";\nimport DropdownMenu, {\n type DropdownMenuItem,\n} from \"../DropdownMenu/DropdownMenu\";\nimport { DataTableFilterPopover } from \"./TableFilter/data-table-filter-popover\";\nimport { Button } from \"../Button\";\n\ninterface DataTableColumnHeaderProps<TData, TValue> {\n column: Column<TData, TValue>;\n label?: string;\n className?: string;\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n column,\n label,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n const displayLabel =\n label \|\|\n (typeof column.columnDef.header === \"string\"\n ? column.columnDef.header\n : null);\n\n const hasActions =\n column.getCanSort() \|\| column.getCanHide() \|\| column.getCanFilter();\n\n if (!hasActions) {\n return <div className={cn(className)}>{displayLabel}</div>;\n }\n\n const sortTrigger = (\n <button className=\"-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground\">\n {displayLabel}\n {column.getCanSort() &&\n (column.getIsSorted() === \"desc\" ? (\n <ChevronDown />\n ) : column.getIsSorted() === \"asc\" ? (\n <ChevronUp />\n ) : (\n <ChevronsUpDown />\n ))}\n </button>\n );\n\n const filterButton =\n column.getCanFilter() && column.columnDef.meta?.variant ? (\n <DataTableFilterPopover\n column={column}\n trigger={\n <Button\n variant=\"ghost\"\n className={cn(\n \"hover:bg-accent rounded p-1\",\n column.getFilterValue() ? \"text-primary\" : \"\"\n )}\n >\n <Filter className=\"size-4\" />\n </Button>\n }\n />\n ) : null;\n\n const items: DropdownMenuItem[] = [];\n\n if (column.getCanSort()) {\n items.push({\n key: \"asc\",\n type: \"checkbox\",\n label: \"Asc\",\n icon: <ChevronUp />,\n checked: column.getIsSorted() === \"asc\",\n onClick: () => column.toggleSorting(false),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n items.push({\n key: \"desc\",\n type: \"checkbox\",\n label: \"Desc\",\n icon: <ChevronDown />,\n checked: column.getIsSorted() === \"desc\",\n onClick: () => column.toggleSorting(true),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n if (column.getIsSorted()) {\n items.push({\n key: \"reset\",\n type: \"item\",\n label: \"Reset\",\n icon: <X />,\n onClick: () => column.clearSorting(),\n className: \"pl-2 [&_svg]:text-muted-foreground\",\n });\n }\n }\n\n if (column.getCanHide()) {\n items.push({\n key: \"hide\",\n type: \"checkbox\",\n label: \"Hide\",\n icon: <EyeOff />,\n checked: !column.getIsVisible(),\n onClick: () => column.toggleVisibility(false),\n className:\n \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n });\n }\n\n return (\n <div className={cn(\"flex items-center gap-1.5\", className)}>\n <DropdownMenu\n trigger={sortTrigger}\n items={items}\n align=\"start\"\n contentClassName=\"w-28\"\n />\n {filterButton}\n </div>\n );\n}\n"],"names":["DataTableColumnHeader","column","label","className","displayLabel","cn","sortTrigger","jsxs","jsx","ChevronDown","ChevronUp","ChevronsUpDown","filterButton","DataTableFilterPopover","Button","Filter","items","X","EyeOff","DropdownMenu"],"mappings":"8SAyBO,SAASA,EAAqC,CACnD,OAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAA8C,CAC5C,MAAMC,EACJF,IACC,OAAOD,EAAO,UAAU,QAAW,SAChCA,EAAO,UAAU,OACjB,MAKN,GAAI,EAFFA,EAAO,WAAA,GAAgBA,EAAO,WAAA,GAAgBA,EAAO,aAAA,GAGrD,aAAQ,MAAA,CAAI,UAAWI,EAAAA,GAAGF,CAAS,EAAI,SAAAC,EAAa,EAGtD,MAAME,EACJC,EAAAA,KAAC,SAAA,CAAO,UAAU,yNACf,SAAA,CAAAH,EACAH,EAAO,WAAA,IACLA,EAAO,YAAA,IAAkB,OACxBO,EAAAA,IAACC,EAAAA,YAAA,EAAY,EACXR,EAAO,gBAAkB,YAC1BS,EAAAA,UAAA,CAAA,CAAU,QAEVC,EAAAA,eAAA,EAAe,EAAA,EAEtB,EAGIC,EACJX,EAAO,aAAA,GAAkBA,EAAO,UAAU,MAAM,QAC9CO,EAAAA,IAACK,EAAAA,uBAAA,CACC,OAAAZ,EACA,QACEO,EAAAA,IAACM,EAAAA,QAAA,CACC,QAAQ,QACR,UAAWT,EAAAA,GACT,8BACAJ,EAAO,eAAA,EAAmB,eAAiB,EAAA,EAG7C,SAAAO,EAAAA,IAACO,EAAAA,OAAA,CAAO,UAAU,QAAA,CAAS,CAAA,CAAA,CAC7B,CAAA,EAGF,KAEAC,EAA4B,CAAA,EAElC,OAAIf,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,MACL,KAAM,WACN,MAAO,MACP,WAAON,EAAAA,UAAA,EAAU,EACjB,QAAST,EAAO,YAAA,IAAkB,MAClC,QAAS,IAAMA,EAAO,cAAc,EAAK,EACzC,UACE,8GAAA,CACH,EACDe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOP,EAAAA,YAAA,EAAY,EACnB,QAASR,EAAO,YAAA,IAAkB,OAClC,QAAS,IAAMA,EAAO,cAAc,EAAI,EACxC,UACE,8GAAA,CACH,EACGA,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,QACL,KAAM,OACN,MAAO,QACP,WAAOC,EAAAA,EAAA,EAAE,EACT,QAAS,IAAMhB,EAAO,aAAA,EACtB,UAAW,oCAAA,CACZ,GAIDA,EAAO,cACTe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOE,EAAAA,OAAA,EAAO,EACd,QAAS,CAACjB,EAAO,aAAA,EACjB,QAAS,IAAMA,EAAO,iBAAiB,EAAK,EAC5C,UACE,8GAAA,CACH,SAIA,MAAA,CAAI,UAAWI,EAAAA,GAAG,4BAA6BF,CAAS,EACvD,SAAA,CAAAK,EAAAA,IAACW,EAAAA,QAAA,CACC,QAASb,EACT,MAAAU,EACA,MAAM,QACN,iBAAiB,MAAA,CAAA,EAElBJ,CAAA,EACH,CAEJ"}

package/dist/cjs/components/Table/data-table.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@tanstack/react-table"),g=require("./data-table-pagination.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const a=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const l=require("../../packages/ui/src/components/table.cjs"),d=require("../../utils/data-table.cjs"),b=require("./data-table-column-header.cjs");function j({table:i,actionBar:t,children:q,className:m,pagination:u=!0,sticky:T,bordered:f,loading:o,footer:s,...x}){return e.jsxs("div",{className:a.cn("flex w-full flex-col gap-2.5 relative",m),...x,children:[q,o&&e.jsx("div",{className:"absolute inset-0 bg-background/50 flex items-center justify-center z-20",children:"Loading..."}),e.jsx("div",{className:a.cn("overflow-auto rounded-md border",o&&"blur-sm"),children:e.jsxs(l.Table,{children:[e.jsx(l.TableHeader,{children:i.getHeaderGroups().map(n=>e.jsx(l.TableRow,{children:n.headers.map(r=>e.jsx(l.TableHead,{colSpan:r.colSpan,style:{...d.getCommonPinningStyles({column:r.column})},children:r.isPlaceholder?null:r.column.columnDef.header?typeof r.column.columnDef.header=="function"?c.flexRender(r.column.columnDef.header,r.getContext()):e.jsx(b.DataTableColumnHeader,{column:r.column}):null},r.id))},n.id))}),e.jsx(l.TableBody,{children:i.getRowModel().rows?.length?i.getRowModel().rows.map(n=>e.jsx(l.TableRow,{"data-state":n.getIsSelected()&&"selected",children:n.getVisibleCells().map(r=>e.jsx(l.TableCell,{style:{...d.getCommonPinningStyles({column:r.column})},children:c.flexRender(r.column.columnDef.cell,r.getContext())},r.id))},n.id)):e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:i.getAllColumns().length,className:"h-24 text-center",children:"No results."})})}),s&&e.jsx("tfoot",{children:e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:i.getAllColumns().length,children:s(i.getRowModel().rows.map(n=>n.original))})})})]})}),e.jsxs("div",{className:"flex flex-col gap-2.5",children:[u&&e.jsx(g.DataTablePagination,{table:i,...u===!0?{}:u}),t&&i.getFilteredSelectedRowModel().rows.length>0&&t]})]})}exports.DataTable=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@tanstack/react-table"),g=require("./data-table-pagination.cjs"),n=require("@dsui/ui"),d=require("../../utils/data-table.cjs"),b=require("./data-table-column-header.cjs");function j({table:o,actionBar:c,children:u,className:m,pagination:t=!0,sticky:T,bordered:f,loading:a,footer:r,...x}){return e.jsxs("div",{className:n.cn("flex w-full flex-col gap-2.5 relative",m),...x,children:[u,a&&e.jsx("div",{className:"absolute inset-0 bg-background/50 flex items-center justify-center z-20",children:"Loading..."}),e.jsx("div",{className:n.cn("overflow-auto rounded-md border",a&&"blur-sm"),children:e.jsxs(n.Table,{children:[e.jsx(n.TableHeader,{children:o.getHeaderGroups().map(s=>e.jsx(n.TableRow,{children:s.headers.map(l=>e.jsx(n.TableHead,{colSpan:l.colSpan,style:{...d.getCommonPinningStyles({column:l.column})},children:l.isPlaceholder?null:l.column.columnDef.header?typeof l.column.columnDef.header=="function"?i.flexRender(l.column.columnDef.header,l.getContext()):e.jsx(b.DataTableColumnHeader,{column:l.column}):null},l.id))},s.id))}),e.jsx(n.TableBody,{children:o.getRowModel().rows?.length?o.getRowModel().rows.map(s=>e.jsx(n.TableRow,{"data-state":s.getIsSelected()&&"selected",children:s.getVisibleCells().map(l=>e.jsx(n.TableCell,{style:{...d.getCommonPinningStyles({column:l.column})},children:i.flexRender(l.column.columnDef.cell,l.getContext())},l.id))},s.id)):e.jsx(n.TableRow,{children:e.jsx(n.TableCell,{colSpan:o.getAllColumns().length,className:"h-24 text-center",children:"No results."})})}),r&&e.jsx("tfoot",{children:e.jsx(n.TableRow,{children:e.jsx(n.TableCell,{colSpan:o.getAllColumns().length,children:r(o.getRowModel().rows.map(s=>s.original))})})})]})}),e.jsxs("div",{className:"flex flex-col gap-2.5",children:[t&&e.jsx(g.DataTablePagination,{table:o,...t===!0?{}:t}),c&&o.getFilteredSelectedRowModel().rows.length>0&&c]})]})}exports.DataTable=j;
 //# sourceMappingURL=data-table.cjs.map

package/dist/cjs/components/Table/data-table.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table.cjs","sources":["../../../../src/components/Table/data-table.tsx"],"sourcesContent":["import { flexRender, type Table as TanstackTable } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\n\nimport { DataTablePagination } from \"./data-table-pagination\";\nimport {\n cn,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@dsui/ui\";\nimport { getCommonPinningStyles } from \"@/utils/data-table\";\nimport { DataTableColumnHeader } from \"./data-table-column-header\";\n\nexport interface DataTableProps<TData> extends React.ComponentProps<\"div\"> {\n table: TanstackTable<TData>;\n actionBar?: React.ReactNode;\n pagination?:\n \| boolean\n \| Omit<React.ComponentProps<typeof DataTablePagination<TData>>, \"table\">;\n sticky?: boolean \| { offsetHeader?: number; offsetScroll?: number };\n bordered?: boolean;\n loading?: boolean;\n footer?: (currentPageData: TData[]) => React.ReactNode;\n}\n\nexport function DataTable<TData>({\n table,\n actionBar,\n children,\n className,\n pagination = true,\n sticky,\n bordered,\n loading,\n footer,\n ...props\n}: DataTableProps<TData>) {\n return (\n <div\n className={cn(\"flex w-full flex-col gap-2.5 relative\", className)}\n {...props}\n >\n {children}\n {loading && (\n <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center z-20\">\n Loading...\n </div>\n )}\n <div\n className={cn(\"overflow-auto rounded-md border\", loading && \"blur-sm\")}\n >\n <Table>\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n colSpan={header.colSpan}\n style={{\n ...getCommonPinningStyles({ column: header.column }),\n }}\n >\n {header.isPlaceholder ? null : header.column.columnDef\n .header ? (\n typeof header.column.columnDef.header === \"function\" ? (\n flexRender(\n header.column.columnDef.header,\n header.getContext()\n )\n ) : (\n <DataTableColumnHeader column={header.column} />\n )\n ) : null}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <TableRow\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n style={{\n ...getCommonPinningStyles({ column: cell.column }),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell\n colSpan={table.getAllColumns().length}\n className=\"h-24 text-center\"\n >\n No results.\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n {footer && (\n <tfoot>\n <TableRow>\n <TableCell colSpan={table.getAllColumns().length}>\n {footer(table.getRowModel().rows.map((row) => row.original))}\n </TableCell>\n </TableRow>\n </tfoot>\n )}\n </Table>\n </div>\n <div className=\"flex flex-col gap-2.5\">\n {pagination && (\n <DataTablePagination\n table={table}\n {...(pagination === true ? {} : pagination)}\n />\n )}\n {actionBar &&\n table.getFilteredSelectedRowModel().rows.length > 0 &&\n actionBar}\n </div>\n </div>\n );\n}\n"],"names":["DataTable","table","actionBar","children","className","pagination","sticky","bordered","loading","footer","props","jsxs","cn","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","DataTableColumnHeader","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"~~kwDA4BO~~,SAASA,EAAiB,~~CAAA,MAC~~/BC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,wCAAyCR,CAAS,EAC/D,GAAGM,EAEH,SAAA,CAAAP,EACAK,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAU,0EAA0E,SAAA,aAEzF,EAEFA,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GAAG,kCAAmCJ,GAAW,SAAS,EAErE,gBAACM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAAA,YAAA,CACE,SAAAd,EAAM,gBAAA,EAAkB,IAAKe,GAC5BH,EAAAA,IAACI,EAAAA,SAAA,CACE,SAAAD,EAAY,QAAQ,IAAKE,GACxBL,EAAAA,IAACM,EAAAA,UAAA,CAEC,QAASD,EAAO,QAChB,MAAO,CACL,GAAGE,yBAAuB,CAAE,OAAQF,EAAO,OAAQ,CAAA,EAGpD,SAAAA,EAAO,cAAgB,KAAOA,EAAO,OAAO,UACxC,OACH,OAAOA,EAAO,OAAO,UAAU,QAAW,WACxCG,EAAAA,WACEH,EAAO,OAAO,UAAU,OACxBA,EAAO,WAAA,CAAW,EAGpBL,EAAAA,IAACS,EAAAA,sBAAA,CAAsB,OAAQJ,EAAO,OAAQ,EAE9C,IAAA,EAhBCA,EAAO,EAAA,CAkBf,GArBYF,EAAY,EAsB3B,CACD,CAAA,CACH,EACAH,EAAAA,IAACU,EAAAA,UAAA,CACE,SAAAtB,EAAM,YAAA,EAAc,MAAM,OACzBA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAC5BX,EAAAA,IAACI,EAAAA,SAAA,CAEC,aAAYO,EAAI,cAAA,GAAmB,WAElC,SAAAA,EAAI,gBAAA,EAAkB,IAAKC,GAC1BZ,EAAAA,IAACa,EAAAA,UAAA,CAEC,MAAO,CACL,GAAGN,yBAAuB,CAAE,OAAQK,EAAK,OAAQ,CAAA,EAGlD,SAAAJ,EAAAA,WACCI,EAAK,OAAO,UAAU,KACtBA,EAAK,WAAA,CAAW,CAClB,EARKA,EAAK,EAAA,CAUb,CAAA,EAfID,EAAI,EAAA,CAiBZ,EAEDX,EAAAA,IAACI,WAAA,CACC,SAAAJ,EAAAA,IAACa,EAAAA,UAAA,CACC,QAASzB,EAAM,cAAA,EAAgB,OAC/B,UAAU,mBACX,SAAA,aAAA,CAAA,EAGH,CAAA,CAEJ,EACCQ,GACCI,EAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,IAACI,EAAAA,SAAA,CACC,eAACS,EAAAA,UAAA,CAAU,QAASzB,EAAM,cAAA,EAAgB,OACvC,WAAOA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAAQA,EAAI,QAAQ,CAAC,CAAA,CAC7D,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,EAEFb,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAN,GACCQ,EAAAA,IAACc,EAAAA,oBAAA,~~CAAA~~,~~MACC1B~~,EACC,GAAII,IAAe,GAAO,GAAKA,CAAA,CAAA,EAGnCH,GACCD,EAAM,4BAAA,EAA8B,KAAK,OAAS,GAClDC,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"data-table.cjs","sources":["../../../../src/components/Table/data-table.tsx"],"sourcesContent":["import { flexRender, type Table as TanstackTable } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\n\nimport { DataTablePagination } from \"./data-table-pagination\";\nimport {\n cn,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@dsui/ui\";\nimport { getCommonPinningStyles } from \"@/utils/data-table\";\nimport { DataTableColumnHeader } from \"./data-table-column-header\";\n\nexport interface DataTableProps<TData> extends React.ComponentProps<\"div\"> {\n table: TanstackTable<TData>;\n actionBar?: React.ReactNode;\n pagination?:\n \| boolean\n \| Omit<React.ComponentProps<typeof DataTablePagination<TData>>, \"table\">;\n sticky?: boolean \| { offsetHeader?: number; offsetScroll?: number };\n bordered?: boolean;\n loading?: boolean;\n footer?: (currentPageData: TData[]) => React.ReactNode;\n}\n\nexport function DataTable<TData>({\n table,\n actionBar,\n children,\n className,\n pagination = true,\n sticky,\n bordered,\n loading,\n footer,\n ...props\n}: DataTableProps<TData>) {\n return (\n <div\n className={cn(\"flex w-full flex-col gap-2.5 relative\", className)}\n {...props}\n >\n {children}\n {loading && (\n <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center z-20\">\n Loading...\n </div>\n )}\n <div\n className={cn(\"overflow-auto rounded-md border\", loading && \"blur-sm\")}\n >\n <Table>\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n colSpan={header.colSpan}\n style={{\n ...getCommonPinningStyles({ column: header.column }),\n }}\n >\n {header.isPlaceholder ? null : header.column.columnDef\n .header ? (\n typeof header.column.columnDef.header === \"function\" ? (\n flexRender(\n header.column.columnDef.header,\n header.getContext()\n )\n ) : (\n <DataTableColumnHeader column={header.column} />\n )\n ) : null}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <TableRow\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n style={{\n ...getCommonPinningStyles({ column: cell.column }),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell\n colSpan={table.getAllColumns().length}\n className=\"h-24 text-center\"\n >\n No results.\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n {footer && (\n <tfoot>\n <TableRow>\n <TableCell colSpan={table.getAllColumns().length}>\n {footer(table.getRowModel().rows.map((row) => row.original))}\n </TableCell>\n </TableRow>\n </tfoot>\n )}\n </Table>\n </div>\n <div className=\"flex flex-col gap-2.5\">\n {pagination && (\n <DataTablePagination\n table={table}\n {...(pagination === true ? {} : pagination)}\n />\n )}\n {actionBar &&\n table.getFilteredSelectedRowModel().rows.length > 0 &&\n actionBar}\n </div>\n </div>\n );\n}\n"],"names":["DataTable","table","actionBar","children","className","pagination","sticky","bordered","loading","footer","props","jsxs","cn","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","DataTableColumnHeader","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"2SA4BO,SAASA,EAAiB,CAC/B,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,wCAAyCR,CAAS,EAC/D,GAAGM,EAEH,SAAA,CAAAP,EACAK,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAU,0EAA0E,SAAA,aAEzF,EAEFA,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GAAG,kCAAmCJ,GAAW,SAAS,EAErE,gBAACM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAAA,YAAA,CACE,SAAAd,EAAM,gBAAA,EAAkB,IAAKe,GAC5BH,EAAAA,IAACI,EAAAA,SAAA,CACE,SAAAD,EAAY,QAAQ,IAAKE,GACxBL,EAAAA,IAACM,EAAAA,UAAA,CAEC,QAASD,EAAO,QAChB,MAAO,CACL,GAAGE,yBAAuB,CAAE,OAAQF,EAAO,OAAQ,CAAA,EAGpD,SAAAA,EAAO,cAAgB,KAAOA,EAAO,OAAO,UACxC,OACH,OAAOA,EAAO,OAAO,UAAU,QAAW,WACxCG,EAAAA,WACEH,EAAO,OAAO,UAAU,OACxBA,EAAO,WAAA,CAAW,EAGpBL,EAAAA,IAACS,EAAAA,sBAAA,CAAsB,OAAQJ,EAAO,OAAQ,EAE9C,IAAA,EAhBCA,EAAO,EAAA,CAkBf,GArBYF,EAAY,EAsB3B,CACD,CAAA,CACH,EACAH,EAAAA,IAACU,EAAAA,UAAA,CACE,SAAAtB,EAAM,YAAA,EAAc,MAAM,OACzBA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAC5BX,EAAAA,IAACI,EAAAA,SAAA,CAEC,aAAYO,EAAI,cAAA,GAAmB,WAElC,SAAAA,EAAI,gBAAA,EAAkB,IAAKC,GAC1BZ,EAAAA,IAACa,EAAAA,UAAA,CAEC,MAAO,CACL,GAAGN,yBAAuB,CAAE,OAAQK,EAAK,OAAQ,CAAA,EAGlD,SAAAJ,EAAAA,WACCI,EAAK,OAAO,UAAU,KACtBA,EAAK,WAAA,CAAW,CAClB,EARKA,EAAK,EAAA,CAUb,CAAA,EAfID,EAAI,EAAA,CAiBZ,EAEDX,EAAAA,IAACI,WAAA,CACC,SAAAJ,EAAAA,IAACa,EAAAA,UAAA,CACC,QAASzB,EAAM,cAAA,EAAgB,OAC/B,UAAU,mBACX,SAAA,aAAA,CAAA,EAGH,CAAA,CAEJ,EACCQ,GACCI,EAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,IAACI,EAAAA,SAAA,CACC,eAACS,EAAAA,UAAA,CAAU,QAASzB,EAAM,cAAA,EAAgB,OACvC,WAAOA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAAQA,EAAI,QAAQ,CAAC,CAAA,CAC7D,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,EAEFb,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAN,GACCQ,EAAAA,IAACc,EAAAA,oBAAA,CACC,MAAA1B,EACC,GAAII,IAAe,GAAO,GAAKA,CAAA,CAAA,EAGnCH,GACCD,EAAM,4BAAA,EAA8B,KAAK,OAAS,GAClDC,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAGN"}

package/dist/cjs/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./components/Command/index.cjs"),C=require("./components/Popover/index.cjs"),g=require("./components/Tour/index.cjs"),c=require("./components/QrCode/index.cjs"),m=require("./components/Stepper/index.cjs"),x=require("./components/Pagination/index.cjs"),f=require("./components/DropdownMenu/index.cjs"),R=require("./components/ContextMenu/index.cjs"),I=require("./components/FloatLabel.cjs"),M=require("./components/TimeGridView.cjs"),P=require("./components/WheelColumn.cjs"),G=require("./components/Marquee/index.cjs");require("@radix-ui/react-slot");require("./packages/ui/src/components/button.cjs");const d=require("./packages/ui/src/components/button-group.cjs");require("./packages/ui/src/components/input.cjs");require("./packages/ui/src/components/textarea.cjs");const k=require("./packages/ui/src/components/label.cjs");require("./packages/ui/src/components/select.cjs");require("./packages/ui/src/components/combobox.cjs");require("react/jsx-runtime");require("@radix-ui/react-tooltip");const w=require("./packages/ui/src/lib/utils.cjs");require("react");require("lucide-react");require("react-day-picker");require("./packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("./packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");const B=require("./packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("./packages/ui/src/components/badge.cjs");require("./packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("./packages/ui/src/components/input-otp.cjs");require("./packages/ui/src/components/radio-group.cjs");const A=require("./packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("./packages/ui/src/components/tabs.cjs");require("./packages/ui/src/components/toggle.cjs");const D=require("./hooks/use-callback-ref.cjs"),v=require("./hooks/use-debounced-callback.cjs"),y=require("./hooks/use-debounced-value.cjs"),V=require("./hooks/use-intersection-observer.cjs"),F=require("./hooks/use-script.cjs"),E=require("./hooks/use-scroll-lock.cjs"),O=require("./hooks/use-on-click-outside.cjs"),z=require("./hooks/use-event-listener.cjs"),L=require("./hooks/use-media-query.cjs"),h=require("./hooks/use-data-table.cjs"),W=require("./components/Badge/Badge.cjs"),Q=require("./components/Breadcrumb/Breadcrumb.cjs"),H=require("./components/Button/Button.cjs"),$=require("./components/Button/ButtonGroup.cjs"),N=require("./components/Checkbox/Checkbox.cjs"),U=require("./components/Collapsible/Collapsible.cjs"),_=require("./components/Dialog/Dialog.cjs"),j=require("./components/Glass/Glass.cjs"),J=require("./components/Input/Input.cjs"),K=require("./components/InputOTP/InputOTP.cjs"),X=require("./components/Radio/Radio.cjs"),Y=require("./components/ScrollArea/ScrollArea.cjs"),Z=require("./components/Select/Select.cjs"),ee=require("./components/Separator/Separator.cjs"),re=require("./components/Sheet/Sheet.cjs"),oe=require("./components/Skeleton/Skeleton.cjs"),te=require("./components/Slider/Slider.cjs"),ie=require("./components/Switch/Switch.cjs"),ue=require("./components/Tabs/Tabs.cjs"),ae=require("./components/Textarea/Textarea.cjs"),ne=require("./components/Toggle/Toggle.cjs"),se=require("./components/Rate/Rate.cjs"),i=require("./components/Resizable/Resizable.cjs"),le=require("./components/Accordion/Accordion.cjs"),ce=require("./lib/TextAnimation/BlurText.cjs"),de=require("./lib/TextAnimation/CircularText.cjs"),qe=require("./lib/TextAnimation/TextPressureEffect.cjs"),be=require("./lib/TextAnimation/TypingText.cjs"),Se=require("./components/Avatar/Avatar.cjs"),q=require("./components/Calendar/Calendar.cjs"),pe=require("./components/DatePicker/DatePicker.cjs"),Te=require("./components/DatePicker/RangePicker.cjs"),Ce=require("./components/DatePicker/TimePicker.cjs"),e=require("./components/Sidebar/Sidebar.cjs"),a=require("./components/Toast/Toast.cjs"),ge=require("./components/Tooltip/Tooltip.cjs"),me=require("./components/Upload/Upload.cjs"),xe=require("./components/QrCode/QrCode.cjs"),fe=require("./components/Stepper/Stepper.cjs"),Re=require("./components/Table/data-table.cjs"),Ie=require("./components/Table/data-table-pagination.cjs"),n=require("./packages/ui/src/components/resizable.cjs"),s=require("./packages/ui/src/components/accordion.cjs"),l=require("./components/ImageViewer/ImageViewer.cjs"),b=require("./components/Carousel/Carousel.cjs"),o=require("./components/Cropper/Cropper.cjs"),S=require("./components/Cropper/CropperTool.cjs"),t=require("./components/Cropper/utils.cjs"),r=require("./components/Interactive/CursorFollow.cjs"),u=require("./components/Masonry/Masonry.cjs"),p=require("./components/Masonry/MasonryWrapper.cjs"),Me=require("./lib/TextAnimation/RotatingText.cjs"),Pe=require("./lib/TextAnimation/FlipWords.cjs"),Ge=require("./lib/TextAnimation/GradientText.cjs"),ke=require("./lib/TextAnimation/RollingText.cjs"),we=require("./lib/TextAnimation/ShimmeringText.cjs"),Be=require("./lib/TextAnimation/SplittingText.cjs"),Ae=require("./lib/TextAnimation/TextGenerateEffect.cjs"),De=require("./lib/TextAnimation/TextHoverEffect.cjs"),ve=require("./lib/TextAnimation/WritingText.cjs");exports.Command=T.Command;exports.Popover=C.Popover;exports.Tour=g.Tour;exports.QRCode=c.QRCode;exports.QrCode=c.QRCode;exports.Stepper=m.Stepper;exports.Pagination=x.Pagination;exports.DropdownMenu=f.DropdownMenu;exports.ContextMenu=R.ContextMenu;exports.FloatingLabel=I.FloatingLabel;exports.TimeGridView=M.TimeGridView;exports.WheelColumn=P.TimeColumnwheel;exports.Marquee=G.Marquee;exports.ButtonGroupSeparator=d.ButtonGroupSeparator;exports.ButtonGroupText=d.ButtonGroupText;exports.Label=k.Label;exports.cn=w.cn;exports.TreeView=B.TreeView;exports.useSidebar=A.useSidebar;exports.useCallbackRef=D.useCallbackRef;exports.useDebouncedCallback=v.useDebouncedCallback;exports.useDebounceValue=y.useDebounceValue;exports.useIntersectionObserver=V.useIntersectionObserver;exports.useScript=F.useScript;exports.useScrollLock=E.useScrollLock;exports.useOnClickOutside=O.useOnClickOutside;exports.useEventListener=z.useEventListener;exports.useMediaQuery=L.useMediaQuery;exports.useDataTable=h.useDataTable;exports.Badge=W.default;exports.Breadcrumb=Q.default;exports.Button=H.default;exports.ButtonGroup=$.default;exports.Checkbox=N.default;exports.Collapsible=U.default;exports.Dialog=_.default;exports.Glass=j.default;exports.Input=J.default;exports.InputOTP=K.default;exports.Radio=X.default;exports.ScrollArea=Y.ScrollArea;exports.Select=Z.default;exports.Separator=ee.default;exports.Sheet=re.default;exports.Skeleton=oe.default;exports.Slider=te.default;exports.Switch=ie.default;exports.Tabs=ue.default;exports.Textarea=ae.default;exports.Toggle=ne.default;exports.Rate=se.default;exports.Handle=i.Handle;exports.Panel=i.Panel;exports.Resizable=i.default;exports.ResizableWrapper=i.ResizableWrapper;exports.Accordion=le.default;exports.BlurText=ce.default;exports.CircularText=de.default;exports.TextPressure=qe.default;exports.TypingText=be.default;exports.Avatar=Se.Avatar;exports.Calendar=q.Calendar;exports.CalendarDayButton=q.CalendarDayButton;exports.DatePicker=pe.DatePicker;exports.RangePicker=Te.RangePicker;exports.TimePicker=Ce.TimePicker;exports.Sidebar=e.Sidebar;exports.SidebarContent=e.SidebarContent;exports.SidebarFooter=e.SidebarFooter;exports.SidebarGroup=e.SidebarGroup;exports.SidebarGroupAction=e.SidebarGroupAction;exports.SidebarGroupContent=e.SidebarGroupContent;exports.SidebarGroupLabel=e.SidebarGroupLabel;exports.SidebarHeader=e.SidebarHeader;exports.SidebarInput=e.SidebarInput;exports.SidebarInset=e.SidebarInset;exports.SidebarMenu=e.SidebarMenu;exports.SidebarMenuAction=e.SidebarMenuAction;exports.SidebarMenuBadge=e.SidebarMenuBadge;exports.SidebarMenuButton=e.SidebarMenuButton;exports.SidebarMenuItem=e.SidebarMenuItem;exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton;exports.SidebarMenuSub=e.SidebarMenuSub;exports.SidebarMenuSubButton=e.SidebarMenuSubButton;exports.SidebarMenuSubItem=e.SidebarMenuSubItem;exports.SidebarProvider=e.SidebarProvider;exports.SidebarRail=e.SidebarRail;exports.SidebarSeparator=e.SidebarSeparator;exports.SidebarTrigger=e.SidebarTrigger;exports.Toast=a.toast;exports.Toaster=a.Toaster;exports.toast=a.toast;exports.Tooltip=ge.Tooltip;exports.Upload=me.Upload;exports.useQRCode=xe.useQRCode;exports.useStepper=fe.useStepper;exports.DataTable=Re.DataTable;exports.DataTablePagination=Ie.DataTablePagination;exports.ResizableHandle=n.ResizableHandle;exports.ResizablePanel=n.ResizablePanel;exports.ResizablePanelGroup=n.ResizablePanelGroup;exports.AccordionContent=s.AccordionContent;exports.AccordionItem=s.AccordionItem;exports.AccordionTrigger=s.AccordionTrigger;exports.ImageViewer=l.ImageViewer;exports.ImageViewerGroup=l.ImageViewerGroup;exports.ImageViewerImage=l.ImageViewerImage;exports.Carousel=b.Carousel;exports.CarouselSlide=b.CarouselSlide;exports.Cropper=o.Root;exports.CropperArea=o.Area;exports.CropperImage=o.Image;exports.CropperVideo=o.Video;exports.useCropper=o.useCropper;exports.CropperTool=S.CropperTool;exports.useCropperTool=S.useCropperTool;exports.base64ToBlob=t.base64ToBlob;exports.base64ToFile=t.base64ToFile;exports.downloadImage=t.downloadImage;exports.getCroppedImg=t.getCroppedImg;exports.rotateSize=t.rotateSize;exports.Cursor=r.Cursor;exports.CursorFollow=r.CursorFollow;exports.CursorProvider=r.CursorProvider;exports.TRANSITION_PRESETS=r.TRANSITION_PRESETS;exports.useCursor=r.useCursor;exports.useCursorFollow=r.useCursorFollow;exports.Item=u.Item;exports.MasonryItem=u.MasonryItem;exports.MasonryRoot=u.MasonryRoot;exports.Root=u.Root;exports.Masonry=p.Masonry;exports.MasonryComponent=p.MasonryComponent;exports.RotatingText=Me.RotatingText;exports.FlipWords=Pe.FlipWords;exports.GradientText=Ge.GradientText;exports.RollingText=ke.RollingText;exports.ShimmeringText=we.ShimmeringText;exports.SplittingText=Be.SplittingText;exports.TextGenerateEffect=Ae.TextGenerateEffect;exports.TextHoverEffect=De.TextHoverEffect;exports.WritingText=ve.WritingText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./components/Command/index.cjs"),C=require("./components/Popover/index.cjs"),g=require("./components/Tour/index.cjs"),c=require("./components/QrCode/index.cjs"),m=require("./components/Stepper/index.cjs"),x=require("./components/Pagination/index.cjs"),f=require("./components/DropdownMenu/index.cjs"),R=require("./components/ContextMenu/index.cjs"),I=require("./components/FloatLabel.cjs"),M=require("./components/TimeGridView.cjs"),P=require("./components/WheelColumn.cjs"),G=require("./components/Marquee/index.cjs"),k=require("@dsui/ui"),w=require("./hooks/use-callback-ref.cjs"),B=require("./hooks/use-debounced-callback.cjs"),A=require("./hooks/use-debounced-value.cjs"),D=require("./hooks/use-intersection-observer.cjs"),y=require("./hooks/use-script.cjs"),v=require("./hooks/use-scroll-lock.cjs"),V=require("./hooks/use-on-click-outside.cjs"),F=require("./hooks/use-event-listener.cjs"),O=require("./hooks/use-media-query.cjs"),E=require("./hooks/use-data-table.cjs"),z=require("./components/Badge/Badge.cjs"),L=require("./components/Breadcrumb/Breadcrumb.cjs"),h=require("./components/Button/Button.cjs"),W=require("./components/Button/ButtonGroup.cjs"),Q=require("./components/Checkbox/Checkbox.cjs"),H=require("./components/Collapsible/Collapsible.cjs"),$=require("./components/Dialog/Dialog.cjs"),N=require("./components/Glass/Glass.cjs"),U=require("./components/Input/Input.cjs"),j=require("./components/InputOTP/InputOTP.cjs"),_=require("./components/Radio/Radio.cjs"),J=require("./components/ScrollArea/ScrollArea.cjs"),K=require("./components/Select/Select.cjs"),X=require("./components/Separator/Separator.cjs"),Y=require("./components/Sheet/Sheet.cjs"),Z=require("./components/Skeleton/Skeleton.cjs"),ee=require("./components/Slider/Slider.cjs"),re=require("./components/Switch/Switch.cjs"),te=require("./components/Tabs/Tabs.cjs"),oe=require("./components/Textarea/Textarea.cjs"),ie=require("./components/Toggle/Toggle.cjs"),ae=require("./components/Rate/Rate.cjs"),i=require("./components/Resizable/Resizable.cjs"),ue=require("./components/Accordion/Accordion.cjs"),ne=require("./lib/TextAnimation/BlurText.cjs"),se=require("./lib/TextAnimation/CircularText.cjs"),le=require("./lib/TextAnimation/TextPressureEffect.cjs"),ce=require("./lib/TextAnimation/TypingText.cjs"),de=require("./components/Avatar/Avatar.cjs"),d=require("./packages/ui/src/components/button-group.cjs"),b=require("./components/Calendar/Calendar.cjs"),be=require("./components/DatePicker/DatePicker.cjs"),Se=require("./components/DatePicker/RangePicker.cjs"),pe=require("./components/DatePicker/TimePicker.cjs"),Te=require("./packages/ui/src/components/label.cjs"),qe=require("./packages/ui/src/components/sidebar.cjs"),e=require("./components/Sidebar/Sidebar.cjs"),u=require("./components/Toast/Toast.cjs"),Ce=require("./components/Tooltip/Tooltip.cjs"),ge=require("./components/Upload/Upload.cjs"),me=require("./components/QrCode/QrCode.cjs"),xe=require("./components/Stepper/Stepper.cjs"),fe=require("./components/Table/data-table.cjs"),Re=require("./components/Table/data-table-pagination.cjs"),Ie=require("./packages/ui/src/components/tree-view.cjs"),n=require("./packages/ui/src/components/resizable.cjs"),s=require("./packages/ui/src/components/accordion.cjs"),l=require("./components/ImageViewer/ImageViewer.cjs"),S=require("./components/Carousel/Carousel.cjs"),t=require("./components/Cropper/Cropper.cjs"),p=require("./components/Cropper/CropperTool.cjs"),o=require("./components/Cropper/utils.cjs"),r=require("./components/Interactive/CursorFollow.cjs"),a=require("./components/Masonry/Masonry.cjs"),T=require("./components/Masonry/MasonryWrapper.cjs"),Me=require("./lib/TextAnimation/RotatingText.cjs"),Pe=require("./lib/TextAnimation/FlipWords.cjs"),Ge=require("./lib/TextAnimation/GradientText.cjs"),ke=require("./lib/TextAnimation/RollingText.cjs"),we=require("./lib/TextAnimation/ShimmeringText.cjs"),Be=require("./lib/TextAnimation/SplittingText.cjs"),Ae=require("./lib/TextAnimation/TextGenerateEffect.cjs"),De=require("./lib/TextAnimation/TextHoverEffect.cjs"),ye=require("./lib/TextAnimation/WritingText.cjs");exports.Command=q.Command;exports.Popover=C.Popover;exports.Tour=g.Tour;exports.QRCode=c.QRCode;exports.QrCode=c.QRCode;exports.Stepper=m.Stepper;exports.Pagination=x.Pagination;exports.DropdownMenu=f.DropdownMenu;exports.ContextMenu=R.ContextMenu;exports.FloatingLabel=I.FloatingLabel;exports.TimeGridView=M.TimeGridView;exports.WheelColumn=P.TimeColumnwheel;exports.Marquee=G.Marquee;Object.defineProperty(exports,"cn",{enumerable:!0,get:()=>k.cn});exports.useCallbackRef=w.useCallbackRef;exports.useDebouncedCallback=B.useDebouncedCallback;exports.useDebounceValue=A.useDebounceValue;exports.useIntersectionObserver=D.useIntersectionObserver;exports.useScript=y.useScript;exports.useScrollLock=v.useScrollLock;exports.useOnClickOutside=V.useOnClickOutside;exports.useEventListener=F.useEventListener;exports.useMediaQuery=O.useMediaQuery;exports.useDataTable=E.useDataTable;exports.Badge=z.default;exports.Breadcrumb=L.default;exports.Button=h.default;exports.ButtonGroup=W.default;exports.Checkbox=Q.default;exports.Collapsible=H.default;exports.Dialog=$.default;exports.Glass=N.default;exports.Input=U.default;exports.InputOTP=j.default;exports.Radio=_.default;exports.ScrollArea=J.ScrollArea;exports.Select=K.default;exports.Separator=X.default;exports.Sheet=Y.default;exports.Skeleton=Z.default;exports.Slider=ee.default;exports.Switch=re.default;exports.Tabs=te.default;exports.Textarea=oe.default;exports.Toggle=ie.default;exports.Rate=ae.default;exports.Handle=i.Handle;exports.Panel=i.Panel;exports.Resizable=i.default;exports.ResizableWrapper=i.ResizableWrapper;exports.Accordion=ue.default;exports.BlurText=ne.default;exports.CircularText=se.default;exports.TextPressure=le.default;exports.TypingText=ce.default;exports.Avatar=de.Avatar;exports.ButtonGroupSeparator=d.ButtonGroupSeparator;exports.ButtonGroupText=d.ButtonGroupText;exports.Calendar=b.Calendar;exports.CalendarDayButton=b.CalendarDayButton;exports.DatePicker=be.DatePicker;exports.RangePicker=Se.RangePicker;exports.TimePicker=pe.TimePicker;exports.Label=Te.Label;exports.useSidebar=qe.useSidebar;exports.Sidebar=e.Sidebar;exports.SidebarContent=e.SidebarContent;exports.SidebarFooter=e.SidebarFooter;exports.SidebarGroup=e.SidebarGroup;exports.SidebarGroupAction=e.SidebarGroupAction;exports.SidebarGroupContent=e.SidebarGroupContent;exports.SidebarGroupLabel=e.SidebarGroupLabel;exports.SidebarHeader=e.SidebarHeader;exports.SidebarInput=e.SidebarInput;exports.SidebarInset=e.SidebarInset;exports.SidebarMenu=e.SidebarMenu;exports.SidebarMenuAction=e.SidebarMenuAction;exports.SidebarMenuBadge=e.SidebarMenuBadge;exports.SidebarMenuButton=e.SidebarMenuButton;exports.SidebarMenuItem=e.SidebarMenuItem;exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton;exports.SidebarMenuSub=e.SidebarMenuSub;exports.SidebarMenuSubButton=e.SidebarMenuSubButton;exports.SidebarMenuSubItem=e.SidebarMenuSubItem;exports.SidebarProvider=e.SidebarProvider;exports.SidebarRail=e.SidebarRail;exports.SidebarSeparator=e.SidebarSeparator;exports.SidebarTrigger=e.SidebarTrigger;exports.Toast=u.toast;exports.Toaster=u.Toaster;exports.toast=u.toast;exports.Tooltip=Ce.Tooltip;exports.Upload=ge.Upload;exports.useQRCode=me.useQRCode;exports.useStepper=xe.useStepper;exports.DataTable=fe.DataTable;exports.DataTablePagination=Re.DataTablePagination;exports.TreeView=Ie.TreeView;exports.ResizableHandle=n.ResizableHandle;exports.ResizablePanel=n.ResizablePanel;exports.ResizablePanelGroup=n.ResizablePanelGroup;exports.AccordionContent=s.AccordionContent;exports.AccordionItem=s.AccordionItem;exports.AccordionTrigger=s.AccordionTrigger;exports.ImageViewer=l.ImageViewer;exports.ImageViewerGroup=l.ImageViewerGroup;exports.ImageViewerImage=l.ImageViewerImage;exports.Carousel=S.Carousel;exports.CarouselSlide=S.CarouselSlide;exports.Cropper=t.Root;exports.CropperArea=t.Area;exports.CropperImage=t.Image;exports.CropperVideo=t.Video;exports.useCropper=t.useCropper;exports.CropperTool=p.CropperTool;exports.useCropperTool=p.useCropperTool;exports.base64ToBlob=o.base64ToBlob;exports.base64ToFile=o.base64ToFile;exports.downloadImage=o.downloadImage;exports.getCroppedImg=o.getCroppedImg;exports.rotateSize=o.rotateSize;exports.Cursor=r.Cursor;exports.CursorFollow=r.CursorFollow;exports.CursorProvider=r.CursorProvider;exports.TRANSITION_PRESETS=r.TRANSITION_PRESETS;exports.useCursor=r.useCursor;exports.useCursorFollow=r.useCursorFollow;exports.Item=a.Item;exports.MasonryItem=a.MasonryItem;exports.MasonryRoot=a.MasonryRoot;exports.Root=a.Root;exports.Masonry=T.Masonry;exports.MasonryComponent=T.MasonryComponent;exports.RotatingText=Me.RotatingText;exports.FlipWords=Pe.FlipWords;exports.GradientText=Ge.GradientText;exports.RollingText=ke.RollingText;exports.ShimmeringText=we.ShimmeringText;exports.SplittingText=Be.SplittingText;exports.TextGenerateEffect=Ae.TextGenerateEffect;exports.TextHoverEffect=De.TextHoverEffect;exports.WritingText=ye.WritingText;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/components/ImageViewer/ImageViewer.js CHANGED Viewed

@@ -1,22 +1,52 @@
 import { jsx as e, jsxs as g, Fragment as _ } from "react/jsx-runtime";
-import F, { useState as u, useEffect as W, useCallback as v } from "react";
+import F, { useState as p, useEffect as W, useCallback as v } from "react";
 import Z from "../../_virtual/index.js";
-import { cn as N } from "../../packages/ui/src/lib/utils.js";
 import { ZoomIn as $ } from "lucide-react";
 /* empty css                                                                             */
 /* empty css                */
+import "@radix-ui/react-slot";
+import "../../packages/ui/src/components/button.js";
+import "../../packages/ui/src/components/button-group.js";
+import "../../packages/ui/src/components/input.js";
+import "../../packages/ui/src/components/textarea.js";
+import "@radix-ui/react-label";
+import { cn as N } from "../../packages/ui/src/lib/utils.js";
+import "../../packages/ui/src/components/select.js";
+import "../../packages/ui/src/components/combobox.js";
+import "@radix-ui/react-tooltip";
+import "react-day-picker";
+import "../../packages/ui/src/components/popover.js";
+import "@radix-ui/react-separator";
+import "../../packages/ui/src/components/switch.js";
+import "vaul";
+import "@radix-ui/react-scroll-area";
+import "../../packages/ui/src/components/tree-view.js";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-avatar";
+import "../../packages/ui/src/components/badge.js";
+import "../../packages/ui/src/components/checkbox.js";
+import "@radix-ui/react-collapsible";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-dropdown-menu";
+import "../../packages/ui/src/components/input-otp.js";
+import "../../packages/ui/src/components/radio-group.js";
+import "../../packages/ui/src/components/sidebar.js";
+import "@radix-ui/react-slider";
+import "../../packages/ui/src/components/tabs.js";
+import "../../packages/ui/src/components/toggle.js";
 const L = ({
-  images: a,
-  visible: d = !1,
-  onClose: n,
-  activeIndex: s = 0,
-  onIndexChange: l,
-  zoomSpeed: w = 0.1,
+  images: i,
+  visible: m = !1,
+  onClose: a,
+  activeIndex: n = 0,
+  onIndexChange: s,
+  zoomSpeed: u = 0.1,
   disableKeyboardSupport: c = !1,
-  noNavbar: i = !1,
-  noToolbar: h = !1,
-  rotatable: f = !0,
-  scalable: p = !0,
+  noNavbar: l = !1,
+  noToolbar: w = !1,
+  rotatable: h = !0,
+  scalable: f = !0,
   changeable: j = !0,
   noClose: U = !1,
   minScale: b = 0.1,
@@ -28,25 +58,25 @@ const L = ({
   noResetZoomAfterChange: E = !1,
   drag: R = !1
 }) => {
-  const [m, I] = u(s);
+  const [d, I] = p(n);
   W(() => {
-    I(s);
-  }, [s]);
+    I(n);
+  }, [n]);
   const V = v(() => {
-    n?.();
-  }, [n]), G = v(
+    a?.();
+  }, [a]), G = v(
     (r, t) => {
-      I(t), l?.(t);
+      I(t), s?.(t);
     },
-    [l]
+    [s]
   ), M = v(() => {
-    const r = a[m], t = r.downloadUrl || r.src, o = document.createElement("a");
-    o.href = t, o.download = r.alt || `image-${m + 1}`, fetch(t).then((O) => O.blob()).then((O) => {
+    const r = i[d], t = r.downloadUrl || r.src, o = document.createElement("a");
+    o.href = t, o.download = r.alt || `image-${d + 1}`, fetch(t).then((O) => O.blob()).then((O) => {
       const T = window.URL.createObjectURL(O);
       o.href = T, document.body.appendChild(o), o.click(), document.body.removeChild(o), window.URL.revokeObjectURL(T);
     }).catch(() => {
     });
-  }, [a, m]), D = a.map((r) => ({
+  }, [i, d]), D = i.map((r) => ({
     src: r.src,
     alt: r.alt || "",
     downloadUrl: r.downloadUrl || r.src
@@ -54,18 +84,18 @@ const L = ({
   return /* @__PURE__ */ e(
     Z,
     {
-      visible: d,
+      visible: m,
       onClose: V,
       onMaskClick: V,
       images: D,
-      activeIndex: m,
+      activeIndex: d,
       onChange: G,
-      zoomSpeed: w,
+      zoomSpeed: u,
       disableKeyboardSupport: c,
-      noNavbar: i,
-      noToolbar: h,
-      rotatable: f,
-      scalable: p,
+      noNavbar: l,
+      noToolbar: w,
+      rotatable: h,
+      scalable: f,
       changeable: j,
       noClose: U,
       minScale: b,
@@ -138,57 +168,57 @@ const L = ({
 };
 L.displayName = "ImageViewer";
 const B = ({
-  src: a,
-  alt: d = "",
-  width: n,
-  height: s,
-  preview: l = !0,
-  previewSrc: w,
+  src: i,
+  alt: m = "",
+  width: a,
+  height: n,
+  preview: s = !0,
+  previewSrc: u,
   fallback: c,
-  placeholder: i,
-  className: h,
-  wrapperClassName: f,
-  onPreviewClick: p,
+  placeholder: l,
+  className: w,
+  wrapperClassName: h,
+  onPreviewClick: f,
   onError: j,
   ...U
 }) => {
-  const [b, k] = u(!0), [x, C] = u(!1), [P, y] = u(!1), E = () => {
+  const [b, k] = p(!0), [x, C] = p(!1), [P, y] = p(!1), E = () => {
     k(!1), C(!1);
   }, R = (D) => {
     k(!1), C(!0), j?.(D);
-  }, m = () => {
-    l && (y(!0), p?.());
+  }, d = () => {
+    s && (y(!0), f?.());
   }, I = () => {
     y(!1);
-  }, V = b && i, G = x && c, M = l && !b && !x;
+  }, V = b && l, G = x && c, M = s && !b && !x;
   return /* @__PURE__ */ g(_, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: N(
           "ds-image-viewer-root relative inline-block",
-          f
+          h
         ),
         children: /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
           V && /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 flex items-center justify-center bg-muted animate-pulse",
-              style: { width: n, height: s },
-              children: i === !0 ? /* @__PURE__ */ e("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" }) : i
+              style: { width: a, height: n },
+              children: l === !0 ? /* @__PURE__ */ e("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" }) : l
             }
           ),
           /* @__PURE__ */ e(
             "img",
             {
-              src: G ? c : a,
-              alt: d,
-              width: n,
-              height: s,
+              src: G ? c : i,
+              alt: m,
+              width: a,
+              height: n,
               className: N(
                 "ds-image-viewer-img max-w-full h-auto align-middle",
                 b && "opacity-0",
-                h
+                w
               ),
               onLoad: E,
               onError: R,
@@ -198,7 +228,7 @@ const B = ({
           M && /* @__PURE__ */ e(
             "div",
             {
-              onClick: m,
+              onClick: d,
               className: N(
                 "ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer",
                 "bg-black/50 backdrop-blur-sm"
@@ -215,7 +245,7 @@ const B = ({
     /* @__PURE__ */ e(
       L,
       {
-        images: [{ src: w || a, alt: d }],
+        images: [{ src: u || i, alt: m }],
         visible: P,
         onClose: I,
         rotatable: !0,
@@ -227,30 +257,30 @@ const B = ({
 };
 B.displayName = "ImageViewer.Image";
 const S = ({
-  children: a,
-  images: d,
-  preview: n = !0
+  children: i,
+  images: m,
+  preview: a = !0
 }) => {
-  const [s, l] = u(!1), [w, c] = u(0), i = v((p) => {
-    c(p), l(!0);
-  }, []), h = v(() => {
-    l(!1);
-  }, []), f = F.useMemo(
+  const [n, s] = p(!1), [u, c] = p(0), l = v((f) => {
+    c(f), s(!0);
+  }, []), w = v(() => {
+    s(!1);
+  }, []), h = F.useMemo(
     () => ({
-      handlePreview: i,
-      preview: n
+      handlePreview: l,
+      preview: a
     }),
-    [i, n]
+    [l, a]
   );
   return /* @__PURE__ */ g(_, { children: [
-    /* @__PURE__ */ e(q.Provider, { value: f, children: a }),
+    /* @__PURE__ */ e(q.Provider, { value: h, children: i }),
     /* @__PURE__ */ e(
       L,
       {
-        images: d,
-        visible: s,
-        onClose: h,
-        activeIndex: w,
+        images: m,
+        visible: n,
+        onClose: w,
+        activeIndex: u,
         onIndexChange: c,
         rotatable: !0,
         scalable: !0,