@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/data-display/Table/Table.js

@@ -1,21 +1,22 @@
-import { jsxs as N, jsx as o, Fragment as se } from "react/jsx-runtime";
-import { useId as le, useState as k, useCallback as R, useMemo as ae, createContext as K, useEffect as H, useContext as S, useLayoutEffect as re, Fragment as ie, Children as ce, isValidElement as de } from "react";
-import { useMergedRefs as ue } from "../../../hooks/useMergedRefs.js";
+import { jsxs as N, jsx as o, Fragment as le } from "react/jsx-runtime";
+import { useId as re, useState as k, useCallback as I, useMemo as ae, createContext as H, useEffect as O, useContext as R, useLayoutEffect as ie, Fragment as ce, Children as de, isValidElement as ue } from "react";
+import { useMergedRefs as me } from "../../../hooks/useMergedRefs.js";
 import e from "./Table.module.css.js";
-import { useSelection as me } from "../../../hooks/useSelection/useSelection.js";
-import { IconArrowUp as he, IconChevronExpand as fe, IconQuestionCircle as be } from "../../icons/icons.js";
-import { EmptyState as pe } from "../../feedback/EmptyState/EmptyState.js";
-import { Tooltip as ge } from "../../overlays/Tooltip/Tooltip.js";
-const O = K(void 0), A = K(void 0);
-function F(i) {
-  return ce.toArray(i).map((s, n) => /* @__PURE__ */ o(A.Provider, { value: n, children: s }, de(s) && s.key !== null ? s.key : n));
+import { useSelection as he } from "../../../hooks/useSelection/useSelection.js";
+import { IconArrowUp as fe, IconChevronExpand as be, IconQuestionCircle as pe } from "../../icons/icons.js";
+import { Skeleton as z } from "../../feedback/Skeleton/Skeleton.js";
+import { EmptyState as ge } from "../../feedback/EmptyState/EmptyState.js";
+import { Tooltip as ye } from "../../overlays/Tooltip/Tooltip.js";
+const F = H(void 0), A = H(void 0);
+function P(i) {
+  return de.toArray(i).map((s, n) => /* @__PURE__ */ o(A.Provider, { value: n, children: s }, ue(s) && s.key !== null ? s.key : n));
 }
-function z(i, s, n) {
-  const r = [...i];
-  return r[s] = n, r;
+function K(i, s, n) {
+  const a = [...i];
+  return a[s] = n, a;
 }
 function T(i) {
-  const s = S(O);
+  const s = R(F);
   if (!s)
     throw new Error(i + " deve ser usado dentro de Table.");
   return s;
@@ -24,10 +25,10 @@ function j({
   children: i,
   className: s,
   defaultSelectedIds: n,
-  defaultSort: r,
+  defaultSort: a,
   divider: u = !0,
   highlightSelectedRow: l = !0,
-  label: a,
+  label: r,
   loading: m = !1,
   loadingMessage: f = "Carregando",
   onSelectionChange: b,
@@ -38,50 +39,50 @@ function j({
   selectionMode: p = "none",
   size: C = "md",
   sort: E,
-  stickyHeader: I = !1,
-  striped: P = !1,
-  ref: W,
-  ...q
+  stickyHeader: S = !1,
+  striped: W = !1,
+  ref: q,
+  ...$
 }) {
-  const $ = le(), [D, Q] = k(r), [U, B] = k(() => /* @__PURE__ */ new Set()), x = E ?? D, _ = y ?? (p === "single" ? "radio" : "checkbox"), [V, G] = k(!0), J = R((t) => {
+  const D = re(), [Q, U] = k(a), [V, B] = k(() => /* @__PURE__ */ new Set()), x = E ?? Q, _ = y ?? (p === "single" ? "radio" : "checkbox"), [G, J] = k(!0), M = I((t) => {
     if (!t || typeof ResizeObserver > "u")
       return;
     const d = new ResizeObserver(
-      () => G(
+      () => J(
         t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight
       )
     );
     return d.observe(t), t.firstElementChild && d.observe(t.firstElementChild), () => d.disconnect();
-  }, []), M = ue(I ? J : void 0, W), X = R((t) => (B((d) => new Set(d).add(t)), () => B((d) => {
+  }, []), X = me(S ? M : void 0, q), Y = I((t) => (B((d) => new Set(d).add(t)), () => B((d) => {
     const v = new Set(d);
     return v.delete(t), v;
-  })), []), [Y, L] = k([]), Z = R((t, d) => (L((v) => z(v, t, d)), () => L((v) => z(v, t, void 0))), []);
-  function ee(t) {
+  })), []), [Z, L] = k([]), ee = I((t, d) => (L((v) => K(v, t, d)), () => L((v) => K(v, t, void 0))), []);
+  function te(t) {
     const d = {
       column: t,
       direction: (x == null ? void 0 : x.column) === t && x.direction === "ascending" ? "descending" : "ascending"
     };
-    E === void 0 && Q(d), g == null || g(d);
+    E === void 0 && U(d), g == null || g(d);
   }
-  const te = ae(
+  const oe = ae(
     () => h.map((t) => ({ key: t.id, disabled: t.disabled })),
     [h]
-  ), w = me({
+  ), w = he({
     // Caixa e chave desmarcam ao clicar de novo; o radio, nao.
     allowEmpty: _ !== "radio",
     defaultSelectedKeys: n,
-    items: te,
+    items: oe,
     mode: p,
     selectedKeys: c,
     onSelectionChange: (t) => b == null ? void 0 : b([...t])
-  }), oe = {
-    baseId: $,
-    columnAt: (t) => Y[t],
-    countColumns: () => Math.max(U.size, 1),
+  }), ne = {
+    baseId: D,
+    columnAt: (t) => Z[t],
+    countColumns: () => Math.max(V.size, 1),
     loading: m,
-    registerColumn: X,
-    registerLayout: Z,
-    requestSort: ee,
+    registerColumn: Y,
+    registerLayout: ee,
+    requestSort: te,
     selection: {
       control: _,
       empty: h.length === 0,
@@ -100,29 +101,29 @@ function j({
     },
     size: C,
     sort: x
-  }, ne = [
+  }, se = [
     e.table,
     e[C],
     u && e.divider,
-    P && e.striped,
-    I && e.sticky
+    W && e.striped,
+    S && e.sticky
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ N(
     "div",
     {
-      ...q,
-      className: [e.scroll, I && !V && e.noScroll, s].filter(Boolean).join(" "),
-      ref: M,
+      ...$,
+      className: [e.scroll, S && !G && e.noScroll, s].filter(Boolean).join(" "),
+      ref: X,
       children: [
-        /* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label": a, className: ne, children: /* @__PURE__ */ o(O.Provider, { value: oe, children: i }) }),
+        /* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label": r, className: se, children: /* @__PURE__ */ o(F.Provider, { value: ne, children: i }) }),
         m && /* @__PURE__ */ o("p", { className: e.status, role: "status", children: f })
       ]
     }
   );
 }
-function ye({ children: i }) {
+function Ne({ children: i }) {
   const { registerColumn: s, selection: n } = T("Table.Header");
-  return H(() => n.mode === "none" ? void 0 : s("__selecao__"), [s, n.mode]), /* @__PURE__ */ o("thead", { className: e.head, children: /* @__PURE__ */ N("tr", { children: [
+  return O(() => n.mode === "none" ? void 0 : s("__selecao__"), [s, n.mode]), /* @__PURE__ */ o("thead", { className: e.head, children: /* @__PURE__ */ N("tr", { children: [
     n.mode === "multiple" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col", children: /* @__PURE__ */ o(
       "input",
       {
@@ -131,77 +132,77 @@ function ye({ children: i }) {
         className: e.checkbox,
         disabled: n.empty,
         onChange: n.toggleAll,
-        ref: (r) => {
-          r && (r.indeterminate = n.status === "partial");
+        ref: (a) => {
+          a && (a.indeterminate = n.status === "partial");
         },
         type: "checkbox"
       }
     ) }),
     n.mode === "single" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col" }),
-    F(i)
+    P(i)
   ] }) });
 }
-function Ne({ align: i, children: s, help: n, hideBelow: r, id: u, numeric: l = !1, sortable: a = !1, width: m }) {
-  const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c = S(A), y = i ?? (l ? "end" : "start");
-  H(() => f(u), [u, f]), re(
-    () => c === void 0 ? void 0 : b(c, { align: y, hideBelow: r, numeric: l }),
-    [y, r, c, l, b]
+function ve({ align: i, children: s, help: n, hideBelow: a, id: u, numeric: l = !1, sortable: r = !1, width: m }) {
+  const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c = R(A), y = i ?? (l ? "end" : "start");
+  O(() => f(u), [u, f]), ie(
+    () => c === void 0 ? void 0 : b(c, { align: y, hideBelow: a, numeric: l }),
+    [y, a, c, l, b]
   );
-  const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(ge, { content: n, children: /* @__PURE__ */ o("span", { "aria-label": n, className: e.help, role: "img", tabIndex: 0, children: /* @__PURE__ */ o(be, { size: 14 }) }) });
+  const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(ye, { content: n, children: /* @__PURE__ */ o("span", { "aria-label": n, className: e.help, role: "img", tabIndex: 0, children: /* @__PURE__ */ o(pe, { size: 14 }) }) });
   return /* @__PURE__ */ o(
     "th",
     {
-      "aria-sort": a ? p ?? "none" : void 0,
-      className: [e.column, e[y], a && e.sortable].filter(Boolean).join(" "),
-      "data-hide-below": r,
+      "aria-sort": r ? p ?? "none" : void 0,
+      className: [e.column, e[y], r && e.sortable].filter(Boolean).join(" "),
+      "data-hide-below": a,
       scope: "col",
       style: { width: m },
-      children: a ? /* @__PURE__ */ N("div", { className: e.sortHeader, children: [
+      children: r ? /* @__PURE__ */ N("div", { className: e.sortHeader, children: [
         /* @__PURE__ */ N("button", { className: e.sortButton, onClick: () => g(u), type: "button", children: [
           s,
           p ? /* @__PURE__ */ o(
-            he,
+            fe,
             {
               className: [e.sortIcon, p === "descending" && e.sortDescending].filter(Boolean).join(" "),
               size: 12
             }
-          ) : /* @__PURE__ */ o(fe, { className: e.sortIcon, size: 12 })
+          ) : /* @__PURE__ */ o(be, { className: e.sortIcon, size: 12 })
         ] }),
         C
-      ] }) : /* @__PURE__ */ N(se, { children: [
+      ] }) : /* @__PURE__ */ N(le, { children: [
         s,
         C
       ] })
     }
   );
 }
-const ve = 3;
-function Ce({
+const Ce = 3;
+function xe({
   children: i,
   emptyDescription: s = "Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.",
   emptyTitle: n = "Nenhum registro encontrado",
-  items: r
+  items: a
 }) {
-  const { columnAt: u, countColumns: l, loading: a, selection: m } = T("Table.Body");
-  if (a) {
-    const f = Array.from({ length: r.length || ve }, (h, c) => c), b = m.mode === "none" ? 0 : 1, g = Array.from({ length: l() - b }, (h, c) => u(c));
+  const { columnAt: u, countColumns: l, loading: r, selection: m } = T("Table.Body");
+  if (r) {
+    const f = Array.from({ length: a.length || Ce }, (h, c) => c), b = m.mode === "none" ? 0 : 1, g = Array.from({ length: l() - b }, (h, c) => u(c));
     return /* @__PURE__ */ o("tbody", { "aria-hidden": "true", children: f.map((h) => /* @__PURE__ */ N("tr", { className: [e.row, e.skeletonRow].join(" "), children: [
-      b > 0 && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o("span", { className: e.skeleton }) }),
-      g.map((c, y) => /* @__PURE__ */ o("td", { className: [e.cell, e[(c == null ? void 0 : c.align) ?? "start"]].join(" "), "data-hide-below": c == null ? void 0 : c.hideBelow, children: /* @__PURE__ */ o("span", { className: e.skeleton }) }, y))
+      b > 0 && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(z, { className: e.skeleton }) }),
+      g.map((c, y) => /* @__PURE__ */ o("td", { className: [e.cell, e[(c == null ? void 0 : c.align) ?? "start"]].join(" "), "data-hide-below": c == null ? void 0 : c.hideBelow, children: /* @__PURE__ */ o(z, { className: e.skeleton }) }, y))
     ] }, h)) });
   }
-  return r.length === 0 ? /* @__PURE__ */ o("tbody", { children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { className: e.empty, colSpan: l(), children: /* @__PURE__ */ o(pe, { description: s, title: n }) }) }) }) : /* @__PURE__ */ o("tbody", { children: r.map((f) => /* @__PURE__ */ o(ie, { children: i(f) }, f.id)) });
+  return a.length === 0 ? /* @__PURE__ */ o("tbody", { children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { className: e.empty, colSpan: l(), children: /* @__PURE__ */ o(ge, { description: s, title: n }) }) }) }) : /* @__PURE__ */ o("tbody", { children: a.map((f) => /* @__PURE__ */ o(ce, { children: i(f) }, f.id)) });
 }
-function xe({ children: i, disabled: s = !1, id: n, label: r }) {
-  const { baseId: u, selection: l } = T("Table.Row"), a = l.mode !== "none" && l.isSelected(n);
+function we({ children: i, disabled: s = !1, id: n, label: a }) {
+  const { baseId: u, selection: l } = T("Table.Row"), r = l.mode !== "none" && l.isSelected(n);
   return (
     // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.
-    /* @__PURE__ */ N("tr", { className: [e.row, a && l.highlight && e.selected].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ N("tr", { className: [e.row, r && l.highlight && e.selected].filter(Boolean).join(" "), children: [
       l.mode !== "none" && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(
         "input",
         {
-          "aria-label": r ?? "Selecionar linha",
-          checked: a,
+          "aria-label": a ?? "Selecionar linha",
+          checked: r,
           className: e[l.control],
           disabled: s,
           name: l.control === "radio" ? `${u}-selecao` : void 0,
@@ -212,26 +213,26 @@ function xe({ children: i, disabled: s = !1, id: n, label: r }) {
           type: l.control === "radio" ? "radio" : "checkbox"
         }
       ) }),
-      F(i)
+      P(i)
     ] })
   );
 }
-function we({ align: i, children: s, hideBelow: n, numeric: r }) {
-  const { columnAt: u } = T("Table.Cell"), l = S(A), a = l === void 0 ? void 0 : u(l), m = r ?? (a == null ? void 0 : a.numeric) ?? !1;
+function Te({ align: i, children: s, hideBelow: n, numeric: a }) {
+  const { columnAt: u } = T("Table.Cell"), l = R(A), r = l === void 0 ? void 0 : u(l), m = a ?? (r == null ? void 0 : r.numeric) ?? !1;
   return /* @__PURE__ */ o(
     "td",
     {
-      className: [e.cell, e[i ?? (a == null ? void 0 : a.align) ?? (m ? "end" : "start")], m && e.numeric].filter(Boolean).join(" "),
-      "data-hide-below": n ?? (a == null ? void 0 : a.hideBelow),
+      className: [e.cell, e[i ?? (r == null ? void 0 : r.align) ?? (m ? "end" : "start")], m && e.numeric].filter(Boolean).join(" "),
+      "data-hide-below": n ?? (r == null ? void 0 : r.hideBelow),
       children: s
     }
   );
 }
-j.Header = ye;
-j.Column = Ne;
-j.Body = Ce;
-j.Row = xe;
-j.Cell = we;
+j.Header = Ne;
+j.Column = ve;
+j.Body = xe;
+j.Row = we;
+j.Cell = Te;
 export {
   j as Table
 };

package/dist/components/data-display/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  type ComponentPropsWithRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './Table.module.css';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { IconArrowUp, IconChevronExpand, IconQuestionCircle } from '../../icons';\n\nexport type TableSize = 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\nexport type TableBreakpoint = 'sm' | 'md' | 'lg';\nexport type SortDirection = 'ascending' | 'descending';\nexport type TableSelectionMode = 'none' | 'single' | 'multiple';\nexport type TableSelectionControl = 'checkbox' | 'radio' | 'toggle';\n\nexport interface TableRowItem {\n  disabled?: boolean;\n  id: string;\n}\n\nexport interface TableSort {\n  column: string;\n  direction: SortDirection;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<'div'> {\n  children: ReactNode;\n  /** Escolha inicial no modo nao controlado. */\n  defaultSelectedIds?: readonly string[];\n  defaultSort?: TableSort;\n  divider?: boolean;\n  label?: string;\n  loading?: boolean;\n  loadingMessage?: string;\n  highlightSelectedRow?: boolean;\n  onSelectionChange?: (ids: readonly string[]) => void;\n  onSortChange?: (sort: TableSort) => void;\n  rows?: readonly TableRowItem[];\n  selectedIds?: readonly string[];\n  selectionControl?: TableSelectionControl;\n  selectionMode?: TableSelectionMode;\n  size?: TableSize;\n  sort?: TableSort;\n  /** Cabecalho colado no topo da rolagem da pagina; com a tabela mais larga ou mais alta que o espaco, no dela. */\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\n/** O que a celula herda da coluna na mesma posicao, quando nao declara o proprio. */\ninterface ColumnLayout {\n  align: TableAlign;\n  hideBelow?: TableBreakpoint;\n  numeric: boolean;\n}\n\ninterface TableContextValue {\n  baseId: string;\n  columnAt: (index: number) => ColumnLayout | undefined;\n  countColumns: () => number;\n  loading: boolean;\n  registerColumn: (id: string) => () => void;\n  registerLayout: (index: number, layout: ColumnLayout) => () => void;\n  requestSort: (column: string) => void;\n  selection: TableSelection;\n  size: TableSize;\n  sort?: TableSort;\n}\n\ninterface TableSelection {\n  control: TableSelectionControl;\n  empty: boolean;\n  highlight: boolean;\n  isSelected: (id: string) => boolean;\n  mode: TableSelectionMode;\n  status: 'none' | 'partial' | 'all';\n  toggle: (id: string, extend: boolean) => void;\n  toggleAll: () => void;\n}\n\nconst TableContext = createContext<TableContextValue | undefined>(undefined);\n\n/** Posicao do filho no cabecalho ou na linha: e por ela que a celula acha a sua coluna. */\nconst ColumnIndexContext = createContext<number | undefined>(undefined);\n\nfunction withColumnIndex(children: ReactNode) {\n  return Children.toArray(children).map((child, index) => (\n    <ColumnIndexContext.Provider key={isValidElement(child) && child.key !== null ? child.key : index} value={index}>\n      {child}\n    </ColumnIndexContext.Provider>\n  ));\n}\n\nfunction withLayout(\n  layouts: readonly (ColumnLayout | undefined)[],\n  index: number,\n  layout: ColumnLayout | undefined,\n): (ColumnLayout | undefined)[] {\n  const next = [...layouts];\n  next[index] = layout;\n  return next;\n}\n\nfunction useTableContext(part: string) {\n  const context = useContext(TableContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de Table.');\n  }\n\n  return context;\n}\n\nexport function Table({\n  children,\n  className,\n  defaultSelectedIds,\n  defaultSort,\n  divider = true,\n  highlightSelectedRow = true,\n  label,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onSelectionChange,\n  onSortChange,\n  rows = [],\n  selectedIds,\n  selectionControl,\n  selectionMode = 'none',\n  size = 'md',\n  sort,\n  stickyHeader = false,\n  striped = false,\n  ref,\n  ...props\n}: TableProps) {\n  const baseId = useId();\n  const [internalSort, setInternalSort] = useState(defaultSort);\n  const [columns, setColumns] = useState<ReadonlySet<string>>(() => new Set());\n  const currentSort = sort ?? internalSort;\n  const control = selectionControl ?? (selectionMode === 'single' ? 'radio' : 'checkbox');\n\n  // Rolar dentro da tabela e colar o cabecalho na rolagem da pagina se excluem em CSS: o envoltorio so\n  // continua conteiner de rolagem quando a tabela transborda dele.\n  const [precisaRolar, setPrecisaRolar] = useState(true);\n  const observarTransbordo = useCallback((envoltorio: HTMLDivElement | null) => {\n    if (!envoltorio || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observador = new ResizeObserver(() =>\n      setPrecisaRolar(\n        envoltorio.scrollWidth > envoltorio.clientWidth || envoltorio.scrollHeight > envoltorio.clientHeight,\n      ),\n    );\n\n    observador.observe(envoltorio);\n\n    if (envoltorio.firstElementChild) {\n      observador.observe(envoltorio.firstElementChild);\n    }\n\n    return () => observador.disconnect();\n  }, []);\n  const envoltorioRef = useMergedRefs(stickyHeader ? observarTransbordo : undefined, ref);\n\n  // A coluna se registra enquanto esta na tela e sai quando sai: registrada para sempre, o vazio ocupava colunas\n  // que nao existiam mais.\n  const registerColumn = useCallback((id: string) => {\n    setColumns((atuais) => new Set(atuais).add(id));\n\n    return () =>\n      setColumns((atuais) => {\n        const restantes = new Set(atuais);\n        restantes.delete(id);\n        return restantes;\n      });\n  }, []);\n\n  const [layouts, setLayouts] = useState<readonly (ColumnLayout | undefined)[]>([]);\n  const registerLayout = useCallback((index: number, layout: ColumnLayout) => {\n    setLayouts((atuais) => withLayout(atuais, index, layout));\n\n    return () => setLayouts((atuais) => withLayout(atuais, index, undefined));\n  }, []);\n\n  function requestSort(column: string) {\n    const next: TableSort = {\n      column,\n      direction:\n        currentSort?.column === column && currentSort.direction === 'ascending' ? 'descending' : 'ascending',\n    };\n\n    if (sort === undefined) {\n      setInternalSort(next);\n    }\n\n    onSortChange?.(next);\n  }\n\n  const collection = useMemo<SelectionItem[]>(\n    () => rows.map((row) => ({ key: row.id, disabled: row.disabled })),\n    [rows],\n  );\n\n  const selection = useSelection({\n    // Caixa e chave desmarcam ao clicar de novo; o radio, nao.\n    allowEmpty: control !== 'radio',\n    defaultSelectedKeys: defaultSelectedIds,\n    items: collection,\n    mode: selectionMode,\n    selectedKeys: selectedIds,\n    onSelectionChange: (keys) => onSelectionChange?.([...keys]),\n  });\n\n  const context: TableContextValue = {\n    baseId,\n    columnAt: (index) => layouts[index],\n    countColumns: () => Math.max(columns.size, 1),\n    loading,\n    registerColumn,\n    registerLayout,\n    requestSort,\n    selection: {\n      control,\n      empty: rows.length === 0,\n      highlight: highlightSelectedRow,\n      isSelected: (id) => selection.selectedKeys.has(id),\n      mode: selectionMode,\n      status: selection.status,\n      toggle: (id, extend) => {\n        if (extend && selectionMode === 'multiple') {\n          selection.selectRange(id);\n          return;\n        }\n\n        selection.select(id);\n      },\n      toggleAll: selection.toggleAll,\n    },\n    size,\n    sort: currentSort,\n  };\n\n  const classes = [\n    styles.table,\n    styles[size],\n    divider && styles.divider,\n    striped && styles.striped,\n    stickyHeader && styles.sticky,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      {...props}\n      className={[styles.scroll, stickyHeader && !precisaRolar && styles.noScroll, className].filter(Boolean).join(' ')}\n      ref={envoltorioRef}\n    >\n      <table aria-busy={loading || undefined} aria-label={label} className={classes}>\n        <TableContext.Provider value={context}>{children}</TableContext.Provider>\n      </table>\n      {loading && (\n        <p className={styles.status} role=\"status\">\n          {loadingMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport interface TableHeaderProps {\n  children: ReactNode;\n}\n\nfunction TableHeader({ children }: TableHeaderProps) {\n  const { registerColumn, selection } = useTableContext('Table.Header');\n\n  useEffect(() => (selection.mode === 'none' ? undefined : registerColumn('__selecao__')), [registerColumn, selection.mode]);\n\n  return (\n    <thead className={styles.head}>\n      <tr>\n        {selection.mode === 'multiple' && (\n          <th className={[styles.column, styles.lead].join(' ')} scope=\"col\">\n            {/* Sem `rows` nao ha o que marcar, e o clique so apagava a escolha que ja havia. */}\n            <input\n              aria-label=\"Selecionar todas as linhas\"\n              checked={selection.status === 'all'}\n              className={styles.checkbox}\n              disabled={selection.empty}\n              onChange={selection.toggleAll}\n              ref={(node) => {\n                if (node) {\n                  node.indeterminate = selection.status === 'partial';\n                }\n              }}\n              type=\"checkbox\"\n            />\n          </th>\n        )}\n        {selection.mode === 'single' && <th className={[styles.column, styles.lead].join(' ')} scope=\"col\" />}\n        {withColumnIndex(children)}\n      </tr>\n    </thead>\n  );\n}\n\nexport interface TableColumnProps {\n  align?: TableAlign;\n  children: ReactNode;\n  help?: string;\n  hideBelow?: TableBreakpoint;\n  id: string;\n  numeric?: boolean;\n  sortable?: boolean;\n  width?: string;\n}\n\nfunction TableColumn({ align, children, help, hideBelow, id, numeric = false, sortable = false, width }: TableColumnProps) {\n  const { registerColumn, registerLayout, requestSort, sort } = useTableContext('Table.Column');\n  const index = useContext(ColumnIndexContext);\n  const columnAlign = align ?? (numeric ? 'end' : 'start');\n\n  useEffect(() => registerColumn(id), [id, registerColumn]);\n\n  // Antes da pintura: com efeito comum, a celula aparecia um quadro alinhada a esquerda e so depois ia para o lado\n  // da coluna.\n  useLayoutEffect(\n    () => (index === undefined ? undefined : registerLayout(index, { align: columnAlign, hideBelow, numeric })),\n    [columnAlign, hideBelow, index, numeric, registerLayout],\n  );\n\n  const sorted = sort?.column === id ? sort.direction : undefined;\n\n  // A ajuda e focavel e fica fora do botao de ordenacao: controle dentro de controle nao e HTML valido.\n  const ajuda = help && (\n    <Tooltip content={help}>\n      <span aria-label={help} className={styles.help} role=\"img\" tabIndex={0}>\n        <IconQuestionCircle size={14} />\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <th\n      aria-sort={sortable ? sorted ?? 'none' : undefined}\n      className={[styles.column, styles[columnAlign], sortable && styles.sortable]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow}\n      scope=\"col\"\n      style={{ width }}\n    >\n      {sortable ? (\n        <div className={styles.sortHeader}>\n          <button className={styles.sortButton} onClick={() => requestSort(id)} type=\"button\">\n            {children}\n            {sorted ? (\n              <IconArrowUp\n                className={[styles.sortIcon, sorted === 'descending' && styles.sortDescending].filter(Boolean).join(' ')}\n                size={12}\n              />\n            ) : (\n              <IconChevronExpand className={styles.sortIcon} size={12} />\n            )}\n          </button>\n          {ajuda}\n        </div>\n      ) : (\n        <>\n          {children}\n          {ajuda}\n        </>\n      )}\n    </th>\n  );\n}\n\nexport interface TableBodyProps<T extends TableRowItem> {\n  children: (item: T) => ReactNode;\n  emptyDescription?: string;\n  emptyTitle?: string;\n  items: readonly T[];\n}\n\nconst SKELETON_ROWS = 3;\n\nfunction TableBody<T extends TableRowItem>({\n  children,\n  emptyDescription = 'Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.',\n  emptyTitle = 'Nenhum registro encontrado',\n  items,\n}: TableBodyProps<T>) {\n  const { columnAt, countColumns, loading, selection } = useTableContext('Table.Body');\n\n  if (loading) {\n    // Mantem a altura das linhas que ja estavam na tela, para a pagina nao pular quando a nova chegar.\n    const rows = Array.from({ length: items.length || SKELETON_ROWS }, (_, index) => index);\n    const leadCells = selection.mode === 'none' ? 0 : 1;\n    const columns = Array.from({ length: countColumns() - leadCells }, (_, index) => columnAt(index));\n\n    return (\n      <tbody aria-hidden=\"true\">\n        {rows.map((row) => (\n          <tr className={[styles.row, styles.skeletonRow].join(' ')} key={row}>\n            {leadCells > 0 && (\n              <td className={[styles.cell, styles.lead].join(' ')}>\n                <span className={styles.skeleton} />\n              </td>\n            )}\n            {columns.map((column, index) => (\n              <td className={[styles.cell, styles[column?.align ?? 'start']].join(' ')} data-hide-below={column?.hideBelow} key={index}>\n                <span className={styles.skeleton} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    );\n  }\n\n  if (items.length === 0) {\n    return (\n      <tbody>\n        <tr>\n          <td className={styles.empty} colSpan={countColumns()}>\n            <EmptyState description={emptyDescription} title={emptyTitle} />\n          </td>\n        </tr>\n      </tbody>\n    );\n  }\n\n  return (\n    <tbody>\n      {items.map((item) => (\n        <Fragment key={item.id}>{children(item)}</Fragment>\n      ))}\n    </tbody>\n  );\n}\n\nexport interface TableRowProps {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n  label?: string;\n}\n\nfunction TableRow({ children, disabled = false, id, label }: TableRowProps) {\n  const { baseId, selection } = useTableContext('Table.Row');\n  const selected = selection.mode !== 'none' && selection.isSelected(id);\n\n  return (\n    // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.\n    <tr className={[styles.row, selected && selection.highlight && styles.selected].filter(Boolean).join(' ')}>\n      {selection.mode !== 'none' && (\n        <td className={[styles.cell, styles.lead].join(' ')}>\n          <input\n            aria-label={label ?? 'Selecionar linha'}\n            checked={selected}\n            className={styles[selection.control]}\n            disabled={disabled}\n            name={selection.control === 'radio' ? `${baseId}-selecao` : undefined}\n            onChange={() => undefined}\n            onClick={(event) => selection.toggle(id, event.shiftKey)}\n            role={selection.control === 'toggle' ? 'switch' : undefined}\n            type={selection.control === 'radio' ? 'radio' : 'checkbox'}\n          />\n        </td>\n      )}\n      {withColumnIndex(children)}\n    </tr>\n  );\n}\n\n/** Sem valor proprio, `align`, `hideBelow` e `numeric` seguem a coluna da mesma posicao no cabecalho. */\nexport interface TableCellProps {\n  align?: TableAlign;\n  children?: ReactNode;\n  hideBelow?: TableBreakpoint;\n  numeric?: boolean;\n}\n\nfunction TableCell({ align, children, hideBelow, numeric }: TableCellProps) {\n  const { columnAt } = useTableContext('Table.Cell');\n  const index = useContext(ColumnIndexContext);\n  const column = index === undefined ? undefined : columnAt(index);\n  const isNumeric = numeric ?? column?.numeric ?? false;\n\n  return (\n    <td\n      className={[styles.cell, styles[align ?? column?.align ?? (isNumeric ? 'end' : 'start')], isNumeric && styles.numeric]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow ?? column?.hideBelow}\n    >\n      {children}\n    </td>\n  );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"names":["TableContext","createContext","ColumnIndexContext","withColumnIndex","children","Children","child","index","jsx","isValidElement","withLayout","layouts","layout","next","useTableContext","part","context","useContext","Table","className","defaultSelectedIds","defaultSort","divider","highlightSelectedRow","label","loading","loadingMessage","onSelectionChange","onSortChange","rows","selectedIds","selectionControl","selectionMode","size","sort","stickyHeader","striped","ref","props","baseId","useId","internalSort","setInternalSort","useState","columns","setColumns","currentSort","control","precisaRolar","setPrecisaRolar","observarTransbordo","useCallback","envoltorio","observador","envoltorioRef","useMergedRefs","registerColumn","id","atuais","restantes","setLayouts","registerLayout","requestSort","column","collection","useMemo","row","selection","useSelection","keys","extend","classes","styles","jsxs","TableHeader","useEffect","node","TableColumn","align","help","hideBelow","numeric","sortable","width","columnAlign","useLayoutEffect","sorted","ajuda","Tooltip","IconQuestionCircle","IconArrowUp","IconChevronExpand","Fragment","SKELETON_ROWS","TableBody","emptyDescription","emptyTitle","items","columnAt","countColumns","_","leadCells","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  type ComponentPropsWithRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './Table.module.css';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Skeleton } from '../../feedback/Skeleton';\nimport { IconArrowUp, IconChevronExpand, IconQuestionCircle } from '../../icons';\n\nexport type TableSize = 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\nexport type TableBreakpoint = 'sm' | 'md' | 'lg';\nexport type SortDirection = 'ascending' | 'descending';\nexport type TableSelectionMode = 'none' | 'single' | 'multiple';\nexport type TableSelectionControl = 'checkbox' | 'radio' | 'toggle';\n\nexport interface TableRowItem {\n  disabled?: boolean;\n  id: string;\n}\n\nexport interface TableSort {\n  column: string;\n  direction: SortDirection;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<'div'> {\n  children: ReactNode;\n  /** Escolha inicial no modo nao controlado. */\n  defaultSelectedIds?: readonly string[];\n  defaultSort?: TableSort;\n  divider?: boolean;\n  label?: string;\n  loading?: boolean;\n  loadingMessage?: string;\n  highlightSelectedRow?: boolean;\n  onSelectionChange?: (ids: readonly string[]) => void;\n  onSortChange?: (sort: TableSort) => void;\n  rows?: readonly TableRowItem[];\n  selectedIds?: readonly string[];\n  selectionControl?: TableSelectionControl;\n  selectionMode?: TableSelectionMode;\n  size?: TableSize;\n  sort?: TableSort;\n  /** Cabecalho colado no topo da rolagem da pagina; com a tabela mais larga ou mais alta que o espaco, no dela. */\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\n/** O que a celula herda da coluna na mesma posicao, quando nao declara o proprio. */\ninterface ColumnLayout {\n  align: TableAlign;\n  hideBelow?: TableBreakpoint;\n  numeric: boolean;\n}\n\ninterface TableContextValue {\n  baseId: string;\n  columnAt: (index: number) => ColumnLayout | undefined;\n  countColumns: () => number;\n  loading: boolean;\n  registerColumn: (id: string) => () => void;\n  registerLayout: (index: number, layout: ColumnLayout) => () => void;\n  requestSort: (column: string) => void;\n  selection: TableSelection;\n  size: TableSize;\n  sort?: TableSort;\n}\n\ninterface TableSelection {\n  control: TableSelectionControl;\n  empty: boolean;\n  highlight: boolean;\n  isSelected: (id: string) => boolean;\n  mode: TableSelectionMode;\n  status: 'none' | 'partial' | 'all';\n  toggle: (id: string, extend: boolean) => void;\n  toggleAll: () => void;\n}\n\nconst TableContext = createContext<TableContextValue | undefined>(undefined);\n\n/** Posicao do filho no cabecalho ou na linha: e por ela que a celula acha a sua coluna. */\nconst ColumnIndexContext = createContext<number | undefined>(undefined);\n\nfunction withColumnIndex(children: ReactNode) {\n  return Children.toArray(children).map((child, index) => (\n    <ColumnIndexContext.Provider key={isValidElement(child) && child.key !== null ? child.key : index} value={index}>\n      {child}\n    </ColumnIndexContext.Provider>\n  ));\n}\n\nfunction withLayout(\n  layouts: readonly (ColumnLayout | undefined)[],\n  index: number,\n  layout: ColumnLayout | undefined,\n): (ColumnLayout | undefined)[] {\n  const next = [...layouts];\n  next[index] = layout;\n  return next;\n}\n\nfunction useTableContext(part: string) {\n  const context = useContext(TableContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de Table.');\n  }\n\n  return context;\n}\n\nexport function Table({\n  children,\n  className,\n  defaultSelectedIds,\n  defaultSort,\n  divider = true,\n  highlightSelectedRow = true,\n  label,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onSelectionChange,\n  onSortChange,\n  rows = [],\n  selectedIds,\n  selectionControl,\n  selectionMode = 'none',\n  size = 'md',\n  sort,\n  stickyHeader = false,\n  striped = false,\n  ref,\n  ...props\n}: TableProps) {\n  const baseId = useId();\n  const [internalSort, setInternalSort] = useState(defaultSort);\n  const [columns, setColumns] = useState<ReadonlySet<string>>(() => new Set());\n  const currentSort = sort ?? internalSort;\n  const control = selectionControl ?? (selectionMode === 'single' ? 'radio' : 'checkbox');\n\n  // Rolar dentro da tabela e colar o cabecalho na rolagem da pagina se excluem em CSS: o envoltorio so\n  // continua conteiner de rolagem quando a tabela transborda dele.\n  const [precisaRolar, setPrecisaRolar] = useState(true);\n  const observarTransbordo = useCallback((envoltorio: HTMLDivElement | null) => {\n    if (!envoltorio || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observador = new ResizeObserver(() =>\n      setPrecisaRolar(\n        envoltorio.scrollWidth > envoltorio.clientWidth || envoltorio.scrollHeight > envoltorio.clientHeight,\n      ),\n    );\n\n    observador.observe(envoltorio);\n\n    if (envoltorio.firstElementChild) {\n      observador.observe(envoltorio.firstElementChild);\n    }\n\n    return () => observador.disconnect();\n  }, []);\n  const envoltorioRef = useMergedRefs(stickyHeader ? observarTransbordo : undefined, ref);\n\n  // A coluna se registra enquanto esta na tela e sai quando sai: registrada para sempre, o vazio ocupava colunas\n  // que nao existiam mais.\n  const registerColumn = useCallback((id: string) => {\n    setColumns((atuais) => new Set(atuais).add(id));\n\n    return () =>\n      setColumns((atuais) => {\n        const restantes = new Set(atuais);\n        restantes.delete(id);\n        return restantes;\n      });\n  }, []);\n\n  const [layouts, setLayouts] = useState<readonly (ColumnLayout | undefined)[]>([]);\n  const registerLayout = useCallback((index: number, layout: ColumnLayout) => {\n    setLayouts((atuais) => withLayout(atuais, index, layout));\n\n    return () => setLayouts((atuais) => withLayout(atuais, index, undefined));\n  }, []);\n\n  function requestSort(column: string) {\n    const next: TableSort = {\n      column,\n      direction:\n        currentSort?.column === column && currentSort.direction === 'ascending' ? 'descending' : 'ascending',\n    };\n\n    if (sort === undefined) {\n      setInternalSort(next);\n    }\n\n    onSortChange?.(next);\n  }\n\n  const collection = useMemo<SelectionItem[]>(\n    () => rows.map((row) => ({ key: row.id, disabled: row.disabled })),\n    [rows],\n  );\n\n  const selection = useSelection({\n    // Caixa e chave desmarcam ao clicar de novo; o radio, nao.\n    allowEmpty: control !== 'radio',\n    defaultSelectedKeys: defaultSelectedIds,\n    items: collection,\n    mode: selectionMode,\n    selectedKeys: selectedIds,\n    onSelectionChange: (keys) => onSelectionChange?.([...keys]),\n  });\n\n  const context: TableContextValue = {\n    baseId,\n    columnAt: (index) => layouts[index],\n    countColumns: () => Math.max(columns.size, 1),\n    loading,\n    registerColumn,\n    registerLayout,\n    requestSort,\n    selection: {\n      control,\n      empty: rows.length === 0,\n      highlight: highlightSelectedRow,\n      isSelected: (id) => selection.selectedKeys.has(id),\n      mode: selectionMode,\n      status: selection.status,\n      toggle: (id, extend) => {\n        if (extend && selectionMode === 'multiple') {\n          selection.selectRange(id);\n          return;\n        }\n\n        selection.select(id);\n      },\n      toggleAll: selection.toggleAll,\n    },\n    size,\n    sort: currentSort,\n  };\n\n  const classes = [\n    styles.table,\n    styles[size],\n    divider && styles.divider,\n    striped && styles.striped,\n    stickyHeader && styles.sticky,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      {...props}\n      className={[styles.scroll, stickyHeader && !precisaRolar && styles.noScroll, className].filter(Boolean).join(' ')}\n      ref={envoltorioRef}\n    >\n      <table aria-busy={loading || undefined} aria-label={label} className={classes}>\n        <TableContext.Provider value={context}>{children}</TableContext.Provider>\n      </table>\n      {loading && (\n        <p className={styles.status} role=\"status\">\n          {loadingMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport interface TableHeaderProps {\n  children: ReactNode;\n}\n\nfunction TableHeader({ children }: TableHeaderProps) {\n  const { registerColumn, selection } = useTableContext('Table.Header');\n\n  useEffect(() => (selection.mode === 'none' ? undefined : registerColumn('__selecao__')), [registerColumn, selection.mode]);\n\n  return (\n    <thead className={styles.head}>\n      <tr>\n        {selection.mode === 'multiple' && (\n          <th className={[styles.column, styles.lead].join(' ')} scope=\"col\">\n            {/* Sem `rows` nao ha o que marcar, e o clique so apagava a escolha que ja havia. */}\n            <input\n              aria-label=\"Selecionar todas as linhas\"\n              checked={selection.status === 'all'}\n              className={styles.checkbox}\n              disabled={selection.empty}\n              onChange={selection.toggleAll}\n              ref={(node) => {\n                if (node) {\n                  node.indeterminate = selection.status === 'partial';\n                }\n              }}\n              type=\"checkbox\"\n            />\n          </th>\n        )}\n        {selection.mode === 'single' && <th className={[styles.column, styles.lead].join(' ')} scope=\"col\" />}\n        {withColumnIndex(children)}\n      </tr>\n    </thead>\n  );\n}\n\nexport interface TableColumnProps {\n  align?: TableAlign;\n  children: ReactNode;\n  help?: string;\n  hideBelow?: TableBreakpoint;\n  id: string;\n  numeric?: boolean;\n  sortable?: boolean;\n  width?: string;\n}\n\nfunction TableColumn({ align, children, help, hideBelow, id, numeric = false, sortable = false, width }: TableColumnProps) {\n  const { registerColumn, registerLayout, requestSort, sort } = useTableContext('Table.Column');\n  const index = useContext(ColumnIndexContext);\n  const columnAlign = align ?? (numeric ? 'end' : 'start');\n\n  useEffect(() => registerColumn(id), [id, registerColumn]);\n\n  // Antes da pintura: com efeito comum, a celula aparecia um quadro alinhada a esquerda e so depois ia para o lado\n  // da coluna.\n  useLayoutEffect(\n    () => (index === undefined ? undefined : registerLayout(index, { align: columnAlign, hideBelow, numeric })),\n    [columnAlign, hideBelow, index, numeric, registerLayout],\n  );\n\n  const sorted = sort?.column === id ? sort.direction : undefined;\n\n  // A ajuda e focavel e fica fora do botao de ordenacao: controle dentro de controle nao e HTML valido.\n  const ajuda = help && (\n    <Tooltip content={help}>\n      <span aria-label={help} className={styles.help} role=\"img\" tabIndex={0}>\n        <IconQuestionCircle size={14} />\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <th\n      aria-sort={sortable ? sorted ?? 'none' : undefined}\n      className={[styles.column, styles[columnAlign], sortable && styles.sortable]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow}\n      scope=\"col\"\n      style={{ width }}\n    >\n      {sortable ? (\n        <div className={styles.sortHeader}>\n          <button className={styles.sortButton} onClick={() => requestSort(id)} type=\"button\">\n            {children}\n            {sorted ? (\n              <IconArrowUp\n                className={[styles.sortIcon, sorted === 'descending' && styles.sortDescending].filter(Boolean).join(' ')}\n                size={12}\n              />\n            ) : (\n              <IconChevronExpand className={styles.sortIcon} size={12} />\n            )}\n          </button>\n          {ajuda}\n        </div>\n      ) : (\n        <>\n          {children}\n          {ajuda}\n        </>\n      )}\n    </th>\n  );\n}\n\nexport interface TableBodyProps<T extends TableRowItem> {\n  children: (item: T) => ReactNode;\n  emptyDescription?: string;\n  emptyTitle?: string;\n  items: readonly T[];\n}\n\nconst SKELETON_ROWS = 3;\n\nfunction TableBody<T extends TableRowItem>({\n  children,\n  emptyDescription = 'Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.',\n  emptyTitle = 'Nenhum registro encontrado',\n  items,\n}: TableBodyProps<T>) {\n  const { columnAt, countColumns, loading, selection } = useTableContext('Table.Body');\n\n  if (loading) {\n    // Mantem a altura das linhas que ja estavam na tela, para a pagina nao pular quando a nova chegar.\n    const rows = Array.from({ length: items.length || SKELETON_ROWS }, (_, index) => index);\n    const leadCells = selection.mode === 'none' ? 0 : 1;\n    const columns = Array.from({ length: countColumns() - leadCells }, (_, index) => columnAt(index));\n\n    return (\n      <tbody aria-hidden=\"true\">\n        {rows.map((row) => (\n          <tr className={[styles.row, styles.skeletonRow].join(' ')} key={row}>\n            {leadCells > 0 && (\n              <td className={[styles.cell, styles.lead].join(' ')}>\n                <Skeleton className={styles.skeleton} />\n              </td>\n            )}\n            {columns.map((column, index) => (\n              <td className={[styles.cell, styles[column?.align ?? 'start']].join(' ')} data-hide-below={column?.hideBelow} key={index}>\n                <Skeleton className={styles.skeleton} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    );\n  }\n\n  if (items.length === 0) {\n    return (\n      <tbody>\n        <tr>\n          <td className={styles.empty} colSpan={countColumns()}>\n            <EmptyState description={emptyDescription} title={emptyTitle} />\n          </td>\n        </tr>\n      </tbody>\n    );\n  }\n\n  return (\n    <tbody>\n      {items.map((item) => (\n        <Fragment key={item.id}>{children(item)}</Fragment>\n      ))}\n    </tbody>\n  );\n}\n\nexport interface TableRowProps {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n  label?: string;\n}\n\nfunction TableRow({ children, disabled = false, id, label }: TableRowProps) {\n  const { baseId, selection } = useTableContext('Table.Row');\n  const selected = selection.mode !== 'none' && selection.isSelected(id);\n\n  return (\n    // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.\n    <tr className={[styles.row, selected && selection.highlight && styles.selected].filter(Boolean).join(' ')}>\n      {selection.mode !== 'none' && (\n        <td className={[styles.cell, styles.lead].join(' ')}>\n          <input\n            aria-label={label ?? 'Selecionar linha'}\n            checked={selected}\n            className={styles[selection.control]}\n            disabled={disabled}\n            name={selection.control === 'radio' ? `${baseId}-selecao` : undefined}\n            onChange={() => undefined}\n            onClick={(event) => selection.toggle(id, event.shiftKey)}\n            role={selection.control === 'toggle' ? 'switch' : undefined}\n            type={selection.control === 'radio' ? 'radio' : 'checkbox'}\n          />\n        </td>\n      )}\n      {withColumnIndex(children)}\n    </tr>\n  );\n}\n\n/** Sem valor proprio, `align`, `hideBelow` e `numeric` seguem a coluna da mesma posicao no cabecalho. */\nexport interface TableCellProps {\n  align?: TableAlign;\n  children?: ReactNode;\n  hideBelow?: TableBreakpoint;\n  numeric?: boolean;\n}\n\nfunction TableCell({ align, children, hideBelow, numeric }: TableCellProps) {\n  const { columnAt } = useTableContext('Table.Cell');\n  const index = useContext(ColumnIndexContext);\n  const column = index === undefined ? undefined : columnAt(index);\n  const isNumeric = numeric ?? column?.numeric ?? false;\n\n  return (\n    <td\n      className={[styles.cell, styles[align ?? column?.align ?? (isNumeric ? 'end' : 'start')], isNumeric && styles.numeric]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow ?? column?.hideBelow}\n    >\n      {children}\n    </td>\n  );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"names":["TableContext","createContext","ColumnIndexContext","withColumnIndex","children","Children","child","index","jsx","isValidElement","withLayout","layouts","layout","next","useTableContext","part","context","useContext","Table","className","defaultSelectedIds","defaultSort","divider","highlightSelectedRow","label","loading","loadingMessage","onSelectionChange","onSortChange","rows","selectedIds","selectionControl","selectionMode","size","sort","stickyHeader","striped","ref","props","baseId","useId","internalSort","setInternalSort","useState","columns","setColumns","currentSort","control","precisaRolar","setPrecisaRolar","observarTransbordo","useCallback","envoltorio","observador","envoltorioRef","useMergedRefs","registerColumn","id","atuais","restantes","setLayouts","registerLayout","requestSort","column","collection","useMemo","row","selection","useSelection","keys","extend","classes","styles","jsxs","TableHeader","useEffect","node","TableColumn","align","help","hideBelow","numeric","sortable","width","columnAlign","useLayoutEffect","sorted","ajuda","Tooltip","IconQuestionCircle","IconArrowUp","IconChevronExpand","Fragment","SKELETON_ROWS","TableBody","emptyDescription","emptyTitle","items","columnAt","countColumns","_","leadCells","Skeleton","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"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"}

package/dist/components/data-display/Table/Table.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_scroll_zazh5_2",e="_noScroll_zazh5_9",o="_table_zazh5_13",_="_sm_zazh5_23",s="_md_zazh5_29",n="_head_zazh5_35",c="_column_zazh5_39",l="_sortable_zazh5_50",a="_sortHeader_zazh5_54",r="_help_zazh5_59",z="_sortButton_zazh5_63",d="_sortIcon_zazh5_92",h="_sortDescending_zazh5_97",i="_row_zazh5_118",u="_divider_zazh5_122",m="_cell_zazh5_122",k="_striped_zazh5_126",b="_numeric_zazh5_140",p="_start_zazh5_148",g="_center_zazh5_152",y="_end_zazh5_156",w="_empty_zazh5_160",v="_status_zazh5_165",S="_skeleton_zazh5_176",x="_skeletonRow_zazh5_193",B="_lead_zazh5_201",D="_sticky_zazh5_218",H="_checkbox_zazh5_276 _input_thq98_15",I="_radio_zazh5_280 _input_1nbsm_38",R="_toggle_zazh5_284 _input_1g7qr_15",f="_selected_zazh5_296",q={scroll:t,noScroll:e,table:o,sm:_,md:s,head:n,column:c,sortable:l,sortHeader:a,help:r,sortButton:z,sortIcon:d,sortDescending:h,row:i,divider:u,cell:m,striped:k,numeric:b,start:p,center:g,end:y,empty:w,status:v,skeleton:S,"table-skeleton":"_table-skeleton_zazh5_1",skeletonRow:x,lead:B,sticky:D,checkbox:H,radio:I,toggle:R,selected:f};exports.cell=m;exports.center=g;exports.checkbox=H;exports.column=c;exports.default=q;exports.divider=u;exports.empty=w;exports.end=y;exports.head=n;exports.help=r;exports.lead=B;exports.md=s;exports.noScroll=e;exports.numeric=b;exports.radio=I;exports.row=i;exports.scroll=t;exports.selected=f;exports.skeleton=S;exports.skeletonRow=x;exports.sm=_;exports.sortButton=z;exports.sortDescending=h;exports.sortHeader=a;exports.sortIcon=d;exports.sortable=l;exports.start=p;exports.status=v;exports.sticky=D;exports.striped=k;exports.table=o;exports.toggle=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_scroll_17dat_2",e="_noScroll_17dat_9",o="_table_17dat_13",_="_sm_17dat_23",s="_md_17dat_29",c="_head_17dat_35",n="_column_17dat_39",d="_sortable_17dat_50",a="_sortHeader_17dat_54",l="_help_17dat_59",r="_sortButton_17dat_63",i="_sortIcon_17dat_92",u="_sortDescending_17dat_97",m="_row_17dat_118",k="_divider_17dat_122",p="_cell_17dat_122",b="_striped_17dat_126",g="_numeric_17dat_140",h="_start_17dat_148",y="_center_17dat_152",w="_end_17dat_156",v="_empty_17dat_160",S="_status_17dat_165",x="_skeletonRow_17dat_176",B="_skeleton_17dat_176",D="_lead_17dat_190",H="_sticky_17dat_197",I="_checkbox_17dat_251 _input_thq98_15",R="_radio_17dat_255 _input_1nbsm_38",f="_toggle_17dat_259 _input_1g7qr_15",q="_selected_17dat_271",M={scroll:t,noScroll:e,table:o,sm:_,md:s,head:c,column:n,sortable:d,sortHeader:a,help:l,sortButton:r,sortIcon:i,sortDescending:u,row:m,divider:k,cell:p,striped:b,numeric:g,start:h,center:y,end:w,empty:v,status:S,skeletonRow:x,skeleton:B,lead:D,sticky:H,checkbox:I,radio:R,toggle:f,selected:q};exports.cell=p;exports.center=y;exports.checkbox=I;exports.column=n;exports.default=M;exports.divider=k;exports.empty=v;exports.end=w;exports.head=c;exports.help=l;exports.lead=D;exports.md=s;exports.noScroll=e;exports.numeric=g;exports.radio=R;exports.row=m;exports.scroll=t;exports.selected=q;exports.skeleton=B;exports.skeletonRow=x;exports.sm=_;exports.sortButton=r;exports.sortDescending=u;exports.sortHeader=a;exports.sortIcon=i;exports.sortable=d;exports.start=h;exports.status=S;exports.sticky=H;exports.striped=b;exports.table=o;exports.toggle=f;
 //# sourceMappingURL=Table.module.css.cjs.map

package/dist/components/data-display/Table/Table.module.css.js

@@ -1,69 +1,68 @@
-const _ = "_scroll_zazh5_2", t = "_noScroll_zazh5_9", o = "_table_zazh5_13", e = "_sm_zazh5_23", s = "_md_zazh5_29", n = "_head_zazh5_35", c = "_column_zazh5_39", z = "_sortable_zazh5_50", a = "_sortHeader_zazh5_54", l = "_help_zazh5_59", r = "_sortButton_zazh5_63", h = "_sortIcon_zazh5_92", d = "_sortDescending_zazh5_97", i = "_row_zazh5_118", m = "_divider_zazh5_122", u = "_cell_zazh5_122", k = "_striped_zazh5_126", p = "_numeric_zazh5_140", b = "_start_zazh5_148", g = "_center_zazh5_152", y = "_end_zazh5_156", w = "_empty_zazh5_160", x = "_status_zazh5_165", v = "_skeleton_zazh5_176", B = "_skeletonRow_zazh5_193", D = "_lead_zazh5_201", H = "_sticky_zazh5_218", I = "_checkbox_zazh5_276 _input_thq98_15", R = "_radio_zazh5_280 _input_1nbsm_38", S = "_toggle_zazh5_284 _input_1g7qr_15", q = "_selected_zazh5_296", f = {
-  scroll: _,
-  noScroll: t,
+const t = "_scroll_17dat_2", _ = "_noScroll_17dat_9", o = "_table_17dat_13", s = "_sm_17dat_23", e = "_md_17dat_29", n = "_head_17dat_35", c = "_column_17dat_39", d = "_sortable_17dat_50", a = "_sortHeader_17dat_54", l = "_help_17dat_59", r = "_sortButton_17dat_63", i = "_sortIcon_17dat_92", m = "_sortDescending_17dat_97", u = "_row_17dat_118", p = "_divider_17dat_122", k = "_cell_17dat_122", b = "_striped_17dat_126", g = "_numeric_17dat_140", h = "_start_17dat_148", y = "_center_17dat_152", w = "_end_17dat_156", x = "_empty_17dat_160", v = "_status_17dat_165", B = "_skeletonRow_17dat_176", D = "_skeleton_17dat_176", H = "_lead_17dat_190", I = "_sticky_17dat_197", R = "_checkbox_17dat_251 _input_thq98_15", S = "_radio_17dat_255 _input_1nbsm_38", q = "_toggle_17dat_259 _input_1g7qr_15", f = "_selected_17dat_271", j = {
+  scroll: t,
+  noScroll: _,
   table: o,
-  sm: e,
-  md: s,
+  sm: s,
+  md: e,
   head: n,
   column: c,
-  sortable: z,
+  sortable: d,
   sortHeader: a,
   help: l,
   sortButton: r,
-  sortIcon: h,
-  sortDescending: d,
-  row: i,
-  divider: m,
-  cell: u,
-  striped: k,
-  numeric: p,
-  start: b,
-  center: g,
-  end: y,
-  empty: w,
-  status: x,
-  skeleton: v,
-  "table-skeleton": "_table-skeleton_zazh5_1",
+  sortIcon: i,
+  sortDescending: m,
+  row: u,
+  divider: p,
+  cell: k,
+  striped: b,
+  numeric: g,
+  start: h,
+  center: y,
+  end: w,
+  empty: x,
+  status: v,
   skeletonRow: B,
-  lead: D,
-  sticky: H,
-  checkbox: I,
-  radio: R,
-  toggle: S,
-  selected: q
+  skeleton: D,
+  lead: H,
+  sticky: I,
+  checkbox: R,
+  radio: S,
+  toggle: q,
+  selected: f
 };
 export {
-  u as cell,
-  g as center,
-  I as checkbox,
+  k as cell,
+  y as center,
+  R as checkbox,
   c as column,
-  f as default,
-  m as divider,
-  w as empty,
-  y as end,
+  j as default,
+  p as divider,
+  x as empty,
+  w as end,
   n as head,
   l as help,
-  D as lead,
-  s as md,
-  t as noScroll,
-  p as numeric,
-  R as radio,
-  i as row,
-  _ as scroll,
-  q as selected,
-  v as skeleton,
+  H as lead,
+  e as md,
+  _ as noScroll,
+  g as numeric,
+  S as radio,
+  u as row,
+  t as scroll,
+  f as selected,
+  D as skeleton,
   B as skeletonRow,
-  e as sm,
+  s as sm,
   r as sortButton,
-  d as sortDescending,
+  m as sortDescending,
   a as sortHeader,
-  h as sortIcon,
-  z as sortable,
-  b as start,
-  x as status,
-  H as sticky,
-  k as striped,
+  i as sortIcon,
+  d as sortable,
+  h as start,
+  v as status,
+  I as sticky,
+  b as striped,
   o as table,
-  S as toggle
+  q as toggle
 };
 //# sourceMappingURL=Table.module.css.js.map

package/dist/components/data-display/Table/Table.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/data-display/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),s=require("./Tag.module.css.cjs"),n=require("../../icons/icons.cjs");function x({children:l,className:d,disabled:e=!1,onRemove:u,onSelectedChange:o,selected:a,size:f="md",...m}){const r=c.useId(),i=c.useId(),b=a!==void 0,j=[s.default.tag,s.default[f],a&&s.default.selected,e&&s.default.disabled,d].filter(Boolean).join(" ");return t.jsxs("span",{...m,className:j,children:[b?t.jsxs("button",{"aria-pressed":a,className:s.default.toggle,disabled:e,id:r,onClick:()=>o==null?void 0:o(!a),type:"button",children:[a&&t.jsx(n.IconCheck,{className:s.default.check}),l]}):t.jsx("span",{id:r,children:l}),u&&t.jsx("button",{"aria-label":"Remover","aria-labelledby":`${i} ${r}`,className:s.default.remove,disabled:e,id:i,onClick:u,type:"button",children:t.jsx(n.IconClose,{})})]})}exports.Tag=x;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/data-display/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/data-display/Tag/Tag.tsx"],"sourcesContent":["import { useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { IconCheck, IconClose } from '../../icons';\nimport styles from './Tag.module.css';\n\nexport type TagSize = 'sm' | 'md';\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  children: ReactNode;\n  disabled?: boolean;\n  /** Mostra o botao de remover, nomeado como \"Remover\" seguido do texto da etiqueta. */\n  onRemove?: () => void;\n  /** Com `selected`, a etiqueta vira um botao de alternar, como o filtro que se liga e desliga. */\n  onSelectedChange?: (selected: boolean) => void;\n  selected?: boolean;\n  size?: TagSize;\n}\n\nexport function Tag({\n  children,\n  className,\n  disabled = false,\n  onRemove,\n  onSelectedChange,\n  selected,\n  size = 'md',\n  ...props\n}: TagProps) {\n  const textId = useId();\n  const removeId = useId();\n  const toggleable = selected !== undefined;\n  const classes = [styles.tag, styles[size], selected && styles.selected, disabled && styles.disabled, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {toggleable ? (\n        <button\n          aria-pressed={selected}\n          className={styles.toggle}\n          disabled={disabled}\n          id={textId}\n          onClick={() => onSelectedChange?.(!selected)}\n          type=\"button\"\n        >\n          {selected && <IconCheck className={styles.check} />}\n          {children}\n        </button>\n      ) : (\n        <span id={textId}>{children}</span>\n      )}\n      {onRemove && (\n        <button\n          aria-label=\"Remover\"\n          aria-labelledby={`${removeId} ${textId}`}\n          className={styles.remove}\n          disabled={disabled}\n          id={removeId}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <IconClose />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"names":["Tag","children","className","disabled","onRemove","onSelectedChange","selected","size","props","textId","useId","removeId","toggleable","classes","styles","jsxs","jsx","IconCheck","IconClose"],"mappings":"6MAiBO,SAASA,EAAI,CAClB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,EAAa,CACX,MAAMC,EAASC,EAAAA,MAAA,EACTC,EAAWD,EAAAA,MAAA,EACXE,EAAaN,IAAa,OAC1BO,EAAU,CAACC,EAAAA,QAAO,IAAKA,EAAAA,QAAOP,CAAI,EAAGD,GAAYQ,UAAO,SAAUX,GAAYW,EAAAA,QAAO,SAAUZ,CAAS,EAC3G,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEa,EAAAA,KAAC,OAAA,CAAM,GAAGP,EAAO,UAAWK,EACzB,SAAA,CAAAD,EACCG,EAAAA,KAAC,SAAA,CACC,eAAcT,EACd,UAAWQ,EAAAA,QAAO,OAClB,SAAAX,EACA,GAAIM,EACJ,QAAS,IAAMJ,GAAA,YAAAA,EAAmB,CAACC,GACnC,KAAK,SAEJ,SAAA,CAAAA,GAAYU,EAAAA,IAACC,EAAAA,UAAA,CAAU,UAAWH,EAAAA,QAAO,MAAO,EAChDb,CAAA,CAAA,CAAA,EAGHe,EAAAA,IAAC,OAAA,CAAK,GAAIP,EAAS,SAAAR,CAAA,CAAS,EAE7BG,GACCY,EAAAA,IAAC,SAAA,CACC,aAAW,UACX,kBAAiB,GAAGL,CAAQ,IAAIF,CAAM,GACtC,UAAWK,EAAAA,QAAO,OAClB,SAAAX,EACA,GAAIQ,EACJ,QAASP,EACT,KAAK,SAEL,eAACc,EAAAA,UAAA,CAAA,CAAU,CAAA,CAAA,CACb,EAEJ,CAEJ"}