@apipass/design-system 6.2.0 → 7.1.0

package/dist/lib/ui/components/DataTable/DataTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("react");;/* empty css                */const de=require("../../primitives/Search/Search.cjs"),o=require("../../primitives/Table/Table.cjs"),ue=require("../../icons/IconChevronDown.cjs"),he=require("../../icons/IconChevronRight.cjs"),be=require("../../primitives/Pagination/Pagination.cjs"),ge=require("../../primitives/PermissionGate/PermissionGate.cjs"),xe=require("../../layout/Flex/Flex.cjs"),fe=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function pe(n,s){return n==null||s==null?n==null?s==null?0:1:-1:n instanceof Date&&s instanceof Date?n.getTime()-s.getTime():typeof n=="number"&&typeof s=="number"?n-s:fe.compare(String(n),String(s))}function we(n,s,d){const i=s.sortValue??(b=>b[s.key]),m=d==="descending"?-1:1;return[...n].sort((b,g)=>pe(i(b),i(g))*m)}function je({action:n,item:s}){const d=n.isAllowed!==!1,i=a.jsx("button",{type:"button",className:"data-table-row-action-btn","aria-label":n.label,disabled:!d,onClick:d?()=>n.onPress(s):void 0,children:n.icon});return d?i:a.jsx(ge.PermissionGate,{isAllowed:!1,noAccessLabel:n.noAccessLabel??"",children:i})}function G({columns:n,data:s,actions:d,rowActions:i,rowActionsLabel:m="",selectable:b=!1,selectionType:g="checkbox",grid:H=!1,selectedKeys:O,onSelectionChange:V,defaultSortDescriptor:$,sortDescriptor:Q,onSortChange:S,searchPlaceholder:z="Search...",searchKeys:C=[],isLoading:J=!1,loadingMessage:q="Loading...",emptyMessage:U="No records found",previousLabel:W="Previous",nextLabel:X="Next",pageSize:x=10,nestedColumns:k,getNestedData:D,nestedLoadingMessage:Y="Loading...",nestedEmptyMessage:Z="No records found",nestedSearchKeys:_,nestedSearchPlaceholder:A,nestedActions:N,nestedPageSize:K}){const[y,ee]=h.useState(""),[ae,T]=h.useState(1),[te,ne]=h.useState($),u=Q??te,[L,se]=h.useState(new Set),[I,f]=h.useState(new Map),v=!!D&&!!k,M=!!i;function E(e,t){se(r=>{const c=new Set(r);return t?c.add(e):c.delete(e),c})}function le(e){const t=e.id,r=!L.has(t);if(E(t,r),!r||I.has(t))return;const c=D(e);c instanceof Promise?(f(l=>new Map(l).set(t,{status:"loading",data:[]})),c.then(l=>{f(j=>new Map(j).set(t,{status:"loaded",data:l}))},()=>{f(l=>{const j=new Map(l);return j.delete(t),j}),E(t,!1)})):f(l=>new Map(l).set(t,{status:"loaded",data:c}))}const p=C.length>0,re=p||!!d,w=h.useMemo(()=>{if(!y.trim()||!p)return s;const e=y.toLowerCase();return s.filter(t=>C.some(r=>String(t[r]??"").toLowerCase().includes(e)))},[s,y,C,p]),P=n.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),F=h.useMemo(()=>P&&u?we(w,P,u.direction):w,[w,P,u]);function oe(e){ne(e),T(1),S==null||S(e)}const B=Math.max(1,Math.ceil(F.length/x)),R=Math.min(ae,B),ie=F.slice((R-1)*x,R*x);function ce(e,t){return t.render?t.render(e):String(e[t.key]??"")}return a.jsxs(xe.Flex,{direction:"column",gap:"300",className:"data-table",children:[re&&a.jsxs("div",{className:"data-table-toolbar",children:[p&&a.jsx(de.Search,{placeholder:z,onSearch:e=>{ee(e),T(1)},className:"data-table-search"}),d&&a.jsx("div",{className:"data-table-actions",children:d})]}),J?a.jsx("div",{role:"status","aria-live":"polite","aria-label":q,className:"data-table-status",children:q}):w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:U}):a.jsxs(o.Table,{selectionMode:b?g==="radio"?"single":"multiple":"none",selectionType:g,grid:H,selectedKeys:O,onSelectionChange:V,sortDescriptor:u,onSortChange:oe,children:[a.jsxs(o.TableHead,{children:[v&&a.jsx(o.TableColumn,{className:"data-table-expand-col"}),n.map((e,t)=>a.jsx(o.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:t===0,children:e.label},String(e.key))),M&&a.jsx(o.TableColumn,{align:"right",className:"data-table-row-actions-col",children:m})]}),a.jsx(o.TableBody,{children:ie.flatMap(e=>{const t=L.has(e.id),r=I.get(e.id),c=[a.jsxs(o.TableRow,{id:e.id,children:[v&&a.jsx(o.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":t?"Collapse row":"Expand row","aria-expanded":t,onClick:()=>le(e),children:t?a.jsx(ue.IconChevronDown,{size:"16"}):a.jsx(he.IconChevronRight,{size:"16"})})}),n.map(l=>a.jsx(o.TableCell,{align:l.align,children:ce(e,l)},String(l.key))),M&&a.jsx(o.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof i=="function"?i(e):i).map(l=>a.jsx(je,{action:l,item:e},l.key))})})]},e.id)];return t&&c.push(a.jsx(o.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(o.TableCell,{colSpan:n.length+(v?1:0)+(b?1:0)+(M?1:0),className:"data-table-nested-cell",children:a.jsx(G,{columns:k,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:Y,emptyMessage:Z,searchKeys:_,searchPlaceholder:A,actions:N==null?void 0:N(e),pageSize:K??x})})},`${e.id}-nested`)),c})})]}),a.jsx(be.Pagination,{page:R,totalPages:B,onPageChange:T,previousLabel:W,nextLabel:X})]})}exports.DataTable=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),xe=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react");;/* empty css                */const ge=require("../../primitives/Search/Search.cjs"),o=require("../../primitives/Table/Table.cjs"),fe=require("../../icons/IconChevronDown.cjs"),pe=require("../../icons/IconChevronRight.cjs"),we=require("../../primitives/Pagination/Pagination.cjs"),je=require("../../primitives/PermissionGate/PermissionGate.cjs"),me=require("../../layout/Flex/Flex.cjs"),Se=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function Ce(s,n){return s==null||n==null?s==null?n==null?0:1:-1:s instanceof Date&&n instanceof Date?s.getTime()-n.getTime():typeof s=="number"&&typeof n=="number"?s-n:Se.compare(String(s),String(n))}function Ne(s,n,c){const i=n.sortValue??(b=>b[n.key]),m=c==="descending"?-1:1;return[...s].sort((b,x)=>Ce(i(b),i(x))*m)}function ye({action:s,item:n}){const c=s.isAllowed!==!1,i=a.jsx("button",{type:"button",className:"data-table-row-action-btn","aria-label":s.label,disabled:!c,onClick:c?()=>s.onPress(n):void 0,children:s.icon});return c?i:a.jsx(je.PermissionGate,{isAllowed:!1,noAccessLabel:s.noAccessLabel??"",children:i})}function G({columns:s,data:n,actions:c,rowActions:i,rowActionsLabel:m="",selectable:b=!1,selectionType:x="checkbox",selectedKeys:O,onSelectionChange:V,defaultSortDescriptor:$,sortDescriptor:Q,onSortChange:S,ariaLabel:z,dense:J,striped:U,maxHeight:q,searchPlaceholder:W="Search...",searchKeys:C=[],isLoading:X=!1,loadingMessage:k="Loading...",emptyMessage:Y="No records found",previousLabel:Z="Previous",nextLabel:_="Next",pageSize:g=10,nestedColumns:D,getNestedData:L,nestedLoadingMessage:A="Loading...",nestedEmptyMessage:K="No records found",nestedSearchKeys:ee,nestedSearchPlaceholder:ae,nestedActions:N,nestedPageSize:te}){const[y,se]=h.useState(""),[ne,T]=h.useState(1),[le,re]=h.useState($),u=Q??le,[E,oe]=h.useState(new Set),[I,f]=h.useState(new Map),v=!!L&&!!D,R=!!i;function H(e,t){oe(r=>{const d=new Set(r);return t?d.add(e):d.delete(e),d})}function ie(e){const t=e.id,r=!E.has(t);if(H(t,r),!r||I.has(t))return;const d=L(e);d instanceof Promise?(f(l=>new Map(l).set(t,{status:"loading",data:[]})),d.then(l=>{f(j=>new Map(j).set(t,{status:"loaded",data:l}))},()=>{f(l=>{const j=new Map(l);return j.delete(t),j}),H(t,!1)})):f(l=>new Map(l).set(t,{status:"loaded",data:d}))}const p=C.length>0,de=s.some(e=>e.isRowHeader),ce=p||!!c,w=h.useMemo(()=>{if(!y.trim()||!p)return n;const e=y.toLowerCase();return n.filter(t=>C.some(r=>String(t[r]??"").toLowerCase().includes(e)))},[n,y,C,p]),M=s.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),F=h.useMemo(()=>M&&u?Ne(w,M,u.direction):w,[w,M,u]);function ue(e){re(e),T(1),S==null||S(e)}const B=Math.max(1,Math.ceil(F.length/g)),P=Math.min(ne,B),he=F.slice((P-1)*g,P*g);function be(e,t){return t.render?t.render(e):String(e[t.key]??"")}return a.jsxs(me.Flex,{direction:"column",gap:"300",className:xe.clsx("data-table",q!==void 0&&"data-table--fill"),children:[ce&&a.jsxs("div",{className:"data-table-toolbar",children:[p&&a.jsx(ge.Search,{placeholder:W,onSearch:e=>{se(e),T(1)},className:"data-table-search"}),c&&a.jsx("div",{className:"data-table-actions",children:c})]}),X?a.jsx("div",{role:"status","aria-live":"polite","aria-label":k,className:"data-table-status",children:k}):w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:Y}):a.jsxs(o.Table,{"aria-label":z,dense:J,striped:U,maxHeight:q,selectionMode:b?x==="radio"?"single":"multiple":"none",selectionType:x,selectedKeys:O,onSelectionChange:V,sortDescriptor:u,onSortChange:ue,children:[a.jsxs(o.TableHead,{children:[v&&a.jsx(o.TableColumn,{className:"data-table-expand-col"}),s.map((e,t)=>a.jsx(o.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:de?e.isRowHeader:t===0,children:e.label},String(e.key))),R&&a.jsx(o.TableColumn,{align:"right",className:"data-table-row-actions-col",children:m})]}),a.jsx(o.TableBody,{children:he.flatMap(e=>{const t=E.has(e.id),r=I.get(e.id),d=[a.jsxs(o.TableRow,{id:e.id,children:[v&&a.jsx(o.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":t?"Collapse row":"Expand row","aria-expanded":t,onClick:()=>ie(e),children:t?a.jsx(fe.IconChevronDown,{size:"16"}):a.jsx(pe.IconChevronRight,{size:"16"})})}),s.map(l=>a.jsx(o.TableCell,{align:l.align,children:be(e,l)},String(l.key))),R&&a.jsx(o.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof i=="function"?i(e):i).map(l=>a.jsx(ye,{action:l,item:e},l.key))})})]},e.id)];return t&&d.push(a.jsx(o.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(o.TableCell,{colSpan:s.length+(v?1:0)+(b?1:0)+(R?1:0),className:"data-table-nested-cell",children:a.jsx(G,{columns:D,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:A,emptyMessage:K,searchKeys:ee,searchPlaceholder:ae,actions:N==null?void 0:N(e),pageSize:te??g})})},`${e.id}-nested`)),d})})]}),a.jsx(we.Pagination,{page:P,totalPages:B,onPageChange:T,previousLabel:Z,nextLabel:_})]})}exports.DataTable=G;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/lib/ui/components/DataTable/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\nexport interface RowActionDef<T> {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n}\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const allowed = action.isAllowed !== false;\n  const btn = (\n    <button\n      type=\"button\"\n      className=\"data-table-row-action-btn\"\n      aria-label={action.label}\n      disabled={!allowed}\n      onClick={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </button>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate isAllowed={false} noAccessLabel={action.noAccessLabel ?? \"\"}>\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\nexport interface DataTableProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** When true, draws vertical lines between columns. Off by default. */\n  grid?: boolean;\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  isLoading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  getNestedData?: (item: T) => any[] | Promise<any[]>;\n  nestedLoadingMessage?: string;\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  grid = false,\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  loadingMessage = \"Loading...\",\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage = \"Loading...\",\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex direction=\"column\" gap=\"300\" className=\"data-table\">\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className=\"data-table-status\"\n        >\n          {loadingMessage}\n        </div>\n      ) : filtered.length === 0 ? (\n        <div role=\"status\" className=\"data-table-status data-table-empty\">\n          {emptyMessage}\n        </div>\n      ) : (\n        <Table\n          selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n          selectionType={selectionType}\n          grid={grid}\n          selectedKeys={selectedKeys}\n          onSelectionChange={onSelectionChange}\n          sortDescriptor={sortDescriptor}\n          onSortChange={handleSortChange}\n        >\n          <TableHead>\n            {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n            {columns.map((col, idx) => (\n              <TableColumn\n                key={String(col.key)}\n                id={String(col.key)}\n                align={col.align}\n                allowsSorting={col.sortable}\n                isRowHeader={idx === 0}\n              >\n                {col.label}\n              </TableColumn>\n            ))}\n            {hasRowActions && (\n              <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                {rowActionsLabel}\n              </TableColumn>\n            )}\n          </TableHead>\n          <TableBody>\n            {pageData.flatMap((item) => {\n              const isExpanded = expanded.has(item.id);\n              const cached = nestedCache.get(item.id);\n              const rows: ReactNode[] = [\n                <TableRow key={item.id} id={item.id}>\n                  {hasNested && (\n                    <TableCell className=\"data-table-expand-cell\">\n                      <button\n                        type=\"button\"\n                        className=\"data-table-expand-btn\"\n                        aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                        aria-expanded={isExpanded}\n                        onClick={() => toggleRow(item)}\n                      >\n                        {isExpanded ? (\n                          <IconChevronDown size=\"16\" />\n                        ) : (\n                          <IconChevronRight size=\"16\" />\n                        )}\n                      </button>\n                    </TableCell>\n                  )}\n                  {columns.map((col) => (\n                    <TableCell key={String(col.key)} align={col.align}>\n                      {getCell(item, col)}\n                    </TableCell>\n                  ))}\n                  {hasRowActions && (\n                    <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                      <div className=\"data-table-row-actions\">\n                        {(typeof rowActions === \"function\"\n                          ? rowActions(item)\n                          : rowActions!\n                        ).map((action) => (\n                          <RowActionButton key={action.key} action={action} item={item} />\n                        ))}\n                      </div>\n                    </TableCell>\n                  )}\n                </TableRow>,\n              ];\n              if (isExpanded) {\n                rows.push(\n                  <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                    <TableCell\n                      colSpan={\n                        columns.length +\n                        (hasNested ? 1 : 0) +\n                        (selectable ? 1 : 0) +\n                        (hasRowActions ? 1 : 0)\n                      }\n                      className=\"data-table-nested-cell\"\n                    >\n                      <DataTable\n                        columns={nestedColumns!}\n                        data={cached?.data ?? []}\n                        isLoading={!cached || cached.status === \"loading\"}\n                        loadingMessage={nestedLoadingMessage}\n                        emptyMessage={nestedEmptyMessage}\n                        searchKeys={nestedSearchKeys}\n                        searchPlaceholder={nestedSearchPlaceholder}\n                        actions={nestedActions?.(item)}\n                        pageSize={nestedPageSize ?? pageSize}\n                      />\n                    </TableCell>\n                  </TableRow>,\n                );\n              }\n              return rows;\n            })}\n          </TableBody>\n        </Table>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","allowed","btn","jsx","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","grid","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","searchPlaceholder","searchKeys","isLoading","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasToolbar","filtered","useMemo","lower","k","sortColumn","col","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","Flex","jsxs","Search","v","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** Marks the column that names the row for assistive technology. Defaults to the first column when no column sets it. */\n  isRowHeader?: boolean;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\nexport interface RowActionDef<T> {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n}\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const allowed = action.isAllowed !== false;\n  const btn = (\n    <button\n      type=\"button\"\n      className=\"data-table-row-action-btn\"\n      aria-label={action.label}\n      disabled={!allowed}\n      onClick={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </button>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate isAllowed={false} noAccessLabel={action.noAccessLabel ?? \"\"}>\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\nexport interface DataTableProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  /** Accessible name of the table. */\n  ariaLabel?: string;\n  /** Compact row height. Off by default. */\n  dense?: boolean;\n  /** Alternating row background. Off by default. */\n  striped?: boolean;\n  /**\n   * Caps the height of the table so its rows scroll inside it with a sticky header, keeping the\n   * pagination in view. A percentage needs a parent with a defined height. Off by default.\n   */\n  maxHeight?: number | string;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  isLoading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  getNestedData?: (item: T) => any[] | Promise<any[]>;\n  nestedLoadingMessage?: string;\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  ariaLabel,\n  dense,\n  striped,\n  maxHeight,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  loadingMessage = \"Loading...\",\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage = \"Loading...\",\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasExplicitRowHeader = columns.some((col) => col.isRowHeader);\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"300\"\n      className={clsx(\"data-table\", maxHeight !== undefined && \"data-table--fill\")}\n    >\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className=\"data-table-status\"\n        >\n          {loadingMessage}\n        </div>\n      ) : filtered.length === 0 ? (\n        <div role=\"status\" className=\"data-table-status data-table-empty\">\n          {emptyMessage}\n        </div>\n      ) : (\n        <Table\n          aria-label={ariaLabel}\n          dense={dense}\n          striped={striped}\n          maxHeight={maxHeight}\n          selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n          selectionType={selectionType}\n          selectedKeys={selectedKeys}\n          onSelectionChange={onSelectionChange}\n          sortDescriptor={sortDescriptor}\n          onSortChange={handleSortChange}\n        >\n          <TableHead>\n            {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n            {columns.map((col, idx) => (\n              <TableColumn\n                key={String(col.key)}\n                id={String(col.key)}\n                align={col.align}\n                allowsSorting={col.sortable}\n                isRowHeader={hasExplicitRowHeader ? col.isRowHeader : idx === 0}\n              >\n                {col.label}\n              </TableColumn>\n            ))}\n            {hasRowActions && (\n              <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                {rowActionsLabel}\n              </TableColumn>\n            )}\n          </TableHead>\n          <TableBody>\n            {pageData.flatMap((item) => {\n              const isExpanded = expanded.has(item.id);\n              const cached = nestedCache.get(item.id);\n              const rows: ReactNode[] = [\n                <TableRow key={item.id} id={item.id}>\n                  {hasNested && (\n                    <TableCell className=\"data-table-expand-cell\">\n                      <button\n                        type=\"button\"\n                        className=\"data-table-expand-btn\"\n                        aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                        aria-expanded={isExpanded}\n                        onClick={() => toggleRow(item)}\n                      >\n                        {isExpanded ? (\n                          <IconChevronDown size=\"16\" />\n                        ) : (\n                          <IconChevronRight size=\"16\" />\n                        )}\n                      </button>\n                    </TableCell>\n                  )}\n                  {columns.map((col) => (\n                    <TableCell key={String(col.key)} align={col.align}>\n                      {getCell(item, col)}\n                    </TableCell>\n                  ))}\n                  {hasRowActions && (\n                    <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                      <div className=\"data-table-row-actions\">\n                        {(typeof rowActions === \"function\"\n                          ? rowActions(item)\n                          : rowActions!\n                        ).map((action) => (\n                          <RowActionButton key={action.key} action={action} item={item} />\n                        ))}\n                      </div>\n                    </TableCell>\n                  )}\n                </TableRow>,\n              ];\n              if (isExpanded) {\n                rows.push(\n                  <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                    <TableCell\n                      colSpan={\n                        columns.length +\n                        (hasNested ? 1 : 0) +\n                        (selectable ? 1 : 0) +\n                        (hasRowActions ? 1 : 0)\n                      }\n                      className=\"data-table-nested-cell\"\n                    >\n                      <DataTable\n                        columns={nestedColumns!}\n                        data={cached?.data ?? []}\n                        isLoading={!cached || cached.status === \"loading\"}\n                        loadingMessage={nestedLoadingMessage}\n                        emptyMessage={nestedEmptyMessage}\n                        searchKeys={nestedSearchKeys}\n                        searchPlaceholder={nestedSearchPlaceholder}\n                        actions={nestedActions?.(item)}\n                        pageSize={nestedPageSize ?? pageSize}\n                      />\n                    </TableCell>\n                  </TableRow>,\n                );\n              }\n              return rows;\n            })}\n          </TableBody>\n        </Table>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","allowed","btn","jsx","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","ariaLabel","dense","striped","maxHeight","searchPlaceholder","searchKeys","isLoading","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasExplicitRowHeader","col","hasToolbar","filtered","useMemo","lower","k","sortColumn","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","jsxs","Flex","clsx","Search","v","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}

package/dist/lib/ui/components/DataTable/DataTable.js

@@ -1,24 +1,25 @@
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { useState as f, useMemo as q } from "react";
+import { clsx as ge } from "../../../vendor/clsx/dist/clsx.js";
+import { useState as p, useMemo as G } from "react";
 /* empty css              */
-import { Search as fe } from "../../primitives/Search/Search.js";
-import { Table as pe, TableHead as ge, TableColumn as D, TableBody as me, TableRow as G, TableCell as N } from "../../primitives/Table/Table.js";
-import { IconChevronDown as be } from "../../icons/IconChevronDown.js";
-import { IconChevronRight as we } from "../../icons/IconChevronRight.js";
-import { Pagination as xe } from "../../primitives/Pagination/Pagination.js";
-import { PermissionGate as Ne } from "../../primitives/PermissionGate/PermissionGate.js";
-import { Flex as Se } from "../../layout/Flex/Flex.js";
-const ye = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" });
-function ve(n, l) {
-  return n == null || l == null ? n == null ? l == null ? 0 : 1 : -1 : n instanceof Date && l instanceof Date ? n.getTime() - l.getTime() : typeof n == "number" && typeof l == "number" ? n - l : ye.compare(String(n), String(l));
+import { Search as we } from "../../primitives/Search/Search.js";
+import { Table as xe, TableHead as Ne, TableColumn as D, TableBody as Se, TableRow as O, TableCell as N } from "../../primitives/Table/Table.js";
+import { IconChevronDown as ye } from "../../icons/IconChevronDown.js";
+import { IconChevronRight as ve } from "../../icons/IconChevronRight.js";
+import { Pagination as Ce } from "../../primitives/Pagination/Pagination.js";
+import { PermissionGate as Me } from "../../primitives/PermissionGate/PermissionGate.js";
+import { Flex as Re } from "../../layout/Flex/Flex.js";
+const ke = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" });
+function Pe(n, r) {
+  return n == null || r == null ? n == null ? r == null ? 0 : 1 : -1 : n instanceof Date && r instanceof Date ? n.getTime() - r.getTime() : typeof n == "number" && typeof r == "number" ? n - r : ke.compare(String(n), String(r));
 }
-function Ce(n, l, d) {
-  const o = l.sortValue ?? ((u) => u[l.key]), S = d === "descending" ? -1 : 1;
-  return [...n].sort((u, p) => ve(o(u), o(p)) * S);
+function Te(n, r, d) {
+  const o = r.sortValue ?? ((u) => u[r.key]), S = d === "descending" ? -1 : 1;
+  return [...n].sort((u, f) => Pe(o(u), o(f)) * S);
 }
-function Me({
+function Le({
   action: n,
-  item: l
+  item: r
 }) {
   const d = n.isAllowed !== !1, o = /* @__PURE__ */ t(
     "button",
@@ -27,195 +28,209 @@ function Me({
       className: "data-table-row-action-btn",
       "aria-label": n.label,
       disabled: !d,
-      onClick: d ? () => n.onPress(l) : void 0,
+      onClick: d ? () => n.onPress(r) : void 0,
       children: n.icon
     }
   );
-  return d ? o : /* @__PURE__ */ t(Ne, { isAllowed: !1, noAccessLabel: n.noAccessLabel ?? "", children: o });
+  return d ? o : /* @__PURE__ */ t(Me, { isAllowed: !1, noAccessLabel: n.noAccessLabel ?? "", children: o });
 }
-function ke({
+function De({
   columns: n,
-  data: l,
+  data: r,
   actions: d,
   rowActions: o,
   rowActionsLabel: S = "",
   selectable: u = !1,
-  selectionType: p = "checkbox",
-  grid: O = !1,
+  selectionType: f = "checkbox",
   selectedKeys: Q,
   onSelectionChange: z,
   defaultSortDescriptor: J,
   sortDescriptor: U,
   onSortChange: y,
-  searchPlaceholder: W = "Search...",
+  ariaLabel: W,
+  dense: X,
+  striped: Y,
+  maxHeight: E,
+  searchPlaceholder: Z = "Search...",
   searchKeys: v = [],
-  isLoading: X = !1,
-  loadingMessage: E = "Loading...",
-  emptyMessage: Y = "No records found",
-  previousLabel: Z = "Previous",
-  nextLabel: _ = "Next",
-  pageSize: g = 10,
+  isLoading: _ = !1,
+  loadingMessage: H = "Loading...",
+  emptyMessage: A = "No records found",
+  previousLabel: K = "Previous",
+  nextLabel: ee = "Next",
+  pageSize: m = 10,
   nestedColumns: I,
   getNestedData: j,
-  nestedLoadingMessage: A = "Loading...",
-  nestedEmptyMessage: K = "No records found",
-  nestedSearchKeys: ee,
-  nestedSearchPlaceholder: ae,
+  nestedLoadingMessage: ae = "Loading...",
+  nestedEmptyMessage: te = "No records found",
+  nestedSearchKeys: ne,
+  nestedSearchPlaceholder: re,
   nestedActions: C,
-  nestedPageSize: te
+  nestedPageSize: le
 }) {
-  const [M, ne] = f(""), [le, k] = f(1), [re, se] = f(J), c = U ?? re, [B, oe] = f(/* @__PURE__ */ new Set()), [F, m] = f(/* @__PURE__ */ new Map()), P = !!j && !!I, T = !!o;
-  function H(e, a) {
-    oe((s) => {
+  const [M, se] = p(""), [oe, R] = p(1), [ie, de] = p(J), c = U ?? ie, [B, ce] = p(/* @__PURE__ */ new Set()), [F, b] = p(/* @__PURE__ */ new Map()), k = !!j && !!I, P = !!o;
+  function V(e, a) {
+    ce((s) => {
       const i = new Set(s);
       return a ? i.add(e) : i.delete(e), i;
     });
   }
-  function ie(e) {
+  function ue(e) {
     const a = e.id, s = !B.has(a);
-    if (H(a, s), !s || F.has(a)) return;
+    if (V(a, s), !s || F.has(a)) return;
     const i = j(e);
-    i instanceof Promise ? (m((r) => new Map(r).set(a, { status: "loading", data: [] })), i.then(
-      (r) => {
-        m((x) => new Map(x).set(a, { status: "loaded", data: r }));
+    i instanceof Promise ? (b((l) => new Map(l).set(a, { status: "loading", data: [] })), i.then(
+      (l) => {
+        b((x) => new Map(x).set(a, { status: "loaded", data: l }));
       },
       () => {
-        m((r) => {
-          const x = new Map(r);
+        b((l) => {
+          const x = new Map(l);
           return x.delete(a), x;
-        }), H(a, !1);
+        }), V(a, !1);
       }
-    )) : m((r) => new Map(r).set(a, { status: "loaded", data: i }));
+    )) : b((l) => new Map(l).set(a, { status: "loaded", data: i }));
   }
-  const b = v.length > 0, de = b || !!d, w = q(() => {
-    if (!M.trim() || !b) return l;
+  const g = v.length > 0, he = n.some((e) => e.isRowHeader), pe = g || !!d, w = G(() => {
+    if (!M.trim() || !g) return r;
     const e = M.toLowerCase();
-    return l.filter(
+    return r.filter(
       (a) => v.some(
         (s) => String(a[s] ?? "").toLowerCase().includes(e)
       )
     );
-  }, [l, M, v, b]), R = n.find((e) => e.sortable && String(e.key) === String(c == null ? void 0 : c.column)), V = q(
-    () => R && c ? Ce(w, R, c.direction) : w,
-    [w, R, c]
+  }, [r, M, v, g]), T = n.find((e) => e.sortable && String(e.key) === String(c == null ? void 0 : c.column)), $ = G(
+    () => T && c ? Te(w, T, c.direction) : w,
+    [w, T, c]
   );
-  function ce(e) {
-    se(e), k(1), y == null || y(e);
+  function fe(e) {
+    de(e), R(1), y == null || y(e);
   }
-  const $ = Math.max(1, Math.ceil(V.length / g)), L = Math.min(le, $), ue = V.slice(
-    (L - 1) * g,
-    L * g
+  const q = Math.max(1, Math.ceil($.length / m)), L = Math.min(oe, q), me = $.slice(
+    (L - 1) * m,
+    L * m
   );
-  function he(e, a) {
+  function be(e, a) {
     return a.render ? a.render(e) : String(e[a.key] ?? "");
   }
-  return /* @__PURE__ */ h(Se, { direction: "column", gap: "300", className: "data-table", children: [
-    de && /* @__PURE__ */ h("div", { className: "data-table-toolbar", children: [
-      b && /* @__PURE__ */ t(
-        fe,
-        {
-          placeholder: W,
-          onSearch: (e) => {
-            ne(e), k(1);
-          },
-          className: "data-table-search"
-        }
-      ),
-      d && /* @__PURE__ */ t("div", { className: "data-table-actions", children: d })
-    ] }),
-    X ? /* @__PURE__ */ t(
-      "div",
-      {
-        role: "status",
-        "aria-live": "polite",
-        "aria-label": E,
-        className: "data-table-status",
-        children: E
-      }
-    ) : w.length === 0 ? /* @__PURE__ */ t("div", { role: "status", className: "data-table-status data-table-empty", children: Y }) : /* @__PURE__ */ h(
-      pe,
-      {
-        selectionMode: u ? p === "radio" ? "single" : "multiple" : "none",
-        selectionType: p,
-        grid: O,
-        selectedKeys: Q,
-        onSelectionChange: z,
-        sortDescriptor: c,
-        onSortChange: ce,
-        children: [
-          /* @__PURE__ */ h(ge, { children: [
-            P && /* @__PURE__ */ t(D, { className: "data-table-expand-col" }),
-            n.map((e, a) => /* @__PURE__ */ t(
-              D,
-              {
-                id: String(e.key),
-                align: e.align,
-                allowsSorting: e.sortable,
-                isRowHeader: a === 0,
-                children: e.label
+  return /* @__PURE__ */ h(
+    Re,
+    {
+      direction: "column",
+      gap: "300",
+      className: ge("data-table", E !== void 0 && "data-table--fill"),
+      children: [
+        pe && /* @__PURE__ */ h("div", { className: "data-table-toolbar", children: [
+          g && /* @__PURE__ */ t(
+            we,
+            {
+              placeholder: Z,
+              onSearch: (e) => {
+                se(e), R(1);
               },
-              String(e.key)
-            )),
-            T && /* @__PURE__ */ t(D, { align: "right", className: "data-table-row-actions-col", children: S })
-          ] }),
-          /* @__PURE__ */ t(me, { children: ue.flatMap((e) => {
-            const a = B.has(e.id), s = F.get(e.id), i = [
-              /* @__PURE__ */ h(G, { id: e.id, children: [
-                P && /* @__PURE__ */ t(N, { className: "data-table-expand-cell", children: /* @__PURE__ */ t(
-                  "button",
+              className: "data-table-search"
+            }
+          ),
+          d && /* @__PURE__ */ t("div", { className: "data-table-actions", children: d })
+        ] }),
+        _ ? /* @__PURE__ */ t(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-label": H,
+            className: "data-table-status",
+            children: H
+          }
+        ) : w.length === 0 ? /* @__PURE__ */ t("div", { role: "status", className: "data-table-status data-table-empty", children: A }) : /* @__PURE__ */ h(
+          xe,
+          {
+            "aria-label": W,
+            dense: X,
+            striped: Y,
+            maxHeight: E,
+            selectionMode: u ? f === "radio" ? "single" : "multiple" : "none",
+            selectionType: f,
+            selectedKeys: Q,
+            onSelectionChange: z,
+            sortDescriptor: c,
+            onSortChange: fe,
+            children: [
+              /* @__PURE__ */ h(Ne, { children: [
+                k && /* @__PURE__ */ t(D, { className: "data-table-expand-col" }),
+                n.map((e, a) => /* @__PURE__ */ t(
+                  D,
                   {
-                    type: "button",
-                    className: "data-table-expand-btn",
-                    "aria-label": a ? "Collapse row" : "Expand row",
-                    "aria-expanded": a,
-                    onClick: () => ie(e),
-                    children: a ? /* @__PURE__ */ t(be, { size: "16" }) : /* @__PURE__ */ t(we, { size: "16" })
-                  }
-                ) }),
-                n.map((r) => /* @__PURE__ */ t(N, { align: r.align, children: he(e, r) }, String(r.key))),
-                T && /* @__PURE__ */ t(N, { align: "right", className: "data-table-row-actions-cell", children: /* @__PURE__ */ t("div", { className: "data-table-row-actions", children: (typeof o == "function" ? o(e) : o).map((r) => /* @__PURE__ */ t(Me, { action: r, item: e }, r.key)) }) })
-              ] }, e.id)
-            ];
-            return a && i.push(
-              /* @__PURE__ */ t(G, { id: `${e.id}-nested`, className: "data-table-nested-row", children: /* @__PURE__ */ t(
-                N,
-                {
-                  colSpan: n.length + (P ? 1 : 0) + (u ? 1 : 0) + (T ? 1 : 0),
-                  className: "data-table-nested-cell",
-                  children: /* @__PURE__ */ t(
-                    ke,
+                    id: String(e.key),
+                    align: e.align,
+                    allowsSorting: e.sortable,
+                    isRowHeader: he ? e.isRowHeader : a === 0,
+                    children: e.label
+                  },
+                  String(e.key)
+                )),
+                P && /* @__PURE__ */ t(D, { align: "right", className: "data-table-row-actions-col", children: S })
+              ] }),
+              /* @__PURE__ */ t(Se, { children: me.flatMap((e) => {
+                const a = B.has(e.id), s = F.get(e.id), i = [
+                  /* @__PURE__ */ h(O, { id: e.id, children: [
+                    k && /* @__PURE__ */ t(N, { className: "data-table-expand-cell", children: /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: "data-table-expand-btn",
+                        "aria-label": a ? "Collapse row" : "Expand row",
+                        "aria-expanded": a,
+                        onClick: () => ue(e),
+                        children: a ? /* @__PURE__ */ t(ye, { size: "16" }) : /* @__PURE__ */ t(ve, { size: "16" })
+                      }
+                    ) }),
+                    n.map((l) => /* @__PURE__ */ t(N, { align: l.align, children: be(e, l) }, String(l.key))),
+                    P && /* @__PURE__ */ t(N, { align: "right", className: "data-table-row-actions-cell", children: /* @__PURE__ */ t("div", { className: "data-table-row-actions", children: (typeof o == "function" ? o(e) : o).map((l) => /* @__PURE__ */ t(Le, { action: l, item: e }, l.key)) }) })
+                  ] }, e.id)
+                ];
+                return a && i.push(
+                  /* @__PURE__ */ t(O, { id: `${e.id}-nested`, className: "data-table-nested-row", children: /* @__PURE__ */ t(
+                    N,
                     {
-                      columns: I,
-                      data: (s == null ? void 0 : s.data) ?? [],
-                      isLoading: !s || s.status === "loading",
-                      loadingMessage: A,
-                      emptyMessage: K,
-                      searchKeys: ee,
-                      searchPlaceholder: ae,
-                      actions: C == null ? void 0 : C(e),
-                      pageSize: te ?? g
+                      colSpan: n.length + (k ? 1 : 0) + (u ? 1 : 0) + (P ? 1 : 0),
+                      className: "data-table-nested-cell",
+                      children: /* @__PURE__ */ t(
+                        De,
+                        {
+                          columns: I,
+                          data: (s == null ? void 0 : s.data) ?? [],
+                          isLoading: !s || s.status === "loading",
+                          loadingMessage: ae,
+                          emptyMessage: te,
+                          searchKeys: ne,
+                          searchPlaceholder: re,
+                          actions: C == null ? void 0 : C(e),
+                          pageSize: le ?? m
+                        }
+                      )
                     }
-                  )
-                }
-              ) }, `${e.id}-nested`)
-            ), i;
-          }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      xe,
-      {
-        page: L,
-        totalPages: $,
-        onPageChange: k,
-        previousLabel: Z,
-        nextLabel: _
-      }
-    )
-  ] });
+                  ) }, `${e.id}-nested`)
+                ), i;
+              }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          Ce,
+          {
+            page: L,
+            totalPages: q,
+            onPageChange: R,
+            previousLabel: K,
+            nextLabel: ee
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  ke as DataTable
+  De as DataTable
 };
 //# sourceMappingURL=DataTable.js.map