npm - @gbmtech/aurora-ui - Versions diffs - 0.1.40 → 0.1.42 - Mend

@gbmtech/aurora-ui 0.1.40 → 0.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/esm/components/data-table/data-table-sort-list.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as t from"react";import*as a from"../badge.js";import*as n from"../button.js";import*as r from"../command.js";import*as i from"../popover.js";import*as o from"../select.js";import*as l from"../sortable.js";import*as d from"../../lib/data-table-config.js";import*as c from"../../lib/utils.js";let m=["backspace","delete"];function u({table:r,...o}){let d=t.useId(),u=t.useId(),x=t.useId(),[h,g]=t.useState(!1),f=t.useRef(null),j=r.getState().sorting,v=r.setSorting,{columnLabels:b,columns:C}=t.useMemo(()=>{let e=new Map,s=new Set(j.map(e=>e.id)),t=[];for(let a of r.getAllColumns()){if(!a.getCanSort())continue;let n=a.columnDef.meta?.label??a.id;e.set(a.id,n),s.has(a.id)||t.push({id:a.id,label:n})}return{columnLabels:e,columns:t}},[j,r]),w=t.useCallback(()=>{let e=C[0];e&&v(s=>[...s,{id:e.id,desc:!1}])},[C,v]),y=t.useCallback((e,s)=>{v(t=>t?t.map(t=>t.id===e?{...t,...s}:t):t)},[v]),S=t.useCallback(e=>{v(s=>s.filter(s=>s.id!==e))},[v]),N=t.useCallback(()=>v(r.initialState.sorting),[v,r.initialState.sorting]);t.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),g(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&j.length>0&&(e.preventDefault(),N()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j.length,N]);let k=t.useCallback(e=>{m.includes(e.key.toLowerCase())&&j.length>0&&(e.preventDefault(),N())},[j.length,N]);return(0,e.jsxs)(l.Sortable,{value:j,onValueChange:v,getItemValue:e=>e.id,children:[(0,e.jsxs)(i.Popover,{open:h,onOpenChange:g,children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{variant:"outline",size:"sm",onKeyDown:k,children:[(0,e.jsx)(s.ArrowsDownUp,{}),"Sort",j.length>0&&(0,e.jsx)(a.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:j.length})]})}),(0,e.jsxs)(i.PopoverContent,{"aria-labelledby":u,"aria-describedby":x,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)("h4",{id:u,className:"font-medium leading-none",children:j.length>0?"Sort by":"No sorting applied"}),(0,e.jsx)("p",{id:x,className:(0,c.cn)("text-muted-foreground text-sm",j.length>0&&"sr-only"),children:j.length>0?"Modify sorting to organize your rows.":"Add sorting to organize your rows."})]}),j.length>0&&(0,e.jsx)(l.SortableContent,{asChild:!0,children:(0,e.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:j.map(s=>(0,e.jsx)(p,{sort:s,sortItemId:`${d}-sort-${s.id}`,columns:C,columnLabels:b,onSortUpdate:y,onSortRemove:S},s.id))})}),(0,e.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,e.jsx)(n.Button,{size:"sm",className:"rounded",ref:f,onClick:w,disabled:0===C.length,children:"Add sort"}),j.length>0&&(0,e.jsx)(n.Button,{variant:"outline",size:"sm",className:"rounded",onClick:N,children:"Reset sorting"})]})]})]}),(0,e.jsx)(l.SortableOverlay,{children:(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"h-8 w-[180px] rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-8 w-24 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function p({sort:a,sortItemId:c,columns:u,columnLabels:p,onSortUpdate:x,onSortRemove:h}){let g=`${c}-field-listbox`,f=`${c}-field-trigger`,j=`${c}-direction-listbox`,[v,b]=t.useState(!1),[C,w]=t.useState(!1),y=t.useCallback(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(v||C||m.includes(e.key.toLowerCase())&&(e.preventDefault(),h(a.id)))},[a.id,v,C,h]);return(0,e.jsx)(l.SortableItem,{value:a.id,asChild:!0,children:(0,e.jsxs)("div",{role:"listitem",id:c,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:y,children:[(0,e.jsxs)(i.Popover,{open:v,onOpenChange:b,children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{id:f,role:"combobox","aria-controls":g,variant:"outline",size:"sm",className:"w-44 justify-between rounded font-normal",children:[(0,e.jsx)("span",{className:"truncate",children:p.get(a.id)}),(0,e.jsx)(s.CaretUpDown,{className:"opacity-50"})]})}),(0,e.jsx)(i.PopoverContent,{id:g,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,e.jsxs)(r.Command,{children:[(0,e.jsx)(r.CommandInput,{placeholder:"Search fields..."}),(0,e.jsxs)(r.CommandList,{children:[(0,e.jsx)(r.CommandEmpty,{children:"No fields found."}),(0,e.jsx)(r.CommandGroup,{children:u.map(s=>(0,e.jsx)(r.CommandItem,{value:s.id,onSelect:e=>x(a.id,{id:e}),children:(0,e.jsx)("span",{className:"truncate",children:s.label})},s.id))})]})]})})]}),(0,e.jsxs)(o.Select,{open:C,onOpenChange:w,value:a.desc?"desc":"asc",onValueChange:e=>x(a.id,{desc:"desc"===e}),children:[(0,e.jsx)(o.SelectTrigger,{"aria-controls":j,className:"h-8 w-24 rounded [&[data-size]]:h-8",children:(0,e.jsx)(o.SelectValue,{})}),(0,e.jsx)(o.SelectContent,{id:j,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:d.dataTableConfig.sortOrders.map(s=>(0,e.jsx)(o.SelectItem,{value:s.value,children:s.label},s.value))})]}),(0,e.jsx)(n.Button,{"aria-controls":c,variant:"outline",size:"icon",className:"size-8 shrink-0 rounded",onClick:()=>h(a.id),children:(0,e.jsx)(s.Trash,{})}),(0,e.jsx)(l.SortableItemHandle,{asChild:!0,children:(0,e.jsx)(n.Button,{variant:"outline",size:"icon",className:"size-8 shrink-0 rounded",children:(0,e.jsx)(s.DotsSixVertical,{})})})]})})}export{u as DataTableSortList};
+import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as s from"react";import*as n from"../badge.js";import*as r from"../button.js";import*as t from"../command.js";import*as i from"../popover.js";import*as o from"../select.js";import*as l from"../sortable.js";import*as d from"../../lib/data-table-config.js";import*as c from"../../lib/utils.js";let m=["backspace","delete"];function p({table:t,...o}){let d=s.useId(),p=s.useId(),h=s.useId(),[u,g]=s.useState(!1),f=s.useRef(null),j=t.getState().sorting,v=t.setSorting,{columnLabels:b,columns:C}=s.useMemo(()=>{let e=new Map,a=new Set(j.map(e=>e.id)),s=[];for(let n of t.getAllColumns()){if(!n.getCanSort())continue;let r=n.columnDef.meta?.label??n.id;e.set(n.id,r),a.has(n.id)||s.push({id:n.id,label:r})}return{columnLabels:e,columns:s}},[j,t]),w=s.useCallback(()=>{let e=C[0];e&&v(a=>[...a,{id:e.id,desc:!1}])},[C,v]),y=s.useCallback((e,a)=>{v(s=>s?s.map(s=>s.id===e?{...s,...a}:s):s)},[v]),N=s.useCallback(e=>{v(a=>a.filter(a=>a.id!==e))},[v]),S=s.useCallback(()=>v(t.initialState.sorting),[v,t.initialState.sorting]);s.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),g(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&j.length>0&&(e.preventDefault(),S()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j.length,S]);let k=s.useCallback(e=>{m.includes(e.key.toLowerCase())&&j.length>0&&(e.preventDefault(),S())},[j.length,S]);return(0,e.jsxs)(l.Sortable,{value:j,onValueChange:v,getItemValue:e=>e.id,children:[(0,e.jsxs)(i.Popover,{open:u,onOpenChange:g,children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(r.Button,{variant:"secondary",size:"xs",onKeyDown:k,children:[(0,e.jsx)(a.ArrowsDownUp,{}),"Ordenar",j.length>0&&(0,e.jsx)(n.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:j.length})]})}),(0,e.jsxs)(i.PopoverContent,{"aria-labelledby":p,"aria-describedby":h,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)("h4",{id:p,className:"font-medium leading-none",children:j.length>0?"Ordenar por":"Nenhuma ordena\xe7\xe3o aplicada"}),(0,e.jsx)("p",{id:h,className:(0,c.cn)("text-gray-500 text-sm",j.length>0&&"sr-only"),children:j.length>0?"Modifique a ordena\xe7\xe3o para organizar suas linhas.":"Adicione uma ordena\xe7\xe3o para organizar suas linhas."})]}),j.length>0&&(0,e.jsx)(l.SortableContent,{asChild:!0,children:(0,e.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:j.map(a=>(0,e.jsx)(x,{sort:a,sortItemId:`${d}-sort-${a.id}`,columns:C,columnLabels:b,onSortUpdate:y,onSortRemove:N},a.id))})}),(0,e.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,e.jsx)(r.Button,{size:"xs",className:"rounded",ref:f,onClick:w,disabled:0===C.length,children:"Adicionar"}),j.length>0&&(0,e.jsx)(r.Button,{variant:"secondary",size:"xs",className:"rounded",onClick:S,children:"Resetar"})]})]})]}),(0,e.jsx)(l.SortableOverlay,{children:(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"h-8 w-[180px] rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-8 w-24 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function x({sort:n,sortItemId:c,columns:p,columnLabels:x,onSortUpdate:h,onSortRemove:u}){let g=`${c}-field-listbox`,f=`${c}-field-trigger`,j=`${c}-direction-listbox`,[v,b]=s.useState(!1),[C,w]=s.useState(!1),y=s.useCallback(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(v||C||m.includes(e.key.toLowerCase())&&(e.preventDefault(),u(n.id)))},[n.id,v,C,u]);return(0,e.jsx)(l.SortableItem,{value:n.id,asChild:!0,children:(0,e.jsxs)("div",{role:"listitem",id:c,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:y,children:[(0,e.jsxs)(i.Popover,{open:v,onOpenChange:b,children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(r.Button,{id:f,role:"combobox","aria-controls":g,variant:"secondary",size:"xs",className:"w-44 justify-between rounded font-normal",children:[(0,e.jsx)("span",{className:"truncate",children:x.get(n.id)}),(0,e.jsx)(a.CaretUpDown,{className:"opacity-50"})]})}),(0,e.jsx)(i.PopoverContent,{id:g,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,e.jsxs)(t.Command,{children:[(0,e.jsx)(t.CommandInput,{placeholder:"Buscar campo..."}),(0,e.jsxs)(t.CommandList,{children:[(0,e.jsx)(t.CommandEmpty,{children:"Nenhum campo encontrado."}),(0,e.jsx)(t.CommandGroup,{children:p.map(a=>(0,e.jsx)(t.CommandItem,{value:a.id,onSelect:e=>h(n.id,{id:e}),children:(0,e.jsx)("span",{className:"truncate",children:a.label})},a.id))})]})]})})]}),(0,e.jsxs)(o.Select,{open:C,onOpenChange:w,value:n.desc?"desc":"asc",onValueChange:e=>h(n.id,{desc:"desc"===e}),children:[(0,e.jsx)(o.SelectTrigger,{"aria-controls":j,className:"h-8 w-24 rounded [&[data-size]]:h-8",children:(0,e.jsx)(o.SelectValue,{})}),(0,e.jsx)(o.SelectContent,{id:j,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:d.dataTableConfig.sortOrders.map(a=>(0,e.jsx)(o.SelectItem,{value:a.value,children:a.label},a.value))})]}),(0,e.jsx)(r.Button,{"aria-controls":c,variant:"secondary",size:"icon",className:"size-8 shrink-0 rounded",onClick:()=>u(n.id),children:(0,e.jsx)(a.Trash,{weight:"bold"})}),(0,e.jsx)(l.SortableItemHandle,{asChild:!0,children:(0,e.jsx)(r.Button,{variant:"secondary",size:"icon",className:"size-8 shrink-0 rounded",children:(0,e.jsx)(a.DotsSixVertical,{weight:"bold"})})})]})})}export{p as DataTableSortList};
 //# sourceMappingURL=data-table-sort-list.js.map

package/dist/esm/components/data-table/data-table-sort-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-sort-list.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-sort-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n ArrowsDownUp,\r\n CaretUpDown,\r\n DotsSixVertical,\r\n Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { ColumnSort, SortDirection, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectItem,\r\n SelectTrigger,\r\n SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n Sortable,\r\n SortableContent,\r\n SortableItem,\r\n SortableItemHandle,\r\n SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst OPEN_MENU_SHORTCUT = 's'\r\nconst REMOVE_SORT_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableSortListProps<TData>\r\n extends React.ComponentProps<typeof PopoverContent> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableSortList<TData>({\r\n table,\r\n ...props\r\n}: DataTableSortListProps<TData>) {\r\n const id = React.useId()\r\n const labelId = React.useId()\r\n const descriptionId = React.useId()\r\n const [open, setOpen] = React.useState(false)\r\n const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n const sorting = table.getState().sorting\r\n const onSortingChange = table.setSorting\r\n\r\n const { columnLabels, columns } = React.useMemo(() => {\r\n const labels = new Map<string, string>()\r\n const sortingIds = new Set(sorting.map(s => s.id))\r\n const availableColumns: { id: string; label: string }[] = []\r\n\r\n for (const column of table.getAllColumns()) {\r\n if (!column.getCanSort()) continue\r\n\r\n const label = column.columnDef.meta?.label ?? column.id\r\n labels.set(column.id, label)\r\n\r\n if (!sortingIds.has(column.id)) {\r\n availableColumns.push({ id: column.id, label })\r\n }\r\n }\r\n\r\n return {\r\n columnLabels: labels,\r\n columns: availableColumns,\r\n }\r\n }, [sorting, table])\r\n\r\n const onSortAdd = React.useCallback(() => {\r\n const firstColumn = columns[0]\r\n if (!firstColumn) return\r\n\r\n onSortingChange(prevSorting => [\r\n ...prevSorting,\r\n { id: firstColumn.id, desc: false },\r\n ])\r\n }, [columns, onSortingChange])\r\n\r\n const onSortUpdate = React.useCallback(\r\n (sortId: string, updates: Partial<ColumnSort>) => {\r\n onSortingChange(prevSorting => {\r\n if (!prevSorting) return prevSorting\r\n return prevSorting.map(sort =>\r\n sort.id === sortId ? { ...sort, ...updates } : sort\r\n )\r\n })\r\n },\r\n [onSortingChange]\r\n )\r\n\r\n const onSortRemove = React.useCallback(\r\n (sortId: string) => {\r\n onSortingChange(prevSorting =>\r\n prevSorting.filter(item => item.id !== sortId)\r\n )\r\n },\r\n [onSortingChange]\r\n )\r\n\r\n const onSortingReset = React.useCallback(\r\n () => onSortingChange(table.initialState.sorting),\r\n [onSortingChange, table.initialState.sorting]\r\n )\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (\r\n event.target instanceof HTMLInputElement \|\|\r\n event.target instanceof HTMLTextAreaElement\r\n ) {\r\n return\r\n }\r\n\r\n if (\r\n event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n !event.ctrlKey &&\r\n !event.metaKey &&\r\n !event.shiftKey\r\n ) {\r\n event.preventDefault()\r\n setOpen(true)\r\n }\r\n\r\n if (\r\n event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n event.shiftKey &&\r\n sorting.length > 0\r\n ) {\r\n event.preventDefault()\r\n onSortingReset()\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [sorting.length, onSortingReset])\r\n\r\n const onTriggerKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n if (\r\n REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n sorting.length > 0\r\n ) {\r\n event.preventDefault()\r\n onSortingReset()\r\n }\r\n },\r\n [sorting.length, onSortingReset]\r\n )\r\n\r\n return (\r\n <Sortable\r\n value={sorting}\r\n onValueChange={onSortingChange}\r\n getItemValue={item => item.id}\r\n >\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\r\n <ArrowsDownUp />\r\n Sort\r\n {sorting.length > 0 && (\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n >\r\n {sorting.length}\r\n </Badge>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n aria-labelledby={labelId}\r\n aria-describedby={descriptionId}\r\n className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n {...props}\r\n >\r\n <div className=\"flex flex-col gap-1\">\r\n <h4 id={labelId} className=\"font-medium leading-none\">\r\n {sorting.length > 0 ? 'Sort by' : 'No sorting applied'}\r\n </h4>\r\n <p\r\n id={descriptionId}\r\n className={cn(\r\n 'text-muted-foreground text-sm',\r\n sorting.length > 0 && 'sr-only'\r\n )}\r\n >\r\n {sorting.length > 0\r\n ? 'Modify sorting to organize your rows.'\r\n : 'Add sorting to organize your rows.'}\r\n </p>\r\n </div>\r\n {sorting.length > 0 && (\r\n <SortableContent asChild>\r\n <div\r\n role=\"list\"\r\n className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n >\r\n {sorting.map(sort => (\r\n <DataTableSortItem\r\n key={sort.id}\r\n sort={sort}\r\n sortItemId={`${id}-sort-${sort.id}`}\r\n columns={columns}\r\n columnLabels={columnLabels}\r\n onSortUpdate={onSortUpdate}\r\n onSortRemove={onSortRemove}\r\n />\r\n ))}\r\n </div>\r\n </SortableContent>\r\n )}\r\n <div className=\"flex w-full items-center gap-2\">\r\n <Button\r\n size=\"sm\"\r\n className=\"rounded\"\r\n ref={addButtonRef}\r\n onClick={onSortAdd}\r\n disabled={columns.length === 0}\r\n >\r\n Add sort\r\n </Button>\r\n {sorting.length > 0 && (\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n className=\"rounded\"\r\n onClick={onSortingReset}\r\n >\r\n Reset sorting\r\n </Button>\r\n )}\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n <SortableOverlay>\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"h-8 w-[180px] rounded-sm bg-primary/10\" />\r\n <div className=\"h-8 w-24 rounded-sm bg-primary/10\" />\r\n <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n </div>\r\n </SortableOverlay>\r\n </Sortable>\r\n )\r\n}\r\n\r\ninterface DataTableSortItemProps {\r\n sort: ColumnSort\r\n sortItemId: string\r\n columns: { id: string; label: string }[]\r\n columnLabels: Map<string, string>\r\n onSortUpdate: (sortId: string, updates: Partial<ColumnSort>) => void\r\n onSortRemove: (sortId: string) => void\r\n}\r\n\r\nfunction DataTableSortItem({\r\n sort,\r\n sortItemId,\r\n columns,\r\n columnLabels,\r\n onSortUpdate,\r\n onSortRemove,\r\n}: DataTableSortItemProps) {\r\n const fieldListboxId = `${sortItemId}-field-listbox`\r\n const fieldTriggerId = `${sortItemId}-field-trigger`\r\n const directionListboxId = `${sortItemId}-direction-listbox`\r\n\r\n const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n const [showDirectionSelector, setShowDirectionSelector] =\r\n React.useState(false)\r\n\r\n const onItemKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (\r\n event.target instanceof HTMLInputElement \|\|\r\n event.target instanceof HTMLTextAreaElement\r\n ) {\r\n return\r\n }\r\n\r\n if (showFieldSelector \|\| showDirectionSelector) {\r\n return\r\n }\r\n\r\n if (REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n event.preventDefault()\r\n onSortRemove(sort.id)\r\n }\r\n },\r\n [sort.id, showFieldSelector, showDirectionSelector, onSortRemove]\r\n )\r\n\r\n return (\r\n <SortableItem value={sort.id} asChild>\r\n <div\r\n role=\"listitem\"\r\n id={sortItemId}\r\n tabIndex={-1}\r\n className=\"flex items-center gap-2\"\r\n onKeyDown={onItemKeyDown}\r\n >\r\n <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id={fieldTriggerId}\r\n role=\"combobox\"\r\n aria-controls={fieldListboxId}\r\n variant=\"outline\"\r\n size=\"sm\"\r\n className=\"w-44 justify-between rounded font-normal\"\r\n >\r\n <span className=\"truncate\">{columnLabels.get(sort.id)}</span>\r\n <CaretUpDown className=\"opacity-50\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n id={fieldListboxId}\r\n className=\"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command>\r\n <CommandInput placeholder=\"Search fields...\" />\r\n <CommandList>\r\n <CommandEmpty>No fields found.</CommandEmpty>\r\n <CommandGroup>\r\n {columns.map(column => (\r\n <CommandItem\r\n key={column.id}\r\n value={column.id}\r\n onSelect={value => onSortUpdate(sort.id, { id: value })}\r\n >\r\n <span className=\"truncate\">{column.label}</span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n <Select\r\n open={showDirectionSelector}\r\n onOpenChange={setShowDirectionSelector}\r\n value={sort.desc ? 'desc' : 'asc'}\r\n onValueChange={(value: SortDirection) =>\r\n onSortUpdate(sort.id, { desc: value === 'desc' })\r\n }\r\n >\r\n <SelectTrigger\r\n aria-controls={directionListboxId}\r\n className=\"h-8 w-24 rounded [&[data-size]]:h-8\"\r\n >\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent\r\n id={directionListboxId}\r\n className=\"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]\"\r\n >\r\n {dataTableConfig.sortOrders.map(order => (\r\n <SelectItem key={order.value} value={order.value}>\r\n {order.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n <Button\r\n aria-controls={sortItemId}\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className=\"size-8 shrink-0 rounded\"\r\n onClick={() => onSortRemove(sort.id)}\r\n >\r\n <Trash />\r\n </Button>\r\n <SortableItemHandle asChild>\r\n <Button\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className=\"size-8 shrink-0 rounded\"\r\n >\r\n <DotsSixVertical />\r\n </Button>\r\n </SortableItemHandle>\r\n </div>\r\n </SortableItem>\r\n )\r\n}\r\n"],"names":["REMOVE_SORT_SHORTCUTS","DataTableSortList","table","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","sorting","onSortingChange","columnLabels","columns","labels","Map","sortingIds","Set","s","availableColumns","column","label","onSortAdd","firstColumn","prevSorting","onSortUpdate","sortId","updates","sort","onSortRemove","item","onSortingReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","Popover","PopoverTrigger","Button","ArrowsDownUp","Badge","PopoverContent","cn","SortableContent","DataTableSortItem","SortableOverlay","sortItemId","fieldListboxId","fieldTriggerId","directionListboxId","showFieldSelector","setShowFieldSelector","showDirectionSelector","setShowDirectionSelector","onItemKeyDown","SortableItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","value","Select","SelectTrigger","SelectValue","SelectContent","dataTableConfig","order","SelectItem","Trash","SortableItemHandle","DotsSixVertical"],"mappings":"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"}
1	+ {"version":3,"file":"components\\data-table\\data-table-sort-list.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-sort-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n ArrowsDownUp,\r\n CaretUpDown,\r\n DotsSixVertical,\r\n Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { ColumnSort, SortDirection, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectItem,\r\n SelectTrigger,\r\n SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n Sortable,\r\n SortableContent,\r\n SortableItem,\r\n SortableItemHandle,\r\n SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst OPEN_MENU_SHORTCUT = 's'\r\nconst REMOVE_SORT_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableSortListProps<TData>\r\n extends React.ComponentProps<typeof PopoverContent> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableSortList<TData>({\r\n table,\r\n ...props\r\n}: DataTableSortListProps<TData>) {\r\n const id = React.useId()\r\n const labelId = React.useId()\r\n const descriptionId = React.useId()\r\n const [open, setOpen] = React.useState(false)\r\n const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n const sorting = table.getState().sorting\r\n const onSortingChange = table.setSorting\r\n\r\n const { columnLabels, columns } = React.useMemo(() => {\r\n const labels = new Map<string, string>()\r\n const sortingIds = new Set(sorting.map(s => s.id))\r\n const availableColumns: { id: string; label: string }[] = []\r\n\r\n for (const column of table.getAllColumns()) {\r\n if (!column.getCanSort()) continue\r\n\r\n const label = column.columnDef.meta?.label ?? column.id\r\n labels.set(column.id, label)\r\n\r\n if (!sortingIds.has(column.id)) {\r\n availableColumns.push({ id: column.id, label })\r\n }\r\n }\r\n\r\n return {\r\n columnLabels: labels,\r\n columns: availableColumns,\r\n }\r\n }, [sorting, table])\r\n\r\n const onSortAdd = React.useCallback(() => {\r\n const firstColumn = columns[0]\r\n if (!firstColumn) return\r\n\r\n onSortingChange(prevSorting => [\r\n ...prevSorting,\r\n { id: firstColumn.id, desc: false },\r\n ])\r\n }, [columns, onSortingChange])\r\n\r\n const onSortUpdate = React.useCallback(\r\n (sortId: string, updates: Partial<ColumnSort>) => {\r\n onSortingChange(prevSorting => {\r\n if (!prevSorting) return prevSorting\r\n return prevSorting.map(sort =>\r\n sort.id === sortId ? { ...sort, ...updates } : sort\r\n )\r\n })\r\n },\r\n [onSortingChange]\r\n )\r\n\r\n const onSortRemove = React.useCallback(\r\n (sortId: string) => {\r\n onSortingChange(prevSorting =>\r\n prevSorting.filter(item => item.id !== sortId)\r\n )\r\n },\r\n [onSortingChange]\r\n )\r\n\r\n const onSortingReset = React.useCallback(\r\n () => onSortingChange(table.initialState.sorting),\r\n [onSortingChange, table.initialState.sorting]\r\n )\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (\r\n event.target instanceof HTMLInputElement \|\|\r\n event.target instanceof HTMLTextAreaElement\r\n ) {\r\n return\r\n }\r\n\r\n if (\r\n event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n !event.ctrlKey &&\r\n !event.metaKey &&\r\n !event.shiftKey\r\n ) {\r\n event.preventDefault()\r\n setOpen(true)\r\n }\r\n\r\n if (\r\n event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n event.shiftKey &&\r\n sorting.length > 0\r\n ) {\r\n event.preventDefault()\r\n onSortingReset()\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [sorting.length, onSortingReset])\r\n\r\n const onTriggerKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n if (\r\n REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n sorting.length > 0\r\n ) {\r\n event.preventDefault()\r\n onSortingReset()\r\n }\r\n },\r\n [sorting.length, onSortingReset]\r\n )\r\n\r\n return (\r\n <Sortable\r\n value={sorting}\r\n onValueChange={onSortingChange}\r\n getItemValue={item => item.id}\r\n >\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"secondary\" size=\"xs\" onKeyDown={onTriggerKeyDown}>\r\n <ArrowsDownUp />\r\n Ordenar\r\n {sorting.length > 0 && (\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n >\r\n {sorting.length}\r\n </Badge>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n aria-labelledby={labelId}\r\n aria-describedby={descriptionId}\r\n className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n {...props}\r\n >\r\n <div className=\"flex flex-col gap-1\">\r\n <h4 id={labelId} className=\"font-medium leading-none\">\r\n {sorting.length > 0\r\n ? 'Ordenar por'\r\n : 'Nenhuma ordenação aplicada'}\r\n </h4>\r\n <p\r\n id={descriptionId}\r\n className={cn(\r\n 'text-gray-500 text-sm',\r\n sorting.length > 0 && 'sr-only'\r\n )}\r\n >\r\n {sorting.length > 0\r\n ? 'Modifique a ordenação para organizar suas linhas.'\r\n : 'Adicione uma ordenação para organizar suas linhas.'}\r\n </p>\r\n </div>\r\n {sorting.length > 0 && (\r\n <SortableContent asChild>\r\n <div\r\n role=\"list\"\r\n className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n >\r\n {sorting.map(sort => (\r\n <DataTableSortItem\r\n key={sort.id}\r\n sort={sort}\r\n sortItemId={`${id}-sort-${sort.id}`}\r\n columns={columns}\r\n columnLabels={columnLabels}\r\n onSortUpdate={onSortUpdate}\r\n onSortRemove={onSortRemove}\r\n />\r\n ))}\r\n </div>\r\n </SortableContent>\r\n )}\r\n <div className=\"flex w-full items-center gap-2\">\r\n <Button\r\n size=\"xs\"\r\n className=\"rounded\"\r\n ref={addButtonRef}\r\n onClick={onSortAdd}\r\n disabled={columns.length === 0}\r\n >\r\n Adicionar\r\n </Button>\r\n {sorting.length > 0 && (\r\n <Button\r\n variant=\"secondary\"\r\n size=\"xs\"\r\n className=\"rounded\"\r\n onClick={onSortingReset}\r\n >\r\n Resetar\r\n </Button>\r\n )}\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n <SortableOverlay>\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"h-8 w-[180px] rounded-sm bg-primary/10\" />\r\n <div className=\"h-8 w-24 rounded-sm bg-primary/10\" />\r\n <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n </div>\r\n </SortableOverlay>\r\n </Sortable>\r\n )\r\n}\r\n\r\ninterface DataTableSortItemProps {\r\n sort: ColumnSort\r\n sortItemId: string\r\n columns: { id: string; label: string }[]\r\n columnLabels: Map<string, string>\r\n onSortUpdate: (sortId: string, updates: Partial<ColumnSort>) => void\r\n onSortRemove: (sortId: string) => void\r\n}\r\n\r\nfunction DataTableSortItem({\r\n sort,\r\n sortItemId,\r\n columns,\r\n columnLabels,\r\n onSortUpdate,\r\n onSortRemove,\r\n}: DataTableSortItemProps) {\r\n const fieldListboxId = `${sortItemId}-field-listbox`\r\n const fieldTriggerId = `${sortItemId}-field-trigger`\r\n const directionListboxId = `${sortItemId}-direction-listbox`\r\n\r\n const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n const [showDirectionSelector, setShowDirectionSelector] =\r\n React.useState(false)\r\n\r\n const onItemKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (\r\n event.target instanceof HTMLInputElement \|\|\r\n event.target instanceof HTMLTextAreaElement\r\n ) {\r\n return\r\n }\r\n\r\n if (showFieldSelector \|\| showDirectionSelector) {\r\n return\r\n }\r\n\r\n if (REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n event.preventDefault()\r\n onSortRemove(sort.id)\r\n }\r\n },\r\n [sort.id, showFieldSelector, showDirectionSelector, onSortRemove]\r\n )\r\n\r\n return (\r\n <SortableItem value={sort.id} asChild>\r\n <div\r\n role=\"listitem\"\r\n id={sortItemId}\r\n tabIndex={-1}\r\n className=\"flex items-center gap-2\"\r\n onKeyDown={onItemKeyDown}\r\n >\r\n <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id={fieldTriggerId}\r\n role=\"combobox\"\r\n aria-controls={fieldListboxId}\r\n variant=\"secondary\"\r\n size=\"xs\"\r\n className=\"w-44 justify-between rounded font-normal\"\r\n >\r\n <span className=\"truncate\">{columnLabels.get(sort.id)}</span>\r\n <CaretUpDown className=\"opacity-50\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n id={fieldListboxId}\r\n className=\"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command>\r\n <CommandInput placeholder=\"Buscar campo...\" />\r\n <CommandList>\r\n <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n {columns.map(column => (\r\n <CommandItem\r\n key={column.id}\r\n value={column.id}\r\n onSelect={value => onSortUpdate(sort.id, { id: value })}\r\n >\r\n <span className=\"truncate\">{column.label}</span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n <Select\r\n open={showDirectionSelector}\r\n onOpenChange={setShowDirectionSelector}\r\n value={sort.desc ? 'desc' : 'asc'}\r\n onValueChange={(value: SortDirection) =>\r\n onSortUpdate(sort.id, { desc: value === 'desc' })\r\n }\r\n >\r\n <SelectTrigger\r\n aria-controls={directionListboxId}\r\n className=\"h-8 w-24 rounded [&[data-size]]:h-8\"\r\n >\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent\r\n id={directionListboxId}\r\n className=\"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]\"\r\n >\r\n {dataTableConfig.sortOrders.map(order => (\r\n <SelectItem key={order.value} value={order.value}>\r\n {order.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n <Button\r\n aria-controls={sortItemId}\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"size-8 shrink-0 rounded\"\r\n onClick={() => onSortRemove(sort.id)}\r\n >\r\n <Trash weight=\"bold\" />\r\n </Button>\r\n <SortableItemHandle asChild>\r\n <Button\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"size-8 shrink-0 rounded\"\r\n >\r\n <DotsSixVertical weight=\"bold\" />\r\n </Button>\r\n </SortableItemHandle>\r\n </div>\r\n </SortableItem>\r\n )\r\n}\r\n"],"names":["REMOVE_SORT_SHORTCUTS","DataTableSortList","table","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","sorting","onSortingChange","columnLabels","columns","labels","Map","sortingIds","Set","s","availableColumns","column","label","onSortAdd","firstColumn","prevSorting","onSortUpdate","sortId","updates","sort","onSortRemove","item","onSortingReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","Popover","PopoverTrigger","Button","ArrowsDownUp","Badge","PopoverContent","cn","SortableContent","DataTableSortItem","SortableOverlay","sortItemId","fieldListboxId","fieldTriggerId","directionListboxId","showFieldSelector","setShowFieldSelector","showDirectionSelector","setShowDirectionSelector","onItemKeyDown","SortableItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","value","Select","SelectTrigger","SelectValue","SelectContent","dataTableConfig","order","SelectItem","Trash","SortableItemHandle","DotsSixVertical"],"mappings":"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"}

package/dist/esm/components/data-table/data-table-toolbar.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react";import*as a from"react";import*as l from"../button.js";import*as r from"./data-table-date-filter.js";import*as s from"./data-table-faceted-filter.js";import*as i from"./data-table-slider-filter.js";import*as n from"./data-table-view-options.js";import*as o from"../input.js";import*as u from"../../lib/utils.js";function m({table:r,children:s,className:i,...o}){let m=r.getState().columnFilters.length>0,d=a.useMemo(()=>r.getAllColumns().filter(e=>e.getCanFilter()),[r]),p=a.useCallback(()=>{r.resetColumnFilters()},[r]);return(0,e.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,u.cn)("flex w-full items-start justify-between gap-2 p-1",i),...o,children:[(0,e.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[d.map(t=>(0,e.jsx)(c,{column:t},t.id)),m&&(0,e.jsxs)(l.Button,{"aria-label":"Reset filters",variant:"outline",size:"sm",className:"border-dashed",onClick:p,children:[(0,e.jsx)(t.X,{}),"Reset"]})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[s,(0,e.jsx)(n.DataTableViewOptions,{table:r})]})]})}function c({column:t}){{let l=t.columnDef.meta;return a.useCallback(()=>{if(!l?.variant)return null;switch(l.variant){case"text":return(0,e.jsx)(o.Input,{placeholder:l.placeholder??l.label,value:t.getFilterValue()??"",onChange:e=>t.setFilterValue(e.target.value),className:"h-8 w-40 lg:w-56"});case"number":return(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(o.Input,{type:"number",inputMode:"numeric",placeholder:l.placeholder??l.label,value:t.getFilterValue()??"",onChange:e=>t.setFilterValue(e.target.value),className:(0,u.cn)("h-8 w-[120px]",l.unit&&"pr-8")}),l.unit&&(0,e.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:l.unit})]});case"range":return(0,e.jsx)(i.DataTableSliderFilter,{column:t,title:l.label??t.id});case"date":case"dateRange":return(0,e.jsx)(r.DataTableDateFilter,{column:t,title:l.label??t.id,multiple:"dateRange"===l.variant});case"select":case"multiSelect":return(0,e.jsx)(s.DataTableFacetedFilter,{column:t,title:l.label??t.id,options:l.options??[],multiple:"multiSelect"===l.variant});default:return null}},[t,l])()}}export{m as DataTableToolbar};
+import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react";import*as a from"react";import*as l from"../button.js";import*as r from"./data-table-date-filter.js";import*as s from"./data-table-faceted-filter.js";import*as i from"./data-table-slider-filter.js";import*as n from"./data-table-view-options.js";import*as o from"../input.js";import*as m from"../../lib/utils.js";function u({table:r,children:s,className:i,...o}){let u=r.getState().columnFilters.length>0,p=a.useMemo(()=>r.getAllColumns().filter(e=>e.getCanFilter()),[r]),d=a.useCallback(()=>{r.resetColumnFilters()},[r]);return(0,e.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,m.cn)("flex w-full items-start justify-between gap-2 p-1",i),...o,children:[(0,e.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[p.map(t=>(0,e.jsx)(c,{column:t},t.id)),u&&(0,e.jsxs)(l.Button,{"aria-label":"Reset filters",variant:"secondary",size:"xs",onClick:d,children:[(0,e.jsx)(t.X,{}),"Limpar"]})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[s,(0,e.jsx)(n.DataTableViewOptions,{table:r})]})]})}function c({column:t}){{let l=t.columnDef.meta;return a.useCallback(()=>{if(!l?.variant)return null;switch(l.variant){case"text":return(0,e.jsx)(o.Input,{placeholder:l.placeholder??l.label,value:t.getFilterValue()??"",onChange:e=>t.setFilterValue(e.target.value),className:"h-8 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(o.Input,{type:"number",inputMode:"numeric",placeholder:l.placeholder??l.label,value:t.getFilterValue()??"",onChange:e=>t.setFilterValue(e.target.value),className:(0,m.cn)("h-8 w-[120px]",l.unit&&"pr-8"),classNames:{input:"text-sm"}}),l.unit&&(0,e.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:l.unit})]});case"range":return(0,e.jsx)(i.DataTableSliderFilter,{column:t,title:l.label??t.id});case"date":case"dateRange":return(0,e.jsx)(r.DataTableDateFilter,{column:t,title:l.label??t.id,multiple:"dateRange"===l.variant});case"select":case"multiSelect":return(0,e.jsx)(s.DataTableFacetedFilter,{column:t,title:l.label??t.id,options:l.options??[],multiple:"multiSelect"===l.variant});default:return null}},[t,l])()}}export{u as DataTableToolbar};
 //# sourceMappingURL=data-table-toolbar.js.map

