npm - @gbmtech/aurora-ui - Versions diffs - 0.1.41 → 0.1.43 - Mend

@gbmtech/aurora-ui 0.1.41 → 0.1.43

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 (55) hide show

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

@@ -1,2 +1,2 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{badgeVariants:()=>badgeVariants,Badge:()=>Badge});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),react_slot_namespaceObject=require("@radix-ui/react-slot"),badgeVariants=(0,utils_cjs_namespaceObject.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-error-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function Badge({className:e,asChild:r,variant:_,...t}){let a=r?react_slot_namespaceObject.Slot:"span";return(0,jsx_runtime_namespaceObject.jsx)(a,{className:badgeVariants({className:e,variant:_}),...t})}for(var __webpack_i__ in exports.Badge=__webpack_exports__.Badge,exports.badgeVariants=__webpack_exports__.badgeVariants,__webpack_exports__)-1===["Badge","badgeVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{badgeVariants:()=>badgeVariants,Badge:()=>Badge});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),react_slot_namespaceObject=require("@radix-ui/react-slot"),badgeVariants=(0,utils_cjs_namespaceObject.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-gbm-sky text-white hover:bg-gbm-sky/80",secondary:"border-transparent bg-gray-100 text-gray-900 hover:bg-gray-100/80",destructive:"border-transparent bg-error text-white hover:bg-error/80",outline:"text-gbm-dark"}},defaultVariants:{variant:"default"}});function Badge({className:e,asChild:r,variant:_,...t}){let a=r?react_slot_namespaceObject.Slot:"span";return(0,jsx_runtime_namespaceObject.jsx)(a,{className:badgeVariants({className:e,variant:_}),...t})}for(var __webpack_i__ in exports.Badge=__webpack_exports__.Badge,exports.badgeVariants=__webpack_exports__.badgeVariants,__webpack_exports__)-1===["Badge","badgeVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=badge.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\badge.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default~~:\r\n~~ 'border-transparent bg-~~primary~~ text-~~primary-foreground~~ hover:bg-~~primary~~/80',\r\n secondary:\r\n 'border-transparent bg-~~secondary~~ text-~~secondary~~-~~foreground~~ hover:bg-~~secondary~~/80',\r\n destructive~~:\r\n~~ 'border-transparent bg-~~destructive~~ text-~~error-foreground~~ hover:bg-~~destructive~~/80',\r\n outline: 'text-~~foreground~~',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Badge({\r\n className,\r\n asChild,\r\n variant,\r\n ...props\r\n}: ComponentProps<'span'> &\r\n VariantProps<typeof badgeVariants> & {\r\n asChild?: boolean\r\n }): JSX.Element {\r\n const Component = asChild ? Slot : 'span'\r\n\r\n return (\r\n <Component className={badgeVariants({ className, variant })} {...props} />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"4+BASMA,cAAgBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,~~QACE~~,~~4EACF,~~UACE,~~kFACF~~,~~YACE~~,~~kFACF~~,QAAS,~~iBACX~~,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,MAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,2BAAAA,IAAIA,CAAG,OAEnC,MACE,oCAACD,EAAAA,CAAU,UAAWP,cAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,C"}
1	+ {"version":3,"file":"components\\badge.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default: 'border-transparent bg-gbm-sky text-white hover:bg-gbm-sky/80',\r\n secondary:\r\n 'border-transparent bg-gray-100 text-gray-900 hover:bg-gray-100/80',\r\n destructive: 'border-transparent bg-error text-white hover:bg-error/80',\r\n outline: 'text-gbm-dark',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Badge({\r\n className,\r\n asChild,\r\n variant,\r\n ...props\r\n}: ComponentProps<'span'> &\r\n VariantProps<typeof badgeVariants> & {\r\n asChild?: boolean\r\n }): JSX.Element {\r\n const Component = asChild ? Slot : 'span'\r\n\r\n return (\r\n <Component className={badgeVariants({ className, variant })} {...props} />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"4+BASMA,cAAgBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,QAAS,+DACT,UACE,oEACF,YAAa,2DACb,QAAS,eACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,MAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,2BAAAA,IAAIA,CAAG,OAEnC,MACE,oCAACD,EAAAA,CAAU,UAAWP,cAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,C"}

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

@@ -1,2 +1,2 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function Button({children:e,className:t,disabled:r,loaderPosition:_,loading:n,prefix:a,size:s,spinner:i,suffix:o,variant:c,asChild:b,rounded:u,...p}){let l=b?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsxs)(l,{className:(0,utils_cjs_namespaceObject.cn)(buttonVariants({variant:c,size:s,rounded:u,loading:n,className:t})),"data-slot":"button","data-variant":c,disabled:n||r,type:"button",...p,children:[n&&"prefix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):a,(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slottable,{children:n&&!_?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):e}),n&&"suffix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):o]})}for(var __webpack_i__ in Button.displayName="Button",exports.Button=__webpack_exports__.Button,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Button","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{xs:"h-8 gap-1.5 px-2.5",sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function Button({children:e,className:t,disabled:r,loaderPosition:_,loading:n,prefix:a,size:s,spinner:i,suffix:o,variant:c,asChild:b,rounded:p,...u}){let l=b?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsxs)(l,{className:(0,utils_cjs_namespaceObject.cn)(buttonVariants({variant:c,size:s,rounded:p,loading:n,className:t})),"data-slot":"button","data-variant":c,disabled:n||r,type:"button",...u,children:[n&&"prefix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):a,(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slottable,{children:n&&!_?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):e}),n&&"suffix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):o]})}for(var __webpack_i__ in Button.displayName="Button",exports.Button=__webpack_exports__.Button,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Button","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=button.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\button.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n sm: 'h-10 gap-1.5 px-4',\r\n md: 'h-12 gap-4 px-6 py-2',\r\n lg: 'h-14 gap-6 px-8',\r\n icon: 'h-9 w-9',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' \| 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ variant, size, rounded, loading, className })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading \|\| disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner \|\| <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner \|\| <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"8iCAYMA,eAAiBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,OAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,2BAAAA,IAAIA,CAAG,SAE9B,MACE,qCAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACTlB,eAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,oCAACY,2BAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,oCAACa,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,C,yBACAT,OAAO,WAAW,CAAG,S"}
1	+ {"version":3,"file":"components\\button.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n xs: 'h-8 gap-1.5 px-2.5',\r\n sm: 'h-10 gap-1.5 px-4',\r\n md: 'h-12 gap-4 px-6 py-2',\r\n lg: 'h-14 gap-6 px-8',\r\n icon: 'h-9 w-9',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' \| 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ variant, size, rounded, loading, className })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading \|\| disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner \|\| <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner \|\| <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"8iCAYMA,eAAiBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,qBACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,OAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,2BAAAA,IAAIA,CAAG,SAE9B,MACE,qCAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACTlB,eAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,oCAACY,2BAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,oCAACa,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,C,yBACAT,OAAO,WAAW,CAAG,S"}

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

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CommandDialog:()=>CommandDialog,Command:()=>Command,CommandInput:()=>CommandInput,CommandItem:()=>CommandItem,CommandList:()=>CommandList,CommandShortcut:()=>CommandShortcut,CommandSeparator:()=>CommandSeparator,CommandEmpty:()=>CommandEmpty,CommandGroup:()=>CommandGroup});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_cmdk_namespaceObject=require("cmdk"),react_visually_hidden_namespaceObject=require("@radix-ui/react-visually-hidden"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_dialog_cjs_namespaceObject=require("./dialog.cjs");function Command({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command,{className:(0,utils_cjs_namespaceObject.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),"data-slot":"command",...a})}function CommandDialog({children:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.Dialog,{"data-slot":"command-dialog",...a,children:(0,jsx_runtime_namespaceObject.jsxs)(external_dialog_cjs_namespaceObject.DialogContent,{className:"overflow-hidden p-0 shadow-lg","data-slot":"command-dialog-content",children:[(0,jsx_runtime_namespaceObject.jsxs)(react_visually_hidden_namespaceObject.VisuallyHidden,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.DialogTitle,{children:"Search command"}),(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,jsx_runtime_namespaceObject.jsx)(Command,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})]})})}function CommandInput({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center border-b px-3",children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.MagnifyingGlass,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Input,{className:(0,utils_cjs_namespaceObject.cn)("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),"data-slot":"command-input",...a})]})}function CommandList({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.List,{className:(0,utils_cjs_namespaceObject.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",e),"data-slot":"command-list",...a})}function CommandEmpty({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Empty,{className:(0,utils_cjs_namespaceObject.cn)("py-6 text-center text-sm",e),"data-slot":"command-empty",...a})}function CommandGroup({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Group,{className:(0,utils_cjs_namespaceObject.cn)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",e),"data-slot":"command-group",...a})}function CommandSeparator({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Separator,{className:(0,utils_cjs_namespaceObject.cn)("-mx-1 h-px bg-stroke",e),"data-slot":"command-separator",...a})}function CommandItem({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Item,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",e),"data-slot":"command-item",...a})}function CommandShortcut({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("ml-auto text-muted-foreground text-xs tracking-widest",e),"data-slot":"command-shortcut",...a})}for(var __webpack_i__ in exports.Command=__webpack_exports__.Command,exports.CommandDialog=__webpack_exports__.CommandDialog,exports.CommandEmpty=__webpack_exports__.CommandEmpty,exports.CommandGroup=__webpack_exports__.CommandGroup,exports.CommandInput=__webpack_exports__.CommandInput,exports.CommandItem=__webpack_exports__.CommandItem,exports.CommandList=__webpack_exports__.CommandList,exports.CommandSeparator=__webpack_exports__.CommandSeparator,exports.CommandShortcut=__webpack_exports__.CommandShortcut,__webpack_exports__)-1===["Command","CommandDialog","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CommandDialog:()=>CommandDialog,Command:()=>Command,CommandInput:()=>CommandInput,CommandItem:()=>CommandItem,CommandList:()=>CommandList,CommandShortcut:()=>CommandShortcut,CommandSeparator:()=>CommandSeparator,CommandEmpty:()=>CommandEmpty,CommandGroup:()=>CommandGroup});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_cmdk_namespaceObject=require("cmdk"),react_visually_hidden_namespaceObject=require("@radix-ui/react-visually-hidden"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_dialog_cjs_namespaceObject=require("./dialog.cjs");function Command({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command,{className:(0,utils_cjs_namespaceObject.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),"data-slot":"command",...a})}function CommandDialog({children:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.Dialog,{"data-slot":"command-dialog",...a,children:(0,jsx_runtime_namespaceObject.jsxs)(external_dialog_cjs_namespaceObject.DialogContent,{className:"overflow-hidden p-0 shadow-lg","data-slot":"command-dialog-content",children:[(0,jsx_runtime_namespaceObject.jsxs)(react_visually_hidden_namespaceObject.VisuallyHidden,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.DialogTitle,{children:"Search command"}),(0,jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,jsx_runtime_namespaceObject.jsx)(Command,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})]})})}function CommandInput({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center border-b px-3",children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.MagnifyingGlass,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Input,{className:(0,utils_cjs_namespaceObject.cn)("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),"data-slot":"command-input",...a})]})}function CommandList({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.List,{className:(0,utils_cjs_namespaceObject.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",e),"data-slot":"command-list",...a})}function CommandEmpty({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Empty,{className:(0,utils_cjs_namespaceObject.cn)("py-6 text-center text-sm",e),"data-slot":"command-empty",...a})}function CommandGroup({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Group,{className:(0,utils_cjs_namespaceObject.cn)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",e),"data-slot":"command-group",...a})}function CommandSeparator({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Separator,{className:(0,utils_cjs_namespaceObject.cn)("-mx-1 h-px bg-stroke",e),"data-slot":"command-separator",...a})}function CommandItem({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Item,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-gray-100 aria-[selected='true']:text-gbm-dark data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",e),"data-slot":"command-item",...a})}function CommandShortcut({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("ml-auto text-muted-foreground text-xs tracking-widest",e),"data-slot":"command-shortcut",...a})}for(var __webpack_i__ in exports.Command=__webpack_exports__.Command,exports.CommandDialog=__webpack_exports__.CommandDialog,exports.CommandEmpty=__webpack_exports__.CommandEmpty,exports.CommandGroup=__webpack_exports__.CommandGroup,exports.CommandInput=__webpack_exports__.CommandInput,exports.CommandItem=__webpack_exports__.CommandItem,exports.CommandList=__webpack_exports__.CommandList,exports.CommandSeparator=__webpack_exports__.CommandSeparator,exports.CommandShortcut=__webpack_exports__.CommandShortcut,__webpack_exports__)-1===["Command","CommandDialog","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=command.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\command.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-~~accent~~ aria-[selected='true']:text-~~accent~~-~~foreground~~ data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";04CAcA,SAASA,QAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,oCAACC,8BAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,cAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,oCAACK,oCAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,qCAACM,oCAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,qCAACC,sCAAAA,cAAcA,CAAAA,C,UACb,oCAACC,oCAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,oCAACC,oCAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,oCAACX,QAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,aAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,qCAAC,OAAI,UAAU,kC,UACb,oCAACW,oBAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,oCAACV,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,YAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,aAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,aAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,iBAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,YAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,~~gQACAH~~,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,gBAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,oCAAC,QACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,C"}
1	+ {"version":3,"file":"components\\command.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-gray-100 aria-[selected='true']:text-gbm-dark data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";04CAcA,SAASA,QAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,oCAACC,8BAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,cAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,oCAACK,oCAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,qCAACM,oCAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,qCAACC,sCAAAA,cAAcA,CAAAA,C,UACb,oCAACC,oCAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,oCAACC,oCAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,oCAACX,QAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,aAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,qCAAC,OAAI,UAAU,kC,UACb,oCAACW,oBAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,oCAACV,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,YAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,aAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,aAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,iBAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,YAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yPACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,gBAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,oCAAC,QACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,C"}

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

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableColumnHeader:()=>DataTableColumnHeader});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_dropdown_menu_cjs_namespaceObject=require("../dropdown-menu.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableColumnHeader({column:e,title:t,className:a,...r}){return e.getCanSort()||e.getCanHide()?(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger,{className:(0,utils_cjs_namespaceObject.cn)("-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",a),...r,children:[t,e.getCanSort()&&("desc"===e.getIsSorted()?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{}):"asc"===e.getIsSorted()?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUp,{}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{}))]}),(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent,{align:"start",className:"w-28",children:[e.getCanSort()&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"asc"===e.getIsSorted(),onClick:()=>e.toggleSorting(!1),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUp,{}),"Asc"]}),(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"desc"===e.getIsSorted(),onClick:()=>e.toggleSorting(!0),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{}),"Desc"]}),e.getIsSorted()&&(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem,{className:"pl-2 [&_svg]:text-muted-foreground",onClick:()=>e.clearSorting(),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{}),"Reset"]})]}),e.getCanHide()&&(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EyeSlash,{}),"Hide"]})]})]}):(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)(a),children:t})}for(var __webpack_i__ in exports.DataTableColumnHeader=__webpack_exports__.DataTableColumnHeader,__webpack_exports__)-1===["DataTableColumnHeader"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableColumnHeader:()=>DataTableColumnHeader});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_dropdown_menu_cjs_namespaceObject=require("../dropdown-menu.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableColumnHeader({column:e,title:a,className:t,...r}){return e.getCanSort()||e.getCanHide()?(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger,{className:(0,utils_cjs_namespaceObject.cn)("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-stroke data-[state=open]:bg-gray-50 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-gbm-dark",t),...r,children:[a,e.getCanSort()&&("desc"===e.getIsSorted()?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{weight:"bold"}):"asc"===e.getIsSorted()?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUp,{weight:"bold"}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{weight:"bold"}))]}),(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent,{align:"start",className:"w-28",children:[e.getCanSort()&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500",checked:"asc"===e.getIsSorted(),onClick:()=>e.toggleSorting(!1),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUp,{className:"size-4"}),"Asc"]}),(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500",checked:"desc"===e.getIsSorted(),onClick:()=>e.toggleSorting(!0),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{className:"size-4"}),"Desc"]}),e.getIsSorted()&&(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem,{className:"gap-2 pl-2 [&_svg]:text-gray-500",onClick:()=>e.clearSorting(),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{className:"size-4"}),"Resetar"]})]}),e.getCanHide()&&(0,jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EyeSlash,{className:"size-4"}),"Ocultar"]})]})]}):(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)(t),children:a})}for(var __webpack_i__ in exports.DataTableColumnHeader=__webpack_exports__.DataTableColumnHeader,__webpack_exports__)-1===["DataTableColumnHeader"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-column-header.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-column-header.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-column-header.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n CaretDown,\r\n CaretUp,\r\n CaretUpDown,\r\n EyeSlash,\r\n X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from '@/components/dropdown-menu'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue>\r\n extends React.ComponentProps<typeof DropdownMenuTrigger> {\r\n column: Column<TData, TValue>\r\n title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n column,\r\n title,\r\n className,\r\n ...props\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n if (!column.getCanSort() && !column.getCanHide()) {\r\n return <div className={cn(className)}>{title}</div>\r\n }\r\n\r\n return (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger\r\n className={cn(\r\n '-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~~',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {title}\r\n {column.getCanSort() &&\r\n (column.getIsSorted() === 'desc' ? (\r\n <CaretDown />\r\n ) : column.getIsSorted() === 'asc' ? (\r\n <CaretUp />\r\n ) : (\r\n <CaretUpDown />\r\n ))}\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"start\" className=\"w-28\">\r\n {column.getCanSort() && (\r\n <>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-~~muted~~-~~foreground~~\"\r\n checked={column.getIsSorted() === 'asc'}\r\n onClick={() => column.toggleSorting(false)}\r\n >\r\n <CaretUp />\r\n Asc\r\n </DropdownMenuCheckboxItem>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-~~muted~~-~~foreground~~\"\r\n checked={column.getIsSorted() === 'desc'}\r\n onClick={() => column.toggleSorting(true)}\r\n >\r\n <CaretDown />\r\n Desc\r\n </DropdownMenuCheckboxItem>\r\n {column.getIsSorted() && (\r\n <DropdownMenuItem\r\n className=\"pl-2 [&_svg]:text-~~muted~~-~~foreground~~\"\r\n onClick={() => column.clearSorting()}\r\n >\r\n <X />\r\n ~~Reset~~\r\n </DropdownMenuItem>\r\n )}\r\n </>\r\n )}\r\n {column.getCanHide() && (\r\n <DropdownMenuCheckboxItem\r\n className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n checked={!column.getIsVisible()}\r\n onClick={() => column.toggleVisibility(false)}\r\n >\r\n <EyeSlash />\r\n ~~Hide~~\r\n </DropdownMenuCheckboxItem>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )\r\n}\r\n"],"names":["DataTableColumnHeader","column","title","className","props","DropdownMenu","DropdownMenuTrigger","cn","CaretDown","CaretUp","CaretUpDown","DropdownMenuContent","DropdownMenuCheckboxItem","DropdownMenuItem","X","EyeSlash"],"mappings":";sjCA0BO,SAASA,sBAAqC,CACnDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACT,GAAGC,EACuC,SAC1C,EAAY,UAAU,IAAOH,EAAO,UAAU,GAK5C,qCAACI,2CAAAA,YAAYA,CAAAA,C,UACX,qCAACC,2CAAAA,mBAAmBA,CAAAA,CAClB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,~~yNACAJ~~,GAED,GAAGC,CAAK,C,UAERF,EACAD,EAAO,UAAU,IACfA,CAAAA,SAAAA,EAAO,WAAW,GACjB,oCAACO,sBAAAA,SAASA,CAAAA,~~CAAAA~~,~~GACRP~~,QAAAA,EAAO,WAAW,GACpB,oCAACQ,sBAAAA,OAAOA,CAAAA,~~CAAAA~~,~~GAER~~,oCAACC,sBAAAA,WAAWA,CAAAA,~~CAAAA~~,~~EAAAA~~,E,~~GAGlB~~,qCAACC,2CAAAA,mBAAmBA,CAAAA,CAAC,MAAM,QAAQ,UAAU,O,UAC1CV,EAAO,UAAU,IAChB,2E,UACE,qCAACW,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU~~,+GACV~~,QAASX,QAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,oCAACQ,sBAAAA,OAAOA,CAAAA,~~CAAAA~~,~~GAAG~~,M,~~GAGb~~,qCAACG,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU~~,+GACV~~,QAASX,SAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,oCAACO,sBAAAA,SAASA,CAAAA,~~CAAAA~~,~~GAAG~~,O,~~GAGdP~~,EAAO,WAAW,IACjB,qCAACY,2CAAAA,gBAAgBA,CAAAA,CACf,UAAU,~~qCACV~~,QAAS,IAAMZ,EAAO,YAAY,G,UAElC,oCAACa,sBAAAA,CAACA,CAAAA,~~CAAAA~~,~~GAAG~~,Q,~~MAMZb~~,EAAO,UAAU,IAChB,qCAACW,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU~~,+GACV~~,QAAS,CAACX,EAAO,YAAY,GAC7B,QAAS,IAAMA,EAAO,gBAAgB,CAAC,I,UAEvC,oCAACc,sBAAAA,QAAQA,CAAAA,~~CAAAA~~,~~GAAG~~,O,~~SA1Db~~,oCAAC,OAAI,UAAWR,GAAAA,0BAAAA,EAAAA,EAAGJ,G,SAAaD,C,EAiE3C,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-column-header.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-column-header.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n CaretDown,\r\n CaretUp,\r\n CaretUpDown,\r\n EyeSlash,\r\n X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from '@/components/dropdown-menu'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue>\r\n extends React.ComponentProps<typeof DropdownMenuTrigger> {\r\n column: Column<TData, TValue>\r\n title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n column,\r\n title,\r\n className,\r\n ...props\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n if (!column.getCanSort() && !column.getCanHide()) {\r\n return <div className={cn(className)}>{title}</div>\r\n }\r\n\r\n return (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger\r\n className={cn(\r\n '-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-stroke data-[state=open]:bg-gray-50 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-gbm-dark',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {title}\r\n {column.getCanSort() &&\r\n (column.getIsSorted() === 'desc' ? (\r\n <CaretDown weight=\"bold\" />\r\n ) : column.getIsSorted() === 'asc' ? (\r\n <CaretUp weight=\"bold\" />\r\n ) : (\r\n <CaretUpDown weight=\"bold\" />\r\n ))}\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"start\" className=\"w-28\">\r\n {column.getCanSort() && (\r\n <>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n checked={column.getIsSorted() === 'asc'}\r\n onClick={() => column.toggleSorting(false)}\r\n >\r\n <CaretUp className=\"size-4\" />\r\n Asc\r\n </DropdownMenuCheckboxItem>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n checked={column.getIsSorted() === 'desc'}\r\n onClick={() => column.toggleSorting(true)}\r\n >\r\n <CaretDown className=\"size-4\" />\r\n Desc\r\n </DropdownMenuCheckboxItem>\r\n {column.getIsSorted() && (\r\n <DropdownMenuItem\r\n className=\"gap-2 pl-2 [&_svg]:text-gray-500\"\r\n onClick={() => column.clearSorting()}\r\n >\r\n <X className=\"size-4\" />\r\n Resetar\r\n </DropdownMenuItem>\r\n )}\r\n </>\r\n )}\r\n {column.getCanHide() && (\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n checked={!column.getIsVisible()}\r\n onClick={() => column.toggleVisibility(false)}\r\n >\r\n <EyeSlash className=\"size-4\" />\r\n Ocultar\r\n </DropdownMenuCheckboxItem>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )\r\n}\r\n"],"names":["DataTableColumnHeader","column","title","className","props","DropdownMenu","DropdownMenuTrigger","cn","CaretDown","CaretUp","CaretUpDown","DropdownMenuContent","DropdownMenuCheckboxItem","DropdownMenuItem","X","EyeSlash"],"mappings":";sjCA0BO,SAASA,sBAAqC,CACnDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACT,GAAGC,EACuC,SAC1C,EAAY,UAAU,IAAOH,EAAO,UAAU,GAK5C,qCAACI,2CAAAA,YAAYA,CAAAA,C,UACX,qCAACC,2CAAAA,mBAAmBA,CAAAA,CAClB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,qNACAJ,GAED,GAAGC,CAAK,C,UAERF,EACAD,EAAO,UAAU,IACfA,CAAAA,SAAAA,EAAO,WAAW,GACjB,oCAACO,sBAAAA,SAASA,CAAAA,CAAC,OAAO,M,GAChBP,QAAAA,EAAO,WAAW,GACpB,oCAACQ,sBAAAA,OAAOA,CAAAA,CAAC,OAAO,M,GAEhB,oCAACC,sBAAAA,WAAWA,CAAAA,CAAC,OAAO,M,OAG1B,qCAACC,2CAAAA,mBAAmBA,CAAAA,CAAC,MAAM,QAAQ,UAAU,O,UAC1CV,EAAO,UAAU,IAChB,2E,UACE,qCAACW,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,QAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,oCAACQ,sBAAAA,OAAOA,CAAAA,CAAC,UAAU,Q,GAAW,M,GAGhC,qCAACG,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,SAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,oCAACO,sBAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GAAW,O,GAGjCP,EAAO,WAAW,IACjB,qCAACY,2CAAAA,gBAAgBA,CAAAA,CACf,UAAU,mCACV,QAAS,IAAMZ,EAAO,YAAY,G,UAElC,oCAACa,sBAAAA,CAACA,CAAAA,CAAC,UAAU,Q,GAAW,U,MAM/Bb,EAAO,UAAU,IAChB,qCAACW,2CAAAA,wBAAwBA,CAAAA,CACvB,UAAU,qHACV,QAAS,CAACX,EAAO,YAAY,GAC7B,QAAS,IAAMA,EAAO,gBAAgB,CAAC,I,UAEvC,oCAACc,sBAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GAAW,U,SA1DhC,oCAAC,OAAI,UAAWR,GAAAA,0BAAAA,EAAAA,EAAGJ,G,SAAaD,C,EAiE3C,C"}

package/dist/cjs/components/data-table/data-table-date-filter.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableDateFilter:()=>DataTableDateFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),format_cjs_namespaceObject=require("../../lib/format.cjs");function getIsDateRange(e){return e&&"object"==typeof e&&!Array.isArray(e)}function parseAsDate(e){if(!e)return;let a=new Date("string"==typeof e?Number(e):e);return Number.isNaN(a.getTime())?void 0:a}function parseColumnFilterValue(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function DataTableDateFilter({column:e,title:a,multiple:t}){let r=e.getFilterValue(),n=external_react_namespaceObject.useMemo(()=>{if(!r)return t?{from:void 0,to:void 0}:[];if(t){let e=parseColumnFilterValue(r);return{from:parseAsDate(e[0]),to:parseAsDate(e[1])}}let e=parseAsDate(parseColumnFilterValue(r)[0]);return e?[e]:[]},[r,t]),c=external_react_namespaceObject.useCallback(a=>{if(!a)return void e.setFilterValue(void 0);if(!t||"getTime"in a)!t&&"getTime"in a&&e.setFilterValue(a.getTime());else{let t=a.from?.getTime(),r=a.to?.getTime();e.setFilterValue(t||r?[t,r]:void 0)}},[e,t]),s=external_react_namespaceObject.useCallback(a=>{a.stopPropagation(),e.setFilterValue(void 0)},[e]),_=external_react_namespaceObject.useMemo(()=>t?!!getIsDateRange(n)&&(n.from||n.to):!!Array.isArray(n)&&n.length>0,[t,n]),i=external_react_namespaceObject.useCallback(e=>e.from||e.to?e.from&&e.to?`${(0,format_cjs_namespaceObject.formatDate)(e.from)} - ${(0,format_cjs_namespaceObject.formatDate)(e.to)}`:(0,format_cjs_namespaceObject.formatDate)(e.from??e.to):"",[]),o=external_react_namespaceObject.useMemo(()=>{if(t){if(!getIsDateRange(n))return null;let e=n.from||n.to,t=e?i(n):"Select date range";return(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),e&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:t})]})]})}if(getIsDateRange(n))return null;let e=n.length>0,r=e?(0,format_cjs_namespaceObject.formatDate)(n[0]):"Select date";return(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),e&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:r})]})]})},[n,t,i,a]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",className:"border-dashed",children:[_?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,onClick:s,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Calendar,{}),o]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:t?(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"range",selected:getIsDateRange(n)?n:{from:void 0,to:void 0},onSelect:c}):(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"single",selected:getIsDateRange(n)?void 0:n[0],onSelect:c})})]})}for(var __webpack_i__ in exports.DataTableDateFilter=__webpack_exports__.DataTableDateFilter,__webpack_exports__)-1===["DataTableDateFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableDateFilter:()=>DataTableDateFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),format_cjs_namespaceObject=require("../../lib/format.cjs");function getIsDateRange(e){return e&&"object"==typeof e&&!Array.isArray(e)}function parseAsDate(e){if(!e)return;let a=new Date("string"==typeof e?Number(e):e);return Number.isNaN(a.getTime())?void 0:a}function parseColumnFilterValue(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function DataTableDateFilter({column:e,title:a,multiple:t}){let r=e.getFilterValue(),n=external_react_namespaceObject.useMemo(()=>{if(!r)return t?{from:void 0,to:void 0}:[];if(t){let e=parseColumnFilterValue(r);return{from:parseAsDate(e[0]),to:parseAsDate(e[1])}}let e=parseAsDate(parseColumnFilterValue(r)[0]);return e?[e]:[]},[r,t]),c=external_react_namespaceObject.useCallback(a=>{if(!a)return void e.setFilterValue(void 0);if(!t||"getTime"in a)!t&&"getTime"in a&&e.setFilterValue(a.getTime());else{let t=a.from?.getTime(),r=a.to?.getTime();e.setFilterValue(t||r?[t,r]:void 0)}},[e,t]),s=external_react_namespaceObject.useCallback(a=>{a.stopPropagation(),e.setFilterValue(void 0)},[e]),_=external_react_namespaceObject.useMemo(()=>t?!!getIsDateRange(n)&&(n.from||n.to):!!Array.isArray(n)&&n.length>0,[t,n]),i=external_react_namespaceObject.useCallback(e=>e.from||e.to?e.from&&e.to?`${(0,format_cjs_namespaceObject.formatDate)(e.from)} - ${(0,format_cjs_namespaceObject.formatDate)(e.to)}`:(0,format_cjs_namespaceObject.formatDate)(e.from??e.to):"",[]),o=external_react_namespaceObject.useMemo(()=>{if(t){if(!getIsDateRange(n))return null;let e=n.from||n.to,t=e?i(n):"Select date range";return(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),e&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:t})]})]})}if(getIsDateRange(n))return null;let e=n.length>0,r=e?(0,format_cjs_namespaceObject.formatDate)(n[0]):"Select date";return(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),e&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:r})]})]})},[n,t,i,a]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"xs",children:[_?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,onClick:s,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{}),o]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:t?(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"range",selected:getIsDateRange(n)?n:{from:void 0,to:void 0},onSelect:c}):(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"single",selected:getIsDateRange(n)?void 0:n[0],onSelect:c})})]})}for(var __webpack_i__ in exports.DataTableDateFilter=__webpack_exports__.DataTableDateFilter,__webpack_exports__)-1===["DataTableDateFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-date-filter.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-date-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\r\n\r\nimport { Calendar as CalendarIcon, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\nimport type { DateRange } from 'react-day-picker'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { formatDate } from '@/lib/format'\r\n\r\ntype DateSelection = Date[] \| DateRange\r\n\r\nfunction getIsDateRange(value: DateSelection): value is DateRange {\r\n return value && typeof value === 'object' && !Array.isArray(value)\r\n}\r\n\r\nfunction parseAsDate(timestamp: number \| string \| undefined): Date \| undefined {\r\n if (!timestamp) return undefined\r\n const numericTimestamp =\r\n typeof timestamp === 'string' ? Number(timestamp) : timestamp\r\n const date = new Date(numericTimestamp)\r\n return !Number.isNaN(date.getTime()) ? date : undefined\r\n}\r\n\r\nfunction parseColumnFilterValue(value: unknown) {\r\n if (value === null \|\| value === undefined) {\r\n return []\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n return value.map(item => {\r\n if (typeof item === 'number' \|\| typeof item === 'string') {\r\n return item\r\n }\r\n return undefined\r\n })\r\n }\r\n\r\n if (typeof value === 'string' \|\| typeof value === 'number') {\r\n return [value]\r\n }\r\n\r\n return []\r\n}\r\n\r\ninterface DataTableDateFilterProps<TData> {\r\n column: Column<TData, unknown>\r\n title?: string\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableDateFilter<TData>({\r\n column,\r\n title,\r\n multiple,\r\n}: DataTableDateFilterProps<TData>) {\r\n const columnFilterValue = column.getFilterValue()\r\n\r\n const selectedDates = React.useMemo<DateSelection>(() => {\r\n if (!columnFilterValue) {\r\n return multiple ? { from: undefined, to: undefined } : []\r\n }\r\n\r\n if (multiple) {\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n return {\r\n from: parseAsDate(timestamps[0]),\r\n to: parseAsDate(timestamps[1]),\r\n }\r\n }\r\n\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n const date = parseAsDate(timestamps[0])\r\n return date ? [date] : []\r\n }, [columnFilterValue, multiple])\r\n\r\n const onSelect = React.useCallback(\r\n (date: Date \| DateRange \| undefined) => {\r\n if (!date) {\r\n column.setFilterValue(undefined)\r\n return\r\n }\r\n\r\n if (multiple && !('getTime' in date)) {\r\n const from = date.from?.getTime()\r\n const to = date.to?.getTime()\r\n column.setFilterValue(from \|\| to ? [from, to] : undefined)\r\n } else if (!multiple && 'getTime' in date) {\r\n column.setFilterValue(date.getTime())\r\n }\r\n },\r\n [column, multiple]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event: React.MouseEvent) => {\r\n event.stopPropagation()\r\n column.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n const hasValue = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return false\r\n return selectedDates.from \|\| selectedDates.to\r\n }\r\n if (!Array.isArray(selectedDates)) return false\r\n return selectedDates.length > 0\r\n }, [multiple, selectedDates])\r\n\r\n const formatDateRange = React.useCallback((range: DateRange) => {\r\n if (!range.from && !range.to) return ''\r\n if (range.from && range.to) {\r\n return `${formatDate(range.from)} - ${formatDate(range.to)}`\r\n }\r\n return formatDate(range.from ?? range.to)\r\n }, [])\r\n\r\n const label = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDates = selectedDates.from \|\| selectedDates.to\r\n const dateText = hasSelectedDates\r\n ? formatDateRange(selectedDates)\r\n : 'Select date range'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDates && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }\r\n\r\n if (getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDate = selectedDates.length > 0\r\n const dateText = hasSelectedDate\r\n ? formatDate(selectedDates[0])\r\n : 'Select date'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDate && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }, [selectedDates, multiple, formatDateRange, title])\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"border-dashed\">\r\n {hasValue ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <CalendarIcon />\r\n )}\r\n {label}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n {multiple ? (\r\n <Calendar\r\n initialFocus\r\n mode=\"range\"\r\n selected={\r\n getIsDateRange(selectedDates)\r\n ? selectedDates\r\n : { from: undefined, to: undefined }\r\n }\r\n onSelect={onSelect}\r\n />\r\n ) : (\r\n <Calendar\r\n initialFocus\r\n mode=\"single\"\r\n selected={\r\n !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\r\n }\r\n onSelect={onSelect}\r\n />\r\n )}\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarIcon","PopoverContent","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"components\\data-table\\data-table-date-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\nimport type { DateRange } from 'react-day-picker'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { formatDate } from '@/lib/format'\r\n\r\ntype DateSelection = Date[] \| DateRange\r\n\r\nfunction getIsDateRange(value: DateSelection): value is DateRange {\r\n return value && typeof value === 'object' && !Array.isArray(value)\r\n}\r\n\r\nfunction parseAsDate(timestamp: number \| string \| undefined): Date \| undefined {\r\n if (!timestamp) return undefined\r\n const numericTimestamp =\r\n typeof timestamp === 'string' ? Number(timestamp) : timestamp\r\n const date = new Date(numericTimestamp)\r\n return !Number.isNaN(date.getTime()) ? date : undefined\r\n}\r\n\r\nfunction parseColumnFilterValue(value: unknown) {\r\n if (value === null \|\| value === undefined) {\r\n return []\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n return value.map(item => {\r\n if (typeof item === 'number' \|\| typeof item === 'string') {\r\n return item\r\n }\r\n return undefined\r\n })\r\n }\r\n\r\n if (typeof value === 'string' \|\| typeof value === 'number') {\r\n return [value]\r\n }\r\n\r\n return []\r\n}\r\n\r\ninterface DataTableDateFilterProps<TData> {\r\n column: Column<TData, unknown>\r\n title?: string\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableDateFilter<TData>({\r\n column,\r\n title,\r\n multiple,\r\n}: DataTableDateFilterProps<TData>) {\r\n const columnFilterValue = column.getFilterValue()\r\n\r\n const selectedDates = React.useMemo<DateSelection>(() => {\r\n if (!columnFilterValue) {\r\n return multiple ? { from: undefined, to: undefined } : []\r\n }\r\n\r\n if (multiple) {\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n return {\r\n from: parseAsDate(timestamps[0]),\r\n to: parseAsDate(timestamps[1]),\r\n }\r\n }\r\n\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n const date = parseAsDate(timestamps[0])\r\n return date ? [date] : []\r\n }, [columnFilterValue, multiple])\r\n\r\n const onSelect = React.useCallback(\r\n (date: Date \| DateRange \| undefined) => {\r\n if (!date) {\r\n column.setFilterValue(undefined)\r\n return\r\n }\r\n\r\n if (multiple && !('getTime' in date)) {\r\n const from = date.from?.getTime()\r\n const to = date.to?.getTime()\r\n column.setFilterValue(from \|\| to ? [from, to] : undefined)\r\n } else if (!multiple && 'getTime' in date) {\r\n column.setFilterValue(date.getTime())\r\n }\r\n },\r\n [column, multiple]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event: React.MouseEvent) => {\r\n event.stopPropagation()\r\n column.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n const hasValue = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return false\r\n return selectedDates.from \|\| selectedDates.to\r\n }\r\n if (!Array.isArray(selectedDates)) return false\r\n return selectedDates.length > 0\r\n }, [multiple, selectedDates])\r\n\r\n const formatDateRange = React.useCallback((range: DateRange) => {\r\n if (!range.from && !range.to) return ''\r\n if (range.from && range.to) {\r\n return `${formatDate(range.from)} - ${formatDate(range.to)}`\r\n }\r\n return formatDate(range.from ?? range.to)\r\n }, [])\r\n\r\n const label = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDates = selectedDates.from \|\| selectedDates.to\r\n const dateText = hasSelectedDates\r\n ? formatDateRange(selectedDates)\r\n : 'Select date range'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDates && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }\r\n\r\n if (getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDate = selectedDates.length > 0\r\n const dateText = hasSelectedDate\r\n ? formatDate(selectedDates[0])\r\n : 'Select date'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDate && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }, [selectedDates, multiple, formatDateRange, title])\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"secondary\" size=\"xs\">\r\n {hasValue ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <CalendarBlank />\r\n )}\r\n {label}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n {multiple ? (\r\n <Calendar\r\n initialFocus\r\n mode=\"range\"\r\n selected={\r\n getIsDateRange(selectedDates)\r\n ? selectedDates\r\n : { from: undefined, to: undefined }\r\n }\r\n onSelect={onSelect}\r\n />\r\n ) : (\r\n <Calendar\r\n initialFocus\r\n mode=\"single\"\r\n selected={\r\n !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\r\n }\r\n onSelect={onSelect}\r\n />\r\n )}\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarBlank","PopoverContent","Calendar"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-faceted-filter.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableFacetedFilter:()=>DataTableFacetedFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_badge_cjs_namespaceObject=require("../badge.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableFacetedFilter({column:e,title:a,options:t,multiple:c}){let[r,s]=external_react_namespaceObject.useState(!1),n=e?.getFilterValue(),_=new Set(Array.isArray(n)?n:[]),m=external_react_namespaceObject.useCallback((a,t)=>{if(e)if(c){let c=new Set(_);t?c.delete(a.value):c.add(a.value);let r=Array.from(c);e.setFilterValue(r.length?r:void 0)}else e.setFilterValue(t?void 0:[a.value]),s(!1)},[e,c,_]),i=external_react_namespaceObject.useCallback(a=>{a?.stopPropagation(),e?.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:r,onOpenChange:s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",className:"border-dashed",children:[_?.size>0?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,onClick:i,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),a,_?.size>0&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:_.size}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"hidden items-center gap-1 lg:flex",children:_.size>2?(0,jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[_.size," selected"]}):t.filter(e=>_.has(e.value)).map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:e.label},e.value))})]})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-[12.5rem] p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:a}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{className:"max-h-full",children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No results found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:t.map(e=>{let a=_.has(e.value);return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>m(e,a),children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex size-4 items-center justify-center rounded-sm border border-primary",a?"bg-primary":"opacity-50 [&_svg]:invisible"),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{})}),e.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.label}),e.count&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value)})}),_.size>0&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandSeparator,{}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>i(),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}for(var __webpack_i__ in exports.DataTableFacetedFilter=__webpack_exports__.DataTableFacetedFilter,__webpack_exports__)-1===["DataTableFacetedFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableFacetedFilter:()=>DataTableFacetedFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_badge_cjs_namespaceObject=require("../badge.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableFacetedFilter({column:e,title:a,options:t,multiple:c}){let[r,n]=external_react_namespaceObject.useState(!1),s=e?.getFilterValue(),_=new Set(Array.isArray(s)?s:[]),m=external_react_namespaceObject.useCallback((a,t)=>{if(e)if(c){let c=new Set(_);t?c.delete(a.value):c.add(a.value);let r=Array.from(c);e.setFilterValue(r.length?r:void 0)}else e.setFilterValue(t?void 0:[a.value]),n(!1)},[e,c,_]),i=external_react_namespaceObject.useCallback(a=>{a?.stopPropagation(),e?.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:r,onOpenChange:n,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"xs",children:[_?.size>0?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,onClick:i,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),a,_?.size>0&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:_.size}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"hidden items-center gap-1 lg:flex",children:_.size>2?(0,jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[_.size," selected"]}):t.filter(e=>_.has(e.value)).map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:e.label},e.value))})]})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-[12.5rem] p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:a}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{className:"max-h-full",children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No results found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:t.map(e=>{let a=_.has(e.value);return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>m(e,a),children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex size-4 items-center justify-center rounded-sm border border-primary",a?"bg-primary":"opacity-50 [&_svg]:invisible"),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{})}),e.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.label}),e.count&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value)})}),_.size>0&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandSeparator,{}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>i(),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}for(var __webpack_i__ in exports.DataTableFacetedFilter=__webpack_exports__.DataTableFacetedFilter,__webpack_exports__)-1===["DataTableFacetedFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-faceted-filter.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-faceted-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-faceted-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Option } from '@/types/data-table'\r\nimport { Check, PlusCircle, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandSeparator,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n column?: Column<TData, TValue>\r\n title?: string\r\n options: Option[]\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n column,\r\n title,\r\n options,\r\n multiple,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n const [open, setOpen] = React.useState(false)\r\n\r\n const columnFilterValue = column?.getFilterValue()\r\n const selectedValues = new Set(\r\n Array.isArray(columnFilterValue) ? columnFilterValue : []\r\n )\r\n\r\n const onItemSelect = React.useCallback(\r\n (option: Option, isSelected: boolean) => {\r\n if (!column) return\r\n\r\n if (multiple) {\r\n const newSelectedValues = new Set(selectedValues)\r\n if (isSelected) {\r\n newSelectedValues.delete(option.value)\r\n } else {\r\n newSelectedValues.add(option.value)\r\n }\r\n const filterValues = Array.from(newSelectedValues)\r\n column.setFilterValue(filterValues.length ? filterValues : undefined)\r\n } else {\r\n column.setFilterValue(isSelected ? undefined : [option.value])\r\n setOpen(false)\r\n }\r\n },\r\n [column, multiple, selectedValues]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event?: React.MouseEvent) => {\r\n event?.stopPropagation()\r\n column?.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"~~outline~~\" size=\"sm\" ~~className=\"border-dashed\"~~>\r\n {selectedValues?.size > 0 ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <PlusCircle />\r\n )}\r\n {title}\r\n {selectedValues?.size > 0 && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal lg:hidden\"\r\n >\r\n {selectedValues.size}\r\n </Badge>\r\n <div className=\"hidden items-center gap-1 lg:flex\">\r\n {selectedValues.size > 2 ? (\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {selectedValues.size} selected\r\n </Badge>\r\n ) : (\r\n options\r\n .filter(option => selectedValues.has(option.value))\r\n .map(option => (\r\n <Badge\r\n variant=\"secondary\"\r\n key={option.value}\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {option.label}\r\n </Badge>\r\n ))\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[12.5rem] p-0\" align=\"start\">\r\n <Command>\r\n <CommandInput placeholder={title} />\r\n <CommandList className=\"max-h-full\">\r\n <CommandEmpty>No results found.</CommandEmpty>\r\n <CommandGroup className=\"max-h-[18.75rem] overflow-y-auto overflow-x-hidden\">\r\n {options.map(option => {\r\n const isSelected = selectedValues.has(option.value)\r\n\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => onItemSelect(option, isSelected)}\r\n >\r\n <div\r\n className={cn(\r\n 'flex size-4 items-center justify-center rounded-sm border border-primary',\r\n isSelected\r\n ? 'bg-primary'\r\n : 'opacity-50 [&_svg]:invisible'\r\n )}\r\n >\r\n <Check />\r\n </div>\r\n {option.icon && <option.icon />}\r\n <span className=\"truncate\">{option.label}</span>\r\n {option.count && (\r\n <span className=\"ml-auto font-mono text-xs\">\r\n {option.count}\r\n </span>\r\n )}\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n {selectedValues.size > 0 && (\r\n <>\r\n <CommandSeparator />\r\n <CommandGroup>\r\n <CommandItem\r\n onSelect={() => onReset()}\r\n className=\"justify-center text-center\"\r\n >\r\n Clear filters\r\n </CommandItem>\r\n </CommandGroup>\r\n </>\r\n )}\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["DataTableFacetedFilter","column","title","options","multiple","open","setOpen","React","columnFilterValue","selectedValues","Set","Array","onItemSelect","option","isSelected","newSelectedValues","filterValues","undefined","onReset","event","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","cn","Check","CommandSeparator"],"mappings":";s1CA6BO,SAASA,uBAAsC,CACpDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACmC,EAC3C,GAAM,CAACC,EAAMC,EAAQ,CAAGC,+BAAAA,QAAc,CAAC,IAEjCC,EAAoBP,GAAQ,iBAC5BQ,EAAiB,IAAIC,IACzBC,MAAM,OAAO,CAACH,GAAqBA,EAAoB,EAAE,EAGrDI,EAAeL,+BAAAA,WAAiB,CACpC,CAACM,EAAgBC,KACf,GAAKb,EAEL,GAAIG,EAAU,CACZ,IAAMW,EAAoB,IAAIL,IAAID,GAC9BK,EACFC,EAAkB,MAAM,CAACF,EAAO,KAAK,EAErCE,EAAkB,GAAG,CAACF,EAAO,KAAK,EAEpC,IAAMG,EAAeL,MAAM,IAAI,CAACI,GAChCd,EAAO,cAAc,CAACe,EAAa,MAAM,CAAGA,EAAeC,KAAAA,EAC7D,MACEhB,EAAO,cAAc,CAACa,EAAaG,KAAAA,EAAY,CAACJ,EAAO,KAAK,CAAC,EAC7DP,EAAQ,GAEZ,EACA,CAACL,EAAQG,EAAUK,EAAe,EAG9BS,EAAUX,+BAAAA,WAAiB,CAC/B,IACEY,GAAO,kBACPlB,GAAQ,eAAegB,KAAAA,EACzB,EACA,CAAChB,EAAO,EAGV,MACE,qCAACmB,qCAAAA,OAAOA,CAAAA,CAAC,KAAMf,EAAM,aAAcC,E,UACjC,oCAACe,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CAAC,QAAQ,~~UAAU~~,KAAK,~~KAAK~~,~~UAAU~~,~~gB,UAC3Cb,~~GAAgB,KAAO,EACtB,oCAAC,OACC,KAAK,SACL,aAAY,CAAC,MAAM,EAAEP,EAAM,OAAO,CAAC,CACnC,SAAU,EACV,QAASgB,EACT,UAAU,qI,SAEV,oCAACK,sBAAAA,OAAOA,CAAAA,CAAAA,E,GAGV,oCAACC,sBAAAA,UAAUA,CAAAA,CAAAA,GAEZtB,EACAO,GAAgB,KAAO,GACtB,2E,UACE,oCAACgB,uCAAAA,SAASA,CAAAA,CACR,YAAY,WACZ,UAAU,wC,GAEZ,oCAACC,mCAAAA,KAAKA,CAAAA,CACJ,QAAQ,YACR,UAAU,wC,SAETjB,EAAe,IAAI,GAEtB,oCAAC,OAAI,UAAU,oC,SACZA,EAAe,IAAI,CAAG,EACrB,qCAACiB,mCAAAA,KAAKA,CAAAA,CACJ,QAAQ,YACR,UAAU,8B,UAETjB,EAAe,IAAI,CAAC,Y,GAGvBN,EACG,MAAM,CAACU,GAAUJ,EAAe,GAAG,CAACI,EAAO,KAAK,GAChD,GAAG,CAACA,GACH,oCAACa,mCAAAA,KAAKA,CAAAA,CACJ,QAAQ,YAER,UAAU,8B,SAETb,EAAO,KAAK,EAHRA,EAAO,KAAK,E,WAYnC,oCAACc,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,kBAAkB,MAAM,Q,SAChD,qCAACC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAa3B,C,GAC3B,qCAAC4B,qCAAAA,WAAWA,CAAAA,CAAC,UAAU,a,UACrB,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,UAAU,qD,SACrB7B,EAAQ,GAAG,CAACU,IACX,IAAMC,EAAaL,EAAe,GAAG,CAACI,EAAO,KAAK,EAElD,MACE,qCAACoB,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IAAMrB,EAAaC,EAAQC,G,UAErC,oCAAC,OACC,UAAWoB,GAAAA,0BAAAA,EAAAA,EACT,2EACApB,EACI,aACA,gC,SAGN,oCAACqB,sBAAAA,KAAKA,CAAAA,CAAAA,E,GAEPtB,EAAO,IAAI,EAAI,oCAACA,EAAO,IAAI,KAC5B,oCAAC,QAAK,UAAU,W,SAAYA,EAAO,KAAK,GACvCA,EAAO,KAAK,EACX,oCAAC,QAAK,UAAU,4B,SACbA,EAAO,KAAK,KAjBZA,EAAO,KAAK,CAsBvB,E,GAEDJ,EAAe,IAAI,CAAG,GACrB,2E,UACE,oCAAC2B,qCAAAA,gBAAgBA,CAAAA,CAAAA,GACjB,oCAACJ,qCAAAA,YAAYA,CAAAA,C,SACX,oCAACC,qCAAAA,WAAWA,CAAAA,CACV,SAAU,IAAMf,IAChB,UAAU,6B,SACX,e,kBAWnB,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-faceted-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-faceted-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Option } from '@/types/data-table'\r\nimport { Check, PlusCircle, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandSeparator,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n column?: Column<TData, TValue>\r\n title?: string\r\n options: Option[]\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n column,\r\n title,\r\n options,\r\n multiple,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n const [open, setOpen] = React.useState(false)\r\n\r\n const columnFilterValue = column?.getFilterValue()\r\n const selectedValues = new Set(\r\n Array.isArray(columnFilterValue) ? columnFilterValue : []\r\n )\r\n\r\n const onItemSelect = React.useCallback(\r\n (option: Option, isSelected: boolean) => {\r\n if (!column) return\r\n\r\n if (multiple) {\r\n const newSelectedValues = new Set(selectedValues)\r\n if (isSelected) {\r\n newSelectedValues.delete(option.value)\r\n } else {\r\n newSelectedValues.add(option.value)\r\n }\r\n const filterValues = Array.from(newSelectedValues)\r\n column.setFilterValue(filterValues.length ? filterValues : undefined)\r\n } else {\r\n column.setFilterValue(isSelected ? undefined : [option.value])\r\n setOpen(false)\r\n }\r\n },\r\n [column, multiple, selectedValues]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event?: React.MouseEvent) => {\r\n event?.stopPropagation()\r\n column?.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"secondary\" size=\"xs\">\r\n {selectedValues?.size > 0 ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <PlusCircle />\r\n )}\r\n {title}\r\n {selectedValues?.size > 0 && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal lg:hidden\"\r\n >\r\n {selectedValues.size}\r\n </Badge>\r\n <div className=\"hidden items-center gap-1 lg:flex\">\r\n {selectedValues.size > 2 ? (\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {selectedValues.size} selected\r\n </Badge>\r\n ) : (\r\n options\r\n .filter(option => selectedValues.has(option.value))\r\n .map(option => (\r\n <Badge\r\n variant=\"secondary\"\r\n key={option.value}\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {option.label}\r\n </Badge>\r\n ))\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[12.5rem] p-0\" align=\"start\">\r\n <Command>\r\n <CommandInput placeholder={title} />\r\n <CommandList className=\"max-h-full\">\r\n <CommandEmpty>No results found.</CommandEmpty>\r\n <CommandGroup className=\"max-h-[18.75rem] overflow-y-auto overflow-x-hidden\">\r\n {options.map(option => {\r\n const isSelected = selectedValues.has(option.value)\r\n\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => onItemSelect(option, isSelected)}\r\n >\r\n <div\r\n className={cn(\r\n 'flex size-4 items-center justify-center rounded-sm border border-primary',\r\n isSelected\r\n ? 'bg-primary'\r\n : 'opacity-50 [&_svg]:invisible'\r\n )}\r\n >\r\n <Check />\r\n </div>\r\n {option.icon && <option.icon />}\r\n <span className=\"truncate\">{option.label}</span>\r\n {option.count && (\r\n <span className=\"ml-auto font-mono text-xs\">\r\n {option.count}\r\n </span>\r\n )}\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n {selectedValues.size > 0 && (\r\n <>\r\n <CommandSeparator />\r\n <CommandGroup>\r\n <CommandItem\r\n onSelect={() => onReset()}\r\n className=\"justify-center text-center\"\r\n >\r\n Clear filters\r\n </CommandItem>\r\n </CommandGroup>\r\n </>\r\n )}\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["DataTableFacetedFilter","column","title","options","multiple","open","setOpen","React","columnFilterValue","selectedValues","Set","Array","onItemSelect","option","isSelected","newSelectedValues","filterValues","undefined","onReset","event","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","cn","Check","CommandSeparator"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var s in a)__webpack_require__.o(a,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:a[s]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSkeleton:()=>DataTableSkeleton});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_skeleton_cjs_namespaceObject=require("../skeleton.cjs"),external_table_cjs_namespaceObject=require("../table.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableSkeleton({columnCount:e,rowCount:a=10,filterCount:s=0,cellWidths:t=["auto"],withViewOptions:_=!0,withPagination:c=!0,shrinkZero:n=!1,className:l,...r}){let m=Array.from({length:e},(e,a)=>t[a%t.length]??"auto");return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col gap-2.5 overflow-auto",l),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between gap-2 overflow-auto p-1",children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-1 items-center gap-2",children:s>0?Array.from({length:s}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-[4.5rem] border-dashed"},a)):null}),_?(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"ml-auto hidden h-7 w-[4.5rem] lg:flex"}):null]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"rounded-md border",children:(0,jsx_runtime_namespaceObject.jsxs)(external_table_cjs_namespaceObject.Table,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHeader,{children:Array.from({length:1}).map((a,s)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{className:"hover:bg-transparent",children:Array.from({length:e}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHead,{style:{width:m[a],minWidth:n?m[a]:"auto"},children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-6 w-full"})},a))},s))}),(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableBody,{children:Array.from({length:a}).map((a,s)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{className:"hover:bg-transparent",children:Array.from({length:e}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{style:{width:m[a],minWidth:n?m[a]:"auto"},children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-6 w-full"})},a))},s))})]})}),c?(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-40 shrink-0"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4 sm:gap-6 lg:gap-8",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-24"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-[4.5rem]"})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex items-center justify-center font-medium text-sm",children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-20"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"hidden size-7 lg:block"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"size-7"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"size-7"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"hidden size-7 lg:block"})]})]})]}):null]})}for(var __webpack_i__ in exports.DataTableSkeleton=__webpack_exports__.DataTableSkeleton,__webpack_exports__)-1===["DataTableSkeleton"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSkeleton:()=>DataTableSkeleton});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_skeleton_cjs_namespaceObject=require("../skeleton.cjs"),external_table_cjs_namespaceObject=require("../table.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableSkeleton({columnCount:e,rowCount:a=10,filterCount:t=0,cellWidths:s=["auto"],withViewOptions:_=!0,withPagination:c=!0,shrinkZero:n=!1,className:l,...r}){let m=Array.from({length:e},(e,a)=>s[a%s.length]??"auto");return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col gap-2.5 overflow-auto",l),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between gap-2 overflow-auto p-1",children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-1 items-center gap-2",children:t>0?Array.from({length:t}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-[4.5rem]"},a)):null}),_?(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"ml-auto hidden h-7 w-[4.5rem] lg:flex"}):null]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"rounded-md border",children:(0,jsx_runtime_namespaceObject.jsxs)(external_table_cjs_namespaceObject.Table,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHeader,{children:Array.from({length:1}).map((a,t)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{className:"hover:bg-transparent",children:Array.from({length:e}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHead,{style:{width:m[a],minWidth:n?m[a]:"auto"},children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-6 w-full"})},a))},t))}),(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableBody,{children:Array.from({length:a}).map((a,t)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{className:"hover:bg-transparent",children:Array.from({length:e}).map((e,a)=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{style:{width:m[a],minWidth:n?m[a]:"auto"},children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-6 w-full"})},a))},t))})]})}),c?(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-40 shrink-0"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4 sm:gap-6 lg:gap-8",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-24"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-[4.5rem]"})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex items-center justify-center font-medium text-sm",children:(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-7 w-20"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"hidden size-7 lg:block"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"size-7"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"size-7"}),(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"hidden size-7 lg:block"})]})]})]}):null]})}for(var __webpack_i__ in exports.DataTableSkeleton=__webpack_exports__.DataTableSkeleton,__webpack_exports__)-1===["DataTableSkeleton"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-skeleton.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-skeleton.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/components/skeleton'\r\nimport {\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n} from '@/components/table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableSkeletonProps extends React.ComponentProps<'div'> {\r\n columnCount: number\r\n rowCount?: number\r\n filterCount?: number\r\n cellWidths?: string[]\r\n withViewOptions?: boolean\r\n withPagination?: boolean\r\n shrinkZero?: boolean\r\n}\r\n\r\nexport function DataTableSkeleton({\r\n columnCount,\r\n rowCount = 10,\r\n filterCount = 0,\r\n cellWidths = ['auto'],\r\n withViewOptions = true,\r\n withPagination = true,\r\n shrinkZero = false,\r\n className,\r\n ...props\r\n}: DataTableSkeletonProps) {\r\n const cozyCellWidths = Array.from(\r\n { length: columnCount },\r\n (_, index) => cellWidths[index % cellWidths.length] ?? 'auto'\r\n )\r\n\r\n return (\r\n <div\r\n className={cn('flex w-full flex-col gap-2.5 overflow-auto', className)}\r\n {...props}\r\n >\r\n <div className=\"flex w-full items-center justify-between gap-2 overflow-auto p-1\">\r\n <div className=\"flex flex-1 items-center gap-2\">\r\n {filterCount > 0\r\n ? Array.from({ length: filterCount }).map((_, i) => (\r\n <Skeleton key={i} className=\"h-7 w-[4.5rem] ~~border-dashed~~\" />\r\n ))\r\n : null}\r\n </div>\r\n {withViewOptions ? (\r\n <Skeleton className=\"ml-auto hidden h-7 w-[4.5rem] lg:flex\" />\r\n ) : null}\r\n </div>\r\n <div className=\"rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {Array.from({ length: 1 }).map((_, i) => (\r\n <TableRow key={i} className=\"hover:bg-transparent\">\r\n {Array.from({ length: columnCount }).map((_, j) => (\r\n <TableHead\r\n key={j}\r\n style={{\r\n width: cozyCellWidths[j],\r\n minWidth: shrinkZero ? cozyCellWidths[j] : 'auto',\r\n }}\r\n >\r\n <Skeleton className=\"h-6 w-full\" />\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {Array.from({ length: rowCount }).map((_, i) => (\r\n <TableRow key={i} className=\"hover:bg-transparent\">\r\n {Array.from({ length: columnCount }).map((_, j) => (\r\n <TableCell\r\n key={j}\r\n style={{\r\n width: cozyCellWidths[j],\r\n minWidth: shrinkZero ? cozyCellWidths[j] : 'auto',\r\n }}\r\n >\r\n <Skeleton className=\"h-6 w-full\" />\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n {withPagination ? (\r\n <div className=\"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8\">\r\n <Skeleton className=\"h-7 w-40 shrink-0\" />\r\n <div className=\"flex items-center gap-4 sm:gap-6 lg:gap-8\">\r\n <div className=\"flex items-center gap-2\">\r\n <Skeleton className=\"h-7 w-24\" />\r\n <Skeleton className=\"h-7 w-[4.5rem]\" />\r\n </div>\r\n <div className=\"flex items-center justify-center font-medium text-sm\">\r\n <Skeleton className=\"h-7 w-20\" />\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Skeleton className=\"hidden size-7 lg:block\" />\r\n <Skeleton className=\"size-7\" />\r\n <Skeleton className=\"size-7\" />\r\n <Skeleton className=\"hidden size-7 lg:block\" />\r\n </div>\r\n </div>\r\n </div>\r\n ) : null}\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableSkeleton","columnCount","rowCount","filterCount","cellWidths","withViewOptions","withPagination","shrinkZero","className","props","cozyCellWidths","Array","_","index","cn","i","Skeleton","Table","TableHeader","TableRow","j","TableHead","TableBody","TableCell"],"mappings":"wiCAqBO,SAASA,kBAAkB,CAChCC,YAAAA,CAAW,CACXC,SAAAA,EAAW,EAAE,CACbC,YAAAA,EAAc,CAAC,CACfC,WAAAA,EAAa,CAAC,OAAO,CACrBC,gBAAAA,EAAkB,EAAI,CACtBC,eAAAA,EAAiB,EAAI,CACrBC,WAAAA,EAAa,EAAK,CAClBC,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,IAAMC,EAAiBC,MAAM,IAAI,CAC/B,CAAE,OAAQV,CAAY,EACtB,CAACW,EAAGC,IAAUT,CAAU,CAACS,EAAQT,EAAW,MAAM,CAAC,EAAI,QAGzD,MACE,qCAAC,OACC,UAAWU,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6CAA8CN,GAC3D,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,mE,UACb,oCAAC,OAAI,UAAU,iC,SACZN,EAAc,EACXQ,MAAM,IAAI,CAAC,CAAE,OAAQR,CAAY,GAAG,GAAG,CAAC,CAACS,EAAGG,IAC1C,oCAACC,sCAAAA,QAAQA,CAAAA,CAAS,UAAU,8B,EAAbD,IAEjB,I,GAELV,EACC,oCAACW,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,uC,GAClB,K,GAEN,oCAAC,OAAI,UAAU,oB,SACb,qCAACC,mCAAAA,KAAKA,CAAAA,C,UACJ,oCAACC,mCAAAA,WAAWA,CAAAA,C,SACTP,MAAM,IAAI,CAAC,CAAE,OAAQ,CAAE,GAAG,GAAG,CAAC,CAACC,EAAGG,IACjC,oCAACI,mCAAAA,QAAQA,CAAAA,CAAS,UAAU,uB,SACzBR,MAAM,IAAI,CAAC,CAAE,OAAQV,CAAY,GAAG,GAAG,CAAC,CAACW,EAAGQ,IAC3C,oCAACC,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,MAAOX,CAAc,CAACU,EAAE,CACxB,SAAUb,EAAaG,CAAc,CAACU,EAAE,CAAG,MAC7C,E,SAEA,oCAACJ,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Y,IANfI,G,EAHIL,G,GAenB,oCAACO,mCAAAA,SAASA,CAAAA,C,SACPX,MAAM,IAAI,CAAC,CAAE,OAAQT,CAAS,GAAG,GAAG,CAAC,CAACU,EAAGG,IACxC,oCAACI,mCAAAA,QAAQA,CAAAA,CAAS,UAAU,uB,SACzBR,MAAM,IAAI,CAAC,CAAE,OAAQV,CAAY,GAAG,GAAG,CAAC,CAACW,EAAGQ,IAC3C,oCAACG,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,MAAOb,CAAc,CAACU,EAAE,CACxB,SAAUb,EAAaG,CAAc,CAACU,EAAE,CAAG,MAC7C,E,SAEA,oCAACJ,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Y,IANfI,G,EAHIL,G,QAiBtBT,EACC,qCAAC,OAAI,UAAU,4E,UACb,oCAACU,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,mB,GACpB,qCAAC,OAAI,UAAU,4C,UACb,qCAAC,OAAI,UAAU,0B,UACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,U,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,gB,MAEtB,oCAAC,OAAI,UAAU,uD,SACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,U,KAEtB,qCAAC,OAAI,UAAU,0B,UACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,wB,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,wB,YAIxB,K,EAGV,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-skeleton.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/components/skeleton'\r\nimport {\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n} from '@/components/table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableSkeletonProps extends React.ComponentProps<'div'> {\r\n columnCount: number\r\n rowCount?: number\r\n filterCount?: number\r\n cellWidths?: string[]\r\n withViewOptions?: boolean\r\n withPagination?: boolean\r\n shrinkZero?: boolean\r\n}\r\n\r\nexport function DataTableSkeleton({\r\n columnCount,\r\n rowCount = 10,\r\n filterCount = 0,\r\n cellWidths = ['auto'],\r\n withViewOptions = true,\r\n withPagination = true,\r\n shrinkZero = false,\r\n className,\r\n ...props\r\n}: DataTableSkeletonProps) {\r\n const cozyCellWidths = Array.from(\r\n { length: columnCount },\r\n (_, index) => cellWidths[index % cellWidths.length] ?? 'auto'\r\n )\r\n\r\n return (\r\n <div\r\n className={cn('flex w-full flex-col gap-2.5 overflow-auto', className)}\r\n {...props}\r\n >\r\n <div className=\"flex w-full items-center justify-between gap-2 overflow-auto p-1\">\r\n <div className=\"flex flex-1 items-center gap-2\">\r\n {filterCount > 0\r\n ? Array.from({ length: filterCount }).map((_, i) => (\r\n <Skeleton key={i} className=\"h-7 w-[4.5rem]\" />\r\n ))\r\n : null}\r\n </div>\r\n {withViewOptions ? (\r\n <Skeleton className=\"ml-auto hidden h-7 w-[4.5rem] lg:flex\" />\r\n ) : null}\r\n </div>\r\n <div className=\"rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {Array.from({ length: 1 }).map((_, i) => (\r\n <TableRow key={i} className=\"hover:bg-transparent\">\r\n {Array.from({ length: columnCount }).map((_, j) => (\r\n <TableHead\r\n key={j}\r\n style={{\r\n width: cozyCellWidths[j],\r\n minWidth: shrinkZero ? cozyCellWidths[j] : 'auto',\r\n }}\r\n >\r\n <Skeleton className=\"h-6 w-full\" />\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {Array.from({ length: rowCount }).map((_, i) => (\r\n <TableRow key={i} className=\"hover:bg-transparent\">\r\n {Array.from({ length: columnCount }).map((_, j) => (\r\n <TableCell\r\n key={j}\r\n style={{\r\n width: cozyCellWidths[j],\r\n minWidth: shrinkZero ? cozyCellWidths[j] : 'auto',\r\n }}\r\n >\r\n <Skeleton className=\"h-6 w-full\" />\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n {withPagination ? (\r\n <div className=\"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8\">\r\n <Skeleton className=\"h-7 w-40 shrink-0\" />\r\n <div className=\"flex items-center gap-4 sm:gap-6 lg:gap-8\">\r\n <div className=\"flex items-center gap-2\">\r\n <Skeleton className=\"h-7 w-24\" />\r\n <Skeleton className=\"h-7 w-[4.5rem]\" />\r\n </div>\r\n <div className=\"flex items-center justify-center font-medium text-sm\">\r\n <Skeleton className=\"h-7 w-20\" />\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Skeleton className=\"hidden size-7 lg:block\" />\r\n <Skeleton className=\"size-7\" />\r\n <Skeleton className=\"size-7\" />\r\n <Skeleton className=\"hidden size-7 lg:block\" />\r\n </div>\r\n </div>\r\n </div>\r\n ) : null}\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableSkeleton","columnCount","rowCount","filterCount","cellWidths","withViewOptions","withPagination","shrinkZero","className","props","cozyCellWidths","Array","_","index","cn","i","Skeleton","Table","TableHeader","TableRow","j","TableHead","TableBody","TableCell"],"mappings":"wiCAqBO,SAASA,kBAAkB,CAChCC,YAAAA,CAAW,CACXC,SAAAA,EAAW,EAAE,CACbC,YAAAA,EAAc,CAAC,CACfC,WAAAA,EAAa,CAAC,OAAO,CACrBC,gBAAAA,EAAkB,EAAI,CACtBC,eAAAA,EAAiB,EAAI,CACrBC,WAAAA,EAAa,EAAK,CAClBC,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,IAAMC,EAAiBC,MAAM,IAAI,CAC/B,CAAE,OAAQV,CAAY,EACtB,CAACW,EAAGC,IAAUT,CAAU,CAACS,EAAQT,EAAW,MAAM,CAAC,EAAI,QAGzD,MACE,qCAAC,OACC,UAAWU,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6CAA8CN,GAC3D,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,mE,UACb,oCAAC,OAAI,UAAU,iC,SACZN,EAAc,EACXQ,MAAM,IAAI,CAAC,CAAE,OAAQR,CAAY,GAAG,GAAG,CAAC,CAACS,EAAGG,IAC1C,oCAACC,sCAAAA,QAAQA,CAAAA,CAAS,UAAU,gB,EAAbD,IAEjB,I,GAELV,EACC,oCAACW,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,uC,GAClB,K,GAEN,oCAAC,OAAI,UAAU,oB,SACb,qCAACC,mCAAAA,KAAKA,CAAAA,C,UACJ,oCAACC,mCAAAA,WAAWA,CAAAA,C,SACTP,MAAM,IAAI,CAAC,CAAE,OAAQ,CAAE,GAAG,GAAG,CAAC,CAACC,EAAGG,IACjC,oCAACI,mCAAAA,QAAQA,CAAAA,CAAS,UAAU,uB,SACzBR,MAAM,IAAI,CAAC,CAAE,OAAQV,CAAY,GAAG,GAAG,CAAC,CAACW,EAAGQ,IAC3C,oCAACC,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,MAAOX,CAAc,CAACU,EAAE,CACxB,SAAUb,EAAaG,CAAc,CAACU,EAAE,CAAG,MAC7C,E,SAEA,oCAACJ,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Y,IANfI,G,EAHIL,G,GAenB,oCAACO,mCAAAA,SAASA,CAAAA,C,SACPX,MAAM,IAAI,CAAC,CAAE,OAAQT,CAAS,GAAG,GAAG,CAAC,CAACU,EAAGG,IACxC,oCAACI,mCAAAA,QAAQA,CAAAA,CAAS,UAAU,uB,SACzBR,MAAM,IAAI,CAAC,CAAE,OAAQV,CAAY,GAAG,GAAG,CAAC,CAACW,EAAGQ,IAC3C,oCAACG,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,MAAOb,CAAc,CAACU,EAAE,CACxB,SAAUb,EAAaG,CAAc,CAACU,EAAE,CAAG,MAC7C,E,SAEA,oCAACJ,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Y,IANfI,G,EAHIL,G,QAiBtBT,EACC,qCAAC,OAAI,UAAU,4E,UACb,oCAACU,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,mB,GACpB,qCAAC,OAAI,UAAU,4C,UACb,qCAAC,OAAI,UAAU,0B,UACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,U,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,gB,MAEtB,oCAAC,OAAI,UAAU,uD,SACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,U,KAEtB,qCAAC,OAAI,UAAU,0B,UACb,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,wB,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GACpB,oCAACA,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,wB,YAIxB,K,EAGV,C"}

package/dist/cjs/components/data-table/data-table-slider-filter.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSliderFilter:()=>DataTableSliderFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_label_cjs_namespaceObject=require("../label.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_slider_cjs_namespaceObject=require("../slider.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react");function getIsValidRange(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function DataTableSliderFilter({column:e,title:a}){let t=external_react_namespaceObject.useId(),r=getIsValidRange(e.getFilterValue())?e.getFilterValue():void 0,c=e.columnDef.meta?.range,s=e.columnDef.meta?.unit,{min:n,max:_,step:l}=external_react_namespaceObject.useMemo(()=>{let a=0,t=100;if(c&&getIsValidRange(c))[a,t]=c;else{let r=e.getFacetedMinMaxValues();if(r&&Array.isArray(r)&&2===r.length){let[e,c]=r;"number"==typeof e&&"number"==typeof c&&(a=e,t=c)}}let r=t-a;return{min:a,max:t,step:r<=20?1:r<=100?Math.ceil(r/20):Math.ceil(r/50)}},[e,c]),i=external_react_namespaceObject.useMemo(()=>r??[n,_],[r,n,_]),m=external_react_namespaceObject.useCallback(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),p=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t>=n&&t<=i[1]&&e.setFilterValue([t,i[1]])},[e,n,i]),o=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t<=_&&t>=i[0]&&e.setFilterValue([i[0],t])},[e,_,i]),u=external_react_namespaceObject.useCallback(a=>{Array.isArray(a)&&2===a.length&&e.setFilterValue(a)},[e]),j=external_react_namespaceObject.useCallback(a=>{a.target instanceof HTMLDivElement&&a.stopPropagation(),e.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",className:"border-dashed",children:[r?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",onClick:j,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),r?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),m(r[0])," -"," ",m(r[1]),s?` ${s}`:""]}):null]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"flex w-auto flex-col gap-4",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:a}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-from`,className:"sr-only",children:"From"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-from`,type:"number","aria-valuemin":n,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:n.toString(),min:n,max:_,value:i[0]?.toString(),onChange:p,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",s&&"pr-8")}),s&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:s})]}),(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-to`,className:"sr-only",children:"to"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-to`,type:"number","aria-valuemin":n,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:_.toString(),min:n,max:_,value:i[1]?.toString(),onChange:o,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",s&&"pr-8")}),s&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:s})]})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-slider`,className:"sr-only",children:[a," slider"]}),(0,jsx_runtime_namespaceObject.jsx)(external_slider_cjs_namespaceObject.Slider,{id:`${t}-slider`,min:n,max:_,step:l,value:i,onValueChange:u})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":`Clear ${a} filter`,variant:"outline",size:"sm",onClick:j,children:"Clear"})]})]})}for(var __webpack_i__ in exports.DataTableSliderFilter=__webpack_exports__.DataTableSliderFilter,__webpack_exports__)-1===["DataTableSliderFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSliderFilter:()=>DataTableSliderFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_label_cjs_namespaceObject=require("../label.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_slider_cjs_namespaceObject=require("../slider.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react");function getIsValidRange(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function DataTableSliderFilter({column:e,title:a}){let t=external_react_namespaceObject.useId(),r=getIsValidRange(e.getFilterValue())?e.getFilterValue():void 0,c=e.columnDef.meta?.range,n=e.columnDef.meta?.unit,{min:s,max:_,step:l}=external_react_namespaceObject.useMemo(()=>{let a=0,t=100;if(c&&getIsValidRange(c))[a,t]=c;else{let r=e.getFacetedMinMaxValues();if(r&&Array.isArray(r)&&2===r.length){let[e,c]=r;"number"==typeof e&&"number"==typeof c&&(a=e,t=c)}}let r=t-a;return{min:a,max:t,step:r<=20?1:r<=100?Math.ceil(r/20):Math.ceil(r/50)}},[e,c]),i=external_react_namespaceObject.useMemo(()=>r??[s,_],[r,s,_]),m=external_react_namespaceObject.useCallback(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),p=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t>=s&&t<=i[1]&&e.setFilterValue([t,i[1]])},[e,s,i]),o=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t<=_&&t>=i[0]&&e.setFilterValue([i[0],t])},[e,_,i]),u=external_react_namespaceObject.useCallback(a=>{Array.isArray(a)&&2===a.length&&e.setFilterValue(a)},[e]),j=external_react_namespaceObject.useCallback(a=>{a.target instanceof HTMLDivElement&&a.stopPropagation(),e.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"xs",children:[r?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:j,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),r?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),m(r[0])," -"," ",m(r[1]),n?` ${n}`:""]}):null]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"flex w-auto flex-col gap-4",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:a}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-from`,className:"sr-only",children:"From"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-from`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:s.toString(),min:s,max:_,value:i[0]?.toString(),onChange:p,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]}),(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-to`,className:"sr-only",children:"to"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-to`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:_.toString(),min:s,max:_,value:i[1]?.toString(),onChange:o,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-slider`,className:"sr-only",children:[a," slider"]}),(0,jsx_runtime_namespaceObject.jsx)(external_slider_cjs_namespaceObject.Slider,{id:`${t}-slider`,min:s,max:_,step:l,value:i,onValueChange:u})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":`Clear ${a} filter`,variant:"outline",size:"sm",onClick:j,children:"Clear"})]})]})}for(var __webpack_i__ in exports.DataTableSliderFilter=__webpack_exports__.DataTableSliderFilter,__webpack_exports__)-1===["DataTableSliderFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-slider-filter.cjs.map