@gbmtech/aurora-ui 0.1.40 → 0.1.41

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.
@@ -1,3 +1,3 @@
1
1
  'use client'
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 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__,{DataTableActionBarAction:()=>DataTableActionBarAction,DataTableActionBarSelection:()=>DataTableActionBarSelection,DataTableActionBar:()=>DataTableActionBar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_button_cjs_namespaceObject=require("../button.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_tooltip_cjs_namespaceObject=require("../tooltip.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react"),external_motion_react_namespaceObject=require("motion/react"),external_react_namespaceObject=require("react"),external_react_dom_namespaceObject=require("react-dom"),external_spinner_cjs_namespaceObject=require("../spinner.cjs");function DataTableActionBar({table:e,visible:t,container:a,children:c,className:n,...r}){let[s,_]=external_react_namespaceObject.useState(!1);external_react_namespaceObject.useLayoutEffect(()=>{_(!0)},[]),external_react_namespaceObject.useEffect(()=>{function t(t){"Escape"===t.key&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[e]);let i=a??(s?globalThis.document?.body:null);if(!i)return null;let o=t??e.getFilteredSelectedRowModel().rows.length>0;return external_react_dom_namespaceObject.createPortal((0,jsx_runtime_namespaceObject.jsx)(external_motion_react_namespaceObject.AnimatePresence,{children:o&&(0,jsx_runtime_namespaceObject.jsx)(external_motion_react_namespaceObject.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,utils_cjs_namespaceObject.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm",n),...r,children:c})}),i)}function DataTableActionBarAction({size:e="sm",tooltip:t,isPending:a,disabled:c,className:n,children:r,...s}){let _=(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:e,className:(0,utils_cjs_namespaceObject.cn)("gap-1.5 [&>svg]:size-3.5","icon"===e?"size-7":"h-7",n),disabled:c||a,...s,children:a?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):r});return t?(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger,{asChild:!0,children:_}),(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)("p",{children:t})})]}):_}function DataTableActionBarSelection({table:e}){let t=external_react_namespaceObject.useCallback(()=>{e.toggleAllRowsSelected(!1)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex h-7 items-center rounded-md border pr-1 pl-2.5",children:[(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[e.getFilteredSelectedRowModel().rows.length,1===e.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:t,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{className:"size-3.5"})})}),(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-100 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{children:"Clear selection"}),(0,jsx_runtime_namespaceObject.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,jsx_runtime_namespaceObject.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}for(var __webpack_i__ in exports.DataTableActionBar=__webpack_exports__.DataTableActionBar,exports.DataTableActionBarAction=__webpack_exports__.DataTableActionBarAction,exports.DataTableActionBarSelection=__webpack_exports__.DataTableActionBarSelection,__webpack_exports__)-1===["DataTableActionBar","DataTableActionBarAction","DataTableActionBarSelection"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
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 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__,{DataTableActionBarAction:()=>DataTableActionBarAction,DataTableActionBarSelection:()=>DataTableActionBarSelection,DataTableActionBar:()=>DataTableActionBar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_button_cjs_namespaceObject=require("../button.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_tooltip_cjs_namespaceObject=require("../tooltip.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react"),external_motion_react_namespaceObject=require("motion/react"),external_react_namespaceObject=require("react"),external_react_dom_namespaceObject=require("react-dom"),external_spinner_cjs_namespaceObject=require("../spinner.cjs");function DataTableActionBar({table:e,visible:t,container:a,children:c,className:n,...r}){let[s,_]=external_react_namespaceObject.useState(!1);external_react_namespaceObject.useLayoutEffect(()=>{_(!0)},[]),external_react_namespaceObject.useEffect(()=>{function t(t){"Escape"===t.key&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[e]);let i=a??(s?globalThis.document?.body:null);if(!i)return null;let o=t??e.getFilteredSelectedRowModel().rows.length>0;return external_react_dom_namespaceObject.createPortal((0,jsx_runtime_namespaceObject.jsx)(external_motion_react_namespaceObject.AnimatePresence,{children:o&&(0,jsx_runtime_namespaceObject.jsx)(external_motion_react_namespaceObject.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,utils_cjs_namespaceObject.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",n),...r,children:c})}),i)}function DataTableActionBarAction({size:e="sm",tooltip:t,isPending:a,disabled:c,className:n,children:r,...s}){let _=(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:e,className:(0,utils_cjs_namespaceObject.cn)("gap-1.5 [&>svg]:size-3.5","icon"===e?"size-7":"h-7",n),disabled:c||a,...s,children:a?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):r});return t?(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger,{asChild:!0,children:_}),(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)("p",{children:t})})]}):_}function DataTableActionBarSelection({table:e}){let t=external_react_namespaceObject.useCallback(()=>{e.toggleAllRowsSelected(!1)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex h-7 items-center rounded-md border pr-1 pl-2.5",children:[(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[e.getFilteredSelectedRowModel().rows.length," ",1===e.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:t,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{className:"size-3.5"})})}),(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{children:"Clear selection"}),(0,jsx_runtime_namespaceObject.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,jsx_runtime_namespaceObject.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}for(var __webpack_i__ in exports.DataTableActionBar=__webpack_exports__.DataTableActionBar,exports.DataTableActionBarAction=__webpack_exports__.DataTableActionBarAction,exports.DataTableActionBarSelection=__webpack_exports__.DataTableActionBarSelection,__webpack_exports__)-1===["DataTableActionBar","DataTableActionBarAction","DataTableActionBarSelection"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
3
3
  //# sourceMappingURL=data-table-action-bar.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\data-table\\data-table-action-bar.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"secondary\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-7' : 'h-7',\r\n className\r\n )}\r\n disabled={disabled || isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-7 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-100 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Clear selection</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
1
+ {"version":3,"file":"components\\data-table\\data-table-action-bar.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"secondary\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-7' : 'h-7',\r\n className\r\n )}\r\n disabled={disabled || isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-7 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Clear selection</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "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__,{DataTable:()=>DataTable});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_table_namespaceObject=require("@tanstack/react-table"),external_data_table_pagination_cjs_namespaceObject=require("./data-table-pagination.cjs"),external_table_cjs_namespaceObject=require("../table.cjs"),data_table_cjs_namespaceObject=require("../../lib/data-table.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTable({table:e,actionBar:a,children:t,className:_,...c}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col gap-2.5 overflow-auto",_),...c,children:[t,(0,jsx_runtime_namespaceObject.jsx)("div",{className:"overflow-hidden 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:e.getHeaderGroups().map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{children:e.headers.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHead,{colSpan:e.colSpan,style:{...(0,data_table_cjs_namespaceObject.getCommonPinningStyles)({column:e.column})},children:e.isPlaceholder?null:(0,react_table_namespaceObject.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableBody,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{"data-state":e.getIsSelected()&&"selected",children:e.getVisibleCells().map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{style:{...(0,data_table_cjs_namespaceObject.getCommonPinningStyles)({column:e.column})},children:(0,react_table_namespaceObject.flexRender)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{children:(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{colSpan:e.getAllColumns().length,className:"h-24 text-center",children:"No results."})})})]})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,jsx_runtime_namespaceObject.jsx)(external_data_table_pagination_cjs_namespaceObject.DataTablePagination,{table:e}),a&&e.getFilteredSelectedRowModel().rows.length>0&&a]})]})}for(var __webpack_i__ in exports.DataTable=__webpack_exports__.DataTable,__webpack_exports__)-1===["DataTable"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "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__,{DataTable:()=>DataTable});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_table_namespaceObject=require("@tanstack/react-table"),external_data_table_pagination_cjs_namespaceObject=require("./data-table-pagination.cjs"),external_table_cjs_namespaceObject=require("../table.cjs"),data_table_cjs_namespaceObject=require("../../lib/data-table.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTable({table:e,actionBar:a,children:t,className:_,hasPagination:c=!0,...l}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col gap-2.5 overflow-auto",_),...l,children:[t,(0,jsx_runtime_namespaceObject.jsx)("div",{className:"overflow-hidden 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:e.getHeaderGroups().map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{children:e.headers.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHead,{colSpan:e.colSpan,style:{...(0,data_table_cjs_namespaceObject.getCommonPinningStyles)({column:e.column})},children:e.isPlaceholder?null:(0,react_table_namespaceObject.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableBody,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{"data-state":e.getIsSelected()&&"selected",children:e.getVisibleCells().map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{style:{...(0,data_table_cjs_namespaceObject.getCommonPinningStyles)({column:e.column})},children:(0,react_table_namespaceObject.flexRender)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow,{children:(0,jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell,{colSpan:e.getAllColumns().length,className:"h-24 text-center",children:"Nenhum resultado"})})})]})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-2.5",children:[c&&(0,jsx_runtime_namespaceObject.jsx)(external_data_table_pagination_cjs_namespaceObject.DataTablePagination,{table:e}),a&&e.getFilteredSelectedRowModel().rows.length>0&&a]})]})}for(var __webpack_i__ in exports.DataTable=__webpack_exports__.DataTable,__webpack_exports__)-1===["DataTable"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
2
2
  //# sourceMappingURL=data-table.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\data-table\\data-table.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table.tsx"],"sourcesContent":["import { type Table as TanstackTable, flexRender } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTablePagination } from '@/components/data-table/data-table-pagination'\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 { getCommonPinningStyles } from '@/lib/data-table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableProps<TData> extends React.ComponentProps<'div'> {\r\n table: TanstackTable<TData>\r\n actionBar?: React.ReactNode\r\n}\r\n\r\nexport function DataTable<TData>({\r\n table,\r\n actionBar,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableProps<TData>) {\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 {children}\r\n <div className=\"overflow-hidden rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {table.getHeaderGroups().map(headerGroup => (\r\n <TableRow key={headerGroup.id}>\r\n {headerGroup.headers.map(header => (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n style={{\r\n ...getCommonPinningStyles({ column: header.column }),\r\n }}\r\n >\r\n {header.isPlaceholder\r\n ? null\r\n : flexRender(\r\n header.column.columnDef.header,\r\n header.getContext()\r\n )}\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map(row => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && 'selected'}\r\n >\r\n {row.getVisibleCells().map(cell => (\r\n <TableCell\r\n key={cell.id}\r\n style={{\r\n ...getCommonPinningStyles({ column: cell.column }),\r\n }}\r\n >\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext()\r\n )}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell\r\n colSpan={table.getAllColumns().length}\r\n className=\"h-24 text-center\"\r\n >\r\n No results.\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n <div className=\"flex flex-col gap-2.5\">\r\n <DataTablePagination table={table} />\r\n {actionBar &&\r\n table.getFilteredSelectedRowModel().rows.length > 0 &&\r\n actionBar}\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTable","table","actionBar","children","className","props","cn","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"irCAoBO,SAASA,UAAiB,CAC/BC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EACmB,EACtB,MACE,qCAAC,OACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6CAA8CF,GAC3D,GAAGC,CAAK,C,UAERF,EACD,oCAAC,OAAI,UAAU,oC,SACb,qCAACI,mCAAAA,KAAKA,CAAAA,C,UACJ,oCAACC,mCAAAA,WAAWA,CAAAA,C,SACTP,EAAM,eAAe,GAAG,GAAG,CAACQ,AAAAA,GAC3B,oCAACC,mCAAAA,QAAQA,CAAAA,C,SACND,EAAY,OAAO,CAAC,GAAG,CAACE,AAAAA,GACvB,oCAACC,mCAAAA,SAASA,CAAAA,CAER,QAASD,EAAO,OAAO,CACvB,MAAO,CACL,GAAGE,AAAAA,GAAAA,+BAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQF,EAAO,MAAM,AAAC,EAAE,AACtD,E,SAECA,EAAO,aAAa,CACjB,KACAG,AAAAA,GAAAA,4BAAAA,UAAAA,AAAAA,EACEH,EAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAC9BA,EAAO,UAAU,G,EAVlBA,EAAO,EAAE,E,EAHLF,EAAY,EAAE,E,GAoBjC,oCAACM,mCAAAA,SAASA,CAAAA,C,SACPd,EAAM,WAAW,GAAG,IAAI,EAAE,OACzBA,EAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAACe,AAAAA,GAC3B,oCAACN,mCAAAA,QAAQA,CAAAA,CAEP,aAAYM,EAAI,aAAa,IAAM,W,SAElCA,EAAI,eAAe,GAAG,GAAG,CAACC,AAAAA,GACzB,oCAACC,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,GAAGL,AAAAA,GAAAA,+BAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQI,EAAK,MAAM,AAAC,EAAE,AACpD,E,SAECH,AAAAA,GAAAA,4BAAAA,UAAAA,AAAAA,EACCG,EAAK,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1BA,EAAK,UAAU,G,EAPZA,EAAK,EAAE,E,EALXD,EAAI,EAAE,GAmBf,oCAACN,mCAAAA,QAAQA,CAAAA,C,SACP,oCAACQ,mCAAAA,SAASA,CAAAA,CACR,QAASjB,EAAM,aAAa,GAAG,MAAM,CACrC,UAAU,mB,SACX,a,YAQX,qCAAC,OAAI,UAAU,wB,UACb,oCAACkB,mDAAAA,mBAAmBA,CAAAA,CAAC,MAAOlB,C,GAC3BC,GACCD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,GAClDC,E,KAIV,C"}
1
+ {"version":3,"file":"components\\data-table\\data-table.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table.tsx"],"sourcesContent":["import { type Table as TanstackTable, flexRender } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTablePagination } from '@/components/data-table/data-table-pagination'\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 { getCommonPinningStyles } from '@/lib/data-table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableProps<TData> extends React.ComponentProps<'div'> {\r\n table: TanstackTable<TData>\r\n actionBar?: React.ReactNode\r\n hasPagination?: boolean\r\n}\r\n\r\nexport function DataTable<TData>({\r\n table,\r\n actionBar,\r\n children,\r\n className,\r\n hasPagination = true,\r\n ...props\r\n}: DataTableProps<TData>) {\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 {children}\r\n <div className=\"overflow-hidden rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {table.getHeaderGroups().map(headerGroup => (\r\n <TableRow key={headerGroup.id}>\r\n {headerGroup.headers.map(header => (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n style={{\r\n ...getCommonPinningStyles({ column: header.column }),\r\n }}\r\n >\r\n {header.isPlaceholder\r\n ? null\r\n : flexRender(\r\n header.column.columnDef.header,\r\n header.getContext()\r\n )}\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map(row => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && 'selected'}\r\n >\r\n {row.getVisibleCells().map(cell => (\r\n <TableCell\r\n key={cell.id}\r\n style={{\r\n ...getCommonPinningStyles({ column: cell.column }),\r\n }}\r\n >\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext()\r\n )}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell\r\n colSpan={table.getAllColumns().length}\r\n className=\"h-24 text-center\"\r\n >\r\n Nenhum resultado\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n <div className=\"flex flex-col gap-2.5\">\r\n {hasPagination && <DataTablePagination table={table} />}\r\n {actionBar &&\r\n table.getFilteredSelectedRowModel().rows.length > 0 &&\r\n actionBar}\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTable","table","actionBar","children","className","hasPagination","props","cn","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"irCAqBO,SAASA,UAAiB,CAC/BC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,cAAAA,EAAgB,EAAI,CACpB,GAAGC,EACmB,EACtB,MACE,qCAAC,OACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6CAA8CH,GAC3D,GAAGE,CAAK,C,UAERH,EACD,oCAAC,OAAI,UAAU,oC,SACb,qCAACK,mCAAAA,KAAKA,CAAAA,C,UACJ,oCAACC,mCAAAA,WAAWA,CAAAA,C,SACTR,EAAM,eAAe,GAAG,GAAG,CAACS,AAAAA,GAC3B,oCAACC,mCAAAA,QAAQA,CAAAA,C,SACND,EAAY,OAAO,CAAC,GAAG,CAACE,AAAAA,GACvB,oCAACC,mCAAAA,SAASA,CAAAA,CAER,QAASD,EAAO,OAAO,CACvB,MAAO,CACL,GAAGE,AAAAA,GAAAA,+BAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQF,EAAO,MAAM,AAAC,EAAE,AACtD,E,SAECA,EAAO,aAAa,CACjB,KACAG,AAAAA,GAAAA,4BAAAA,UAAAA,AAAAA,EACEH,EAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAC9BA,EAAO,UAAU,G,EAVlBA,EAAO,EAAE,E,EAHLF,EAAY,EAAE,E,GAoBjC,oCAACM,mCAAAA,SAASA,CAAAA,C,SACPf,EAAM,WAAW,GAAG,IAAI,EAAE,OACzBA,EAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAACgB,AAAAA,GAC3B,oCAACN,mCAAAA,QAAQA,CAAAA,CAEP,aAAYM,EAAI,aAAa,IAAM,W,SAElCA,EAAI,eAAe,GAAG,GAAG,CAACC,AAAAA,GACzB,oCAACC,mCAAAA,SAASA,CAAAA,CAER,MAAO,CACL,GAAGL,AAAAA,GAAAA,+BAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQI,EAAK,MAAM,AAAC,EAAE,AACpD,E,SAECH,AAAAA,GAAAA,4BAAAA,UAAAA,AAAAA,EACCG,EAAK,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1BA,EAAK,UAAU,G,EAPZA,EAAK,EAAE,E,EALXD,EAAI,EAAE,GAmBf,oCAACN,mCAAAA,QAAQA,CAAAA,C,SACP,oCAACQ,mCAAAA,SAASA,CAAAA,CACR,QAASlB,EAAM,aAAa,GAAG,MAAM,CACrC,UAAU,mB,SACX,kB,YAQX,qCAAC,OAAI,UAAU,wB,UACZI,GAAiB,oCAACe,mDAAAA,mBAAmBA,CAAAA,CAAC,MAAOnB,C,GAC7CC,GACCD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,GAClDC,E,KAIV,C"}
@@ -1 +1 @@
1
- "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_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"./data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"./data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"./data-table-pagination":function(e){e.exports=require("./data-table-pagination.cjs")},"./data-table-range-filter":function(e){e.exports=require("./data-table-range-filter.cjs")},"./data-table-skeleton":function(e){e.exports=require("./data-table-skeleton.cjs")},"./data-table-slider-filter":function(e){e.exports=require("./data-table-slider-filter.cjs")},"./data-table-sort-list":function(e){e.exports=require("./data-table-sort-list.cjs")},"./data-table-toolbar":function(e){e.exports=require("./data-table-toolbar.cjs")},"./data-table-view-options":function(e){e.exports=require("./data-table-view-options.cjs")},"./data-table":function(e){e.exports=require("./data-table.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./data-table-action-bar"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./data-table-advanced-toolbar"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./data-table-column-header"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./data-table-date-filter"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./data-table-faceted-filter"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./data-table-filter-list"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./data-table-filter-menu"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-pagination"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./data-table-range-filter"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./data-table-skeleton"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./data-table-slider-filter"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./data-table-sort-list"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./data-table-toolbar"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("./data-table-view-options"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./data-table"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "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_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"@/components/data-table/data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"@/components/data-table/data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"@/components/data-table/data-table-pagination":function(e){e.exports=require("./data-table-pagination.cjs")},"./data-table-range-filter":function(e){e.exports=require("./data-table-range-filter.cjs")},"./data-table-skeleton":function(e){e.exports=require("./data-table-skeleton.cjs")},"@/components/data-table/data-table-slider-filter":function(e){e.exports=require("./data-table-slider-filter.cjs")},"./data-table-sort-list":function(e){e.exports=require("./data-table-sort-list.cjs")},"./data-table-toolbar":function(e){e.exports=require("./data-table-toolbar.cjs")},"@/components/data-table/data-table-view-options":function(e){e.exports=require("./data-table-view-options.cjs")},"./data-table":function(e){e.exports=require("./data-table.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var a=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./data-table-action-bar"),_={};for(var a in e)"default"!==a&&(_[a]=(function(_){return e[_]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var r=__webpack_require__("./data-table-advanced-toolbar"),_={};for(var a in r)"default"!==a&&(_[a]=(function(e){return r[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./data-table-column-header"),_={};for(var a in t)"default"!==a&&(_[a]=(function(e){return t[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("@/components/data-table/data-table-date-filter"),_={};for(var a in i)"default"!==a&&(_[a]=(function(e){return i[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("@/components/data-table/data-table-faceted-filter"),_={};for(var a in n)"default"!==a&&(_[a]=(function(e){return n[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./data-table-filter-list"),_={};for(var a in o)"default"!==a&&(_[a]=(function(e){return o[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-filter-menu"),_={};for(var a in c)"default"!==a&&(_[a]=(function(e){return c[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("@/components/data-table/data-table-pagination"),_={};for(var a in b)"default"!==a&&(_[a]=(function(e){return b[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./data-table-range-filter"),_={};for(var a in u)"default"!==a&&(_[a]=(function(e){return u[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./data-table-skeleton"),_={};for(var a in d)"default"!==a&&(_[a]=(function(e){return d[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("@/components/data-table/data-table-slider-filter"),_={};for(var a in p)"default"!==a&&(_[a]=(function(e){return p[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./data-table-sort-list"),_={};for(var a in l)"default"!==a&&(_[a]=(function(e){return l[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./data-table-toolbar"),_={};for(var a in f)"default"!==a&&(_[a]=(function(e){return f[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/data-table/data-table-view-options"),_={};for(var a in s)"default"!==a&&(_[a]=(function(e){return s[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./data-table"),_={};for(var a in w)"default"!==a&&(_[a]=(function(e){return w[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1,2 +1,2 @@
1
- "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__,{TableCell:()=>TableCell,TableFooter:()=>TableFooter,TableHead:()=>TableHead,Table:()=>Table,TableBody:()=>TableBody,TableCaption:()=>TableCaption,TableRow:()=>TableRow,TableHeader:()=>TableHeader});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Table({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"relative w-full overflow-auto","data-slot":"table-container",children:(0,jsx_runtime_namespaceObject.jsx)("table",{className:(0,utils_cjs_namespaceObject.cn)("w-full caption-bottom text-sm",e),"data-slot":"table",...a})})}function TableHeader({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("thead",{className:(0,utils_cjs_namespaceObject.cn)("header *:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...a})}function TableBody({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tbody",{className:(0,utils_cjs_namespaceObject.cn)("*:last-child:border-0",e),"data-slot":"table-body",...a})}function TableFooter({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tfoot",{className:(0,utils_cjs_namespaceObject.cn)("bg-gray-50/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...a})}function TableRow({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tr",{className:(0,utils_cjs_namespaceObject.cn)("border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100",e),"data-slot":"table-row",...a})}function TableHead({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("th",{className:(0,utils_cjs_namespaceObject.cn)("p-3 text-left align-middle font-medium",e),"data-slot":"table-head",...a})}function TableCell({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("td",{className:(0,utils_cjs_namespaceObject.cn)("p-2 align-middle",e),"data-slot":"table-cell",...a})}function TableCaption({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("caption",{className:(0,utils_cjs_namespaceObject.cn)("mt-4 text-gray-400 text-sm",e),"data-slot":"table-caption",...a})}for(var __webpack_i__ in exports.Table=__webpack_exports__.Table,exports.TableBody=__webpack_exports__.TableBody,exports.TableCaption=__webpack_exports__.TableCaption,exports.TableCell=__webpack_exports__.TableCell,exports.TableFooter=__webpack_exports__.TableFooter,exports.TableHead=__webpack_exports__.TableHead,exports.TableHeader=__webpack_exports__.TableHeader,exports.TableRow=__webpack_exports__.TableRow,__webpack_exports__)-1===["Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "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__,{TableCell:()=>TableCell,TableFooter:()=>TableFooter,TableHead:()=>TableHead,Table:()=>Table,TableBody:()=>TableBody,TableCaption:()=>TableCaption,TableRow:()=>TableRow,TableHeader:()=>TableHeader});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Table({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"relative w-full overflow-auto","data-slot":"table-container",children:(0,jsx_runtime_namespaceObject.jsx)("table",{className:(0,utils_cjs_namespaceObject.cn)("w-full caption-bottom text-sm",e),"data-slot":"table",...a})})}function TableHeader({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("thead",{className:(0,utils_cjs_namespaceObject.cn)("header *:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...a})}function TableBody({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tbody",{className:(0,utils_cjs_namespaceObject.cn)("*:last-child:border-0",e),"data-slot":"table-body",...a})}function TableFooter({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tfoot",{className:(0,utils_cjs_namespaceObject.cn)("bg-gray-50/50 font-medium *:border-t *:last:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...a})}function TableRow({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tr",{className:(0,utils_cjs_namespaceObject.cn)("border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100",e),"data-slot":"table-row",...a})}function TableHead({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("th",{className:(0,utils_cjs_namespaceObject.cn)("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-gbm-dark [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),"data-slot":"table-head",...a})}function TableCell({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("td",{className:(0,utils_cjs_namespaceObject.cn)("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),"data-slot":"table-cell",...a})}function TableCaption({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("caption",{className:(0,utils_cjs_namespaceObject.cn)("mt-4 text-gray-400 text-sm",e),"data-slot":"table-caption",...a})}for(var __webpack_i__ in exports.Table=__webpack_exports__.Table,exports.TableBody=__webpack_exports__.TableBody,exports.TableCaption=__webpack_exports__.TableCaption,exports.TableCell=__webpack_exports__.TableCell,exports.TableFooter=__webpack_exports__.TableFooter,exports.TableHead=__webpack_exports__.TableHead,exports.TableHeader=__webpack_exports__.TableHeader,exports.TableRow=__webpack_exports__.TableRow,__webpack_exports__)-1===["Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
2
2
  //# sourceMappingURL=table.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\table.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/table.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Table\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Table({ className, ...props }: ComponentProps<'table'>): JSX.Element {\r\n return (\r\n <div className=\"relative w-full overflow-auto\" data-slot=\"table-container\">\r\n <table\r\n className={cn('w-full caption-bottom text-sm', className)}\r\n data-slot=\"table\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHeader\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHeader({\r\n className,\r\n ...props\r\n}: ComponentProps<'thead'>): JSX.Element {\r\n return (\r\n <thead\r\n className={cn(\r\n 'header *:border-b *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-header\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableBody\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableBody({\r\n className,\r\n ...props\r\n}: ComponentProps<'tbody'>): JSX.Element {\r\n return (\r\n <tbody\r\n className={cn('*:last-child:border-0', className)}\r\n data-slot=\"table-body\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableFooter\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableFooter({\r\n className,\r\n ...props\r\n}: ComponentProps<'tfoot'>): JSX.Element {\r\n return (\r\n <tfoot\r\n className={cn(\r\n 'bg-gray-50/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-footer\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableRow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>): JSX.Element {\r\n return (\r\n <tr\r\n className={cn(\r\n 'border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n data-slot=\"table-row\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHead\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHead({ className, ...props }: ComponentProps<'th'>): JSX.Element {\r\n return (\r\n <th\r\n className={cn('p-3 text-left align-middle font-medium', className)}\r\n data-slot=\"table-head\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCell\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCell({ className, ...props }: ComponentProps<'td'>): JSX.Element {\r\n return (\r\n <td\r\n className={cn('p-2 align-middle', className)}\r\n data-slot=\"table-cell\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCaption\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCaption({\r\n className,\r\n ...props\r\n}: ComponentProps<'caption'>): JSX.Element {\r\n return (\r\n <caption\r\n className={cn('mt-4 text-gray-400 text-sm', className)}\r\n data-slot=\"table-caption\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Table,\r\n TableHeader,\r\n TableBody,\r\n TableFooter,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableCaption,\r\n}\r\n"],"names":["Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"qkCAQA,SAASA,MAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAgC,EAC7D,MACE,oCAAC,OAAI,UAAU,gCAAgC,YAAU,kB,SACvD,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,gCAAiCF,GAC/C,YAAU,QACT,GAAGC,CAAK,A,IAIjB,CAMA,SAASE,YAAY,CACnBH,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,uDACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,UAAU,CACjBJ,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,wBAAyBF,GACvC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASI,YAAY,CACnBL,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,uFACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASK,SAAS,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC7D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,mHACAF,GAEF,YAAU,YACT,GAAGC,CAAK,A,EAGf,CAMA,SAASM,UAAU,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,yCAA0CF,GACxD,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASO,UAAU,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,mBAAoBF,GAClC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASQ,aAAa,CACpBT,UAAAA,CAAS,CACT,GAAGC,EACuB,EAC1B,MACE,oCAAC,WACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6BAA8BF,GAC5C,YAAU,gBACT,GAAGC,CAAK,A,EAGf,C"}
1
+ {"version":3,"file":"components\\table.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/table.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Table\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Table({ className, ...props }: ComponentProps<'table'>): JSX.Element {\r\n return (\r\n <div className=\"relative w-full overflow-auto\" data-slot=\"table-container\">\r\n <table\r\n className={cn('w-full caption-bottom text-sm', className)}\r\n data-slot=\"table\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHeader\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHeader({\r\n className,\r\n ...props\r\n}: ComponentProps<'thead'>): JSX.Element {\r\n return (\r\n <thead\r\n className={cn(\r\n 'header *:border-b *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-header\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableBody\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableBody({\r\n className,\r\n ...props\r\n}: ComponentProps<'tbody'>): JSX.Element {\r\n return (\r\n <tbody\r\n className={cn('*:last-child:border-0', className)}\r\n data-slot=\"table-body\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableFooter\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableFooter({\r\n className,\r\n ...props\r\n}: ComponentProps<'tfoot'>): JSX.Element {\r\n return (\r\n <tfoot\r\n className={cn(\r\n 'bg-gray-50/50 font-medium *:border-t *:last:border-b-0 *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-footer\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableRow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>): JSX.Element {\r\n return (\r\n <tr\r\n className={cn(\r\n 'border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n data-slot=\"table-row\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHead\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHead({ className, ...props }: ComponentProps<'th'>): JSX.Element {\r\n return (\r\n <th\r\n className={cn(\r\n 'h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-gbm-dark [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n className\r\n )}\r\n data-slot=\"table-head\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCell\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCell({ className, ...props }: ComponentProps<'td'>): JSX.Element {\r\n return (\r\n <td\r\n className={cn(\r\n 'whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n className\r\n )}\r\n data-slot=\"table-cell\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCaption\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCaption({\r\n className,\r\n ...props\r\n}: ComponentProps<'caption'>): JSX.Element {\r\n return (\r\n <caption\r\n className={cn('mt-4 text-gray-400 text-sm', className)}\r\n data-slot=\"table-caption\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Table,\r\n TableHeader,\r\n TableBody,\r\n TableFooter,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableCaption,\r\n}\r\n"],"names":["Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"qkCAQA,SAASA,MAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAgC,EAC7D,MACE,oCAAC,OAAI,UAAU,gCAAgC,YAAU,kB,SACvD,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,gCAAiCF,GAC/C,YAAU,QACT,GAAGC,CAAK,A,IAIjB,CAMA,SAASE,YAAY,CACnBH,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,uDACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,UAAU,CACjBJ,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,wBAAyBF,GACvC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASI,YAAY,CACnBL,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,oCAAC,SACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,4FACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASK,SAAS,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC7D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,mHACAF,GAEF,YAAU,YACT,GAAGC,CAAK,A,EAGf,CAMA,SAASM,UAAU,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,mJACAF,GAEF,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASO,UAAU,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,yGACAF,GAEF,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASQ,aAAa,CACpBT,UAAAA,CAAS,CACT,GAAGC,EACuB,EAC1B,MACE,oCAAC,WACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,6BAA8BF,GAC5C,YAAU,gBACT,GAAGC,CAAK,A,EAGf,C"}
@@ -1,3 +1,3 @@
1
1
  'use client'
2
- import*as e from"react/jsx-runtime";import*as t from"../button.js";import*as o from"../separator.js";import*as r from"../tooltip.js";import*as s from"../../lib/utils.js";import*as i from"@phosphor-icons/react";import*as n from"motion/react";import*as a from"react";import*as l from"react-dom";import*as c from"../spinner.js";function d({table:t,visible:o,container:r,children:i,className:c,...d}){let[m,p]=a.useState(!1);a.useLayoutEffect(()=>{p(!0)},[]),a.useEffect(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let x=r??(m?globalThis.document?.body:null);if(!x)return null;let f=o??t.getFilteredSelectedRowModel().rows.length>0;return l.createPortal((0,e.jsx)(n.AnimatePresence,{children:f&&(0,e.jsx)(n.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,s.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm",c),...d,children:i})}),x)}function m({size:o="sm",tooltip:i,isPending:n,disabled:a,className:l,children:d,...m}){let p=(0,e.jsx)(t.Button,{variant:"secondary",size:o,className:(0,s.cn)("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-7":"h-7",l),disabled:a||n,...m,children:n?(0,e.jsx)(c.Spinner,{}):d});return i?(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:p}),(0,e.jsx)(r.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,e.jsx)("p",{children:i})})]}):p}function p({table:s}){let n=a.useCallback(()=>{s.toggleAllRowsSelected(!1)},[s]);return(0,e.jsxs)("div",{className:"flex h-7 items-center rounded-md border pr-1 pl-2.5",children:[(0,e.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[s.getFilteredSelectedRowModel().rows.length,1===s.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,e.jsx)(o.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:n,children:(0,e.jsx)(i.X,{className:"size-3.5"})})}),(0,e.jsxs)(r.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-100 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,e.jsx)("p",{children:"Clear selection"}),(0,e.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,e.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{d as DataTableActionBar,m as DataTableActionBarAction,p as DataTableActionBarSelection};
2
+ import*as e from"react/jsx-runtime";import*as t from"../button.js";import*as o from"../separator.js";import*as r from"../tooltip.js";import*as s from"../../lib/utils.js";import*as i from"@phosphor-icons/react";import*as a from"motion/react";import*as n from"react";import*as l from"react-dom";import*as c from"../spinner.js";function d({table:t,visible:o,container:r,children:i,className:c,...d}){let[m,p]=n.useState(!1);n.useLayoutEffect(()=>{p(!0)},[]),n.useEffect(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let x=r??(m?globalThis.document?.body:null);if(!x)return null;let h=o??t.getFilteredSelectedRowModel().rows.length>0;return l.createPortal((0,e.jsx)(a.AnimatePresence,{children:h&&(0,e.jsx)(a.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,s.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",c),...d,children:i})}),x)}function m({size:o="sm",tooltip:i,isPending:a,disabled:n,className:l,children:d,...m}){let p=(0,e.jsx)(t.Button,{variant:"secondary",size:o,className:(0,s.cn)("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-7":"h-7",l),disabled:n||a,...m,children:a?(0,e.jsx)(c.Spinner,{}):d});return i?(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:p}),(0,e.jsx)(r.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,e.jsx)("p",{children:i})})]}):p}function p({table:s}){let a=n.useCallback(()=>{s.toggleAllRowsSelected(!1)},[s]);return(0,e.jsxs)("div",{className:"flex h-7 items-center rounded-md border pr-1 pl-2.5",children:[(0,e.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[s.getFilteredSelectedRowModel().rows.length," ",1===s.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,e.jsx)(o.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:a,children:(0,e.jsx)(i.X,{className:"size-3.5"})})}),(0,e.jsxs)(r.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,e.jsx)("p",{children:"Clear selection"}),(0,e.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,e.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{d as DataTableActionBar,m as DataTableActionBarAction,p as DataTableActionBarSelection};
3
3
  //# sourceMappingURL=data-table-action-bar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"secondary\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-7' : 'h-7',\r\n className\r\n )}\r\n disabled={disabled || isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-7 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-100 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Clear selection</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
1
+ {"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"secondary\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-7' : 'h-7',\r\n className\r\n )}\r\n disabled={disabled || isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-7 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Clear selection</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import*as e from"react/jsx-runtime";import*as l from"@tanstack/react-table";import*as a from"./data-table-pagination.js";import*as t from"../table.js";import*as o from"../../lib/data-table.js";import*as s from"../../lib/utils.js";function n({table:n,actionBar:r,children:d,className:i,...c}){return(0,e.jsxs)("div",{className:(0,s.cn)("flex w-full flex-col gap-2.5 overflow-auto",i),...c,children:[d,(0,e.jsx)("div",{className:"overflow-hidden rounded-md border",children:(0,e.jsxs)(t.Table,{children:[(0,e.jsx)(t.TableHeader,{children:n.getHeaderGroups().map(a=>(0,e.jsx)(t.TableRow,{children:a.headers.map(a=>(0,e.jsx)(t.TableHead,{colSpan:a.colSpan,style:{...(0,o.getCommonPinningStyles)({column:a.column})},children:a.isPlaceholder?null:(0,l.flexRender)(a.column.columnDef.header,a.getContext())},a.id))},a.id))}),(0,e.jsx)(t.TableBody,{children:n.getRowModel().rows?.length?n.getRowModel().rows.map(a=>(0,e.jsx)(t.TableRow,{"data-state":a.getIsSelected()&&"selected",children:a.getVisibleCells().map(a=>(0,e.jsx)(t.TableCell,{style:{...(0,o.getCommonPinningStyles)({column:a.column})},children:(0,l.flexRender)(a.column.columnDef.cell,a.getContext())},a.id))},a.id)):(0,e.jsx)(t.TableRow,{children:(0,e.jsx)(t.TableCell,{colSpan:n.getAllColumns().length,className:"h-24 text-center",children:"No results."})})})]})}),(0,e.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,e.jsx)(a.DataTablePagination,{table:n}),r&&n.getFilteredSelectedRowModel().rows.length>0&&r]})]})}export{n as DataTable};
1
+ import*as e from"react/jsx-runtime";import*as l from"@tanstack/react-table";import*as a from"./data-table-pagination.js";import*as t from"../table.js";import*as o from"../../lib/data-table.js";import*as n from"../../lib/utils.js";function s({table:s,actionBar:r,children:d,className:i,hasPagination:c=!0,...m}){return(0,e.jsxs)("div",{className:(0,n.cn)("flex w-full flex-col gap-2.5 overflow-auto",i),...m,children:[d,(0,e.jsx)("div",{className:"overflow-hidden rounded-md border",children:(0,e.jsxs)(t.Table,{children:[(0,e.jsx)(t.TableHeader,{children:s.getHeaderGroups().map(a=>(0,e.jsx)(t.TableRow,{children:a.headers.map(a=>(0,e.jsx)(t.TableHead,{colSpan:a.colSpan,style:{...(0,o.getCommonPinningStyles)({column:a.column})},children:a.isPlaceholder?null:(0,l.flexRender)(a.column.columnDef.header,a.getContext())},a.id))},a.id))}),(0,e.jsx)(t.TableBody,{children:s.getRowModel().rows?.length?s.getRowModel().rows.map(a=>(0,e.jsx)(t.TableRow,{"data-state":a.getIsSelected()&&"selected",children:a.getVisibleCells().map(a=>(0,e.jsx)(t.TableCell,{style:{...(0,o.getCommonPinningStyles)({column:a.column})},children:(0,l.flexRender)(a.column.columnDef.cell,a.getContext())},a.id))},a.id)):(0,e.jsx)(t.TableRow,{children:(0,e.jsx)(t.TableCell,{colSpan:s.getAllColumns().length,className:"h-24 text-center",children:"Nenhum resultado"})})})]})}),(0,e.jsxs)("div",{className:"flex flex-col gap-2.5",children:[c&&(0,e.jsx)(a.DataTablePagination,{table:s}),r&&s.getFilteredSelectedRowModel().rows.length>0&&r]})]})}export{s as DataTable};
2
2
  //# sourceMappingURL=data-table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\data-table\\data-table.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table.tsx"],"sourcesContent":["import { type Table as TanstackTable, flexRender } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTablePagination } from '@/components/data-table/data-table-pagination'\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 { getCommonPinningStyles } from '@/lib/data-table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableProps<TData> extends React.ComponentProps<'div'> {\r\n table: TanstackTable<TData>\r\n actionBar?: React.ReactNode\r\n}\r\n\r\nexport function DataTable<TData>({\r\n table,\r\n actionBar,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableProps<TData>) {\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 {children}\r\n <div className=\"overflow-hidden rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {table.getHeaderGroups().map(headerGroup => (\r\n <TableRow key={headerGroup.id}>\r\n {headerGroup.headers.map(header => (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n style={{\r\n ...getCommonPinningStyles({ column: header.column }),\r\n }}\r\n >\r\n {header.isPlaceholder\r\n ? null\r\n : flexRender(\r\n header.column.columnDef.header,\r\n header.getContext()\r\n )}\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map(row => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && 'selected'}\r\n >\r\n {row.getVisibleCells().map(cell => (\r\n <TableCell\r\n key={cell.id}\r\n style={{\r\n ...getCommonPinningStyles({ column: cell.column }),\r\n }}\r\n >\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext()\r\n )}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell\r\n colSpan={table.getAllColumns().length}\r\n className=\"h-24 text-center\"\r\n >\r\n No results.\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n <div className=\"flex flex-col gap-2.5\">\r\n <DataTablePagination table={table} />\r\n {actionBar &&\r\n table.getFilteredSelectedRowModel().rows.length > 0 &&\r\n actionBar}\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTable","table","actionBar","children","className","props","cn","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"sOAoBO,SAASA,EAAiB,CAC/BC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EACmB,EACtB,MACE,WAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,6CAA8CF,GAC3D,GAAGC,CAAK,C,UAERF,EACD,UAAC,OAAI,UAAU,oC,SACb,WAACI,EAAAA,KAAKA,CAAAA,C,UACJ,UAACC,EAAAA,WAAWA,CAAAA,C,SACTP,EAAM,eAAe,GAAG,GAAG,CAACQ,AAAAA,GAC3B,UAACC,EAAAA,QAAQA,CAAAA,C,SACND,EAAY,OAAO,CAAC,GAAG,CAACE,AAAAA,GACvB,UAACC,EAAAA,SAASA,CAAAA,CAER,QAASD,EAAO,OAAO,CACvB,MAAO,CACL,GAAGE,AAAAA,GAAAA,EAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQF,EAAO,MAAM,AAAC,EAAE,AACtD,E,SAECA,EAAO,aAAa,CACjB,KACAG,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EACEH,EAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAC9BA,EAAO,UAAU,G,EAVlBA,EAAO,EAAE,E,EAHLF,EAAY,EAAE,E,GAoBjC,UAACM,EAAAA,SAASA,CAAAA,C,SACPd,EAAM,WAAW,GAAG,IAAI,EAAE,OACzBA,EAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAACe,AAAAA,GAC3B,UAACN,EAAAA,QAAQA,CAAAA,CAEP,aAAYM,EAAI,aAAa,IAAM,W,SAElCA,EAAI,eAAe,GAAG,GAAG,CAACC,AAAAA,GACzB,UAACC,EAAAA,SAASA,CAAAA,CAER,MAAO,CACL,GAAGL,AAAAA,GAAAA,EAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQI,EAAK,MAAM,AAAC,EAAE,AACpD,E,SAECH,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EACCG,EAAK,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1BA,EAAK,UAAU,G,EAPZA,EAAK,EAAE,E,EALXD,EAAI,EAAE,GAmBf,UAACN,EAAAA,QAAQA,CAAAA,C,SACP,UAACQ,EAAAA,SAASA,CAAAA,CACR,QAASjB,EAAM,aAAa,GAAG,MAAM,CACrC,UAAU,mB,SACX,a,YAQX,WAAC,OAAI,UAAU,wB,UACb,UAACkB,EAAAA,mBAAmBA,CAAAA,CAAC,MAAOlB,C,GAC3BC,GACCD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,GAClDC,E,KAIV,Q"}
1
+ {"version":3,"file":"components\\data-table\\data-table.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table.tsx"],"sourcesContent":["import { type Table as TanstackTable, flexRender } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTablePagination } from '@/components/data-table/data-table-pagination'\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 { getCommonPinningStyles } from '@/lib/data-table'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableProps<TData> extends React.ComponentProps<'div'> {\r\n table: TanstackTable<TData>\r\n actionBar?: React.ReactNode\r\n hasPagination?: boolean\r\n}\r\n\r\nexport function DataTable<TData>({\r\n table,\r\n actionBar,\r\n children,\r\n className,\r\n hasPagination = true,\r\n ...props\r\n}: DataTableProps<TData>) {\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 {children}\r\n <div className=\"overflow-hidden rounded-md border\">\r\n <Table>\r\n <TableHeader>\r\n {table.getHeaderGroups().map(headerGroup => (\r\n <TableRow key={headerGroup.id}>\r\n {headerGroup.headers.map(header => (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n style={{\r\n ...getCommonPinningStyles({ column: header.column }),\r\n }}\r\n >\r\n {header.isPlaceholder\r\n ? null\r\n : flexRender(\r\n header.column.columnDef.header,\r\n header.getContext()\r\n )}\r\n </TableHead>\r\n ))}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map(row => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && 'selected'}\r\n >\r\n {row.getVisibleCells().map(cell => (\r\n <TableCell\r\n key={cell.id}\r\n style={{\r\n ...getCommonPinningStyles({ column: cell.column }),\r\n }}\r\n >\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext()\r\n )}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell\r\n colSpan={table.getAllColumns().length}\r\n className=\"h-24 text-center\"\r\n >\r\n Nenhum resultado\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n <div className=\"flex flex-col gap-2.5\">\r\n {hasPagination && <DataTablePagination table={table} />}\r\n {actionBar &&\r\n table.getFilteredSelectedRowModel().rows.length > 0 &&\r\n actionBar}\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTable","table","actionBar","children","className","hasPagination","props","cn","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"sOAqBO,SAASA,EAAiB,CAC/BC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,cAAAA,EAAgB,EAAI,CACpB,GAAGC,EACmB,EACtB,MACE,WAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,6CAA8CH,GAC3D,GAAGE,CAAK,C,UAERH,EACD,UAAC,OAAI,UAAU,oC,SACb,WAACK,EAAAA,KAAKA,CAAAA,C,UACJ,UAACC,EAAAA,WAAWA,CAAAA,C,SACTR,EAAM,eAAe,GAAG,GAAG,CAACS,AAAAA,GAC3B,UAACC,EAAAA,QAAQA,CAAAA,C,SACND,EAAY,OAAO,CAAC,GAAG,CAACE,AAAAA,GACvB,UAACC,EAAAA,SAASA,CAAAA,CAER,QAASD,EAAO,OAAO,CACvB,MAAO,CACL,GAAGE,AAAAA,GAAAA,EAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQF,EAAO,MAAM,AAAC,EAAE,AACtD,E,SAECA,EAAO,aAAa,CACjB,KACAG,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EACEH,EAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAC9BA,EAAO,UAAU,G,EAVlBA,EAAO,EAAE,E,EAHLF,EAAY,EAAE,E,GAoBjC,UAACM,EAAAA,SAASA,CAAAA,C,SACPf,EAAM,WAAW,GAAG,IAAI,EAAE,OACzBA,EAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAACgB,AAAAA,GAC3B,UAACN,EAAAA,QAAQA,CAAAA,CAEP,aAAYM,EAAI,aAAa,IAAM,W,SAElCA,EAAI,eAAe,GAAG,GAAG,CAACC,AAAAA,GACzB,UAACC,EAAAA,SAASA,CAAAA,CAER,MAAO,CACL,GAAGL,AAAAA,GAAAA,EAAAA,sBAAAA,AAAAA,EAAuB,CAAE,OAAQI,EAAK,MAAM,AAAC,EAAE,AACpD,E,SAECH,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EACCG,EAAK,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1BA,EAAK,UAAU,G,EAPZA,EAAK,EAAE,E,EALXD,EAAI,EAAE,GAmBf,UAACN,EAAAA,QAAQA,CAAAA,C,SACP,UAACQ,EAAAA,SAASA,CAAAA,CACR,QAASlB,EAAM,aAAa,GAAG,MAAM,CACrC,UAAU,mB,SACX,kB,YAQX,WAAC,OAAI,UAAU,wB,UACZI,GAAiB,UAACe,EAAAA,mBAAmBA,CAAAA,CAAC,MAAOnB,C,GAC7CC,GACCD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,GAClDC,E,KAIV,Q"}
@@ -1 +1 @@
1
- export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-date-filter.js";export*from"./data-table-faceted-filter.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-pagination.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-slider-filter.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table-view-options.js";export*from"./data-table.js";
1
+ import*as t from"./data-table-view-options.js";export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-date-filter.js";export*from"./data-table-faceted-filter.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-pagination.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-slider-filter.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table.js";var a={"@/components/data-table/data-table-view-options":function(a){a.exports=t}},e={};!function t(o){var r=e[o];if(void 0!==r)return r.exports;var l=e[o]={exports:{}};return a[o](l,l.exports,t),l.exports}("@/components/data-table/data-table-view-options");
@@ -1,2 +1,2 @@
1
- import*as a from"react/jsx-runtime";import*as t from"../lib/utils.js";function e({className:e,...r}){return(0,a.jsx)("div",{className:"relative w-full overflow-auto","data-slot":"table-container",children:(0,a.jsx)("table",{className:(0,t.cn)("w-full caption-bottom text-sm",e),"data-slot":"table",...r})})}function r({className:e,...r}){return(0,a.jsx)("thead",{className:(0,t.cn)("header *:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...r})}function l({className:e,...r}){return(0,a.jsx)("tbody",{className:(0,t.cn)("*:last-child:border-0",e),"data-slot":"table-body",...r})}function o({className:e,...r}){return(0,a.jsx)("tfoot",{className:(0,t.cn)("bg-gray-50/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...r})}function n({className:e,...r}){return(0,a.jsx)("tr",{className:(0,t.cn)("border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100",e),"data-slot":"table-row",...r})}function s({className:e,...r}){return(0,a.jsx)("th",{className:(0,t.cn)("p-3 text-left align-middle font-medium",e),"data-slot":"table-head",...r})}function d({className:e,...r}){return(0,a.jsx)("td",{className:(0,t.cn)("p-2 align-middle",e),"data-slot":"table-cell",...r})}function b({className:e,...r}){return(0,a.jsx)("caption",{className:(0,t.cn)("mt-4 text-gray-400 text-sm",e),"data-slot":"table-caption",...r})}export{e as Table,l as TableBody,b as TableCaption,d as TableCell,o as TableFooter,s as TableHead,r as TableHeader,n as TableRow};
1
+ import*as a from"react/jsx-runtime";import*as t from"../lib/utils.js";function e({className:e,...r}){return(0,a.jsx)("div",{className:"relative w-full overflow-auto","data-slot":"table-container",children:(0,a.jsx)("table",{className:(0,t.cn)("w-full caption-bottom text-sm",e),"data-slot":"table",...r})})}function r({className:e,...r}){return(0,a.jsx)("thead",{className:(0,t.cn)("header *:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...r})}function l({className:e,...r}){return(0,a.jsx)("tbody",{className:(0,t.cn)("*:last-child:border-0",e),"data-slot":"table-body",...r})}function o({className:e,...r}){return(0,a.jsx)("tfoot",{className:(0,t.cn)("bg-gray-50/50 font-medium *:border-t *:last:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...r})}function s({className:e,...r}){return(0,a.jsx)("tr",{className:(0,t.cn)("border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100",e),"data-slot":"table-row",...r})}function n({className:e,...r}){return(0,a.jsx)("th",{className:(0,t.cn)("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-gbm-dark [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),"data-slot":"table-head",...r})}function c({className:e,...r}){return(0,a.jsx)("td",{className:(0,t.cn)("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),"data-slot":"table-cell",...r})}function d({className:e,...r}){return(0,a.jsx)("caption",{className:(0,t.cn)("mt-4 text-gray-400 text-sm",e),"data-slot":"table-caption",...r})}export{e as Table,l as TableBody,d as TableCaption,c as TableCell,o as TableFooter,n as TableHead,r as TableHeader,s as TableRow};
2
2
  //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components\\table.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/table.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Table\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Table({ className, ...props }: ComponentProps<'table'>): JSX.Element {\r\n return (\r\n <div className=\"relative w-full overflow-auto\" data-slot=\"table-container\">\r\n <table\r\n className={cn('w-full caption-bottom text-sm', className)}\r\n data-slot=\"table\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHeader\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHeader({\r\n className,\r\n ...props\r\n}: ComponentProps<'thead'>): JSX.Element {\r\n return (\r\n <thead\r\n className={cn(\r\n 'header *:border-b *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-header\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableBody\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableBody({\r\n className,\r\n ...props\r\n}: ComponentProps<'tbody'>): JSX.Element {\r\n return (\r\n <tbody\r\n className={cn('*:last-child:border-0', className)}\r\n data-slot=\"table-body\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableFooter\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableFooter({\r\n className,\r\n ...props\r\n}: ComponentProps<'tfoot'>): JSX.Element {\r\n return (\r\n <tfoot\r\n className={cn(\r\n 'bg-gray-50/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-footer\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableRow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>): JSX.Element {\r\n return (\r\n <tr\r\n className={cn(\r\n 'border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n data-slot=\"table-row\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHead\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHead({ className, ...props }: ComponentProps<'th'>): JSX.Element {\r\n return (\r\n <th\r\n className={cn('p-3 text-left align-middle font-medium', className)}\r\n data-slot=\"table-head\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCell\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCell({ className, ...props }: ComponentProps<'td'>): JSX.Element {\r\n return (\r\n <td\r\n className={cn('p-2 align-middle', className)}\r\n data-slot=\"table-cell\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCaption\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCaption({\r\n className,\r\n ...props\r\n}: ComponentProps<'caption'>): JSX.Element {\r\n return (\r\n <caption\r\n className={cn('mt-4 text-gray-400 text-sm', className)}\r\n data-slot=\"table-caption\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Table,\r\n TableHeader,\r\n TableBody,\r\n TableFooter,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableCaption,\r\n}\r\n"],"names":["Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sEAQA,SAASA,EAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAgC,EAC7D,MACE,UAAC,OAAI,UAAU,gCAAgC,YAAU,kB,SACvD,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,gCAAiCF,GAC/C,YAAU,QACT,GAAGC,CAAK,A,IAIjB,CAMA,SAASE,EAAY,CACnBH,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uDACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAU,CACjBJ,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,wBAAyBF,GACvC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASI,EAAY,CACnBL,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uFACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASK,EAAS,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC7D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,mHACAF,GAEF,YAAU,YACT,GAAGC,CAAK,A,EAGf,CAMA,SAASM,EAAU,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,yCAA0CF,GACxD,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASO,EAAU,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,mBAAoBF,GAClC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASQ,EAAa,CACpBT,UAAAA,CAAS,CACT,GAAGC,EACuB,EAC1B,MACE,UAAC,WACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,6BAA8BF,GAC5C,YAAU,gBACT,GAAGC,CAAK,A,EAGf,Q"}
1
+ {"version":3,"file":"components\\table.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/table.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Table\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Table({ className, ...props }: ComponentProps<'table'>): JSX.Element {\r\n return (\r\n <div className=\"relative w-full overflow-auto\" data-slot=\"table-container\">\r\n <table\r\n className={cn('w-full caption-bottom text-sm', className)}\r\n data-slot=\"table\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHeader\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHeader({\r\n className,\r\n ...props\r\n}: ComponentProps<'thead'>): JSX.Element {\r\n return (\r\n <thead\r\n className={cn(\r\n 'header *:border-b *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-header\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableBody\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableBody({\r\n className,\r\n ...props\r\n}: ComponentProps<'tbody'>): JSX.Element {\r\n return (\r\n <tbody\r\n className={cn('*:last-child:border-0', className)}\r\n data-slot=\"table-body\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableFooter\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableFooter({\r\n className,\r\n ...props\r\n}: ComponentProps<'tfoot'>): JSX.Element {\r\n return (\r\n <tfoot\r\n className={cn(\r\n 'bg-gray-50/50 font-medium *:border-t *:last:border-b-0 *:has-aria-expanded:bg-transparent',\r\n className\r\n )}\r\n data-slot=\"table-footer\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableRow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>): JSX.Element {\r\n return (\r\n <tr\r\n className={cn(\r\n 'border-b transition-colors hover:bg-gray-50/50 has-aria-expanded:bg-gray-50/50 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n data-slot=\"table-row\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableHead\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableHead({ className, ...props }: ComponentProps<'th'>): JSX.Element {\r\n return (\r\n <th\r\n className={cn(\r\n 'h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-gbm-dark [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n className\r\n )}\r\n data-slot=\"table-head\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCell\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCell({ className, ...props }: ComponentProps<'td'>): JSX.Element {\r\n return (\r\n <td\r\n className={cn(\r\n 'whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n className\r\n )}\r\n data-slot=\"table-cell\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: TableCaption\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction TableCaption({\r\n className,\r\n ...props\r\n}: ComponentProps<'caption'>): JSX.Element {\r\n return (\r\n <caption\r\n className={cn('mt-4 text-gray-400 text-sm', className)}\r\n data-slot=\"table-caption\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Table,\r\n TableHeader,\r\n TableBody,\r\n TableFooter,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableCaption,\r\n}\r\n"],"names":["Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sEAQA,SAASA,EAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAgC,EAC7D,MACE,UAAC,OAAI,UAAU,gCAAgC,YAAU,kB,SACvD,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,gCAAiCF,GAC/C,YAAU,QACT,GAAGC,CAAK,A,IAIjB,CAMA,SAASE,EAAY,CACnBH,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uDACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAU,CACjBJ,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,wBAAyBF,GACvC,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASI,EAAY,CACnBL,UAAAA,CAAS,CACT,GAAGC,EACqB,EACxB,MACE,UAAC,SACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,4FACAF,GAEF,YAAU,eACT,GAAGC,CAAK,A,EAGf,CAMA,SAASK,EAAS,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC7D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,mHACAF,GAEF,YAAU,YACT,GAAGC,CAAK,A,EAGf,CAMA,SAASM,EAAU,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,mJACAF,GAEF,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASO,EAAU,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EAC9D,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,yGACAF,GAEF,YAAU,aACT,GAAGC,CAAK,A,EAGf,CAMA,SAASQ,EAAa,CACpBT,UAAAA,CAAS,CACT,GAAGC,EACuB,EAC1B,MACE,UAAC,WACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,6BAA8BF,GAC5C,YAAU,gBACT,GAAGC,CAAK,A,EAGf,Q"}
@@ -3,7 +3,8 @@ import type * as React from 'react';
3
3
  interface DataTableProps<TData> extends React.ComponentProps<'div'> {
4
4
  table: TanstackTable<TData>;
5
5
  actionBar?: React.ReactNode;
6
+ hasPagination?: boolean;
6
7
  }
7
- export declare function DataTable<TData>({ table, actionBar, children, className, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
8
+ export declare function DataTable<TData>({ table, actionBar, children, className, hasPagination, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
8
9
  export {};
9
10
  //# sourceMappingURL=data-table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAc,MAAM,uBAAuB,CAAA;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAcnC,UAAU,cAAc,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA0EvB"}
1
+ {"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAc,MAAM,uBAAuB,CAAA;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAcnC,UAAU,cAAc,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA0EvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQ3C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAU5E;AAMD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvC;AAMD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAQvC;AAMD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvC;AAMD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAW5E;AAMD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAQ7E;AAMD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAQ7E;AAMD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAQzC;AAMD,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQ3C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAU5E;AAMD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvC;AAMD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAQvC;AAMD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvC;AAMD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAW5E;AAMD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAW7E;AAMD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAW7E;AAMD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAQzC;AAMD,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gbmtech/aurora-ui",
3
- "version": "0.1.40",
3
+ "version": "0.1.41",
4
4
  "main": "./dist/cjs/index.cjs",
5
5
  "module": "./dist/esm/index.js",
6
6
  "types": "./dist/types/index.d.ts",