package/dist/esm/components/data-table/data-table-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-toolbar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableToolbarProps<TData>) {\r\n const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n const columns = React.useMemo(\r\n () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n [table]\r\n )\r\n\r\n const onReset = React.useCallback(() => {\r\n table.resetColumnFilters()\r\n }, [table])\r\n\r\n return (\r\n <div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n className={cn(\r\n 'flex w-full items-start justify-between gap-2 p-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n {columns.map(column => (\r\n <DataTableToolbarFilter key={column.id} column={column} />\r\n ))}\r\n {isFiltered && (\r\n <Button\r\n aria-label=\"Reset filters\"\r\n variant=\"~~outline~~\"\r\n size=\"sm\"\r\n ~~className=\"border-dashed\"\r\n~~ onClick={onReset}\r\n >\r\n <X />\r\n ~~Reset~~\r\n </Button>\r\n )}\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n {children}\r\n <DataTableViewOptions table={table} />\r\n </div>\r\n </div>\r\n )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n {\r\n const columnMeta = column.columnDef.meta\r\n\r\n const onFilterRender = React.useCallback(() => {\r\n if (!columnMeta?.variant) return null\r\n\r\n switch (columnMeta.variant) {\r\n case 'text':\r\n return (\r\n <Input\r\n placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n value={(column.getFilterValue() as string) ?? ''}\r\n onChange={event => column.setFilterValue(event.target.value)}\r\n className=\"h-8 w-40 lg:w-56\"\r\n />\r\n )\r\n\r\n case 'number':\r\n return (\r\n <div className=\"relative\">\r\n <Input\r\n type=\"number\"\r\n inputMode=\"numeric\"\r\n placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n value={(column.getFilterValue() as string) ?? ''}\r\n onChange={event => column.setFilterValue(event.target.value)}\r\n className={cn('h-8 w-[120px]', columnMeta.unit && 'pr-8')}\r\n />\r\n {columnMeta.unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {columnMeta.unit}\r\n </span>\r\n )}\r\n </div>\r\n )\r\n\r\n case 'range':\r\n return (\r\n <DataTableSliderFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n />\r\n )\r\n\r\n case 'date':\r\n case 'dateRange':\r\n return (\r\n <DataTableDateFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n multiple={columnMeta.variant === 'dateRange'}\r\n />\r\n )\r\n\r\n case 'select':\r\n case 'multiSelect':\r\n return (\r\n <DataTableFacetedFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n options={columnMeta.options ?? []}\r\n multiple={columnMeta.variant === 'multiSelect'}\r\n />\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n }, [column, columnMeta])\r\n\r\n return onFilterRender()\r\n }\r\n}\r\n"],"names":["DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","X","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";oYAkBO,SAASA,EAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,EAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,EAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,WAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,EAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,WAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,UAACG,EAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,WAACO,EAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,~~UACR~~,KAAK,KACL,~~UAAU,gBACV,~~QAASH,E,UAET,UAACI,EAAAA,CAACA,CAAAA,CAAAA,GAAG,Q,MAKX,WAAC,OAAI,UAAU,0B,UACZX,EACD,UAACY,EAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,EAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,~~CAqExC~~,OAAOQ,~~EAnEgBT~~,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,UAACE,EAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,kB,~~EAIhB~~,KAAK,SACH,MACE,WAAC,OAAI,UAAU,W,UACb,UAACD,EAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,EAAAA,EAAAA,EAAG,gBAAiBK,EAAW,IAAI,EAAI,O,~~GAEnDA~~,EAAW,IAAI,EACd,UAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,UAACI,EAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,UAACY,EAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,UAACM,EAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,Q"}
1	+ {"version":3,"file":"components\\data-table\\data-table-toolbar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableToolbarProps<TData>) {\r\n const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n const columns = React.useMemo(\r\n () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n [table]\r\n )\r\n\r\n const onReset = React.useCallback(() => {\r\n table.resetColumnFilters()\r\n }, [table])\r\n\r\n return (\r\n <div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n className={cn(\r\n 'flex w-full items-start justify-between gap-2 p-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n {columns.map(column => (\r\n <DataTableToolbarFilter key={column.id} column={column} />\r\n ))}\r\n {isFiltered && (\r\n <Button\r\n aria-label=\"Reset filters\"\r\n variant=\"secondary\"\r\n size=\"xs\"\r\n onClick={onReset}\r\n >\r\n <X />\r\n Limpar\r\n </Button>\r\n )}\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n {children}\r\n <DataTableViewOptions table={table} />\r\n </div>\r\n </div>\r\n )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n {\r\n const columnMeta = column.columnDef.meta\r\n\r\n const onFilterRender = React.useCallback(() => {\r\n if (!columnMeta?.variant) return null\r\n\r\n switch (columnMeta.variant) {\r\n case 'text':\r\n return (\r\n <Input\r\n placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n value={(column.getFilterValue() as string) ?? ''}\r\n onChange={event => column.setFilterValue(event.target.value)}\r\n className=\"h-8 w-40 lg:w-56\"\r\n classNames={{\r\n input: 'text-sm',\r\n }}\r\n />\r\n )\r\n\r\n case 'number':\r\n return (\r\n <div className=\"relative\">\r\n <Input\r\n type=\"number\"\r\n inputMode=\"numeric\"\r\n placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n value={(column.getFilterValue() as string) ?? ''}\r\n onChange={event => column.setFilterValue(event.target.value)}\r\n className={cn('h-8 w-[120px]', columnMeta.unit && 'pr-8')}\r\n classNames={{\r\n input: 'text-sm',\r\n }}\r\n />\r\n {columnMeta.unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {columnMeta.unit}\r\n </span>\r\n )}\r\n </div>\r\n )\r\n\r\n case 'range':\r\n return (\r\n <DataTableSliderFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n />\r\n )\r\n\r\n case 'date':\r\n case 'dateRange':\r\n return (\r\n <DataTableDateFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n multiple={columnMeta.variant === 'dateRange'}\r\n />\r\n )\r\n\r\n case 'select':\r\n case 'multiSelect':\r\n return (\r\n <DataTableFacetedFilter\r\n column={column}\r\n title={columnMeta.label ?? column.id}\r\n options={columnMeta.options ?? []}\r\n multiple={columnMeta.variant === 'multiSelect'}\r\n />\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n }, [column, columnMeta])\r\n\r\n return onFilterRender()\r\n }\r\n}\r\n"],"names":["DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","X","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";oYAkBO,SAASA,EAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,EAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,EAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,WAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,EAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,WAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,UAACG,EAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,WAACO,EAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,YACR,KAAK,KACL,QAASH,E,UAET,UAACI,EAAAA,CAACA,CAAAA,CAAAA,GAAG,S,MAKX,WAAC,OAAI,UAAU,0B,UACZX,EACD,UAACY,EAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,EAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,CA2ExC,OAAOQ,EAzEgBT,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,UAACE,EAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,mBACV,WAAY,CACV,MAAO,SACT,C,EAIN,KAAK,SACH,MACE,WAAC,OAAI,UAAU,W,UACb,UAACD,EAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,EAAAA,EAAAA,EAAG,gBAAiBK,EAAW,IAAI,EAAI,QAClD,WAAY,CACV,MAAO,SACT,C,GAEDA,EAAW,IAAI,EACd,UAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,UAACI,EAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,UAACY,EAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,UAACM,EAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,Q"}

package/dist/esm/components/data-table/data-table-view-options.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as o from"react/jsx-runtime";import*as e from"@phosphor-icons/react";import*as s from"../button.js";import*as a from"../command.js";import*as i from"../popover.js";import*as r from"../../lib/utils.js";import*as l from"react";function m({table:m}){let t=l.useMemo(()=>m.getAllColumns().filter(o=>void 0!==o.accessorFn&&o.getCanHide()),[m]);return(0,o.jsxs)(i.Popover,{children:[(0,o.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,o.jsxs)(s.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,o.jsx)(e.SlidersHorizontal,{}),"View",(0,o.jsx)(e.CaretUpDown,{className:"ml-auto opacity-50"})]})}),(0,o.jsx)(i.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,o.jsxs)(a.Command,{children:[(0,o.jsx)(a.CommandInput,{placeholder:"Search columns..."}),(0,o.jsxs)(a.CommandList,{children:[(0,o.jsx)(a.CommandEmpty,{children:"No columns found."}),(0,o.jsx)(a.CommandGroup,{children:t.map(s=>(0,o.jsxs)(a.CommandItem,{onSelect:()=>s.toggleVisibility(!s.getIsVisible()),children:[(0,o.jsx)("span",{className:"truncate",children:s.columnDef.meta?.label??s.id}),(0,o.jsx)(e.Check,{className:(0,r.cn)("ml-auto size-4 shrink-0",s.getIsVisible()?"opacity-100":"opacity-0")})]},s.id))})]})]})})]})}export{m as DataTableViewOptions};
+import*as o from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as e from"../button.js";import*as a from"../command.js";import*as r from"../popover.js";import*as i from"../../lib/utils.js";import*as l from"react";function n({table:n}){let t=l.useMemo(()=>n.getAllColumns().filter(o=>void 0!==o.accessorFn&&o.getCanHide()),[n]);return(0,o.jsxs)(r.Popover,{children:[(0,o.jsx)(r.PopoverTrigger,{asChild:!0,children:(0,o.jsxs)(e.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"secondary",size:"xs",className:"ml-auto hidden lg:flex",children:[(0,o.jsx)(s.SlidersHorizontal,{}),"Ver",(0,o.jsx)(s.CaretUpDown,{className:"ml-auto opacity-50"})]})}),(0,o.jsx)(r.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,o.jsxs)(a.Command,{children:[(0,o.jsx)(a.CommandInput,{placeholder:"Buscar colunas..."}),(0,o.jsxs)(a.CommandList,{children:[(0,o.jsx)(a.CommandEmpty,{children:"No columns found."}),(0,o.jsx)(a.CommandGroup,{children:t.map(e=>(0,o.jsxs)(a.CommandItem,{onSelect:()=>e.toggleVisibility(!e.getIsVisible()),children:[(0,o.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),(0,o.jsx)(s.Check,{className:(0,i.cn)("ml-auto size-4 shrink-0",e.getIsVisible()?"opacity-100":"opacity-0")})]},e.id))})]})]})})]})}export{n as DataTableViewOptions};
 //# sourceMappingURL=data-table-view-options.js.map

