tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/CopyButton/CopyButton.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.module.cjs","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"CopyButton.module.cjs","names":["button","copied","CopyButton_module_default"],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}

package/dist/components/CopyButton/CopyButton.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.module.js","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}
+{"version":3,"file":"CopyButton.module.js","names":["button","copied","CopyButton_module_default"],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":";"}

package/dist/components/DataList/DataList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.cjs","names":[],"sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"mappings":"4GA4BA,SAAgB,EAAY,CACxB,QACA,aACA,eACA,QACA,YACA,GAAG,GACc,CAKjB,OAJI,EAAM,SAAW,GACV,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SAAG,GAAS,IAAO,CAAA,GAI1B,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,EAC1C,SAAA,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,IAAA,CAAC,KAAD,CAA2D,UAAW,EAAA,QAAO,KACxE,SAAA,EAAW,EAAM,CAAK,CACvB,EAFK,EAAe,EAAa,EAAM,CAAK,EAAI,CAEhD,CACP,CACD,CAAA,CAEZ"}
+{"version":3,"file":"DataList.cjs","names":["_Fragment","cn","styles","require_cn","require_DataList_module","react_jsx_runtime","DataList","props","items","empty","className","renderItem","item","index","keyExtractor"],"sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"mappings":"A,4GA4BA,SAAgBM,EAAY,CACxB,QACA,aACA,eACA,QACA,YACA,GAAGC,GACc,CAKjB,OAJIC,EAAM,SAAW,GACV,EAAAH,EAAA,IAAA,CAAAL,EAAAA,SAAA,CAAA,SAAGS,GAAS,IAAO,CAAA,GAI1B,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAMQ,CAAS,EAAG,GAAIH,EAC1C,SAAAC,EAAM,KAAK,EAAM,KACd,EAAAH,EAAA,IAAA,CAAC,KAAD,CAA2D,UAAWH,EAAAA,QAAO,KACxE,SAAAS,EAAWC,EAAMC,CAAK,CACvB,EAFKC,EAAeA,EAAaF,EAAMC,CAAK,EAAIA,CAEhD,CACP,CACD,CAAA,CAEZ,C"}

package/dist/components/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.js","names":[],"sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgB,EAAY,EACxB,UACA,eACA,iBACA,UACA,cACA,GAAG,KACc;CAKjB,OAJI,EAAM,WAAW,IACV,kBAAA,GAAA,EAAA,UAAG,KAAS,KAAO,CAAA,IAI1B,kBAAC,MAAD;EAAI,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;EAC1C,UAAA,EAAM,KAAK,GAAM,MACd,kBAAC,MAAD;GAA2D,WAAW,EAAO;GACxE,UAAA,EAAW,GAAM,CAAK;EACvB,GAFK,IAAe,EAAa,GAAM,CAAK,IAAI,CAEhD,CACP;CACD,CAAA;AAEZ"}
+{"version":3,"file":"DataList.js","names":["_Fragment","styles","DataList_module_default","DataList","props","items","Fragment","empty","cn","className","renderItem","item","index","keyExtractor"],"sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgBG,EAAY,EACxB,UACA,eACA,iBACA,UACA,cACA,GAAGC,KACc;CAKjB,OAJIC,EAAM,WAAW,IACV,kBAAAL,GAAA,EAAA,UAAGO,KAAS,KAAO,CAAA,IAI1B,kBAAC,MAAD;EAAI,WAAWC,EAAGP,EAAO,MAAMQ,CAAS;EAAG,GAAIL;EAC1C,UAAAC,EAAM,KAAK,GAAM,MACd,kBAAC,MAAD;GAA2D,WAAWJ,EAAO;GACxE,UAAAS,EAAWC,GAAMC,CAAK;EACvB,GAFKC,IAAeA,EAAaF,GAAMC,CAAK,IAAIA,CAEhD,CACP;CACD,CAAA;AAEZ"}

package/dist/components/DataList/DataList.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.module.cjs","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":";"}
+{"version":3,"file":"DataList.module.cjs","names":["list","item","DataList_module_default"],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":";"}

package/dist/components/DataList/DataList.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.module.js","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":";"}
+{"version":3,"file":"DataList.module.js","names":["list","item","DataList_module_default"],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":";"}

package/dist/components/DataTable/DataTable.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-pagination.cjs"),n=require("../../hooks/use-announce.cjs"),r=require("../Pagination/Pagination.cjs"),i=require("../SearchBar/SearchBar.cjs"),a=require("../Table/Table.cjs"),o=require("../../utils/compare-values.cjs"),s=require("./DataTable.module.cjs"),c=require("./EditableCell.cjs"),ee=require("./LoadingRows.cjs"),te=require("./use-dev-warnings.cjs"),ne=require("./edit-labels.cjs");let l=require("react"),u=require("react/jsx-runtime");function d(e,t){return`${String(e)}::${String(t)}`}function f(e){return typeof e.header==`string`?e.header:String(e.key)}function p({data:p,columns:m,pageSize:h,searchable:g=!1,searchKeys:_,initialSort:re,rowKey:v=(e,t)=>t,emptyMessage:ie,onCellChange:y,editLabels:b,totalItems:ae,page:x,onPageChange:S,onPageSizeChange:C,pageSizeOptions:oe,manualSort:se,onSortChange:ce,manualSearch:le,onSearchChange:ue,loading:w=!1,className:de,...fe}){let T=h??10,[E,pe]=(0,l.useState)(``),[D,me]=(0,l.useState)(re??null),{page:he,setPage:ge}=t.usePagination(1,T),_e=n.useAnnounce(),O=ae!==void 0,k=se??O,A=le??O,j=x??he,M=(0,l.useCallback)(e=>{x===void 0&&ge(e),S?.(e)},[x,ge,S]),ve=(0,l.useCallback)(e=>{C?.(e),j!==1&&M(1)},[C,j,M]);te.useDevWarnings({serverMode:O,controlledPage:x,onPageChange:S,pageSizeControlled:h!==void 0,onPageSizeChange:C,sortIsManual:k,hasSortableColumn:m.some(e=>e.sortable),onSortChange:ce,searchable:g,onSearchChange:ue});let[N,P]=(0,l.useState)(null),[F,I]=(0,l.useState)(null),[L,R]=(0,l.useState)({}),[z,B]=(0,l.useState)({}),[ye,V]=(0,l.useState)({}),H=(0,l.useMemo)(()=>({...ne.DEFAULT_EDIT_LABELS,...b}),[b]),U=y!==void 0&&m.some(e=>e.editable),be=(0,l.useMemo)(()=>!g||A?[]:_&&_.length>0?_:m.filter(e=>{let t=p.find(t=>t[e.key]!=null),n=t?t[e.key]:void 0;return typeof n==`string`||typeof n==`number`}).map(e=>e.key),[g,A,_,m,p]),W=(0,l.useMemo)(()=>{let e=E.trim().toLowerCase();return!e||!g||A?p:p.filter(t=>be.some(n=>{let r=t[n];return r!=null&&String(r).toLowerCase().includes(e)}))},[p,E,g,A,be]),G=(0,l.useMemo)(()=>{if(!D||k)return W;let e=D.direction===`asc`?1:-1;return[...W].sort((t,n)=>o.compareValues(t[D.key],n[D.key])*e)},[W,D,k]),xe=ae??G.length,K=Math.max(1,Math.ceil(xe/T));(0,l.useEffect)(()=>{!O&&j>K&&M(K)},[O,j,K,M]);let q=O?j:Math.min(j,K),J=(0,l.useMemo)(()=>{if(O)return G;let e=(q-1)*T;return G.slice(e,e+T)},[O,G,q,T]);function Se(e){let t=D,n=!t||t.key!==e?{key:e,direction:`asc`}:t.direction===`asc`?{key:e,direction:`desc`}:null;me(n),ce?.(n)}let Y=(0,l.useCallback)(e=>(q-1)*T+e,[q,T]),X=(0,l.useMemo)(()=>{if(!U)return[];let e=[];return J.forEach((t,n)=>{let r=v(t,Y(n));for(let t of m)t.editable&&e.push(d(r,t.key))}),e},[U,J,m,Y]),Z=(0,l.useCallback)((e,t,n)=>n in L?L[n]:e[t.key],[L]),Ce=(0,l.useCallback)(async(e,t,n)=>{V(t=>({...t,[e]:!0}));try{await y?.(n),_e(H.saved(f(t)))}catch(n){R(t=>{let n={...t};return delete n[e],n});let r=n instanceof Error&&n.message?n.message:H.saveFailed(f(t));B(t=>({...t,[e]:r}))}finally{V(t=>{let n={...t};return delete n[e],n})}},[y,_e,H]),Q=(0,l.useCallback)((e,t)=>{if(t===`none`){P(null),I(e);return}let n=X.indexOf(e),r=X[n+(t===`next`?1:-1)];if(r===void 0){P(null),I(e);return}P(r),I(null)},[X]),we=(0,l.useCallback)((e,t,n,r,i,a)=>{let o=Z(e,t,n);if(i===(t.formatEdit?t.formatEdit(e):String(o??``))){Q(n,a);return}let s=t.parse?t.parse(i,e):t.editorType===`number`?Number(i):i.trim(),c=t.validate?.(s,e)??null;if(c){B(e=>({...e,[n]:c}));return}B(e=>{let t={...e};return delete t[n],t}),R(e=>({...e,[n]:s})),Q(n,a),Ce(n,t,{row:e,key:t.key,value:s,previous:o,rowIndex:Y(r)})},[Z,Q,Ce,Y]),Te=(0,l.useMemo)(()=>m.map(e=>{let t=D?.key===e.key?D?.direction===`asc`?` ▲`:` ▼`:``,n=e.sortable?(0,u.jsxs)(`button`,{type:`button`,className:s.default.sortButton,onClick:()=>Se(e.key),"aria-label":`Ordenar por ${f(e)}`,children:[e.header,(0,u.jsx)(`span`,{className:s.default.sortIndicator,"aria-hidden":!0,children:t})]}):e.header,r=t=>e.render?e.render(t):t[e.key]??null,i=(t,n)=>{let r={...t,[e.key]:n};return e.render?e.render(r):r[e.key]??null},a=U&&e.editable===!0;return{key:String(e.key),header:n,align:e.align,priority:e.priority,width:e.width,render:a?(t,n)=>{let r=d(v(t,Y(n)),e.key),a=Z(t,e,r),o=e.formatEdit?e.formatEdit(t):String(a??``);return(0,u.jsx)(c.EditableCell,{text:o,columnLabel:f(e),rowNumber:n+1,inputType:e.editorType??`text`,editing:N===r,refocus:F===r,saving:ye[r]===!0,error:z[r]??null,errorId:`tempest-cell-error-${r.replace(/[^\w-]/g,`_`)}`,labels:H,onOpen:()=>{P(r),I(null)},onCommit:(i,a)=>we(t,e,r,n,i,a),onCancel:()=>{P(null),I(r),B(e=>{let t={...e};return delete t[r],t})},children:i(t,a)})}:r}}),[m,D,U,N,F,ye,z,H,L,Y,we]),$=w&&J.length===0;return(0,u.jsxs)(`div`,{className:e.cn(s.default.wrapper,de),...fe,children:[g&&(0,u.jsx)(i.SearchBar,{value:E,onChange:e=>{pe(e),M(1),ue?.(e)},wrapperClassName:s.default.search}),(0,u.jsx)(`div`,{className:e.cn(w&&!$&&s.default.pending),"aria-busy":w||void 0,"data-testid":`tempest-datatable-body`,children:$?(0,u.jsx)(ee.LoadingRows,{columns:Te.length,rows:Math.min(T,8)}):(0,u.jsx)(a.Table,{columns:Te,data:J,rowKey:(e,t)=>v(e,Y(t)),emptyMessage:ie})}),(K>1||C!==void 0)&&(0,u.jsx)(r.Pagination,{page:q,totalPages:K,onPageChange:M,totalItems:xe,pageSize:T,pageSizeOptions:oe,onPageSizeChange:C&&ve})]})}exports.DataTable=p;
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-pagination.cjs"),n=require("../../hooks/use-announce.cjs"),r=require("../Pagination/Pagination.cjs"),i=require("../SearchBar/SearchBar.cjs"),a=require("../Table/Table.cjs"),o=require("../../utils/compare-values.cjs"),s=require("./DataTable.module.cjs"),c=require("./EditableCell.cjs"),ee=require("./LoadingRows.cjs"),te=require("./use-dev-warnings.cjs"),ne=require("./edit-labels.cjs");let l=require("react"),u=require("react/jsx-runtime");function d(e,t){return`${String(e)}::${String(t)}`}function f(e){return typeof e.header==`string`?e.header:String(e.key)}function p({data:p,columns:m,pageSize:h,searchable:g=!1,searchKeys:_,initialSort:re,rowKey:v=(e,t)=>t,emptyMessage:ie,onCellChange:y,editLabels:b,totalItems:ae,page:x,onPageChange:S,onPageSizeChange:C,pageSizeOptions:oe,manualSort:se,onSortChange:ce,manualSearch:le,onSearchChange:ue,loading:w=!1,className:de,...fe}){let T=h??10,[E,pe]=(0,l.useState)(``),[D,me]=(0,l.useState)(re??null),{page:he,setPage:ge}=t.usePagination(1,T),_e=n.useAnnounce(),O=ae!==void 0,k=se??O,A=le??O,j=x??he,M=(0,l.useCallback)(e=>{x===void 0&&ge(e),S?.(e)},[x,ge,S]),ve=(0,l.useCallback)(e=>{C?.(e),j!==1&&M(1)},[C,j,M]);te.useDevWarnings({serverMode:O,controlledPage:x,onPageChange:S,pageSizeControlled:h!==void 0,onPageSizeChange:C,sortIsManual:k,hasSortableColumn:m.some(e=>e.sortable),onSortChange:ce,searchable:g,onSearchChange:ue});let[N,P]=(0,l.useState)(null),[F,I]=(0,l.useState)(null),[L,R]=(0,l.useState)({}),[z,B]=(0,l.useState)({}),[ye,V]=(0,l.useState)({}),H=(0,l.useMemo)(()=>({...ne.DEFAULT_EDIT_LABELS,...b}),[b]),U=y!==void 0&&m.some(e=>e.editable),be=(0,l.useMemo)(()=>!g||A?[]:_&&_.length>0?_:m.filter(e=>{let t=p.find(t=>t[e.key]!=null),n=t?t[e.key]:void 0;return typeof n==`string`||typeof n==`number`}).map(e=>e.key),[g,A,_,m,p]),W=(0,l.useMemo)(()=>{let e=E.trim().toLowerCase();return!e||!g||A?p:p.filter(t=>be.some(n=>{let r=t[n];return r!=null&&String(r).toLowerCase().includes(e)}))},[p,E,g,A,be]),G=(0,l.useMemo)(()=>{if(!D||k)return W;let e=D.direction===`asc`?1:-1;return[...W].sort((t,n)=>o.compareValues(t[D.key],n[D.key])*e)},[W,D,k]),xe=ae??G.length,K=Math.max(1,Math.ceil(xe/T));(0,l.useEffect)(()=>{!O&&j>K&&M(K)},[O,j,K,M]);let q=O?j:Math.min(j,K),J=(0,l.useMemo)(()=>{if(O)return G;let e=(q-1)*T;return G.slice(e,e+T)},[O,G,q,T]);function Se(e){let t=D,n=!t||t.key!==e?{key:e,direction:`asc`}:t.direction===`asc`?{key:e,direction:`desc`}:null;me(n),ce?.(n)}let Y=(0,l.useCallback)(e=>(q-1)*T+e,[q,T]),X=(0,l.useMemo)(()=>{if(!U)return[];let e=[];return J.forEach((t,n)=>{let r=v(t,Y(n));for(let t of m)t.editable&&e.push(d(r,t.key))}),e},[U,J,m,Y]),Z=(0,l.useCallback)((e,t,n)=>n in L?L[n]:e[t.key],[L]),Ce=(0,l.useCallback)(async(e,t,n)=>{V(t=>({...t,[e]:!0}));try{await y?.(n),_e(H.saved(f(t)))}catch(n){R(t=>{let n={...t};return delete n[e],n});let r=n instanceof Error&&n.message?n.message:H.saveFailed(f(t));B(t=>({...t,[e]:r}))}finally{V(t=>{let n={...t};return delete n[e],n})}},[y,_e,H]),Q=(0,l.useCallback)((e,t)=>{if(t===`none`){P(null),I(e);return}let n=X.indexOf(e),r=X[n+(t===`next`?1:-1)];r===void 0?(P(null),I(e)):(P(r),I(null))},[X]),we=(0,l.useCallback)((e,t,n,r,i,a)=>{let o=Z(e,t,n);if(i===(t.formatEdit?t.formatEdit(e):String(o??``))){Q(n,a);return}let s=t.parse?t.parse(i,e):t.editorType===`number`?Number(i):i.trim(),c=t.validate?.(s,e)??null;c?B(e=>({...e,[n]:c})):(B(e=>{let t={...e};return delete t[n],t}),R(e=>({...e,[n]:s})),Q(n,a),Ce(n,t,{row:e,key:t.key,value:s,previous:o,rowIndex:Y(r)}))},[Z,Q,Ce,Y]),Te=(0,l.useMemo)(()=>m.map(e=>{let t=D?.key===e.key?D?.direction===`asc`?` ▲`:` ▼`:``,n=e.sortable?(0,u.jsxs)(`button`,{type:`button`,className:s.default.sortButton,onClick:()=>Se(e.key),"aria-label":`Ordenar por ${f(e)}`,children:[e.header,(0,u.jsx)(`span`,{className:s.default.sortIndicator,"aria-hidden":!0,children:t})]}):e.header,r=t=>e.render?e.render(t):t[e.key]??null,i=(t,n)=>{let r={...t,[e.key]:n};return e.render?e.render(r):r[e.key]??null},a=U&&e.editable===!0;return{key:String(e.key),header:n,align:e.align,priority:e.priority,width:e.width,render:a?(t,n)=>{let r=d(v(t,Y(n)),e.key),a=Z(t,e,r),o=e.formatEdit?e.formatEdit(t):String(a??``);return(0,u.jsx)(c.EditableCell,{text:o,columnLabel:f(e),rowNumber:n+1,inputType:e.editorType??`text`,editing:N===r,refocus:F===r,saving:ye[r]===!0,error:z[r]??null,errorId:`tempest-cell-error-${r.replace(/[^\w-]/g,`_`)}`,labels:H,onOpen:()=>{P(r),I(null)},onCommit:(i,a)=>we(t,e,r,n,i,a),onCancel:()=>{P(null),I(r),B(e=>{let t={...e};return delete t[r],t})},children:i(t,a)})}:r}}),[m,D,U,N,F,ye,z,H,L,Y,we]),$=w&&J.length===0;return(0,u.jsxs)(`div`,{className:e.cn(s.default.wrapper,de),...fe,children:[g&&(0,u.jsx)(i.SearchBar,{value:E,onChange:e=>{pe(e),M(1),ue?.(e)},wrapperClassName:s.default.search}),(0,u.jsx)(`div`,{className:e.cn(w&&!$&&s.default.pending),"aria-busy":w||void 0,"data-testid":`tempest-datatable-body`,children:$?(0,u.jsx)(ee.LoadingRows,{columns:Te.length,rows:Math.min(T,8)}):(0,u.jsx)(a.Table,{columns:Te,data:J,rowKey:(e,t)=>v(e,Y(t)),emptyMessage:ie})}),(K>1||C!==void 0)&&(0,u.jsx)(r.Pagination,{page:q,totalPages:K,onPageChange:M,totalItems:xe,pageSize:T,pageSizeOptions:oe,onPageSizeChange:C&&ve})]})}exports.DataTable=p;
 //# sourceMappingURL=DataTable.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the table does four jobs\n * a caller turns on independently — paging (pageSize, plus the optional size\n * selector onPageSizeChange/pageSizeOptions), search (searchable,\n * searchKeys), sort (initialSort) and inline edit (onCellChange, editLabels) — over\n * one row model (data, columns, rowKey, emptyMessage). The body is long because\n * those four share the derived-rows pipeline: filter, then sort, then page, then map\n * to cells, in that order and off the same memo.\n *\n * Each of the four also runs in a second mode, where the caller owns the work and\n * the table only reports intent: totalItems/page/onPageChange, onSearchChange,\n * manualSort/onSortChange, loading/loadingRows. That doubles the props without\n * adding a fifth job — every manual prop short-circuits one stage of the same\n * pipeline.\n */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { compareValues } from \"@/utils/compare-values\";\nimport { usePagination } from \"@/hooks\";\nimport { useAnnounce } from \"@/hooks/use-announce\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport { EditableCell } from \"./EditableCell\";\nimport { LoadingRows } from \"./LoadingRows\";\nimport { useDevWarnings } from \"./use-dev-warnings\";\nimport { DEFAULT_EDIT_LABELS, type CellCommitMove, type DataTableEditLabels } from \"./edit-labels\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/** Input types an editable column can use. */\nexport type DataTableEditorType = \"text\" | \"number\" | \"date\" | \"email\" | \"tel\" | \"url\";\n\n/** One accepted cell edit, handed to `onCellChange`. */\nexport interface DataTableCellChange<T> {\n    /** The row as it was before the edit. */\n    row: T;\n    /** Which column changed. */\n    key: keyof T;\n    /** The parsed new value. */\n    value: unknown;\n    /** The value that was displayed before the edit. */\n    previous: unknown;\n    /** Index of the row in the full `data` array. */\n    rowIndex: number;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, opt-in inline editing, and the\n * visual options that are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n    /**\n     * Let cells in this column be edited in place. Requires `onCellChange` on the\n     * table; without it the column stays read-only.\n     */\n    editable?: boolean;\n    /** Editor input type. Default `\"text\"`. */\n    editorType?: DataTableEditorType;\n    /** Text the editor opens with. Defaults to `String(value ?? \"\")`. */\n    formatEdit?: (row: T) => string;\n    /**\n     * Turn the typed string into the stored value. Defaults to the trimmed string,\n     * or `Number(raw)` when `editorType` is `\"number\"`.\n     */\n    parse?: (raw: string, row: T) => unknown;\n    /** Return a message to reject the edit, or `null` to accept it. */\n    validate?: (value: unknown, row: T) => string | null;\n}\n\n/** Everything a table needs regardless of who owns paging, sorting and searching. */\nexport interface DataTableBaseProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The rows to work with.\n     *\n     * By default this is the **full** dataset and sorting, searching and paging\n     * all happen in memory. Pass `totalItems` and it becomes the current page as\n     * the server returned it, with those three delegated to the caller.\n     */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /**\n     * Rows per page. Default 10.\n     *\n     * Always read on every render, so it is already a controlled value; what turns\n     * it into a user-facing choice is `onPageSizeChange` (see\n     * {@link DataTablePageSizeProps}), which then makes it required.\n     */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n    /**\n     * Persist an accepted cell edit. Return a promise: while it is pending the cell\n     * already shows the new value, and a rejection rolls that back and surfaces the\n     * error in the cell. Without this prop no column is editable.\n     */\n    onCellChange?: (change: DataTableCellChange<T>) => void | Promise<void>;\n    /** Override the PT-BR copy of the editing affordances. */\n    editLabels?: Partial<DataTableEditLabels>;\n    /**\n     * A fetch is in flight.\n     *\n     * With rows already on screen they stay put, dimmed and `aria-busy`, so the\n     * page does not jump under the cursor between pages. With no rows yet it\n     * renders placeholder lines at full height, which is a different statement\n     * from `emptyMessage`: \"loading\" and \"there is nothing\" are not the same\n     * screen.\n     */\n    loading?: boolean;\n}\n\n/**\n * Paging, as one of the three shapes that actually work.\n *\n * These used to be three optional props, so the compiler accepted\n * `totalItems` with no `page` — a table whose pager moves an internal page while\n * `data` keeps showing page one. Every prop was optional on its own, so the only\n * place left to catch it was a `console.warn` in dev, in the browser, with the\n * component mounted. As a union the same mistake is a build error at the call\n * site, for free, everywhere.\n */\nexport type DataTablePagingProps =\n    | {\n          /** Not server mode. */\n          totalItems?: never;\n          /** The table owns the page. */\n          page?: never;\n          /** Nothing to report to. */\n          onPageChange?: never;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). Pair it with\n           * `page` and `onPageChange`.\n           */\n          totalItems?: never;\n          /** Current page, 1-based. Controlled — required in server mode. */\n          page: number;\n          /** Called with the next page. Required whenever `page` is controlled. */\n          onPageChange: (page: number) => void;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). `page` and\n           * `onPageChange` come with it — the type says so, because a server-mode\n           * table without them silently shows page one forever.\n           */\n          totalItems: number;\n          /** Current page, 1-based. Controlled, and required in server mode. */\n          page: number;\n          /** Called with the next page. */\n          onPageChange: (page: number) => void;\n      };\n\n/**\n * The items-per-page selector: owned by the caller, or absent.\n *\n * The footer is the SDK's own `Pagination`, which already renders a size\n * `<select>`; this is the channel that reaches it. Two shapes only, for the same\n * reason as {@link DataTablePagingProps}: `pageSizeOptions` with no\n * `onPageSizeChange` is a selector that changes nothing, and `onPageSizeChange`\n * with no `pageSize` is one whose choice never comes back — the table would keep\n * counting pages by the default 10 while the selector claims 50. Both are build\n * errors instead.\n */\nexport type DataTablePageSizeProps =\n    | {\n          /** No selector: `pageSize` is fixed by the caller. */\n          onPageSizeChange?: never;\n          /** Nothing to choose from. */\n          pageSizeOptions?: never;\n      }\n    | {\n          /** The size currently shown. Required, since the selector reports and you feed it back. */\n          pageSize: number;\n          /**\n           * Called with the size the user picked. Passing it renders the selector in the\n           * footer, and keeps the footer on screen even when everything fits on one page\n           * — otherwise picking 100 for 40 rows would remove the only control that can\n           * pick 10 again.\n           *\n           * The table also moves back to page 1 (through `onPageChange` when the page\n           * is controlled), after this call. Page 7 of 10-per-page has no meaning at\n           * 100-per-page, and 1 is the only page guaranteed to exist under the new size.\n           */\n          onPageSizeChange: (size: number) => void;\n          /** Sizes offered. Default `[10, 25, 50, 100]`; the current `pageSize` is always included. */\n          pageSizeOptions?: number[];\n      };\n\n/**\n * Sorting: delegated, and therefore reported, or neither.\n *\n * `manualSort` without `onSortChange` renders a header that moves its arrow and\n * changes nothing else — the arrow is a lie the compiler can now catch.\n */\nexport type DataTableSortProps<T> =\n    | {\n          /** The table sorts the rows it has. */\n          manualSort?: false;\n          /** Called with the next sort state — `null` when the header cycles back to unsorted. */\n          onSortChange?: (sort: DataTableSort<T> | null) => void;\n      }\n    | {\n          /**\n           * Sorting is the caller's job: clicking a header reports through\n           * `onSortChange` and the rows are left in the order they arrived.\n           *\n           * Implied by `totalItems`, because sorting the page in memory would sort\n           * *that page only* while the header claims the whole table is ordered.\n           */\n          manualSort: true;\n          /** Where the click goes. Required, since nothing else acts on it. */\n          onSortChange: (sort: DataTableSort<T> | null) => void;\n      };\n\n/**\n * Searching: delegated, and therefore reported, or neither.\n *\n * `manualSearch` without `onSearchChange` renders a search box that filters\n * nothing and tells nobody — the same shape of lie as a header arrow that turns\n * without sorting.\n *\n * Independent of the paging axis on purpose, and that leaves one gap this type\n * does not close: `totalItems` *implies* `manualSearch`, so a server-mode table\n * with `searchable` and no `onSearchChange` falls into the same hole without ever\n * writing `manualSearch`. Closing it means the search axis has to read the paging\n * axis, which crosses two three-member unions into nine and turns every mismatch\n * into a wall of candidate shapes. That case is a dev warning instead — the one\n * spot where runtime really is the cheaper check, and `use-dev-warnings.ts` says\n * so at the call site.\n */\nexport type DataTableSearchProps =\n    | {\n          /** The table filters the rows it has. */\n          manualSearch?: false;\n          /** Called with the current search term (debouncing, if any, is the caller's). */\n          onSearchChange?: (term: string) => void;\n      }\n    | {\n          /**\n           * Searching is the caller's job: typing reports through `onSearchChange`\n           * and the rows are left as they arrived.\n           *\n           * Implied by `totalItems`. Filtering the current page would hide the rows\n           * that do not match *on this page* and show nothing for a term that only\n           * matches on page three — an empty table that looks like \"no results\".\n           */\n          manualSearch: true;\n          /** Where the typing goes. Required, since nothing else acts on it. */\n          onSearchChange: (term: string) => void;\n      };\n\n/**\n * The table's props: the shared half, plus one valid shape per axis — paging,\n * page size, sorting and searching.\n */\nexport type DataTableProps<T> = DataTableBaseProps<T> &\n    DataTablePagingProps &\n    DataTablePageSizeProps &\n    DataTableSortProps<T> &\n    DataTableSearchProps;\n\n/** Identity of one cell, stable across re-renders and pagination. */\nfunction cellId(rowKeyValue: string | number, columnKey: PropertyKey): string {\n    return `${String(rowKeyValue)}::${String(columnKey)}`;\n}\n\nfunction headerText<T>(column: DataTableColumn<T>): string {\n    return typeof column.header === \"string\" ? column.header : String(column.key);\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, pagination and opt-in inline\n * editing while delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page — unless\n *   `onPageSizeChange` is set, because the footer then carries the size selector.\n * - A column with `editable` renders a button that opens an inline editor;\n *   `Enter` commits, `Escape` discards, `Tab` walks to the next editable cell.\n *\n * Editing is strictly opt-in: with no `editable` column (or no `onCellChange`) the\n * rendered markup is byte-for-byte what it was before the feature existed, which\n * matters because the component is published.\n *\n * ## Optimistic, with a visible rollback\n *\n * An accepted edit is shown immediately and `onCellChange` runs in the background.\n * If it rejects, the cell returns to the old value **and** shows the reason as a\n * `role=\"alert\"` tied to the cell. A silent revert is worse than no optimistic\n * update at all: the user watched their edit appear and has no reason to doubt it.\n *\n * The header memo depends on `columns`, `sort` and the editing state only:\n * `toggleSort` and the commit callbacks are recreated each render but always close\n * over the same setters, so including them would rebuild every header on every\n * render without changing behaviour. That is why `exhaustive-deps` is silenced on\n * that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize: pageSizeProp,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    onCellChange,\n    editLabels,\n    totalItems,\n    page: controlledPage,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions,\n    manualSort,\n    onSortChange,\n    manualSearch,\n    onSearchChange,\n    loading = false,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const pageSize = pageSizeProp ?? 10;\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page: internalPage, setPage: setInternalPage } = usePagination(1, pageSize);\n    const announce = useAnnounce();\n\n    const serverMode = totalItems !== undefined;\n    const sortIsManual = manualSort ?? serverMode;\n    const searchIsManual = manualSearch ?? serverMode;\n    const page = controlledPage ?? internalPage;\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next);\n            onPageChange?.(next);\n        },\n        [controlledPage, setInternalPage, onPageChange],\n    );\n\n    /**\n     * Report the new size, then return to page 1 unless already there.\n     *\n     * The size goes out first so a caller that batches both into one query key\n     * (React batches the two updates of one event) fetches once, at the right size.\n     */\n    const changePageSize = useCallback(\n        (next: number) => {\n            onPageSizeChange?.(next);\n            if (page !== 1) setPage(1);\n        },\n        [onPageSizeChange, page, setPage],\n    );\n\n    useDevWarnings({\n        serverMode,\n        controlledPage,\n        onPageChange,\n        pageSizeControlled: pageSizeProp !== undefined,\n        onPageSizeChange,\n        sortIsManual,\n        hasSortableColumn: columns.some((column) => column.sortable),\n        onSortChange,\n        searchable,\n        onSearchChange,\n    });\n\n    const [editing, setEditing] = useState<string | null>(null);\n    const [refocus, setRefocus] = useState<string | null>(null);\n    const [overrides, setOverrides] = useState<Record<string, unknown>>({});\n    const [errors, setErrors] = useState<Record<string, string>>({});\n    const [saving, setSaving] = useState<Record<string, boolean>>({});\n\n    const labels = useMemo<DataTableEditLabels>(\n        () => ({ ...DEFAULT_EDIT_LABELS, ...editLabels }),\n        [editLabels],\n    );\n    const editingEnabled = onCellChange !== undefined && columns.some((column) => column.editable);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (!searchable || searchIsManual) return [];\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchable, searchIsManual, searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable || searchIsManual) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, searchIsManual, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort || sortIsManual) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort, sortIsManual]);\n\n    const rowCount = totalItems ?? sorted.length;\n    const totalPages = Math.max(1, Math.ceil(rowCount / pageSize));\n\n    /**\n     * Clamp the current page when the dataset shrinks (e.g. after filtering).\n     *\n     * Skipped in server mode: `page` belongs to the caller there, and a clamp\n     * fired against a `totalItems` that has not caught up with the new filter\n     * yet would send them a page they did not ask for, mid-fetch.\n     */\n    useEffect(() => {\n        if (!serverMode && page > totalPages) setPage(totalPages);\n    }, [serverMode, page, totalPages, setPage]);\n\n    const safePage = serverMode ? page : Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        if (serverMode) return sorted;\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [serverMode, sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        const current = sort;\n        const next: DataTableSort<T> | null =\n            !current || current.key !== key\n                ? { key, direction: \"asc\" }\n                : current.direction === \"asc\"\n                  ? { key, direction: \"desc\" }\n                  : null;\n        setSort(next);\n        onSortChange?.(next);\n    }\n\n    const absoluteIndex = useCallback(\n        (pageIndex: number) => (safePage - 1) * pageSize + pageIndex,\n        [safePage, pageSize],\n    );\n\n    /**\n     * Every editable cell on the page, row-major — the order `Tab` walks.\n     *\n     * Row-major and not column-major because a row is the record a user is\n     * correcting; walking down a column would make them re-find their place on\n     * every keystroke.\n     */\n    const editableCellIds = useMemo<string[]>(() => {\n        if (!editingEnabled) return [];\n        const ids: string[] = [];\n        pageRows.forEach((row, index) => {\n            const key = rowKey(row, absoluteIndex(index));\n            for (const column of columns) {\n                if (column.editable) ids.push(cellId(key, column.key));\n            }\n        });\n        return ids;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingEnabled, pageRows, columns, absoluteIndex]);\n\n    const displayed = useCallback(\n        (row: T, column: DataTableColumn<T>, id: string): unknown =>\n            id in overrides ? overrides[id] : row[column.key],\n        [overrides],\n    );\n\n    /**\n     * Run the caller's `onCellChange` behind the optimistic update.\n     *\n     * Only the *success* is announced. The failure already renders as a\n     * `role=\"alert\"` inside the cell, which screen readers read on insertion —\n     * announcing it again from the shared region would read it twice and put the\n     * same text in the document twice.\n     */\n    const persist = useCallback(\n        async (id: string, column: DataTableColumn<T>, change: DataTableCellChange<T>) => {\n            setSaving((current) => ({ ...current, [id]: true }));\n            try {\n                await onCellChange?.(change);\n                announce(labels.saved(headerText(column)));\n            } catch (error) {\n                setOverrides((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n                const message =\n                    error instanceof Error && error.message\n                        ? error.message\n                        : labels.saveFailed(headerText(column));\n                setErrors((current) => ({ ...current, [id]: message }));\n            } finally {\n                setSaving((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n            }\n        },\n        [onCellChange, announce, labels],\n    );\n\n    const moveFrom = useCallback(\n        (id: string, move: CellCommitMove): void => {\n            if (move === \"none\") {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            const index = editableCellIds.indexOf(id);\n            const target = editableCellIds[index + (move === \"next\" ? 1 : -1)];\n            if (target === undefined) {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            setEditing(target);\n            setRefocus(null);\n        },\n        [editableCellIds],\n    );\n\n    /**\n     * Parse, validate, stage optimistically, then save in the background.\n     *\n     * Validation runs before anything is staged, and a rejection leaves the editor\n     * open with the message attached to the input — the user has to be able to fix\n     * what they typed without retyping it.\n     */\n    const commit = useCallback(\n        (\n            row: T,\n            column: DataTableColumn<T>,\n            id: string,\n            pageIndex: number,\n            raw: string,\n            move: CellCommitMove,\n        ): void => {\n            const previous = displayed(row, column, id);\n            const currentText = column.formatEdit ? column.formatEdit(row) : String(previous ?? \"\");\n            if (raw === currentText) {\n                moveFrom(id, move);\n                return;\n            }\n\n            const value = column.parse\n                ? column.parse(raw, row)\n                : column.editorType === \"number\"\n                  ? Number(raw)\n                  : raw.trim();\n\n            const invalid = column.validate?.(value, row) ?? null;\n            if (invalid) {\n                setErrors((current) => ({ ...current, [id]: invalid }));\n                return;\n            }\n\n            setErrors((current) => {\n                const next = { ...current };\n                delete next[id];\n                return next;\n            });\n            setOverrides((current) => ({ ...current, [id]: value }));\n            moveFrom(id, move);\n            void persist(id, column, {\n                row,\n                key: column.key,\n                value,\n                previous,\n                rowIndex: absoluteIndex(pageIndex),\n            });\n        },\n        [displayed, moveFrom, persist, absoluteIndex],\n    );\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${headerText(column)}`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                const plainCell = (row: T): ReactNode => {\n                    if (column.render) return column.render(row);\n                    return (row[column.key] as ReactNode) ?? null;\n                };\n\n                /**\n                 * Render an editable cell's content against the optimistic value.\n                 *\n                 * The row is shallow-patched rather than the value passed alongside it,\n                 * because a column with a custom `render` (a `<Money>`, a badge) reads\n                 * the row — handing it the stale row would show the old number under a\n                 * cell the user just changed.\n                 */\n                const patchedCell = (row: T, value: unknown): ReactNode => {\n                    const patched = { ...row, [column.key]: value } as T;\n                    if (column.render) return column.render(patched);\n                    return (patched[column.key] as ReactNode) ?? null;\n                };\n\n                const editable = editingEnabled && column.editable === true;\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: editable\n                        ? (row: T, index: number) => {\n                              const id = cellId(rowKey(row, absoluteIndex(index)), column.key);\n                              const value = displayed(row, column, id);\n                              const text = column.formatEdit\n                                  ? column.formatEdit(row)\n                                  : String(value ?? \"\");\n                              return (\n                                  <EditableCell\n                                      text={text}\n                                      columnLabel={headerText(column)}\n                                      rowNumber={index + 1}\n                                      inputType={column.editorType ?? \"text\"}\n                                      editing={editing === id}\n                                      refocus={refocus === id}\n                                      saving={saving[id] === true}\n                                      error={errors[id] ?? null}\n                                      errorId={`tempest-cell-error-${id.replace(/[^\\w-]/g, \"_\")}`}\n                                      labels={labels}\n                                      onOpen={() => {\n                                          setEditing(id);\n                                          setRefocus(null);\n                                      }}\n                                      onCommit={(raw, move) =>\n                                          commit(row, column, id, index, raw, move)\n                                      }\n                                      onCancel={() => {\n                                          setEditing(null);\n                                          setRefocus(id);\n                                          setErrors((current) => {\n                                              const next = { ...current };\n                                              delete next[id];\n                                              return next;\n                                          });\n                                      }}\n                                  >\n                                      {patchedCell(row, value)}\n                                  </EditableCell>\n                              );\n                          }\n                        : plainCell,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            columns,\n            sort,\n            editingEnabled,\n            editing,\n            refocus,\n            saving,\n            errors,\n            labels,\n            overrides,\n            absoluteIndex,\n            commit,\n        ],\n    );\n\n    const showSkeleton = loading && pageRows.length === 0;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                        onSearchChange?.(value);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <div\n                className={cn(loading && !showSkeleton && styles.pending)}\n                aria-busy={loading || undefined}\n                data-testid=\"tempest-datatable-body\"\n            >\n                {showSkeleton ? (\n                    <LoadingRows columns={tableColumns.length} rows={Math.min(pageSize, 8)} />\n                ) : (\n                    <Table\n                        columns={tableColumns}\n                        data={pageRows}\n                        rowKey={(row, index) => rowKey(row, absoluteIndex(index))}\n                        emptyMessage={emptyMessage}\n                    />\n                )}\n            </div>\n            {(totalPages > 1 || onPageSizeChange !== undefined) && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={rowCount}\n                    pageSize={pageSize}\n                    pageSizeOptions={pageSizeOptions}\n                    onPageSizeChange={onPageSizeChange && changePageSize}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","names":["useState","usePagination","useAnnounce","useCallback","useMemo","DEFAULT_EDIT_LABELS","compareValues","styles","EditableCell","cn","SearchBar","LoadingRows","Table","Pagination","require_cn","require_use_pagination","require_use_announce","require_Pagination","require_SearchBar","require_Table","require_compare_values","require_DataTable_module","require_EditableCell","require_LoadingRows","require_use_dev_warnings","require_edit_labels","react","react_jsx_runtime","cellId","rowKeyValue","columnKey","headerText","column","DataTable","pageSizeProp","index","controlledPage","rest","pageSize","search","setSearch","sort","setSort","initialSort","internalPage","setInternalPage","announce","serverMode","totalItems","sortIsManual","manualSort","searchIsManual","manualSearch","page","setPage","next","onPageChange","changePageSize","onPageSizeChange","columns","editing","setEditing","refocus","setRefocus","overrides","setOverrides","errors","setErrors","saving","setSaving","labels","editLabels","editingEnabled","onCellChange","effectiveSearchKeys","searchable","searchKeys","sample","data","row","value","filtered","term","key","sorted","factor","a","b","rowCount","totalPages","safePage","pageRows","start","toggleSort","current","onSortChange","absoluteIndex","pageIndex","editableCellIds","ids","rowKey","displayed","id","persist","change","error","message","moveFrom","move","target","commit","previous","raw","invalid","tableColumns","indicator","header","plainCell","patchedCell","patched","editable","text","showSkeleton","loading","className","onSearchChange"],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the table does four jobs\n * a caller turns on independently — paging (pageSize, plus the optional size\n * selector onPageSizeChange/pageSizeOptions), search (searchable,\n * searchKeys), sort (initialSort) and inline edit (onCellChange, editLabels) — over\n * one row model (data, columns, rowKey, emptyMessage). The body is long because\n * those four share the derived-rows pipeline: filter, then sort, then page, then map\n * to cells, in that order and off the same memo.\n *\n * Each of the four also runs in a second mode, where the caller owns the work and\n * the table only reports intent: totalItems/page/onPageChange, onSearchChange,\n * manualSort/onSortChange, loading/loadingRows. That doubles the props without\n * adding a fifth job — every manual prop short-circuits one stage of the same\n * pipeline.\n */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { compareValues } from \"@/utils/compare-values\";\nimport { usePagination } from \"@/hooks\";\nimport { useAnnounce } from \"@/hooks/use-announce\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport { EditableCell } from \"./EditableCell\";\nimport { LoadingRows } from \"./LoadingRows\";\nimport { useDevWarnings } from \"./use-dev-warnings\";\nimport { DEFAULT_EDIT_LABELS, type CellCommitMove, type DataTableEditLabels } from \"./edit-labels\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/** Input types an editable column can use. */\nexport type DataTableEditorType = \"text\" | \"number\" | \"date\" | \"email\" | \"tel\" | \"url\";\n\n/** One accepted cell edit, handed to `onCellChange`. */\nexport interface DataTableCellChange<T> {\n    /** The row as it was before the edit. */\n    row: T;\n    /** Which column changed. */\n    key: keyof T;\n    /** The parsed new value. */\n    value: unknown;\n    /** The value that was displayed before the edit. */\n    previous: unknown;\n    /** Index of the row in the full `data` array. */\n    rowIndex: number;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, opt-in inline editing, and the\n * visual options that are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n    /**\n     * Let cells in this column be edited in place. Requires `onCellChange` on the\n     * table; without it the column stays read-only.\n     */\n    editable?: boolean;\n    /** Editor input type. Default `\"text\"`. */\n    editorType?: DataTableEditorType;\n    /** Text the editor opens with. Defaults to `String(value ?? \"\")`. */\n    formatEdit?: (row: T) => string;\n    /**\n     * Turn the typed string into the stored value. Defaults to the trimmed string,\n     * or `Number(raw)` when `editorType` is `\"number\"`.\n     */\n    parse?: (raw: string, row: T) => unknown;\n    /** Return a message to reject the edit, or `null` to accept it. */\n    validate?: (value: unknown, row: T) => string | null;\n}\n\n/** Everything a table needs regardless of who owns paging, sorting and searching. */\nexport interface DataTableBaseProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The rows to work with.\n     *\n     * By default this is the **full** dataset and sorting, searching and paging\n     * all happen in memory. Pass `totalItems` and it becomes the current page as\n     * the server returned it, with those three delegated to the caller.\n     */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /**\n     * Rows per page. Default 10.\n     *\n     * Always read on every render, so it is already a controlled value; what turns\n     * it into a user-facing choice is `onPageSizeChange` (see\n     * {@link DataTablePageSizeProps}), which then makes it required.\n     */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n    /**\n     * Persist an accepted cell edit. Return a promise: while it is pending the cell\n     * already shows the new value, and a rejection rolls that back and surfaces the\n     * error in the cell. Without this prop no column is editable.\n     */\n    onCellChange?: (change: DataTableCellChange<T>) => void | Promise<void>;\n    /** Override the PT-BR copy of the editing affordances. */\n    editLabels?: Partial<DataTableEditLabels>;\n    /**\n     * A fetch is in flight.\n     *\n     * With rows already on screen they stay put, dimmed and `aria-busy`, so the\n     * page does not jump under the cursor between pages. With no rows yet it\n     * renders placeholder lines at full height, which is a different statement\n     * from `emptyMessage`: \"loading\" and \"there is nothing\" are not the same\n     * screen.\n     */\n    loading?: boolean;\n}\n\n/**\n * Paging, as one of the three shapes that actually work.\n *\n * These used to be three optional props, so the compiler accepted\n * `totalItems` with no `page` — a table whose pager moves an internal page while\n * `data` keeps showing page one. Every prop was optional on its own, so the only\n * place left to catch it was a `console.warn` in dev, in the browser, with the\n * component mounted. As a union the same mistake is a build error at the call\n * site, for free, everywhere.\n */\nexport type DataTablePagingProps =\n    | {\n          /** Not server mode. */\n          totalItems?: never;\n          /** The table owns the page. */\n          page?: never;\n          /** Nothing to report to. */\n          onPageChange?: never;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). Pair it with\n           * `page` and `onPageChange`.\n           */\n          totalItems?: never;\n          /** Current page, 1-based. Controlled — required in server mode. */\n          page: number;\n          /** Called with the next page. Required whenever `page` is controlled. */\n          onPageChange: (page: number) => void;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). `page` and\n           * `onPageChange` come with it — the type says so, because a server-mode\n           * table without them silently shows page one forever.\n           */\n          totalItems: number;\n          /** Current page, 1-based. Controlled, and required in server mode. */\n          page: number;\n          /** Called with the next page. */\n          onPageChange: (page: number) => void;\n      };\n\n/**\n * The items-per-page selector: owned by the caller, or absent.\n *\n * The footer is the SDK's own `Pagination`, which already renders a size\n * `<select>`; this is the channel that reaches it. Two shapes only, for the same\n * reason as {@link DataTablePagingProps}: `pageSizeOptions` with no\n * `onPageSizeChange` is a selector that changes nothing, and `onPageSizeChange`\n * with no `pageSize` is one whose choice never comes back — the table would keep\n * counting pages by the default 10 while the selector claims 50. Both are build\n * errors instead.\n */\nexport type DataTablePageSizeProps =\n    | {\n          /** No selector: `pageSize` is fixed by the caller. */\n          onPageSizeChange?: never;\n          /** Nothing to choose from. */\n          pageSizeOptions?: never;\n      }\n    | {\n          /** The size currently shown. Required, since the selector reports and you feed it back. */\n          pageSize: number;\n          /**\n           * Called with the size the user picked. Passing it renders the selector in the\n           * footer, and keeps the footer on screen even when everything fits on one page\n           * — otherwise picking 100 for 40 rows would remove the only control that can\n           * pick 10 again.\n           *\n           * The table also moves back to page 1 (through `onPageChange` when the page\n           * is controlled), after this call. Page 7 of 10-per-page has no meaning at\n           * 100-per-page, and 1 is the only page guaranteed to exist under the new size.\n           */\n          onPageSizeChange: (size: number) => void;\n          /** Sizes offered. Default `[10, 25, 50, 100]`; the current `pageSize` is always included. */\n          pageSizeOptions?: number[];\n      };\n\n/**\n * Sorting: delegated, and therefore reported, or neither.\n *\n * `manualSort` without `onSortChange` renders a header that moves its arrow and\n * changes nothing else — the arrow is a lie the compiler can now catch.\n */\nexport type DataTableSortProps<T> =\n    | {\n          /** The table sorts the rows it has. */\n          manualSort?: false;\n          /** Called with the next sort state — `null` when the header cycles back to unsorted. */\n          onSortChange?: (sort: DataTableSort<T> | null) => void;\n      }\n    | {\n          /**\n           * Sorting is the caller's job: clicking a header reports through\n           * `onSortChange` and the rows are left in the order they arrived.\n           *\n           * Implied by `totalItems`, because sorting the page in memory would sort\n           * *that page only* while the header claims the whole table is ordered.\n           */\n          manualSort: true;\n          /** Where the click goes. Required, since nothing else acts on it. */\n          onSortChange: (sort: DataTableSort<T> | null) => void;\n      };\n\n/**\n * Searching: delegated, and therefore reported, or neither.\n *\n * `manualSearch` without `onSearchChange` renders a search box that filters\n * nothing and tells nobody — the same shape of lie as a header arrow that turns\n * without sorting.\n *\n * Independent of the paging axis on purpose, and that leaves one gap this type\n * does not close: `totalItems` *implies* `manualSearch`, so a server-mode table\n * with `searchable` and no `onSearchChange` falls into the same hole without ever\n * writing `manualSearch`. Closing it means the search axis has to read the paging\n * axis, which crosses two three-member unions into nine and turns every mismatch\n * into a wall of candidate shapes. That case is a dev warning instead — the one\n * spot where runtime really is the cheaper check, and `use-dev-warnings.ts` says\n * so at the call site.\n */\nexport type DataTableSearchProps =\n    | {\n          /** The table filters the rows it has. */\n          manualSearch?: false;\n          /** Called with the current search term (debouncing, if any, is the caller's). */\n          onSearchChange?: (term: string) => void;\n      }\n    | {\n          /**\n           * Searching is the caller's job: typing reports through `onSearchChange`\n           * and the rows are left as they arrived.\n           *\n           * Implied by `totalItems`. Filtering the current page would hide the rows\n           * that do not match *on this page* and show nothing for a term that only\n           * matches on page three — an empty table that looks like \"no results\".\n           */\n          manualSearch: true;\n          /** Where the typing goes. Required, since nothing else acts on it. */\n          onSearchChange: (term: string) => void;\n      };\n\n/**\n * The table's props: the shared half, plus one valid shape per axis — paging,\n * page size, sorting and searching.\n */\nexport type DataTableProps<T> = DataTableBaseProps<T> &\n    DataTablePagingProps &\n    DataTablePageSizeProps &\n    DataTableSortProps<T> &\n    DataTableSearchProps;\n\n/** Identity of one cell, stable across re-renders and pagination. */\nfunction cellId(rowKeyValue: string | number, columnKey: PropertyKey): string {\n    return `${String(rowKeyValue)}::${String(columnKey)}`;\n}\n\nfunction headerText<T>(column: DataTableColumn<T>): string {\n    return typeof column.header === \"string\" ? column.header : String(column.key);\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, pagination and opt-in inline\n * editing while delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page — unless\n *   `onPageSizeChange` is set, because the footer then carries the size selector.\n * - A column with `editable` renders a button that opens an inline editor;\n *   `Enter` commits, `Escape` discards, `Tab` walks to the next editable cell.\n *\n * Editing is strictly opt-in: with no `editable` column (or no `onCellChange`) the\n * rendered markup is byte-for-byte what it was before the feature existed, which\n * matters because the component is published.\n *\n * ## Optimistic, with a visible rollback\n *\n * An accepted edit is shown immediately and `onCellChange` runs in the background.\n * If it rejects, the cell returns to the old value **and** shows the reason as a\n * `role=\"alert\"` tied to the cell. A silent revert is worse than no optimistic\n * update at all: the user watched their edit appear and has no reason to doubt it.\n *\n * The header memo depends on `columns`, `sort` and the editing state only:\n * `toggleSort` and the commit callbacks are recreated each render but always close\n * over the same setters, so including them would rebuild every header on every\n * render without changing behaviour. That is why `exhaustive-deps` is silenced on\n * that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize: pageSizeProp,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    onCellChange,\n    editLabels,\n    totalItems,\n    page: controlledPage,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions,\n    manualSort,\n    onSortChange,\n    manualSearch,\n    onSearchChange,\n    loading = false,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const pageSize = pageSizeProp ?? 10;\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page: internalPage, setPage: setInternalPage } = usePagination(1, pageSize);\n    const announce = useAnnounce();\n\n    const serverMode = totalItems !== undefined;\n    const sortIsManual = manualSort ?? serverMode;\n    const searchIsManual = manualSearch ?? serverMode;\n    const page = controlledPage ?? internalPage;\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next);\n            onPageChange?.(next);\n        },\n        [controlledPage, setInternalPage, onPageChange],\n    );\n\n    /**\n     * Report the new size, then return to page 1 unless already there.\n     *\n     * The size goes out first so a caller that batches both into one query key\n     * (React batches the two updates of one event) fetches once, at the right size.\n     */\n    const changePageSize = useCallback(\n        (next: number) => {\n            onPageSizeChange?.(next);\n            if (page !== 1) setPage(1);\n        },\n        [onPageSizeChange, page, setPage],\n    );\n\n    useDevWarnings({\n        serverMode,\n        controlledPage,\n        onPageChange,\n        pageSizeControlled: pageSizeProp !== undefined,\n        onPageSizeChange,\n        sortIsManual,\n        hasSortableColumn: columns.some((column) => column.sortable),\n        onSortChange,\n        searchable,\n        onSearchChange,\n    });\n\n    const [editing, setEditing] = useState<string | null>(null);\n    const [refocus, setRefocus] = useState<string | null>(null);\n    const [overrides, setOverrides] = useState<Record<string, unknown>>({});\n    const [errors, setErrors] = useState<Record<string, string>>({});\n    const [saving, setSaving] = useState<Record<string, boolean>>({});\n\n    const labels = useMemo<DataTableEditLabels>(\n        () => ({ ...DEFAULT_EDIT_LABELS, ...editLabels }),\n        [editLabels],\n    );\n    const editingEnabled = onCellChange !== undefined && columns.some((column) => column.editable);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (!searchable || searchIsManual) return [];\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchable, searchIsManual, searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable || searchIsManual) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, searchIsManual, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort || sortIsManual) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort, sortIsManual]);\n\n    const rowCount = totalItems ?? sorted.length;\n    const totalPages = Math.max(1, Math.ceil(rowCount / pageSize));\n\n    /**\n     * Clamp the current page when the dataset shrinks (e.g. after filtering).\n     *\n     * Skipped in server mode: `page` belongs to the caller there, and a clamp\n     * fired against a `totalItems` that has not caught up with the new filter\n     * yet would send them a page they did not ask for, mid-fetch.\n     */\n    useEffect(() => {\n        if (!serverMode && page > totalPages) setPage(totalPages);\n    }, [serverMode, page, totalPages, setPage]);\n\n    const safePage = serverMode ? page : Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        if (serverMode) return sorted;\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [serverMode, sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        const current = sort;\n        const next: DataTableSort<T> | null =\n            !current || current.key !== key\n                ? { key, direction: \"asc\" }\n                : current.direction === \"asc\"\n                  ? { key, direction: \"desc\" }\n                  : null;\n        setSort(next);\n        onSortChange?.(next);\n    }\n\n    const absoluteIndex = useCallback(\n        (pageIndex: number) => (safePage - 1) * pageSize + pageIndex,\n        [safePage, pageSize],\n    );\n\n    /**\n     * Every editable cell on the page, row-major — the order `Tab` walks.\n     *\n     * Row-major and not column-major because a row is the record a user is\n     * correcting; walking down a column would make them re-find their place on\n     * every keystroke.\n     */\n    const editableCellIds = useMemo<string[]>(() => {\n        if (!editingEnabled) return [];\n        const ids: string[] = [];\n        pageRows.forEach((row, index) => {\n            const key = rowKey(row, absoluteIndex(index));\n            for (const column of columns) {\n                if (column.editable) ids.push(cellId(key, column.key));\n            }\n        });\n        return ids;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingEnabled, pageRows, columns, absoluteIndex]);\n\n    const displayed = useCallback(\n        (row: T, column: DataTableColumn<T>, id: string): unknown =>\n            id in overrides ? overrides[id] : row[column.key],\n        [overrides],\n    );\n\n    /**\n     * Run the caller's `onCellChange` behind the optimistic update.\n     *\n     * Only the *success* is announced. The failure already renders as a\n     * `role=\"alert\"` inside the cell, which screen readers read on insertion —\n     * announcing it again from the shared region would read it twice and put the\n     * same text in the document twice.\n     */\n    const persist = useCallback(\n        async (id: string, column: DataTableColumn<T>, change: DataTableCellChange<T>) => {\n            setSaving((current) => ({ ...current, [id]: true }));\n            try {\n                await onCellChange?.(change);\n                announce(labels.saved(headerText(column)));\n            } catch (error) {\n                setOverrides((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n                const message =\n                    error instanceof Error && error.message\n                        ? error.message\n                        : labels.saveFailed(headerText(column));\n                setErrors((current) => ({ ...current, [id]: message }));\n            } finally {\n                setSaving((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n            }\n        },\n        [onCellChange, announce, labels],\n    );\n\n    const moveFrom = useCallback(\n        (id: string, move: CellCommitMove): void => {\n            if (move === \"none\") {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            const index = editableCellIds.indexOf(id);\n            const target = editableCellIds[index + (move === \"next\" ? 1 : -1)];\n            if (target === undefined) {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            setEditing(target);\n            setRefocus(null);\n        },\n        [editableCellIds],\n    );\n\n    /**\n     * Parse, validate, stage optimistically, then save in the background.\n     *\n     * Validation runs before anything is staged, and a rejection leaves the editor\n     * open with the message attached to the input — the user has to be able to fix\n     * what they typed without retyping it.\n     */\n    const commit = useCallback(\n        (\n            row: T,\n            column: DataTableColumn<T>,\n            id: string,\n            pageIndex: number,\n            raw: string,\n            move: CellCommitMove,\n        ): void => {\n            const previous = displayed(row, column, id);\n            const currentText = column.formatEdit ? column.formatEdit(row) : String(previous ?? \"\");\n            if (raw === currentText) {\n                moveFrom(id, move);\n                return;\n            }\n\n            const value = column.parse\n                ? column.parse(raw, row)\n                : column.editorType === \"number\"\n                  ? Number(raw)\n                  : raw.trim();\n\n            const invalid = column.validate?.(value, row) ?? null;\n            if (invalid) {\n                setErrors((current) => ({ ...current, [id]: invalid }));\n                return;\n            }\n\n            setErrors((current) => {\n                const next = { ...current };\n                delete next[id];\n                return next;\n            });\n            setOverrides((current) => ({ ...current, [id]: value }));\n            moveFrom(id, move);\n            void persist(id, column, {\n                row,\n                key: column.key,\n                value,\n                previous,\n                rowIndex: absoluteIndex(pageIndex),\n            });\n        },\n        [displayed, moveFrom, persist, absoluteIndex],\n    );\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${headerText(column)}`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                const plainCell = (row: T): ReactNode => {\n                    if (column.render) return column.render(row);\n                    return (row[column.key] as ReactNode) ?? null;\n                };\n\n                /**\n                 * Render an editable cell's content against the optimistic value.\n                 *\n                 * The row is shallow-patched rather than the value passed alongside it,\n                 * because a column with a custom `render` (a `<Money>`, a badge) reads\n                 * the row — handing it the stale row would show the old number under a\n                 * cell the user just changed.\n                 */\n                const patchedCell = (row: T, value: unknown): ReactNode => {\n                    const patched = { ...row, [column.key]: value } as T;\n                    if (column.render) return column.render(patched);\n                    return (patched[column.key] as ReactNode) ?? null;\n                };\n\n                const editable = editingEnabled && column.editable === true;\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: editable\n                        ? (row: T, index: number) => {\n                              const id = cellId(rowKey(row, absoluteIndex(index)), column.key);\n                              const value = displayed(row, column, id);\n                              const text = column.formatEdit\n                                  ? column.formatEdit(row)\n                                  : String(value ?? \"\");\n                              return (\n                                  <EditableCell\n                                      text={text}\n                                      columnLabel={headerText(column)}\n                                      rowNumber={index + 1}\n                                      inputType={column.editorType ?? \"text\"}\n                                      editing={editing === id}\n                                      refocus={refocus === id}\n                                      saving={saving[id] === true}\n                                      error={errors[id] ?? null}\n                                      errorId={`tempest-cell-error-${id.replace(/[^\\w-]/g, \"_\")}`}\n                                      labels={labels}\n                                      onOpen={() => {\n                                          setEditing(id);\n                                          setRefocus(null);\n                                      }}\n                                      onCommit={(raw, move) =>\n                                          commit(row, column, id, index, raw, move)\n                                      }\n                                      onCancel={() => {\n                                          setEditing(null);\n                                          setRefocus(id);\n                                          setErrors((current) => {\n                                              const next = { ...current };\n                                              delete next[id];\n                                              return next;\n                                          });\n                                      }}\n                                  >\n                                      {patchedCell(row, value)}\n                                  </EditableCell>\n                              );\n                          }\n                        : plainCell,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            columns,\n            sort,\n            editingEnabled,\n            editing,\n            refocus,\n            saving,\n            errors,\n            labels,\n            overrides,\n            absoluteIndex,\n            commit,\n        ],\n    );\n\n    const showSkeleton = loading && pageRows.length === 0;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                        onSearchChange?.(value);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <div\n                className={cn(loading && !showSkeleton && styles.pending)}\n                aria-busy={loading || undefined}\n                data-testid=\"tempest-datatable-body\"\n            >\n                {showSkeleton ? (\n                    <LoadingRows columns={tableColumns.length} rows={Math.min(pageSize, 8)} />\n                ) : (\n                    <Table\n                        columns={tableColumns}\n                        data={pageRows}\n                        rowKey={(row, index) => rowKey(row, absoluteIndex(index))}\n                        emptyMessage={emptyMessage}\n                    />\n                )}\n            </div>\n            {(totalPages > 1 || onPageSizeChange !== undefined) && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={rowCount}\n                    pageSize={pageSize}\n                    pageSizeOptions={pageSizeOptions}\n                    onPageSizeChange={onPageSizeChange && changePageSize}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DataTable/DataTable.js

@@ -151,11 +151,7 @@ function g({ data: g, columns: _, pageSize: ie, searchable: v = !1, searchKeys:
 			return;
 		}
 		let n = Z.indexOf(e), r = Z[n + (t === "next" ? 1 : -1)];
-		if (r === void 0) {
-			R(null), B(e);
-			return;
-		}
-		R(r), B(null);
+		r === void 0 ? (R(null), B(e)) : (R(r), B(null));
 	}, [Z]), De = l((e, t, n, r, i, a) => {
 		let o = Q(e, t, n);
 		if (i === (t.formatEdit ? t.formatEdit(e) : String(o ?? ""))) {
@@ -163,14 +159,10 @@ function g({ data: g, columns: _, pageSize: ie, searchable: v = !1, searchKeys:
 			return;
 		}
 		let s = t.parse ? t.parse(i, e) : t.editorType === "number" ? Number(i) : i.trim(), c = t.validate?.(s, e) ?? null;
-		if (c) {
-			H((e) => ({
-				...e,
-				[n]: c
-			}));
-			return;
-		}
-		H((e) => {
+		c ? H((e) => ({
+			...e,
+			[n]: c
+		})) : (H((e) => {
 			let t = { ...e };
 			return delete t[n], t;
 		}), ye((e) => ({
@@ -182,7 +174,7 @@ function g({ data: g, columns: _, pageSize: ie, searchable: v = !1, searchKeys:
 			value: s,
 			previous: o,
 			rowIndex: X(r)
-		});
+		}));
 	}, [
 		Q,
 		$,

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the table does four jobs\n * a caller turns on independently — paging (pageSize, plus the optional size\n * selector onPageSizeChange/pageSizeOptions), search (searchable,\n * searchKeys), sort (initialSort) and inline edit (onCellChange, editLabels) — over\n * one row model (data, columns, rowKey, emptyMessage). The body is long because\n * those four share the derived-rows pipeline: filter, then sort, then page, then map\n * to cells, in that order and off the same memo.\n *\n * Each of the four also runs in a second mode, where the caller owns the work and\n * the table only reports intent: totalItems/page/onPageChange, onSearchChange,\n * manualSort/onSortChange, loading/loadingRows. That doubles the props without\n * adding a fifth job — every manual prop short-circuits one stage of the same\n * pipeline.\n */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { compareValues } from \"@/utils/compare-values\";\nimport { usePagination } from \"@/hooks\";\nimport { useAnnounce } from \"@/hooks/use-announce\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport { EditableCell } from \"./EditableCell\";\nimport { LoadingRows } from \"./LoadingRows\";\nimport { useDevWarnings } from \"./use-dev-warnings\";\nimport { DEFAULT_EDIT_LABELS, type CellCommitMove, type DataTableEditLabels } from \"./edit-labels\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/** Input types an editable column can use. */\nexport type DataTableEditorType = \"text\" | \"number\" | \"date\" | \"email\" | \"tel\" | \"url\";\n\n/** One accepted cell edit, handed to `onCellChange`. */\nexport interface DataTableCellChange<T> {\n    /** The row as it was before the edit. */\n    row: T;\n    /** Which column changed. */\n    key: keyof T;\n    /** The parsed new value. */\n    value: unknown;\n    /** The value that was displayed before the edit. */\n    previous: unknown;\n    /** Index of the row in the full `data` array. */\n    rowIndex: number;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, opt-in inline editing, and the\n * visual options that are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n    /**\n     * Let cells in this column be edited in place. Requires `onCellChange` on the\n     * table; without it the column stays read-only.\n     */\n    editable?: boolean;\n    /** Editor input type. Default `\"text\"`. */\n    editorType?: DataTableEditorType;\n    /** Text the editor opens with. Defaults to `String(value ?? \"\")`. */\n    formatEdit?: (row: T) => string;\n    /**\n     * Turn the typed string into the stored value. Defaults to the trimmed string,\n     * or `Number(raw)` when `editorType` is `\"number\"`.\n     */\n    parse?: (raw: string, row: T) => unknown;\n    /** Return a message to reject the edit, or `null` to accept it. */\n    validate?: (value: unknown, row: T) => string | null;\n}\n\n/** Everything a table needs regardless of who owns paging, sorting and searching. */\nexport interface DataTableBaseProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The rows to work with.\n     *\n     * By default this is the **full** dataset and sorting, searching and paging\n     * all happen in memory. Pass `totalItems` and it becomes the current page as\n     * the server returned it, with those three delegated to the caller.\n     */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /**\n     * Rows per page. Default 10.\n     *\n     * Always read on every render, so it is already a controlled value; what turns\n     * it into a user-facing choice is `onPageSizeChange` (see\n     * {@link DataTablePageSizeProps}), which then makes it required.\n     */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n    /**\n     * Persist an accepted cell edit. Return a promise: while it is pending the cell\n     * already shows the new value, and a rejection rolls that back and surfaces the\n     * error in the cell. Without this prop no column is editable.\n     */\n    onCellChange?: (change: DataTableCellChange<T>) => void | Promise<void>;\n    /** Override the PT-BR copy of the editing affordances. */\n    editLabels?: Partial<DataTableEditLabels>;\n    /**\n     * A fetch is in flight.\n     *\n     * With rows already on screen they stay put, dimmed and `aria-busy`, so the\n     * page does not jump under the cursor between pages. With no rows yet it\n     * renders placeholder lines at full height, which is a different statement\n     * from `emptyMessage`: \"loading\" and \"there is nothing\" are not the same\n     * screen.\n     */\n    loading?: boolean;\n}\n\n/**\n * Paging, as one of the three shapes that actually work.\n *\n * These used to be three optional props, so the compiler accepted\n * `totalItems` with no `page` — a table whose pager moves an internal page while\n * `data` keeps showing page one. Every prop was optional on its own, so the only\n * place left to catch it was a `console.warn` in dev, in the browser, with the\n * component mounted. As a union the same mistake is a build error at the call\n * site, for free, everywhere.\n */\nexport type DataTablePagingProps =\n    | {\n          /** Not server mode. */\n          totalItems?: never;\n          /** The table owns the page. */\n          page?: never;\n          /** Nothing to report to. */\n          onPageChange?: never;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). Pair it with\n           * `page` and `onPageChange`.\n           */\n          totalItems?: never;\n          /** Current page, 1-based. Controlled — required in server mode. */\n          page: number;\n          /** Called with the next page. Required whenever `page` is controlled. */\n          onPageChange: (page: number) => void;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). `page` and\n           * `onPageChange` come with it — the type says so, because a server-mode\n           * table without them silently shows page one forever.\n           */\n          totalItems: number;\n          /** Current page, 1-based. Controlled, and required in server mode. */\n          page: number;\n          /** Called with the next page. */\n          onPageChange: (page: number) => void;\n      };\n\n/**\n * The items-per-page selector: owned by the caller, or absent.\n *\n * The footer is the SDK's own `Pagination`, which already renders a size\n * `<select>`; this is the channel that reaches it. Two shapes only, for the same\n * reason as {@link DataTablePagingProps}: `pageSizeOptions` with no\n * `onPageSizeChange` is a selector that changes nothing, and `onPageSizeChange`\n * with no `pageSize` is one whose choice never comes back — the table would keep\n * counting pages by the default 10 while the selector claims 50. Both are build\n * errors instead.\n */\nexport type DataTablePageSizeProps =\n    | {\n          /** No selector: `pageSize` is fixed by the caller. */\n          onPageSizeChange?: never;\n          /** Nothing to choose from. */\n          pageSizeOptions?: never;\n      }\n    | {\n          /** The size currently shown. Required, since the selector reports and you feed it back. */\n          pageSize: number;\n          /**\n           * Called with the size the user picked. Passing it renders the selector in the\n           * footer, and keeps the footer on screen even when everything fits on one page\n           * — otherwise picking 100 for 40 rows would remove the only control that can\n           * pick 10 again.\n           *\n           * The table also moves back to page 1 (through `onPageChange` when the page\n           * is controlled), after this call. Page 7 of 10-per-page has no meaning at\n           * 100-per-page, and 1 is the only page guaranteed to exist under the new size.\n           */\n          onPageSizeChange: (size: number) => void;\n          /** Sizes offered. Default `[10, 25, 50, 100]`; the current `pageSize` is always included. */\n          pageSizeOptions?: number[];\n      };\n\n/**\n * Sorting: delegated, and therefore reported, or neither.\n *\n * `manualSort` without `onSortChange` renders a header that moves its arrow and\n * changes nothing else — the arrow is a lie the compiler can now catch.\n */\nexport type DataTableSortProps<T> =\n    | {\n          /** The table sorts the rows it has. */\n          manualSort?: false;\n          /** Called with the next sort state — `null` when the header cycles back to unsorted. */\n          onSortChange?: (sort: DataTableSort<T> | null) => void;\n      }\n    | {\n          /**\n           * Sorting is the caller's job: clicking a header reports through\n           * `onSortChange` and the rows are left in the order they arrived.\n           *\n           * Implied by `totalItems`, because sorting the page in memory would sort\n           * *that page only* while the header claims the whole table is ordered.\n           */\n          manualSort: true;\n          /** Where the click goes. Required, since nothing else acts on it. */\n          onSortChange: (sort: DataTableSort<T> | null) => void;\n      };\n\n/**\n * Searching: delegated, and therefore reported, or neither.\n *\n * `manualSearch` without `onSearchChange` renders a search box that filters\n * nothing and tells nobody — the same shape of lie as a header arrow that turns\n * without sorting.\n *\n * Independent of the paging axis on purpose, and that leaves one gap this type\n * does not close: `totalItems` *implies* `manualSearch`, so a server-mode table\n * with `searchable` and no `onSearchChange` falls into the same hole without ever\n * writing `manualSearch`. Closing it means the search axis has to read the paging\n * axis, which crosses two three-member unions into nine and turns every mismatch\n * into a wall of candidate shapes. That case is a dev warning instead — the one\n * spot where runtime really is the cheaper check, and `use-dev-warnings.ts` says\n * so at the call site.\n */\nexport type DataTableSearchProps =\n    | {\n          /** The table filters the rows it has. */\n          manualSearch?: false;\n          /** Called with the current search term (debouncing, if any, is the caller's). */\n          onSearchChange?: (term: string) => void;\n      }\n    | {\n          /**\n           * Searching is the caller's job: typing reports through `onSearchChange`\n           * and the rows are left as they arrived.\n           *\n           * Implied by `totalItems`. Filtering the current page would hide the rows\n           * that do not match *on this page* and show nothing for a term that only\n           * matches on page three — an empty table that looks like \"no results\".\n           */\n          manualSearch: true;\n          /** Where the typing goes. Required, since nothing else acts on it. */\n          onSearchChange: (term: string) => void;\n      };\n\n/**\n * The table's props: the shared half, plus one valid shape per axis — paging,\n * page size, sorting and searching.\n */\nexport type DataTableProps<T> = DataTableBaseProps<T> &\n    DataTablePagingProps &\n    DataTablePageSizeProps &\n    DataTableSortProps<T> &\n    DataTableSearchProps;\n\n/** Identity of one cell, stable across re-renders and pagination. */\nfunction cellId(rowKeyValue: string | number, columnKey: PropertyKey): string {\n    return `${String(rowKeyValue)}::${String(columnKey)}`;\n}\n\nfunction headerText<T>(column: DataTableColumn<T>): string {\n    return typeof column.header === \"string\" ? column.header : String(column.key);\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, pagination and opt-in inline\n * editing while delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page — unless\n *   `onPageSizeChange` is set, because the footer then carries the size selector.\n * - A column with `editable` renders a button that opens an inline editor;\n *   `Enter` commits, `Escape` discards, `Tab` walks to the next editable cell.\n *\n * Editing is strictly opt-in: with no `editable` column (or no `onCellChange`) the\n * rendered markup is byte-for-byte what it was before the feature existed, which\n * matters because the component is published.\n *\n * ## Optimistic, with a visible rollback\n *\n * An accepted edit is shown immediately and `onCellChange` runs in the background.\n * If it rejects, the cell returns to the old value **and** shows the reason as a\n * `role=\"alert\"` tied to the cell. A silent revert is worse than no optimistic\n * update at all: the user watched their edit appear and has no reason to doubt it.\n *\n * The header memo depends on `columns`, `sort` and the editing state only:\n * `toggleSort` and the commit callbacks are recreated each render but always close\n * over the same setters, so including them would rebuild every header on every\n * render without changing behaviour. That is why `exhaustive-deps` is silenced on\n * that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize: pageSizeProp,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    onCellChange,\n    editLabels,\n    totalItems,\n    page: controlledPage,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions,\n    manualSort,\n    onSortChange,\n    manualSearch,\n    onSearchChange,\n    loading = false,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const pageSize = pageSizeProp ?? 10;\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page: internalPage, setPage: setInternalPage } = usePagination(1, pageSize);\n    const announce = useAnnounce();\n\n    const serverMode = totalItems !== undefined;\n    const sortIsManual = manualSort ?? serverMode;\n    const searchIsManual = manualSearch ?? serverMode;\n    const page = controlledPage ?? internalPage;\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next);\n            onPageChange?.(next);\n        },\n        [controlledPage, setInternalPage, onPageChange],\n    );\n\n    /**\n     * Report the new size, then return to page 1 unless already there.\n     *\n     * The size goes out first so a caller that batches both into one query key\n     * (React batches the two updates of one event) fetches once, at the right size.\n     */\n    const changePageSize = useCallback(\n        (next: number) => {\n            onPageSizeChange?.(next);\n            if (page !== 1) setPage(1);\n        },\n        [onPageSizeChange, page, setPage],\n    );\n\n    useDevWarnings({\n        serverMode,\n        controlledPage,\n        onPageChange,\n        pageSizeControlled: pageSizeProp !== undefined,\n        onPageSizeChange,\n        sortIsManual,\n        hasSortableColumn: columns.some((column) => column.sortable),\n        onSortChange,\n        searchable,\n        onSearchChange,\n    });\n\n    const [editing, setEditing] = useState<string | null>(null);\n    const [refocus, setRefocus] = useState<string | null>(null);\n    const [overrides, setOverrides] = useState<Record<string, unknown>>({});\n    const [errors, setErrors] = useState<Record<string, string>>({});\n    const [saving, setSaving] = useState<Record<string, boolean>>({});\n\n    const labels = useMemo<DataTableEditLabels>(\n        () => ({ ...DEFAULT_EDIT_LABELS, ...editLabels }),\n        [editLabels],\n    );\n    const editingEnabled = onCellChange !== undefined && columns.some((column) => column.editable);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (!searchable || searchIsManual) return [];\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchable, searchIsManual, searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable || searchIsManual) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, searchIsManual, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort || sortIsManual) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort, sortIsManual]);\n\n    const rowCount = totalItems ?? sorted.length;\n    const totalPages = Math.max(1, Math.ceil(rowCount / pageSize));\n\n    /**\n     * Clamp the current page when the dataset shrinks (e.g. after filtering).\n     *\n     * Skipped in server mode: `page` belongs to the caller there, and a clamp\n     * fired against a `totalItems` that has not caught up with the new filter\n     * yet would send them a page they did not ask for, mid-fetch.\n     */\n    useEffect(() => {\n        if (!serverMode && page > totalPages) setPage(totalPages);\n    }, [serverMode, page, totalPages, setPage]);\n\n    const safePage = serverMode ? page : Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        if (serverMode) return sorted;\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [serverMode, sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        const current = sort;\n        const next: DataTableSort<T> | null =\n            !current || current.key !== key\n                ? { key, direction: \"asc\" }\n                : current.direction === \"asc\"\n                  ? { key, direction: \"desc\" }\n                  : null;\n        setSort(next);\n        onSortChange?.(next);\n    }\n\n    const absoluteIndex = useCallback(\n        (pageIndex: number) => (safePage - 1) * pageSize + pageIndex,\n        [safePage, pageSize],\n    );\n\n    /**\n     * Every editable cell on the page, row-major — the order `Tab` walks.\n     *\n     * Row-major and not column-major because a row is the record a user is\n     * correcting; walking down a column would make them re-find their place on\n     * every keystroke.\n     */\n    const editableCellIds = useMemo<string[]>(() => {\n        if (!editingEnabled) return [];\n        const ids: string[] = [];\n        pageRows.forEach((row, index) => {\n            const key = rowKey(row, absoluteIndex(index));\n            for (const column of columns) {\n                if (column.editable) ids.push(cellId(key, column.key));\n            }\n        });\n        return ids;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingEnabled, pageRows, columns, absoluteIndex]);\n\n    const displayed = useCallback(\n        (row: T, column: DataTableColumn<T>, id: string): unknown =>\n            id in overrides ? overrides[id] : row[column.key],\n        [overrides],\n    );\n\n    /**\n     * Run the caller's `onCellChange` behind the optimistic update.\n     *\n     * Only the *success* is announced. The failure already renders as a\n     * `role=\"alert\"` inside the cell, which screen readers read on insertion —\n     * announcing it again from the shared region would read it twice and put the\n     * same text in the document twice.\n     */\n    const persist = useCallback(\n        async (id: string, column: DataTableColumn<T>, change: DataTableCellChange<T>) => {\n            setSaving((current) => ({ ...current, [id]: true }));\n            try {\n                await onCellChange?.(change);\n                announce(labels.saved(headerText(column)));\n            } catch (error) {\n                setOverrides((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n                const message =\n                    error instanceof Error && error.message\n                        ? error.message\n                        : labels.saveFailed(headerText(column));\n                setErrors((current) => ({ ...current, [id]: message }));\n            } finally {\n                setSaving((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n            }\n        },\n        [onCellChange, announce, labels],\n    );\n\n    const moveFrom = useCallback(\n        (id: string, move: CellCommitMove): void => {\n            if (move === \"none\") {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            const index = editableCellIds.indexOf(id);\n            const target = editableCellIds[index + (move === \"next\" ? 1 : -1)];\n            if (target === undefined) {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            setEditing(target);\n            setRefocus(null);\n        },\n        [editableCellIds],\n    );\n\n    /**\n     * Parse, validate, stage optimistically, then save in the background.\n     *\n     * Validation runs before anything is staged, and a rejection leaves the editor\n     * open with the message attached to the input — the user has to be able to fix\n     * what they typed without retyping it.\n     */\n    const commit = useCallback(\n        (\n            row: T,\n            column: DataTableColumn<T>,\n            id: string,\n            pageIndex: number,\n            raw: string,\n            move: CellCommitMove,\n        ): void => {\n            const previous = displayed(row, column, id);\n            const currentText = column.formatEdit ? column.formatEdit(row) : String(previous ?? \"\");\n            if (raw === currentText) {\n                moveFrom(id, move);\n                return;\n            }\n\n            const value = column.parse\n                ? column.parse(raw, row)\n                : column.editorType === \"number\"\n                  ? Number(raw)\n                  : raw.trim();\n\n            const invalid = column.validate?.(value, row) ?? null;\n            if (invalid) {\n                setErrors((current) => ({ ...current, [id]: invalid }));\n                return;\n            }\n\n            setErrors((current) => {\n                const next = { ...current };\n                delete next[id];\n                return next;\n            });\n            setOverrides((current) => ({ ...current, [id]: value }));\n            moveFrom(id, move);\n            void persist(id, column, {\n                row,\n                key: column.key,\n                value,\n                previous,\n                rowIndex: absoluteIndex(pageIndex),\n            });\n        },\n        [displayed, moveFrom, persist, absoluteIndex],\n    );\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${headerText(column)}`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                const plainCell = (row: T): ReactNode => {\n                    if (column.render) return column.render(row);\n                    return (row[column.key] as ReactNode) ?? null;\n                };\n\n                /**\n                 * Render an editable cell's content against the optimistic value.\n                 *\n                 * The row is shallow-patched rather than the value passed alongside it,\n                 * because a column with a custom `render` (a `<Money>`, a badge) reads\n                 * the row — handing it the stale row would show the old number under a\n                 * cell the user just changed.\n                 */\n                const patchedCell = (row: T, value: unknown): ReactNode => {\n                    const patched = { ...row, [column.key]: value } as T;\n                    if (column.render) return column.render(patched);\n                    return (patched[column.key] as ReactNode) ?? null;\n                };\n\n                const editable = editingEnabled && column.editable === true;\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: editable\n                        ? (row: T, index: number) => {\n                              const id = cellId(rowKey(row, absoluteIndex(index)), column.key);\n                              const value = displayed(row, column, id);\n                              const text = column.formatEdit\n                                  ? column.formatEdit(row)\n                                  : String(value ?? \"\");\n                              return (\n                                  <EditableCell\n                                      text={text}\n                                      columnLabel={headerText(column)}\n                                      rowNumber={index + 1}\n                                      inputType={column.editorType ?? \"text\"}\n                                      editing={editing === id}\n                                      refocus={refocus === id}\n                                      saving={saving[id] === true}\n                                      error={errors[id] ?? null}\n                                      errorId={`tempest-cell-error-${id.replace(/[^\\w-]/g, \"_\")}`}\n                                      labels={labels}\n                                      onOpen={() => {\n                                          setEditing(id);\n                                          setRefocus(null);\n                                      }}\n                                      onCommit={(raw, move) =>\n                                          commit(row, column, id, index, raw, move)\n                                      }\n                                      onCancel={() => {\n                                          setEditing(null);\n                                          setRefocus(id);\n                                          setErrors((current) => {\n                                              const next = { ...current };\n                                              delete next[id];\n                                              return next;\n                                          });\n                                      }}\n                                  >\n                                      {patchedCell(row, value)}\n                                  </EditableCell>\n                              );\n                          }\n                        : plainCell,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            columns,\n            sort,\n            editingEnabled,\n            editing,\n            refocus,\n            saving,\n            errors,\n            labels,\n            overrides,\n            absoluteIndex,\n            commit,\n        ],\n    );\n\n    const showSkeleton = loading && pageRows.length === 0;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                        onSearchChange?.(value);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <div\n                className={cn(loading && !showSkeleton && styles.pending)}\n                aria-busy={loading || undefined}\n                data-testid=\"tempest-datatable-body\"\n            >\n                {showSkeleton ? (\n                    <LoadingRows columns={tableColumns.length} rows={Math.min(pageSize, 8)} />\n                ) : (\n                    <Table\n                        columns={tableColumns}\n                        data={pageRows}\n                        rowKey={(row, index) => rowKey(row, absoluteIndex(index))}\n                        emptyMessage={emptyMessage}\n                    />\n                )}\n            </div>\n            {(totalPages > 1 || onPageSizeChange !== undefined) && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={rowCount}\n                    pageSize={pageSize}\n                    pageSizeOptions={pageSizeOptions}\n                    onPageSizeChange={onPageSizeChange && changePageSize}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":["styles","DataTable_module_default","cellId","rowKeyValue","columnKey","headerText","column","DataTable","pageSizeProp","index","controlledPage","rest","pageSize","search","setSearch","useState","sort","setSort","initialSort","internalPage","setInternalPage","usePagination","announce","useAnnounce","serverMode","totalItems","sortIsManual","manualSort","searchIsManual","manualSearch","page","setPage","useCallback","next","onPageChange","changePageSize","onPageSizeChange","columns","editing","setEditing","refocus","setRefocus","overrides","setOverrides","errors","setErrors","saving","setSaving","labels","useMemo","DEFAULT_EDIT_LABELS","editLabels","editingEnabled","onCellChange","effectiveSearchKeys","searchable","searchKeys","sample","data","row","value","filtered","term","key","sorted","factor","compareValues","a","b","rowCount","totalPages","safePage","pageRows","start","toggleSort","current","onSortChange","absoluteIndex","pageIndex","editableCellIds","ids","rowKey","displayed","id","persist","change","error","message","moveFrom","move","target","commit","previous","raw","invalid","tableColumns","indicator","header","plainCell","patchedCell","patched","editable","text","EditableCell","showSkeleton","loading","cn","className","SearchBar","onSearchChange","LoadingRows","Table","Pagination"],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the table does four jobs\n * a caller turns on independently — paging (pageSize, plus the optional size\n * selector onPageSizeChange/pageSizeOptions), search (searchable,\n * searchKeys), sort (initialSort) and inline edit (onCellChange, editLabels) — over\n * one row model (data, columns, rowKey, emptyMessage). The body is long because\n * those four share the derived-rows pipeline: filter, then sort, then page, then map\n * to cells, in that order and off the same memo.\n *\n * Each of the four also runs in a second mode, where the caller owns the work and\n * the table only reports intent: totalItems/page/onPageChange, onSearchChange,\n * manualSort/onSortChange, loading/loadingRows. That doubles the props without\n * adding a fifth job — every manual prop short-circuits one stage of the same\n * pipeline.\n */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { compareValues } from \"@/utils/compare-values\";\nimport { usePagination } from \"@/hooks\";\nimport { useAnnounce } from \"@/hooks/use-announce\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport { EditableCell } from \"./EditableCell\";\nimport { LoadingRows } from \"./LoadingRows\";\nimport { useDevWarnings } from \"./use-dev-warnings\";\nimport { DEFAULT_EDIT_LABELS, type CellCommitMove, type DataTableEditLabels } from \"./edit-labels\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/** Input types an editable column can use. */\nexport type DataTableEditorType = \"text\" | \"number\" | \"date\" | \"email\" | \"tel\" | \"url\";\n\n/** One accepted cell edit, handed to `onCellChange`. */\nexport interface DataTableCellChange<T> {\n    /** The row as it was before the edit. */\n    row: T;\n    /** Which column changed. */\n    key: keyof T;\n    /** The parsed new value. */\n    value: unknown;\n    /** The value that was displayed before the edit. */\n    previous: unknown;\n    /** Index of the row in the full `data` array. */\n    rowIndex: number;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, opt-in inline editing, and the\n * visual options that are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n    /**\n     * Let cells in this column be edited in place. Requires `onCellChange` on the\n     * table; without it the column stays read-only.\n     */\n    editable?: boolean;\n    /** Editor input type. Default `\"text\"`. */\n    editorType?: DataTableEditorType;\n    /** Text the editor opens with. Defaults to `String(value ?? \"\")`. */\n    formatEdit?: (row: T) => string;\n    /**\n     * Turn the typed string into the stored value. Defaults to the trimmed string,\n     * or `Number(raw)` when `editorType` is `\"number\"`.\n     */\n    parse?: (raw: string, row: T) => unknown;\n    /** Return a message to reject the edit, or `null` to accept it. */\n    validate?: (value: unknown, row: T) => string | null;\n}\n\n/** Everything a table needs regardless of who owns paging, sorting and searching. */\nexport interface DataTableBaseProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The rows to work with.\n     *\n     * By default this is the **full** dataset and sorting, searching and paging\n     * all happen in memory. Pass `totalItems` and it becomes the current page as\n     * the server returned it, with those three delegated to the caller.\n     */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /**\n     * Rows per page. Default 10.\n     *\n     * Always read on every render, so it is already a controlled value; what turns\n     * it into a user-facing choice is `onPageSizeChange` (see\n     * {@link DataTablePageSizeProps}), which then makes it required.\n     */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n    /**\n     * Persist an accepted cell edit. Return a promise: while it is pending the cell\n     * already shows the new value, and a rejection rolls that back and surfaces the\n     * error in the cell. Without this prop no column is editable.\n     */\n    onCellChange?: (change: DataTableCellChange<T>) => void | Promise<void>;\n    /** Override the PT-BR copy of the editing affordances. */\n    editLabels?: Partial<DataTableEditLabels>;\n    /**\n     * A fetch is in flight.\n     *\n     * With rows already on screen they stay put, dimmed and `aria-busy`, so the\n     * page does not jump under the cursor between pages. With no rows yet it\n     * renders placeholder lines at full height, which is a different statement\n     * from `emptyMessage`: \"loading\" and \"there is nothing\" are not the same\n     * screen.\n     */\n    loading?: boolean;\n}\n\n/**\n * Paging, as one of the three shapes that actually work.\n *\n * These used to be three optional props, so the compiler accepted\n * `totalItems` with no `page` — a table whose pager moves an internal page while\n * `data` keeps showing page one. Every prop was optional on its own, so the only\n * place left to catch it was a `console.warn` in dev, in the browser, with the\n * component mounted. As a union the same mistake is a build error at the call\n * site, for free, everywhere.\n */\nexport type DataTablePagingProps =\n    | {\n          /** Not server mode. */\n          totalItems?: never;\n          /** The table owns the page. */\n          page?: never;\n          /** Nothing to report to. */\n          onPageChange?: never;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). Pair it with\n           * `page` and `onPageChange`.\n           */\n          totalItems?: never;\n          /** Current page, 1-based. Controlled — required in server mode. */\n          page: number;\n          /** Called with the next page. Required whenever `page` is controlled. */\n          onPageChange: (page: number) => void;\n      }\n    | {\n          /**\n           * Total row count across every page — the `total` of a paginated envelope.\n           *\n           * Passing it switches the table to **server mode**: `data` is read as the\n           * current page, the page count comes from this number instead of\n           * `data.length`, and sorting and searching are delegated to the caller\n           * (see `manualSort` / `manualSearch`, which are implied here). `page` and\n           * `onPageChange` come with it — the type says so, because a server-mode\n           * table without them silently shows page one forever.\n           */\n          totalItems: number;\n          /** Current page, 1-based. Controlled, and required in server mode. */\n          page: number;\n          /** Called with the next page. */\n          onPageChange: (page: number) => void;\n      };\n\n/**\n * The items-per-page selector: owned by the caller, or absent.\n *\n * The footer is the SDK's own `Pagination`, which already renders a size\n * `<select>`; this is the channel that reaches it. Two shapes only, for the same\n * reason as {@link DataTablePagingProps}: `pageSizeOptions` with no\n * `onPageSizeChange` is a selector that changes nothing, and `onPageSizeChange`\n * with no `pageSize` is one whose choice never comes back — the table would keep\n * counting pages by the default 10 while the selector claims 50. Both are build\n * errors instead.\n */\nexport type DataTablePageSizeProps =\n    | {\n          /** No selector: `pageSize` is fixed by the caller. */\n          onPageSizeChange?: never;\n          /** Nothing to choose from. */\n          pageSizeOptions?: never;\n      }\n    | {\n          /** The size currently shown. Required, since the selector reports and you feed it back. */\n          pageSize: number;\n          /**\n           * Called with the size the user picked. Passing it renders the selector in the\n           * footer, and keeps the footer on screen even when everything fits on one page\n           * — otherwise picking 100 for 40 rows would remove the only control that can\n           * pick 10 again.\n           *\n           * The table also moves back to page 1 (through `onPageChange` when the page\n           * is controlled), after this call. Page 7 of 10-per-page has no meaning at\n           * 100-per-page, and 1 is the only page guaranteed to exist under the new size.\n           */\n          onPageSizeChange: (size: number) => void;\n          /** Sizes offered. Default `[10, 25, 50, 100]`; the current `pageSize` is always included. */\n          pageSizeOptions?: number[];\n      };\n\n/**\n * Sorting: delegated, and therefore reported, or neither.\n *\n * `manualSort` without `onSortChange` renders a header that moves its arrow and\n * changes nothing else — the arrow is a lie the compiler can now catch.\n */\nexport type DataTableSortProps<T> =\n    | {\n          /** The table sorts the rows it has. */\n          manualSort?: false;\n          /** Called with the next sort state — `null` when the header cycles back to unsorted. */\n          onSortChange?: (sort: DataTableSort<T> | null) => void;\n      }\n    | {\n          /**\n           * Sorting is the caller's job: clicking a header reports through\n           * `onSortChange` and the rows are left in the order they arrived.\n           *\n           * Implied by `totalItems`, because sorting the page in memory would sort\n           * *that page only* while the header claims the whole table is ordered.\n           */\n          manualSort: true;\n          /** Where the click goes. Required, since nothing else acts on it. */\n          onSortChange: (sort: DataTableSort<T> | null) => void;\n      };\n\n/**\n * Searching: delegated, and therefore reported, or neither.\n *\n * `manualSearch` without `onSearchChange` renders a search box that filters\n * nothing and tells nobody — the same shape of lie as a header arrow that turns\n * without sorting.\n *\n * Independent of the paging axis on purpose, and that leaves one gap this type\n * does not close: `totalItems` *implies* `manualSearch`, so a server-mode table\n * with `searchable` and no `onSearchChange` falls into the same hole without ever\n * writing `manualSearch`. Closing it means the search axis has to read the paging\n * axis, which crosses two three-member unions into nine and turns every mismatch\n * into a wall of candidate shapes. That case is a dev warning instead — the one\n * spot where runtime really is the cheaper check, and `use-dev-warnings.ts` says\n * so at the call site.\n */\nexport type DataTableSearchProps =\n    | {\n          /** The table filters the rows it has. */\n          manualSearch?: false;\n          /** Called with the current search term (debouncing, if any, is the caller's). */\n          onSearchChange?: (term: string) => void;\n      }\n    | {\n          /**\n           * Searching is the caller's job: typing reports through `onSearchChange`\n           * and the rows are left as they arrived.\n           *\n           * Implied by `totalItems`. Filtering the current page would hide the rows\n           * that do not match *on this page* and show nothing for a term that only\n           * matches on page three — an empty table that looks like \"no results\".\n           */\n          manualSearch: true;\n          /** Where the typing goes. Required, since nothing else acts on it. */\n          onSearchChange: (term: string) => void;\n      };\n\n/**\n * The table's props: the shared half, plus one valid shape per axis — paging,\n * page size, sorting and searching.\n */\nexport type DataTableProps<T> = DataTableBaseProps<T> &\n    DataTablePagingProps &\n    DataTablePageSizeProps &\n    DataTableSortProps<T> &\n    DataTableSearchProps;\n\n/** Identity of one cell, stable across re-renders and pagination. */\nfunction cellId(rowKeyValue: string | number, columnKey: PropertyKey): string {\n    return `${String(rowKeyValue)}::${String(columnKey)}`;\n}\n\nfunction headerText<T>(column: DataTableColumn<T>): string {\n    return typeof column.header === \"string\" ? column.header : String(column.key);\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, pagination and opt-in inline\n * editing while delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page — unless\n *   `onPageSizeChange` is set, because the footer then carries the size selector.\n * - A column with `editable` renders a button that opens an inline editor;\n *   `Enter` commits, `Escape` discards, `Tab` walks to the next editable cell.\n *\n * Editing is strictly opt-in: with no `editable` column (or no `onCellChange`) the\n * rendered markup is byte-for-byte what it was before the feature existed, which\n * matters because the component is published.\n *\n * ## Optimistic, with a visible rollback\n *\n * An accepted edit is shown immediately and `onCellChange` runs in the background.\n * If it rejects, the cell returns to the old value **and** shows the reason as a\n * `role=\"alert\"` tied to the cell. A silent revert is worse than no optimistic\n * update at all: the user watched their edit appear and has no reason to doubt it.\n *\n * The header memo depends on `columns`, `sort` and the editing state only:\n * `toggleSort` and the commit callbacks are recreated each render but always close\n * over the same setters, so including them would rebuild every header on every\n * render without changing behaviour. That is why `exhaustive-deps` is silenced on\n * that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize: pageSizeProp,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    onCellChange,\n    editLabels,\n    totalItems,\n    page: controlledPage,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions,\n    manualSort,\n    onSortChange,\n    manualSearch,\n    onSearchChange,\n    loading = false,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const pageSize = pageSizeProp ?? 10;\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page: internalPage, setPage: setInternalPage } = usePagination(1, pageSize);\n    const announce = useAnnounce();\n\n    const serverMode = totalItems !== undefined;\n    const sortIsManual = manualSort ?? serverMode;\n    const searchIsManual = manualSearch ?? serverMode;\n    const page = controlledPage ?? internalPage;\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next);\n            onPageChange?.(next);\n        },\n        [controlledPage, setInternalPage, onPageChange],\n    );\n\n    /**\n     * Report the new size, then return to page 1 unless already there.\n     *\n     * The size goes out first so a caller that batches both into one query key\n     * (React batches the two updates of one event) fetches once, at the right size.\n     */\n    const changePageSize = useCallback(\n        (next: number) => {\n            onPageSizeChange?.(next);\n            if (page !== 1) setPage(1);\n        },\n        [onPageSizeChange, page, setPage],\n    );\n\n    useDevWarnings({\n        serverMode,\n        controlledPage,\n        onPageChange,\n        pageSizeControlled: pageSizeProp !== undefined,\n        onPageSizeChange,\n        sortIsManual,\n        hasSortableColumn: columns.some((column) => column.sortable),\n        onSortChange,\n        searchable,\n        onSearchChange,\n    });\n\n    const [editing, setEditing] = useState<string | null>(null);\n    const [refocus, setRefocus] = useState<string | null>(null);\n    const [overrides, setOverrides] = useState<Record<string, unknown>>({});\n    const [errors, setErrors] = useState<Record<string, string>>({});\n    const [saving, setSaving] = useState<Record<string, boolean>>({});\n\n    const labels = useMemo<DataTableEditLabels>(\n        () => ({ ...DEFAULT_EDIT_LABELS, ...editLabels }),\n        [editLabels],\n    );\n    const editingEnabled = onCellChange !== undefined && columns.some((column) => column.editable);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (!searchable || searchIsManual) return [];\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchable, searchIsManual, searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable || searchIsManual) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, searchIsManual, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort || sortIsManual) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort, sortIsManual]);\n\n    const rowCount = totalItems ?? sorted.length;\n    const totalPages = Math.max(1, Math.ceil(rowCount / pageSize));\n\n    /**\n     * Clamp the current page when the dataset shrinks (e.g. after filtering).\n     *\n     * Skipped in server mode: `page` belongs to the caller there, and a clamp\n     * fired against a `totalItems` that has not caught up with the new filter\n     * yet would send them a page they did not ask for, mid-fetch.\n     */\n    useEffect(() => {\n        if (!serverMode && page > totalPages) setPage(totalPages);\n    }, [serverMode, page, totalPages, setPage]);\n\n    const safePage = serverMode ? page : Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        if (serverMode) return sorted;\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [serverMode, sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        const current = sort;\n        const next: DataTableSort<T> | null =\n            !current || current.key !== key\n                ? { key, direction: \"asc\" }\n                : current.direction === \"asc\"\n                  ? { key, direction: \"desc\" }\n                  : null;\n        setSort(next);\n        onSortChange?.(next);\n    }\n\n    const absoluteIndex = useCallback(\n        (pageIndex: number) => (safePage - 1) * pageSize + pageIndex,\n        [safePage, pageSize],\n    );\n\n    /**\n     * Every editable cell on the page, row-major — the order `Tab` walks.\n     *\n     * Row-major and not column-major because a row is the record a user is\n     * correcting; walking down a column would make them re-find their place on\n     * every keystroke.\n     */\n    const editableCellIds = useMemo<string[]>(() => {\n        if (!editingEnabled) return [];\n        const ids: string[] = [];\n        pageRows.forEach((row, index) => {\n            const key = rowKey(row, absoluteIndex(index));\n            for (const column of columns) {\n                if (column.editable) ids.push(cellId(key, column.key));\n            }\n        });\n        return ids;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingEnabled, pageRows, columns, absoluteIndex]);\n\n    const displayed = useCallback(\n        (row: T, column: DataTableColumn<T>, id: string): unknown =>\n            id in overrides ? overrides[id] : row[column.key],\n        [overrides],\n    );\n\n    /**\n     * Run the caller's `onCellChange` behind the optimistic update.\n     *\n     * Only the *success* is announced. The failure already renders as a\n     * `role=\"alert\"` inside the cell, which screen readers read on insertion —\n     * announcing it again from the shared region would read it twice and put the\n     * same text in the document twice.\n     */\n    const persist = useCallback(\n        async (id: string, column: DataTableColumn<T>, change: DataTableCellChange<T>) => {\n            setSaving((current) => ({ ...current, [id]: true }));\n            try {\n                await onCellChange?.(change);\n                announce(labels.saved(headerText(column)));\n            } catch (error) {\n                setOverrides((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n                const message =\n                    error instanceof Error && error.message\n                        ? error.message\n                        : labels.saveFailed(headerText(column));\n                setErrors((current) => ({ ...current, [id]: message }));\n            } finally {\n                setSaving((current) => {\n                    const next = { ...current };\n                    delete next[id];\n                    return next;\n                });\n            }\n        },\n        [onCellChange, announce, labels],\n    );\n\n    const moveFrom = useCallback(\n        (id: string, move: CellCommitMove): void => {\n            if (move === \"none\") {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            const index = editableCellIds.indexOf(id);\n            const target = editableCellIds[index + (move === \"next\" ? 1 : -1)];\n            if (target === undefined) {\n                setEditing(null);\n                setRefocus(id);\n                return;\n            }\n            setEditing(target);\n            setRefocus(null);\n        },\n        [editableCellIds],\n    );\n\n    /**\n     * Parse, validate, stage optimistically, then save in the background.\n     *\n     * Validation runs before anything is staged, and a rejection leaves the editor\n     * open with the message attached to the input — the user has to be able to fix\n     * what they typed without retyping it.\n     */\n    const commit = useCallback(\n        (\n            row: T,\n            column: DataTableColumn<T>,\n            id: string,\n            pageIndex: number,\n            raw: string,\n            move: CellCommitMove,\n        ): void => {\n            const previous = displayed(row, column, id);\n            const currentText = column.formatEdit ? column.formatEdit(row) : String(previous ?? \"\");\n            if (raw === currentText) {\n                moveFrom(id, move);\n                return;\n            }\n\n            const value = column.parse\n                ? column.parse(raw, row)\n                : column.editorType === \"number\"\n                  ? Number(raw)\n                  : raw.trim();\n\n            const invalid = column.validate?.(value, row) ?? null;\n            if (invalid) {\n                setErrors((current) => ({ ...current, [id]: invalid }));\n                return;\n            }\n\n            setErrors((current) => {\n                const next = { ...current };\n                delete next[id];\n                return next;\n            });\n            setOverrides((current) => ({ ...current, [id]: value }));\n            moveFrom(id, move);\n            void persist(id, column, {\n                row,\n                key: column.key,\n                value,\n                previous,\n                rowIndex: absoluteIndex(pageIndex),\n            });\n        },\n        [displayed, moveFrom, persist, absoluteIndex],\n    );\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${headerText(column)}`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                const plainCell = (row: T): ReactNode => {\n                    if (column.render) return column.render(row);\n                    return (row[column.key] as ReactNode) ?? null;\n                };\n\n                /**\n                 * Render an editable cell's content against the optimistic value.\n                 *\n                 * The row is shallow-patched rather than the value passed alongside it,\n                 * because a column with a custom `render` (a `<Money>`, a badge) reads\n                 * the row — handing it the stale row would show the old number under a\n                 * cell the user just changed.\n                 */\n                const patchedCell = (row: T, value: unknown): ReactNode => {\n                    const patched = { ...row, [column.key]: value } as T;\n                    if (column.render) return column.render(patched);\n                    return (patched[column.key] as ReactNode) ?? null;\n                };\n\n                const editable = editingEnabled && column.editable === true;\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: editable\n                        ? (row: T, index: number) => {\n                              const id = cellId(rowKey(row, absoluteIndex(index)), column.key);\n                              const value = displayed(row, column, id);\n                              const text = column.formatEdit\n                                  ? column.formatEdit(row)\n                                  : String(value ?? \"\");\n                              return (\n                                  <EditableCell\n                                      text={text}\n                                      columnLabel={headerText(column)}\n                                      rowNumber={index + 1}\n                                      inputType={column.editorType ?? \"text\"}\n                                      editing={editing === id}\n                                      refocus={refocus === id}\n                                      saving={saving[id] === true}\n                                      error={errors[id] ?? null}\n                                      errorId={`tempest-cell-error-${id.replace(/[^\\w-]/g, \"_\")}`}\n                                      labels={labels}\n                                      onOpen={() => {\n                                          setEditing(id);\n                                          setRefocus(null);\n                                      }}\n                                      onCommit={(raw, move) =>\n                                          commit(row, column, id, index, raw, move)\n                                      }\n                                      onCancel={() => {\n                                          setEditing(null);\n                                          setRefocus(id);\n                                          setErrors((current) => {\n                                              const next = { ...current };\n                                              delete next[id];\n                                              return next;\n                                          });\n                                      }}\n                                  >\n                                      {patchedCell(row, value)}\n                                  </EditableCell>\n                              );\n                          }\n                        : plainCell,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            columns,\n            sort,\n            editingEnabled,\n            editing,\n            refocus,\n            saving,\n            errors,\n            labels,\n            overrides,\n            absoluteIndex,\n            commit,\n        ],\n    );\n\n    const showSkeleton = loading && pageRows.length === 0;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                        onSearchChange?.(value);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <div\n                className={cn(loading && !showSkeleton && styles.pending)}\n                aria-busy={loading || undefined}\n                data-testid=\"tempest-datatable-body\"\n            >\n                {showSkeleton ? (\n                    <LoadingRows columns={tableColumns.length} rows={Math.min(pageSize, 8)} />\n                ) : (\n                    <Table\n                        columns={tableColumns}\n                        data={pageRows}\n                        rowKey={(row, index) => rowKey(row, absoluteIndex(index))}\n                        emptyMessage={emptyMessage}\n                    />\n                )}\n            </div>\n            {(totalPages > 1 || onPageSizeChange !== undefined) && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={rowCount}\n                    pageSize={pageSize}\n                    pageSizeOptions={pageSizeOptions}\n                    onPageSizeChange={onPageSizeChange && changePageSize}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DataTable/DataTable.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.module.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n/*\n * A page swap keeps the rows it already has, dimmed. Replacing them with a\n * spinner would collapse the table to nothing and bounce whatever sits below it\n * back up, which is the jump the user's cursor was resting on.\n */\n.pending {\n    opacity: 0.6;\n    transition: opacity var(--tempest-duration-fast, 120ms) ease;\n    pointer-events: none;\n}\n\n.loading {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    padding: var(--tempest-space-3, 0.75rem) 0;\n}\n\n.loadingRow {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--tempest-space-4, 1rem);\n    align-items: center;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n\n/* ── Inline editing ─────────────────────────────────────────────────────────── */\n\n.cellWrap {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n    align-items: stretch;\n    width: 100%;\n}\n\n/*\n * The dashed bottom edge is a resting affordance, not only a hover one: on a touch\n * screen there is no hover, so an editable cell that looks exactly like a read-only\n * one is undiscoverable. It is the weakest mark that still says \"this is editable\";\n * hover and focus then promote it to a full box.\n */\n.cellButton {\n    position: relative;\n    display: block;\n    width: 100%;\n    margin: calc(-1 * var(--tempest-space-1, 0.25rem)) calc(-1 * var(--tempest-space-2, 0.5rem));\n    padding: var(--tempest-space-1, 0.25rem) var(--tempest-space-2, 0.5rem);\n    border: 1px dashed transparent;\n    border-bottom-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background: none;\n    font: inherit;\n    color: inherit;\n    text-align: inherit;\n    cursor: pointer;\n}\n\n.cellButton:hover {\n    border-color: var(--tempest-border-strong);\n    background-color: var(--tempest-surface-2);\n}\n\n.cellButton:focus-visible {\n    outline: none;\n    border-color: transparent;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cellButtonInvalid {\n    border-color: var(--tempest-danger-border);\n}\n\n/*\n * Touch: grow the hit area to the cell's own padding — exactly `--tempest-space-3`\n * vertically and `--tempest-space-4` horizontally in `Table.module.css` — so the\n * whole `<td>` is tappable and the target clears 44px without spilling into the\n * neighbouring row, which a symmetric slop would do in a dense table.\n */\n@media (pointer: coarse) {\n    .cellButton::after {\n        content: \"\";\n        position: absolute;\n        inset-block: calc(-1 * var(--tempest-space-3, 0.75rem));\n        inset-inline: calc(-1 * var(--tempest-space-4, 1rem));\n    }\n}\n\n.cellButton[aria-busy=\"true\"] {\n    opacity: 0.6;\n}\n\n.cellEditor {\n    width: 100%;\n    min-width: 0;\n    margin: calc(-1 * var(--tempest-space-1, 0.25rem)) calc(-1 * var(--tempest-space-2, 0.5rem));\n    padding: var(--tempest-space-1, 0.25rem) var(--tempest-space-2, 0.5rem);\n    border: 1px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-bg);\n    font: inherit;\n    color: var(--tempest-text);\n}\n\n.cellEditor:focus {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cellEditorInvalid {\n    border-color: var(--tempest-danger-border);\n}\n\n/*\n * The message sits on a tinted fill because `--tempest-danger-fg` over\n * `--tempest-danger-bg` is a pair `contrast.test.ts` verifies in both themes;\n * danger text straight onto the table background is not.\n */\n.cellError {\n    padding: 0.125rem var(--tempest-space-2, 0.5rem);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    white-space: normal;\n}\n"],"mappings":";"}
+{"version":3,"file":"DataTable.module.cjs","names":["wrapper","search","pending","loading","loadingRow","sortButton","sortIndicator","cellWrap","cellButton","cellButtonInvalid","cellEditor","cellEditorInvalid","cellError","DataTable_module_default"],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n/*\n * A page swap keeps the rows it already has, dimmed. Replacing them with a\n * spinner would collapse the table to nothing and bounce whatever sits below it\n * back up, which is the jump the user's cursor was resting on.\n */\n.pending {\n    opacity: 0.6;\n    transition: opacity var(--tempest-duration-fast, 120ms) ease;\n    pointer-events: none;\n}\n\n.loading {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n    padding: var(--tempest-space-3, 0.75rem) 0;\n}\n\n.loadingRow {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--tempest-space-4, 1rem);\n    align-items: center;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n\n/* ── Inline editing ─────────────────────────────────────────────────────────── */\n\n.cellWrap {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1, 0.25rem);\n    align-items: stretch;\n    width: 100%;\n}\n\n/*\n * The dashed bottom edge is a resting affordance, not only a hover one: on a touch\n * screen there is no hover, so an editable cell that looks exactly like a read-only\n * one is undiscoverable. It is the weakest mark that still says \"this is editable\";\n * hover and focus then promote it to a full box.\n */\n.cellButton {\n    position: relative;\n    display: block;\n    width: 100%;\n    margin: calc(-1 * var(--tempest-space-1, 0.25rem)) calc(-1 * var(--tempest-space-2, 0.5rem));\n    padding: var(--tempest-space-1, 0.25rem) var(--tempest-space-2, 0.5rem);\n    border: 1px dashed transparent;\n    border-bottom-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background: none;\n    font: inherit;\n    color: inherit;\n    text-align: inherit;\n    cursor: pointer;\n}\n\n.cellButton:hover {\n    border-color: var(--tempest-border-strong);\n    background-color: var(--tempest-surface-2);\n}\n\n.cellButton:focus-visible {\n    outline: none;\n    border-color: transparent;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cellButtonInvalid {\n    border-color: var(--tempest-danger-border);\n}\n\n/*\n * Touch: grow the hit area to the cell's own padding — exactly `--tempest-space-3`\n * vertically and `--tempest-space-4` horizontally in `Table.module.css` — so the\n * whole `<td>` is tappable and the target clears 44px without spilling into the\n * neighbouring row, which a symmetric slop would do in a dense table.\n */\n@media (pointer: coarse) {\n    .cellButton::after {\n        content: \"\";\n        position: absolute;\n        inset-block: calc(-1 * var(--tempest-space-3, 0.75rem));\n        inset-inline: calc(-1 * var(--tempest-space-4, 1rem));\n    }\n}\n\n.cellButton[aria-busy=\"true\"] {\n    opacity: 0.6;\n}\n\n.cellEditor {\n    width: 100%;\n    min-width: 0;\n    margin: calc(-1 * var(--tempest-space-1, 0.25rem)) calc(-1 * var(--tempest-space-2, 0.5rem));\n    padding: var(--tempest-space-1, 0.25rem) var(--tempest-space-2, 0.5rem);\n    border: 1px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-bg);\n    font: inherit;\n    color: var(--tempest-text);\n}\n\n.cellEditor:focus {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cellEditorInvalid {\n    border-color: var(--tempest-danger-border);\n}\n\n/*\n * The message sits on a tinted fill because `--tempest-danger-fg` over\n * `--tempest-danger-bg` is a pair `contrast.test.ts` verifies in both themes;\n * danger text straight onto the table background is not.\n */\n.cellError {\n    padding: 0.125rem var(--tempest-space-2, 0.5rem);\n    border-radius: var(--tempest-radius-sm, 0.25rem);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.4;\n    white-space: normal;\n}\n"],"mappings":";"}