package/dist/esm/components/data-table/data-table-view-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-view-options.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["\r\n\r\nimport { CaretUpDown, Check, SlidersHorizontal } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n const columns = React.useMemo(\r\n () =>\r\n table\r\n .getAllColumns()\r\n .filter(\r\n column =>\r\n typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n ),\r\n [table]\r\n )\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n aria-label=\"Toggle columns\"\r\n role=\"combobox\"\r\n variant=\"~~outline~~\"\r\n size=\"sm\"\r\n className=\"ml-auto hidden ~~h-8~~ lg:flex\"\r\n >\r\n <SlidersHorizontal />\r\n ~~View~~\r\n <CaretUpDown className=\"ml-auto opacity-50\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n <Command>\r\n <CommandInput placeholder=\"~~Search~~ ~~columns~~...\" />\r\n <CommandList>\r\n <CommandEmpty>No columns found.</CommandEmpty>\r\n <CommandGroup>\r\n {columns.map(column => (\r\n <CommandItem\r\n key={column.id}\r\n onSelect={() =>\r\n column.toggleVisibility(!column.getIsVisible())\r\n }\r\n >\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\r\n </span>\r\n <Check\r\n className={cn(\r\n 'ml-auto size-4 shrink-0',\r\n column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n )}\r\n />\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontal","CaretUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","cn"],"mappings":";wOAsBO,SAASA,EAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,EAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,EAGT,MACE,WAACI,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,~~UACR~~,KAAK,KACL,UAAU,6B,UAEV,UAACC,EAAAA,iBAAiBA,CAAAA,CAAAA,GAAG,~~OAErB~~,UAACC,EAAAA,WAAWA,CAAAA,CAAC,UAAU,oB,QAG3B,UAACC,EAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,WAACC,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,WAACC,EAAAA,WAAWA,CAAAA,C,UACV,UAACC,EAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,UAACC,EAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,WAACY,EAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,UAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,UAACa,EAAAA,KAAKA,CAAAA,CACJ,UAAWC,GAAAA,EAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,Q"}
1	+ {"version":3,"file":"components\\data-table\\data-table-view-options.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["\r\n\r\nimport { CaretUpDown, Check, SlidersHorizontal } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n const columns = React.useMemo(\r\n () =>\r\n table\r\n .getAllColumns()\r\n .filter(\r\n column =>\r\n typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n ),\r\n [table]\r\n )\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n aria-label=\"Toggle columns\"\r\n role=\"combobox\"\r\n variant=\"secondary\"\r\n size=\"xs\"\r\n className=\"ml-auto hidden lg:flex\"\r\n >\r\n <SlidersHorizontal />\r\n Ver\r\n <CaretUpDown className=\"ml-auto opacity-50\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n <Command>\r\n <CommandInput placeholder=\"Buscar colunas...\" />\r\n <CommandList>\r\n <CommandEmpty>No columns found.</CommandEmpty>\r\n <CommandGroup>\r\n {columns.map(column => (\r\n <CommandItem\r\n key={column.id}\r\n onSelect={() =>\r\n column.toggleVisibility(!column.getIsVisible())\r\n }\r\n >\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\r\n </span>\r\n <Check\r\n className={cn(\r\n 'ml-auto size-4 shrink-0',\r\n column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n )}\r\n />\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontal","CaretUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","cn"],"mappings":";wOAsBO,SAASA,EAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,EAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,EAGT,MACE,WAACI,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,YACR,KAAK,KACL,UAAU,yB,UAEV,UAACC,EAAAA,iBAAiBA,CAAAA,CAAAA,GAAG,MAErB,UAACC,EAAAA,WAAWA,CAAAA,CAAC,UAAU,oB,QAG3B,UAACC,EAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,WAACC,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,WAACC,EAAAA,WAAWA,CAAAA,C,UACV,UAACC,EAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,UAACC,EAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,WAACY,EAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,UAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,UAACa,EAAAA,KAAKA,CAAAA,CACJ,UAAWC,GAAAA,EAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,Q"}

package/dist/esm/components/data-table/data-table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=data-table.js.map

package/dist/esm/components/data-table/data-table.js.map CHANGED Viewed

	@@ -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"}

package/dist/esm/components/data-table/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- exportfrom"./data-table-action-bar.js";exportfrom"./data-table-advanced-toolbar.js";exportfrom"./data-table-column-header.js";exportfrom"./data-table-date-filter.js";exportfrom"./data-table-faceted-filter.js";exportfrom"./data-table-filter-list.js";exportfrom"./data-table-filter-menu.js";exportfrom"./data-table-pagination.js";exportfrom"./data-table-range-filter.js";exportfrom"./data-table-skeleton.js";exportfrom"./data-table-slider-filter.js";exportfrom"./data-table-sort-list.js";exportfrom"./data-table-toolbar.js";exportfrom"./data-table-view-options.~~js"~~;~~export*from~~"./data-table~~.js~~";
1	+ importas t from"./data-table-view-options.js";exportfrom"./data-table-action-bar.js";exportfrom"./data-table-advanced-toolbar.js";exportfrom"./data-table-column-header.js";exportfrom"./data-table-date-filter.js";exportfrom"./data-table-faceted-filter.js";exportfrom"./data-table-filter-list.js";exportfrom"./data-table-filter-menu.js";exportfrom"./data-table-pagination.js";exportfrom"./data-table-range-filter.js";exportfrom"./data-table-skeleton.js";exportfrom"./data-table-slider-filter.js";exportfrom"./data-table-sort-list.js";exportfrom"./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");

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

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=table.js.map

package/dist/esm/components/table.js.map CHANGED Viewed

	@@ -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"}

package/dist/types/components/badge.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAM,MAAM,aAAa,CAAA;AAO9C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;~~qNAgBjB~~,CAAA;AAMF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GACvB,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,GAAG,CAAC,OAAO,CAMhB;AAMD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAM,MAAM,aAAa,CAAA;AAO9C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;qNAcjB,CAAA;AAMF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GACvB,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,GAAG,CAAC,OAAO,CAMhB;AAMD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/types/components/button.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
@@ -35,6 +36,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
@@ -59,6 +61,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;

package/dist/types/components/button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAShD,QAAA,MAAM,cAAc~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4UAmClB~~,CAAA;AAMF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAChD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEH,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,GACzC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,GAAG,CAAC,OAAO,CAqBhB;kBA5CQ,MAAM;;;AAmDf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
1	+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAShD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4UAoClB,CAAA;AAMF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAChD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEH,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,GACzC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,GAAG,CAAC,OAAO,CAqBhB;kBA5CQ,MAAM;;;AAmDf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/types/components/data-table/data-table-sort-list.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-sort-list.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-sort-list.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAA6B,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAW,cAAc,EAAkB,MAAM,sBAAsB,CAAA;AAqB9E,UAAU,sBAAsB,CAAC,KAAK,CACpC,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,EACvC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,KAAK,CAAC,~~2CAkN~~/B"}
1	+ {"version":3,"file":"data-table-sort-list.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-sort-list.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAA6B,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAW,cAAc,EAAkB,MAAM,sBAAsB,CAAA;AAqB9E,UAAU,sBAAsB,CAAC,KAAK,CACpC,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,EACvC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CAoN/B"}

package/dist/types/components/data-table/data-table-toolbar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,qBAAqB,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,KAAK,CAAC,~~2CA6C9B~~"}
1	+ {"version":3,"file":"data-table-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,qBAAqB,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CA4C9B"}

package/dist/types/components/data-table/data-table.d.ts CHANGED Viewed

@@ -3,7 +3,8 @@ import type * as React from 'react';
 interface DataTableProps<TData> extends React.ComponentProps<'div'> {
     table: TanstackTable<TData>;
     actionBar?: React.ReactNode;
+    hasPagination?: boolean;
 }
-export declare function DataTable<TData>({ table, actionBar, children, className, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData>({ table, actionBar, children, className, hasPagination, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=data-table.d.ts.map

package/dist/types/components/data-table/data-table.d.ts.map CHANGED Viewed

	@@ -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"}

package/dist/types/components/table.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gbmtech/aurora-ui",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",