@chumsinc/sortable-tables 3.0.2 → 3.1.0

package/CHANGELOG.md

@@ -7,7 +7,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v3.0.2](https://github.com/ChumsInc/sortable-tables/compare/v3.0.1...v3.0.2)
+#### [v3.1.0](https://github.com/ChumsInc/sortable-tables/compare/v3.0.2...v3.1.0)
+
+> 2026-01-19
+
+
+
+
+### Commits
+
+- [`22cae9a`](https://github.com/ChumsInc/sortable-tables/commit/22cae9af1c603a80337828507561b8623dd256af)  fix: remove standalone components and update exports and add contained components for use in DataTableProvider.
+- [`561c529`](https://github.com/ChumsInc/sortable-tables/commit/561c529aecd12e0427aa9580f3e82b8ba61e6d81)  fix: remove standalone components and update exports and add contained components for use in DataTableProvider.
+
+#### [v3.0.2](https://github.com/ChumsInc/sortable-tables/compare/v3.0.1...v3.0.2) - 2026-01-19
 
 > 2026-01-19
 

package/README.md

@@ -10,7 +10,7 @@ additional table size 'xs' for less padding.
 ## Usage
 ### Configure Columns
 ```tsx
-import {StandaloneSortableTable, SortableTableField, SortProps} from "@chumsinc/sortable-tables";
+import {SortableTable, SortableTableField, SortProps} from "@chumsinc/sortable-tables";
 import {ProductLine} from 'chums-types'
 
 const fields: SortableTableField<ProductLine>[] = [
@@ -123,7 +123,7 @@ function TableColumnsHandler() {
 ```
 ### Usage as a Standalone Table:
 ```tsx
-import {StandaloneSortableTable, SortableTableField, SortProps} from "@chumsinc/sortable-tables";
+import {SortableTable, SortableTableField, SortProps} from "@chumsinc/sortable-tables";
 import {ProductLine} from 'chums-type'
 import {fields} from './fields'
 
@@ -146,7 +146,7 @@ export default function ProductLinesList() {
 
   return (
           <div>
-            <StandaloneSortableTable currentSort={sort} onChangeSort={setSort} fields={fields} size="lg" responsive
+            <SortableTable currentSort={sort} onChangeSort={setSort} fields={fields} size="lg" responsive
                            data={list.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)}
                            keyField="ProductLine" rowClassName={rowClassName}/>
             <TablePagination page={page} onChangePage={setPage} size="sm"

package/dist/ContainedDataTable.d.ts

@@ -0,0 +1,6 @@
+import { DataTableProps } from './types';
+declare function ContainedDataTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, ...rest }: Omit<DataTableProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element;
+declare namespace ContainedDataTable {
+    var displayName: string;
+}
+export default ContainedDataTable;

package/dist/ContainedDataTableRow.d.ts

@@ -0,0 +1,6 @@
+import { DataTableRowProps } from './types';
+declare function ContainedDataTableRow<T = unknown>({ className, rowClassName, selected, row, trRef, onClick, ...rest }: Omit<DataTableRowProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ContainedDataTableRow {
+    var displayName: string;
+}
+export default ContainedDataTableRow;

package/dist/ContainedSortableTable.d.ts

@@ -0,0 +1,6 @@
+import { SortableTableProps } from './types';
+declare function ContainedSortableTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, onChangeSort, ...rest }: Omit<SortableTableProps<T>, 'fields' | 'currentSort'>): import("react/jsx-runtime").JSX.Element;
+declare namespace ContainedSortableTable {
+    var displayName: string;
+}
+export default ContainedSortableTable;

package/dist/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { DataTableProps } from './types';
-declare function DataTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, ...rest }: Omit<DataTableProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<T = unknown>({ fields, ...rest }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }

package/dist/DataTableRow.d.ts

@@ -1,5 +1,5 @@
 import { DataTableRowProps } from './types';
-declare function DataTableRow<T = unknown>({ className, rowClassName, selected, row, trRef, onClick, ...rest }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element | null;
+declare function DataTableRow<T = unknown>({ fields, className, rowClassName, selected, row, trRef, onClick, ...rest }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace DataTableRow {
     var displayName: string;
 }

package/dist/{StandaloneSortHelper.d.ts → SortHelper.d.ts}

@@ -2,4 +2,4 @@ import { SortProps } from './types';
 export interface StandaloneSortHelperProps<T = unknown> {
     nextSort: SortProps<T>;
 }
-export declare function StandaloneSortHelper<T = unknown>({ nextSort }: StandaloneSortHelperProps<T>): null;
+export declare function SortHelper<T = unknown>({ nextSort }: StandaloneSortHelperProps<T>): null;

package/dist/SortableTable.d.ts

@@ -1,5 +1,5 @@
 import { SortableTableProps } from './types';
-declare function SortableTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, onChangeSort, ...rest }: Omit<SortableTableProps<T>, 'fields' | 'currentSort'>): import("react/jsx-runtime").JSX.Element;
+declare function SortableTable<T = unknown>({ fields, currentSort, ...rest }: SortableTableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace SortableTable {
     var displayName: string;
 }

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),E=require("@emotion/styled"),f=p.createContext(null);function y({children:e,initialFields:a=[],initialSort:t=null}){const[s,l]=p.useState(a),[r,c]=p.useState(t),u=p.useCallback(m=>{l(m)},[]),o=p.useCallback(m=>{c(m)},[]),d=p.useCallback((m,h)=>{const N=s.map(j=>j.id===m?{...j,...h}:j);l(N)},[s]),i=p.useCallback(m=>s.find(h=>h.id===m),[s]),b=p.useMemo(()=>({fields:s,setFields:u,sort:r,setSort:o,getField:i,updateField:d}),[s,u,r,o,d,i]);return n.jsx(f.Provider,{value:b,children:e})}y.displayName="DataTableProvider";function M(e){var a,t,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(a=0;a<l;a++)e[a]&&(t=M(e[a]))&&(s&&(s+=" "),s+=t)}else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function x(){for(var e,a,t=0,s="",l=arguments.length;t<l;t++)(e=arguments[t])&&(a=M(e))&&(s&&(s+=" "),s+=a);return s}const F=E.table`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),E=require("@emotion/styled"),h=p.createContext(null);function y({children:e,initialFields:t=[],initialSort:a=null}){const[s,l]=p.useState(t),[r,c]=p.useState(a),u=p.useCallback(m=>{l(m)},[]),i=p.useCallback(m=>{c(m)},[]),d=p.useCallback((m,f)=>{const N=s.map(j=>j.id===m?{...j,...f}:j);l(N)},[s]),o=p.useCallback(m=>s.find(f=>f.id===m),[s]),b=p.useMemo(()=>({fields:s,setFields:u,sort:r,setSort:i,getField:o,updateField:d}),[s,u,r,i,d,o]);return n.jsx(h.Provider,{value:b,children:e})}y.displayName="DataTableProvider";function M(e){var t,a,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(a=M(e[t]))&&(s&&(s+=" "),s+=a)}else for(a in e)e[a]&&(s&&(s+=" "),s+=a);return s}function x(){for(var e,t,a=0,s="",l=arguments.length;a<l;a++)(e=arguments[a])&&(t=M(e))&&(s&&(s+=" "),s+=t);return s}const F=E.table`
     --table-sticky-top: ${e=>e.sticky?"0":void 0};
 
     thead {
@@ -10,7 +10,7 @@
             background: ${e=>e.sticky?"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))":"unset"};
         }
     }
-`;function _({sticky:e,responsive:a,children:t,className:s,ref:l,...r}){if(a){const c=x(s,{"table-responsive":a===!0,[`table-responsive-${a}`]:a!==!0});return n.jsx("div",{className:c,children:n.jsx(F,{ref:l,...r,children:t})})}return n.jsx(F,{className:s,sticky:e,ref:l,...r,children:t})}function v({field:e,className:a,children:t,...s}){if(e.visible===!1)return null;const l=x({[`text-${e.align}`]:!!e.align},a);return n.jsx("th",{className:l,scope:"col",...s,children:t??e.title})}v.displayName="DataTableTH";function T(){const e=p.useContext(f);if(!e)throw new Error("useTableContext must be used within a DataTableProvider");return[e.fields,e.setFields]}function q({...e}){const[a]=T();return n.jsx("thead",{...e,children:n.jsx("tr",{children:a.map((t,s)=>n.jsx(v,{...t.thProps,field:t,className:x(typeof t.className=="function"?{[`text-${t.align}`]:!!t.align}:t.className)},String(t.id??s)))})})}q.displayName="DataTableHead";function D({className:e,size:a,responsive:t,sticky:s,data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:o,selected:d,tableHeadProps:i,children:b,tfoot:m,...h}){const N=x("table",e,{[`table-${a}`]:!!a});return n.jsxs(_,{sticky:s,responsive:t,className:N,...h,children:[n.jsx(C,{}),n.jsx(q,{...i}),!!l.length&&n.jsx(S,{data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:o,selected:d}),b,m]})}D.displayName="DataTable";function B({fields:e,...a}){return n.jsx(y,{initialFields:e,children:n.jsx(D,{...a})})}B.displayName="StandaloneDataTable";function k({field:e,row:a,className:t,as:s,...l}){if(e.visible===!1)return null;const r=x({[`text-${e.align}`]:!!e.align},t,typeof e.className=="function"?e.className(a):e.className);return p.createElement(s??e.as??"td",{className:r,scope:(s??e.as)==="th"?"row":void 0,colSpan:e.colSpan,...e.cellProps,...l},a[e.field]===void 0&&!e.render?null:typeof e.render=="function"?e.render(a):a[e.field])}k.displayName="DataTableCell";function $({className:e,rowClassName:a,selected:t,row:s,trRef:l,onClick:r,...c}){const[u]=T(),o=i=>{r?.(s,i)},d=typeof a=="function"?a(s):a;return s?n.jsx("tr",{ref:l,className:x({"table-active":t},e,d),onClick:o,...c,children:u.map((i,b)=>n.jsx(k,{field:i,row:s},String(i?.id??b)))}):null}$.displayName="DataTableRow";function W({fields:e,className:a,rowClassName:t,selected:s,row:l,trRef:r,onClick:c,...u}){const o=i=>{c?.(l,i)},d=typeof t=="function"?t(l):t;return l?n.jsx("tr",{ref:r,className:x({"table-active":s},a,d),onClick:o,...u,children:e.map((i,b)=>n.jsx(k,{field:i,row:l},String(i?.id??b)))}):null}W.displayName="StandaloneDataTableRow";function S({data:e,keyField:a,rowClassName:t,renderRow:s,onSelectRow:l,selected:r="",children:c,...u}){return n.jsxs("tbody",{...u,children:[e.map(o=>{const d=String(typeof a=="function"?a(o):o[a]),i=typeof r=="function"?r(o):d===r;return s?s(o):n.jsx($,{onClick:l,rowClassName:t,row:o,selected:i},d)}),c]})}S.displayName="DataTableTBody";function g(){const e=p.useContext(f);if(!e)throw new Error("useTableSort must be used within a DataTableProvider");return[e.sort,e.setSort]}const I=e=>e?e==="end"?"flex-end":"center":"flex-start",J=E.div`
+`;function _({sticky:e,responsive:t,children:a,className:s,ref:l,...r}){if(t){const c=x(s,{"table-responsive":t===!0,[`table-responsive-${t}`]:t!==!0});return n.jsx("div",{className:c,children:n.jsx(F,{ref:l,...r,children:a})})}return n.jsx(F,{className:s,sticky:e,ref:l,...r,children:a})}function v({field:e,className:t,children:a,...s}){if(e.visible===!1)return null;const l=x({[`text-${e.align}`]:!!e.align},t);return n.jsx("th",{className:l,scope:"col",...s,children:a??e.title})}v.displayName="DataTableTH";function T(){const e=p.useContext(h);if(!e)throw new Error("useTableContext must be used within a DataTableProvider");return[e.fields,e.setFields]}function q({...e}){const[t]=T();return n.jsx("thead",{...e,children:n.jsx("tr",{children:t.map((a,s)=>n.jsx(v,{...a.thProps,field:a,className:x(typeof a.className=="function"?{[`text-${a.align}`]:!!a.align}:a.className)},String(a.id??s)))})})}q.displayName="DataTableHead";function D({className:e,size:t,responsive:a,sticky:s,data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:i,selected:d,tableHeadProps:o,children:b,tfoot:m,...f}){const N=x("table",e,{[`table-${t}`]:!!t});return n.jsxs(_,{sticky:s,responsive:a,className:N,...f,children:[n.jsx(S,{}),n.jsx(q,{...o}),!!l.length&&n.jsx(C,{data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:i,selected:d}),b,m]})}D.displayName="ContainedDataTable";function B({fields:e,...t}){return n.jsx(y,{initialFields:e,children:n.jsx(D,{...t})})}B.displayName="DataTable";function k({field:e,row:t,className:a,as:s,...l}){if(e.visible===!1)return null;const r=x({[`text-${e.align}`]:!!e.align},a,typeof e.className=="function"?e.className(t):e.className);return p.createElement(s??e.as??"td",{className:r,scope:(s??e.as)==="th"?"row":void 0,colSpan:e.colSpan,...e.cellProps,...l},t[e.field]===void 0&&!e.render?null:typeof e.render=="function"?e.render(t):t[e.field])}k.displayName="DataTableCell";function $({className:e,rowClassName:t,selected:a,row:s,trRef:l,onClick:r,...c}){const[u]=T(),i=o=>{r?.(s,o)},d=typeof t=="function"?t(s):t;return s?n.jsx("tr",{ref:l,className:x({"table-active":a},e,d),onClick:i,...c,children:u.map((o,b)=>n.jsx(k,{field:o,row:s},String(o?.id??b)))}):null}$.displayName="ContainedDataTableRow";function A({fields:e,className:t,rowClassName:a,selected:s,row:l,trRef:r,onClick:c,...u}){const i=o=>{c?.(l,o)},d=typeof a=="function"?a(l):a;return l?n.jsx("tr",{ref:r,className:x({"table-active":s},t,d),onClick:i,...u,children:e.map((o,b)=>n.jsx(k,{field:o,row:l},String(o?.id??b)))}):null}A.displayName="DataTableRow";function C({data:e,keyField:t,rowClassName:a,renderRow:s,onSelectRow:l,selected:r="",children:c,...u}){return n.jsxs("tbody",{...u,children:[e.map(i=>{const d=String(typeof t=="function"?t(i):i[t]),o=typeof r=="function"?r(i):d===r;return s?s(i):n.jsx($,{onClick:l,rowClassName:a,row:i,selected:o},d)}),c]})}C.displayName="DataTableTBody";function g(){const e=p.useContext(h);if(!e)throw new Error("useTableSort must be used within a DataTableProvider");return[e.sort,e.setSort]}const I=e=>e?e==="end"?"flex-end":"center":"flex-start",J=E.div`
     display: flex;
     width: 100%;
     flex-direction: ${e=>e.align==="end"?"row-reverse":"row"};
@@ -26,5 +26,5 @@
         opacity: 0.75;
         transition: opacity 0.2s;
     }
-`;function H({field:e,sorted:a,ascending:t,className:s,onClick:l}){if(e.visible===!1)return null;if(!e.sortable)return n.jsx(v,{field:e,className:s});const{className:r,...c}=e.thProps??{},u=x(s,r,{[`text-${e.align}`]:!!e.align}),o=()=>{l({field:e.field,ascending:a?!t:!0})},d={"bi-arrow-down":t,"bi-arrow-up":!t};return n.jsx("th",{...c,className:x("sortable",u),scope:"col",onClick:o,children:n.jsxs(J,{sorted:a,align:e.align,children:[n.jsx("div",{className:"field-title",children:e.title}),n.jsx("div",{className:x("me-1 sort-icon",d)})]})})}H.displayName="SortableTableTH";function w({onChangeSort:e}){const[a]=T(),[t]=g();return n.jsx("thead",{children:n.jsx("tr",{children:a.map((s,l)=>n.jsx(H,{field:s,sorted:t?.field===s.field,ascending:t?.ascending,className:x(typeof s.className=="function"?{[`text-${s.align}`]:!!s.align}:s.className),onClick:e},l))})})}w.displayName="SortableTableHead";function A({onChangeSort:e}){const[a]=T(),[t]=g();return n.jsx(w,{fields:a,currentSort:t,onChangeSort:e})}A.displayName="SortableTableHeadWrapper";function P({className:e,size:a,responsive:t,sticky:s,data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:o,selected:d,tableHeadProps:i,children:b,tfoot:m,onChangeSort:h,...N}){const j=x("table",e,{[`table-${a}`]:!!a});return n.jsxs(_,{className:j,responsive:t,sticky:s,...N,children:[n.jsx(C,{}),n.jsx(A,{onChangeSort:h,...i}),!!l.length&&n.jsx(S,{data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:o,selected:d}),b,m]})}P.displayName="SortableTable";function L({nextSort:e}){const[,a]=g();return p.useEffect(()=>{console.log("setNextSort",e),a(e)},[e,a]),null}function V({fields:e,currentSort:a,...t}){return n.jsxs(y,{initialFields:e,initialSort:a,children:[n.jsx(L,{nextSort:a}),n.jsx(P,{...t})]})}V.displayName="StandaloneSortableTable";const O=[10,25,50,100,250,500,1e3];function R({value:e,pageValues:a=O,size:t,label:s,className:l,onChange:r,...c}){const u=p.useId(),o=b=>r(Number(b.target.value)),d=l??x("form-select",{[`form-select-${t}`]:!!t}),i=x("input-group",{[`input-group-${t}`]:!!t});return n.jsxs("div",{className:i,children:[n.jsx("label",{className:"input-group-text",htmlFor:u,children:s??"Rows"}),n.jsx("select",{className:d,id:u,value:e,onChange:o,...c,children:a.map(b=>n.jsx("option",{value:b,children:b},b))})]},e)}R.displayName="RowsPerPage";function G({page:e,rowsPerPage:a,onChangePage:t,count:s,size:l,showFirst:r,showLast:c,className:u,rowsPerPageProps:o,...d}){const i=s===0?0:e*a+1,b=Math.min(e*a+a,s),m=a===0?0:Math.floor((s-1)/a),h=x("btn btn-link",{[`btn-${l}`]:!!l});return n.jsxs("div",{className:x("row g-3 justify-content-end",u),...d,children:[!!o&&n.jsx("div",{className:"col-auto",children:n.jsx(R,{...o,value:a,size:l})}),n.jsx("div",{className:"col-auto",children:n.jsxs("div",{className:"row g-3 flex-nowrap align-items-baseline",children:[n.jsxs("div",{className:"col-auto",children:[i,"-",b," of ",s]}),r&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:h,disabled:e===0,onClick:()=>t(0),"aria-label":"First page",children:n.jsx("span",{className:"bi-chevron-bar-left","aria-hidden":"true"})})}),n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:h,disabled:e===0,onClick:()=>t(e-1),"aria-label":"Previous page",children:n.jsx("span",{className:"bi-chevron-left","aria-hidden":"true"})})}),n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:h,disabled:e>=m,onClick:()=>t(e+1),"aria-label":"Next page",children:n.jsx("span",{className:"bi-chevron-right","aria-hidden":"true"})})}),c&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:h,disabled:e>=m,onClick:()=>t(m),"aria-label":"Last page",children:n.jsx("span",{className:"bi-chevron-bar-right","aria-hidden":"true"})})})]})})]})}G.displayname="TablePagination";function C(){const[e]=T();return n.jsx("colgroup",{children:e.filter(a=>a.visible!==!1).map((a,t)=>n.jsx("col",{className:a.colClassName,span:a.colSpan??1},t))})}C.displayName="DataTableCols";function K(e){const a=p.useContext(f);if(!a)throw new Error("useField must be used within a DataTableProvider");return[a.fields.find(t=>t.id===e)??null,a.updateField]}function Q(){const e=p.useContext(f);if(!e)throw new Error("useTableContext must be used within a DataTableProvider");return e}exports.DataTable=B;exports.DataTableCols=C;exports.DataTableContext=f;exports.DataTableProvider=y;exports.DataTableRow=$;exports.DataTableTBody=S;exports.DataTableTH=v;exports.DataTableWithContext=D;exports.RowsPerPage=R;exports.SortableTable=P;exports.SortableTableHead=w;exports.SortableTableTH=H;exports.StandaloneDataTableRow=W;exports.StandaloneSortableTable=V;exports.TablePagination=G;exports.useField=K;exports.useTableContext=Q;exports.useTableFields=T;exports.useTableSort=g;
+`;function H({field:e,sorted:t,ascending:a,className:s,onClick:l}){if(e.visible===!1)return null;if(!e.sortable)return n.jsx(v,{field:e,className:s});const{className:r,...c}=e.thProps??{},u=x(s,r,{[`text-${e.align}`]:!!e.align}),i=()=>{l({field:e.field,ascending:t?!a:!0})},d={"bi-arrow-down":a,"bi-arrow-up":!a};return n.jsx("th",{...c,className:x("sortable",u),scope:"col",onClick:i,children:n.jsxs(J,{sorted:t,align:e.align,children:[n.jsx("div",{className:"field-title",children:e.title}),n.jsx("div",{className:x("me-1 sort-icon",d)})]})})}H.displayName="SortableTableTH";function w({onChangeSort:e}){const[t]=T(),[a]=g();return n.jsx("thead",{children:n.jsx("tr",{children:t.map((s,l)=>n.jsx(H,{field:s,sorted:a?.field===s.field,ascending:a?.ascending,className:x(typeof s.className=="function"?{[`text-${s.align}`]:!!s.align}:s.className),onClick:e},l))})})}w.displayName="SortableTableHead";function V({onChangeSort:e}){const[t]=T(),[a]=g();return n.jsx(w,{fields:t,currentSort:a,onChangeSort:e})}V.displayName="SortableTableHeadWrapper";function P({className:e,size:t,responsive:a,sticky:s,data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:i,selected:d,tableHeadProps:o,children:b,tfoot:m,onChangeSort:f,...N}){const j=x("table",e,{[`table-${t}`]:!!t});return n.jsxs(_,{className:j,responsive:a,sticky:s,...N,children:[n.jsx(S,{}),n.jsx(V,{onChangeSort:f,...o}),!!l.length&&n.jsx(C,{data:l,keyField:r,rowClassName:c,renderRow:u,onSelectRow:i,selected:d}),b,m]})}P.displayName="ContainedSortableTable";function L({nextSort:e}){const[,t]=g();return p.useEffect(()=>{console.log("setNextSort",e),t(e)},[e,t]),null}function W({fields:e,currentSort:t,...a}){return n.jsxs(y,{initialFields:e,initialSort:t,children:[n.jsx(L,{nextSort:t}),n.jsx(P,{...a})]})}W.displayName="SortableTable";const O=[10,25,50,100,250,500,1e3];function R({value:e,pageValues:t=O,size:a,label:s,className:l,onChange:r,...c}){const u=p.useId(),i=b=>r(Number(b.target.value)),d=l??x("form-select",{[`form-select-${a}`]:!!a}),o=x("input-group",{[`input-group-${a}`]:!!a});return n.jsxs("div",{className:o,children:[n.jsx("label",{className:"input-group-text",htmlFor:u,children:s??"Rows"}),n.jsx("select",{className:d,id:u,value:e,onChange:i,...c,children:t.map(b=>n.jsx("option",{value:b,children:b},b))})]},e)}R.displayName="RowsPerPage";function G({page:e,rowsPerPage:t,onChangePage:a,count:s,size:l,showFirst:r,showLast:c,className:u,rowsPerPageProps:i,...d}){const o=s===0?0:e*t+1,b=Math.min(e*t+t,s),m=t===0?0:Math.floor((s-1)/t),f=x("btn btn-link",{[`btn-${l}`]:!!l});return n.jsxs("div",{className:x("row g-3 justify-content-end",u),...d,children:[!!i&&n.jsx("div",{className:"col-auto",children:n.jsx(R,{...i,value:t,size:l})}),n.jsx("div",{className:"col-auto",children:n.jsxs("div",{className:"row g-3 flex-nowrap align-items-baseline",children:[n.jsxs("div",{className:"col-auto",children:[o,"-",b," of ",s]}),r&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:f,disabled:e===0,onClick:()=>a(0),"aria-label":"First page",children:n.jsx("span",{className:"bi-chevron-bar-left","aria-hidden":"true"})})}),n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:f,disabled:e===0,onClick:()=>a(e-1),"aria-label":"Previous page",children:n.jsx("span",{className:"bi-chevron-left","aria-hidden":"true"})})}),n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:f,disabled:e>=m,onClick:()=>a(e+1),"aria-label":"Next page",children:n.jsx("span",{className:"bi-chevron-right","aria-hidden":"true"})})}),c&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:f,disabled:e>=m,onClick:()=>a(m),"aria-label":"Last page",children:n.jsx("span",{className:"bi-chevron-bar-right","aria-hidden":"true"})})})]})})]})}G.displayname="TablePagination";function S(){const[e]=T();return n.jsx("colgroup",{children:e.filter(t=>t.visible!==!1).map((t,a)=>n.jsx("col",{className:t.colClassName,span:t.colSpan??1},a))})}S.displayName="DataTableCols";function K(e){const t=p.useContext(h);if(!t)throw new Error("useField must be used within a DataTableProvider");return[t.fields.find(a=>a.id===e)??null,t.updateField]}function Q(){const e=p.useContext(h);if(!e)throw new Error("useTableContext must be used within a DataTableProvider");return e}exports.ContainedDataTable=D;exports.ContainedDataTableRow=$;exports.ContainedSortableTable=P;exports.DataTable=B;exports.DataTableCols=S;exports.DataTableContext=h;exports.DataTableProvider=y;exports.DataTableRow=A;exports.DataTableTBody=C;exports.DataTableTH=v;exports.RowsPerPage=R;exports.SortableTable=W;exports.SortableTableHead=w;exports.SortableTableTH=H;exports.TablePagination=G;exports.useField=K;exports.useTableContext=Q;exports.useTableFields=T;exports.useTableSort=g;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/DataTableContext.ts","../src/DataTableProvider.tsx","../node_modules/clsx/dist/clsx.mjs","../src/Table.tsx","../src/DataTableTH.tsx","../src/useTableFields.ts","../src/DataTableHead.tsx","../src/DataTable.tsx","../src/StandaloneDataTable.tsx","../src/DataTableCell.tsx","../src/DataTableRow.tsx","../src/StandaloneDataTableRow.tsx","../src/DataTableTBody.tsx","../src/useTableSort.ts","../src/SortableTableTH.tsx","../src/SortableTableHead.tsx","../src/SortableTableHeadWrapper.tsx","../src/SortableTable.tsx","../src/StandaloneSortHelper.tsx","../src/StandaloneSortableTable.tsx","../src/RowsPerPage.tsx","../src/TablePagination.tsx","../src/DataTableCols.tsx","../src/useField.ts","../src/useTableContext.ts"],"sourcesContent":["import {createContext} from \"react\";\r\nimport type {DataTableField, SortProps} from \"./types\";\r\n\r\nexport interface TableContextData<T = unknown> {\r\n    fields: DataTableField<T>[];\r\n    setFields: (next: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => void;\r\n    sort: SortProps<T>|null;\r\n    setSort: (next: SortProps<T> | null | ((prev:SortProps<T>|null) => SortProps<T>|null )) => void;\r\n    getField: (key: string | number) => DataTableField<T> | undefined;\r\n    updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;\r\n}\r\n\r\nexport const DataTableContext = createContext<TableContextData<unknown> | null>(null)\r\n","import {type ReactNode, useCallback, useMemo, useState} from \"react\";\r\nimport type {DataTableField, SortProps} from \"./types\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport interface TableProviderProps<T = unknown> {\r\n    initialFields: DataTableField<T>[];\r\n    initialSort?: SortProps<T>|null;\r\n    children: ReactNode;\r\n}\r\n\r\nexport default function DataTableProvider<T = unknown>({\r\n                                                           children,\r\n                                                           initialFields = [],\r\n                                                           initialSort = null,\r\n                                                       }: TableProviderProps<T>) {\r\n    const [fields, setFieldsState] = useState<DataTableField<T>[]>(initialFields);\r\n    const [sort, setProviderSort] = useState<SortProps<T> | null>(initialSort);\r\n\r\n    const setFields = useCallback(\r\n        (fields: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => {\r\n            setFieldsState(fields)\r\n        }, []);\r\n\r\n    const setSort = useCallback(\r\n        (sort: SortProps<T> | null | ((sort:SortProps<T>|null) => SortProps<T> | null)) => {\r\n            setProviderSort(sort)\r\n        }, [])\r\n\r\n\r\n    const updateField = useCallback((key: string | number, arg: Partial<DataTableField<T>>) => {\r\n        const nextState = fields.map(field => {\r\n            if (field.id === key) {\r\n                return {...field, ...arg}\r\n            }\r\n            return field;\r\n        });\r\n        setFieldsState(nextState);\r\n    }, [fields])\r\n\r\n    const getField = useCallback((key: string | number) => fields.find(field => field.id === key), [fields]);\r\n\r\n\r\n    const value = useMemo<TableContextData<T>>(\r\n        () => ({\r\n            fields,\r\n            setFields,\r\n            sort,\r\n            setSort,\r\n            getField,\r\n            updateField\r\n        }),\r\n        [fields, setFields, sort, setSort, updateField, getField]\r\n    )\r\n\r\n    return (\r\n        <DataTableContext.Provider value={value as unknown as TableContextData<unknown>}>\r\n            {children}\r\n        </DataTableContext.Provider>\r\n    )\r\n}\r\nDataTableProvider.displayName = 'DataTableProvider';\r\n\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import React, {type RefObject, type TableHTMLAttributes} from 'react';\r\nimport styled from \"@emotion/styled\";\r\nimport type {DataTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface StyledTableProps extends TableHTMLAttributes<HTMLTableElement>, Pick<DataTableProps, 'sticky' | 'responsive'> {\r\n    ref?: RefObject<HTMLTableElement>;\r\n}\r\n\r\nconst StyledTable = styled.table<StyledTableProps>`\r\n    --table-sticky-top: ${props => props.sticky ? '0' : undefined};\r\n\r\n    thead {\r\n        tr:nth-of-type(1) td,\r\n        tr:nth-of-type(1) th {\r\n            top: var(--table-sticky-top, unset);\r\n            position: ${props => props.sticky ? \"sticky\" : \"unset\"};\r\n            z-index: ${props => props.sticky ? 10 : \"unset\"};\r\n            background: ${props => props.sticky ? \"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))\" : \"unset\"};\r\n        }\r\n    }\r\n`\r\n\r\n\r\nexport default function Table({\r\n                                  sticky,\r\n                                  responsive,\r\n                                  children,\r\n                                  className,\r\n                                  ref,\r\n                                  ...rest\r\n                              }: StyledTableProps) {\r\n    if (responsive) {\r\n        const _className = clsx(className, {\r\n            'table-responsive': responsive === true,\r\n            [`table-responsive-${responsive}`]: responsive !== true,\r\n        })\r\n        return (\r\n            <div className={_className}>\r\n                <StyledTable ref={ref} {...rest}>{children}</StyledTable>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <StyledTable className={className} sticky={sticky} ref={ref} {...rest}>{children}</StyledTable>\r\n    )\r\n}\r\n\r\n","import React from \"react\";\r\nimport type {DataTableTHProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\n\r\nexport default function DataTableTH<T = unknown>({\r\n                                      field,\r\n                                      className,\r\n                                      children,\r\n                                      ...rest\r\n                                  }: DataTableTHProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    const thClassName = clsx({[`text-${field.align}`]: !!field.align}, className);\r\n    return (\r\n        <th className={thClassName} scope=\"col\" {...rest}>\r\n            {children ?? field.title}\r\n        </th>\r\n    )\r\n}\r\nDataTableTH.displayName = 'DataTableTH';\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\n/**\r\n * Returns a tuple containing the fields and a function to update them.\r\n * @returns [fields, setFields]\r\n */\r\nexport function useTableFields<T = unknown>(): [\r\n    fields: TableContextData<T>['fields'],\r\n    setFields: TableContextData<T>['setFields']\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a DataTableProvider');\r\n    }\r\n    return [\r\n        context.fields,\r\n        context.setFields\r\n    ];\r\n}\r\n","import React, {type TableHTMLAttributes} from \"react\";\r\nimport DataTableTH from \"./DataTableTH\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\n\r\n\r\nexport default function DataTableHead<T = unknown>({...rest}: TableHTMLAttributes<HTMLTableSectionElement>) {\r\n    const [fields] = useTableFields<T>()\r\n    return (\r\n        <thead {...rest}>\r\n        <tr>\r\n            {fields\r\n                .map((field, index) => (\r\n                <DataTableTH key={String(field.id ?? index)}\r\n                             {...field.thProps}\r\n                             field={field}\r\n                             className={clsx(\r\n                                 typeof field.className === 'function'\r\n                                     ? {[`text-${field.align}`]: !!field.align}\r\n                                     : field.className\r\n                             )}/>\r\n            ))}\r\n        </tr>\r\n        </thead>\r\n    )\r\n}\r\nDataTableHead.displayName = 'DataTableHead';\r\n","import type {DataTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport Table from \"./Table\";\r\nimport {DataTableCols, DataTableTBody} from \"./index\";\r\nimport DataTableHead from \"./DataTableHead\";\r\n\r\nexport default function DataTable<T = unknown>({\r\n                                                              className,\r\n                                                              size,\r\n                                                              responsive,\r\n                                                              sticky,\r\n                                                              data,\r\n                                                              keyField,\r\n                                                              rowClassName,\r\n                                                              renderRow,\r\n                                                              onSelectRow,\r\n                                                              selected,\r\n                                                              tableHeadProps,\r\n                                                              children,\r\n                                                              tfoot,\r\n                                                              ...rest\r\n                                                          }: Omit<DataTableProps<T>, 'fields'>) {\r\n    const tableClassName = clsx('table', className, {\r\n        [`table-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <Table sticky={sticky} responsive={responsive} className={tableClassName} {...rest}>\r\n            <DataTableCols/>\r\n            <DataTableHead {...tableHeadProps}/>\r\n            {!!data.length && (\r\n                <DataTableTBody data={data} keyField={keyField} rowClassName={rowClassName}\r\n                                renderRow={renderRow}\r\n                                onSelectRow={onSelectRow} selected={selected}/>\r\n            )}\r\n            {children}\r\n            {tfoot}\r\n        </Table>\r\n    )\r\n}\r\nDataTable.displayName = 'DataTable';\r\n","import type {DataTableProps} from \"./types\";\r\nimport DataTableProvider from \"./DataTableProvider\";\r\nimport DataTable from \"./DataTable\";\r\n\r\n\r\nexport default function StandaloneDataTable<T = unknown>({\r\n                                    fields,\r\n                                    ...rest\r\n                                }: DataTableProps<T>) {\r\n    return (\r\n        <DataTableProvider initialFields={fields}>\r\n            <DataTable {...rest}/>\r\n        </DataTableProvider>\r\n    )\r\n}\r\nStandaloneDataTable.displayName = 'StandaloneDataTable';\r\n","import {createElement, type ReactNode} from 'react';\r\nimport type {DataTableCellProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\n\r\nexport default function DataTableCell<T = unknown>({field, row, className, as, ...rest}: DataTableCellProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    const cellClassName = clsx(\r\n        {[`text-${field.align}`]: !!field.align},\r\n        className,\r\n        typeof field.className === 'function' ? field.className(row) : field.className\r\n    );\r\n    return createElement(\r\n        (as ?? field.as) ?? 'td',\r\n        {\r\n            className: cellClassName,\r\n            scope: (as ?? field.as) === 'th' ? 'row' : undefined,\r\n            colSpan: field.colSpan,\r\n            ...field.cellProps,\r\n            ...rest\r\n        },\r\n        (row[field.field] === undefined && !field.render)\r\n            ? null\r\n            : (\r\n                typeof field.render === 'function'\r\n                    ? field.render(row)\r\n                    : row[field.field] as ReactNode\r\n            )\r\n    )\r\n}\r\nDataTableCell.displayName = 'DataTableCell';\r\n","import React, {type MouseEvent} from 'react';\r\nimport type {DataTableRowProps} from \"./types\";\r\nimport DataTableCell from \"./DataTableCell\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\n\r\n\r\nexport default function DataTableRow<T = unknown>({\r\n                                       className,\r\n                                       rowClassName,\r\n                                       selected,\r\n                                       row,\r\n                                       trRef,\r\n                                       onClick,\r\n                                       ...rest\r\n                                   }: DataTableRowProps<T>) {\r\n    const [fields] = useTableFields<T>()\r\n    const clickHandler = (ev: MouseEvent<HTMLTableRowElement>) => {\r\n        onClick?.(row, ev)\r\n    }\r\n\r\n    const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;\r\n    if (!row) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <tr ref={trRef}\r\n            className={clsx({'table-active': selected}, className, _className)}\r\n            onClick={clickHandler}\r\n            {...rest}>\r\n            {fields\r\n                .map((field, index) => (\r\n                    <DataTableCell key={String(field?.id ?? index)} field={field} row={row}/>\r\n                ))}\r\n        </tr>\r\n    )\r\n}\r\nDataTableRow.displayName = 'DataTableRow';\r\n","import React, {type MouseEvent} from 'react';\r\nimport type {DataTableField, DataTableRowProps} from \"./types\";\r\nimport DataTableCell from \"./DataTableCell\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\n\r\nexport interface StandaloneDataTableRowProps<T = unknown> extends DataTableRowProps<T> {\r\n    fields: DataTableField<T>[]\r\n}\r\n\r\nexport default function StandaloneDataTableRow<T = unknown>({\r\n                                                                fields,\r\n                                                                className,\r\n                                                                rowClassName,\r\n                                                                selected,\r\n                                                                row,\r\n                                                                trRef,\r\n                                                                onClick,\r\n                                                                ...rest\r\n                                                            }: StandaloneDataTableRowProps<T>) {\r\n    const clickHandler = (ev: MouseEvent<HTMLTableRowElement>) => {\r\n        onClick?.(row, ev)\r\n    }\r\n\r\n    const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;\r\n    if (!row) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <tr ref={trRef}\r\n            className={clsx({'table-active': selected}, className, _className)}\r\n            onClick={clickHandler}\r\n            {...rest}>\r\n            {fields\r\n                .map((field, index) => (\r\n                    <DataTableCell key={String(field?.id ?? index)} field={field} row={row}/>\r\n                ))}\r\n        </tr>\r\n    )\r\n}\r\nStandaloneDataTableRow.displayName = 'StandaloneDataTableRow';\r\n","import React from 'react';\r\nimport DataTableRow from \"./DataTableRow\";\r\nimport type {DataTableTBodyProps} from \"./types\";\r\n\r\n\r\nexport default function DataTableTBody<T = unknown>({\r\n                                         data,\r\n                                         keyField,\r\n                                         rowClassName,\r\n                                         renderRow,\r\n                                         onSelectRow,\r\n                                         selected = '',\r\n                                         children,\r\n                                         ...rest\r\n                                     }: DataTableTBodyProps<T>) {\r\n    return (\r\n        <tbody {...rest}>\r\n        {data.map(row => {\r\n            const keyValue = String(typeof keyField === \"function\" ? keyField(row) : row[keyField]);\r\n            const isSelected = typeof selected === 'function' ? selected(row) : keyValue === selected;\r\n            if (renderRow) {\r\n                return renderRow(row);\r\n            }\r\n            return (\r\n                <DataTableRow key={keyValue} onClick={onSelectRow}\r\n                              rowClassName={rowClassName}\r\n                              row={row} selected={isSelected}/>\r\n            )\r\n        })}\r\n        {children}\r\n        </tbody>\r\n    )\r\n}\r\nDataTableTBody.displayName = 'DataTableTBody';\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\n/**\r\n * Returns a tuple containing the currentSort and a function to update the sort.\r\n * @returns [sort, setSort]\r\n */\r\nexport function useTableSort<T = unknown>(): [\r\n    sort: TableContextData<T>['sort'],\r\n    setSort: TableContextData<T>['setSort']\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableSort must be used within a DataTableProvider');\r\n    }\r\n    return [\r\n        context.sort,\r\n        context.setSort\r\n    ];\r\n}\r\n","import React from \"react\";\r\nimport DataTableTH from \"./DataTableTH\";\r\nimport type {SortableTableTHProps, UIFlexAlign} from \"./types\";\r\nimport styled from '@emotion/styled';\r\nimport clsx from \"clsx\";\r\n\r\nconst flexJustifyContent = (align?: UIFlexAlign) => {\r\n    if (!align) {\r\n        return 'flex-start';\r\n    }\r\n    switch (align) {\r\n        case 'end':\r\n            return 'flex-end';\r\n        default:\r\n            return 'center';\r\n    }\r\n}\r\n\r\ntype FieldTitleProps = {\r\n    sorted?: boolean;\r\n    align?: UIFlexAlign;\r\n};\r\nconst FieldTitle = styled.div<FieldTitleProps>`\r\n    display: flex;\r\n    width: 100%;\r\n    flex-direction: ${props => props.align === 'end' ? 'row-reverse' : 'row'};\r\n    justify-content: ${props => flexJustifyContent(props.align)};\r\n\r\n    .sort-icon {\r\n        flex-grow: ${props => props.align === 'end' ? '1' : '0'};\r\n        opacity: ${props => props.sorted ? 1 : 0};\r\n    }\r\n\r\n    &:hover .sort-icon {\r\n        color: ${props => props.sorted ? 'unset' : 'var(--bs-primary)'};\r\n        opacity: 0.75;\r\n        transition: opacity 0.2s;\r\n    }\r\n`\r\n\r\nexport default function SortableTableTH<T = unknown>({\r\n                                          field,\r\n                                          sorted,\r\n                                          ascending,\r\n                                          className,\r\n                                          onClick\r\n                                      }: SortableTableTHProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    if (!field.sortable) {\r\n        return (<DataTableTH field={field} className={className}/>)\r\n    }\r\n\r\n    const {className: _thClassName, ...thProps} = field.thProps ?? {};\r\n    const thClassName = clsx(\r\n        className,\r\n        _thClassName,\r\n        {[`text-${field.align}`]: !!field.align}\r\n    );\r\n\r\n    const clickHandler = () => {\r\n        onClick({field: field.field, ascending: !sorted ? true : !ascending});\r\n    }\r\n\r\n    const iconClassName = {\r\n        'bi-arrow-down': ascending,\r\n        'bi-arrow-up': !ascending,\r\n    }\r\n\r\n    return (\r\n        <th {...thProps} className={clsx(\"sortable\", thClassName)} scope=\"col\" onClick={clickHandler}>\r\n            <FieldTitle sorted={sorted} align={field.align}>\r\n                <div className=\"field-title\">{field.title}</div>\r\n                <div className={clsx('me-1 sort-icon', iconClassName)}/>\r\n            </FieldTitle>\r\n        </th>\r\n    )\r\n}\r\nSortableTableTH.displayName = 'SortableTableTH';\r\n","import React from \"react\";\r\nimport SortableTableTH from \"./SortableTableTH\";\r\nimport type {SortableTableHeadProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\nimport {useTableSort} from \"./useTableSort\";\r\n\r\nexport default function SortableTableHead<T = unknown>({\r\n                                            onChangeSort,\r\n                                        }: SortableTableHeadProps<T>) {\r\n    const [fields] = useTableFields<T>()\r\n    const [sort] = useTableSort<T>();\r\n    return (\r\n        <thead>\r\n        <tr>\r\n            {fields\r\n                .map((tableField, index) => (\r\n                <SortableTableTH<T> key={index} field={tableField}\r\n                                    sorted={sort?.field === tableField.field} ascending={sort?.ascending}\r\n                                    className={clsx(\r\n                                        typeof tableField.className === 'function'\r\n                                            ? {[`text-${tableField.align}`]: !!tableField.align}\r\n                                            : tableField.className\r\n                                    )} onClick={onChangeSort}/>\r\n            ))}\r\n        </tr>\r\n        </thead>\r\n    )\r\n}\r\n\r\nSortableTableHead.displayName = 'SortableTableHead';\r\n\r\n","import {useTableFields} from \"./useTableFields\";\r\nimport {useTableSort} from \"./useTableSort\";\r\nimport SortableTableHead from \"./SortableTableHead\";\r\nimport type {SortProps} from \"./types\";\r\n\r\nexport interface SortableTableHeadWrapperProps<T = unknown> {\r\n    onChangeSort: (sort: SortProps<T>) => void;\r\n}\r\n\r\nexport default function SortableTableHeadWrapper<T = unknown>({\r\n                                                                  onChangeSort,\r\n                                                              }: SortableTableHeadWrapperProps<T>) {\r\n    const [fields] = useTableFields<T>()\r\n    const [sort] = useTableSort<T>();\r\n\r\n    return (\r\n        <SortableTableHead fields={fields} currentSort={sort} onChangeSort={onChangeSort} />\r\n    )\r\n}\r\nSortableTableHeadWrapper.displayName = 'SortableTableHeadWrapper';\r\n","import type {SortableTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport Table from \"./Table\";\r\nimport {DataTableCols, DataTableTBody} from \"./index\";\r\nimport React from \"react\";\r\nimport SortableTableHeadWrapper from \"./SortableTableHeadWrapper\";\r\n\r\nexport default function SortableTable<T = unknown>({\r\n                                                       className,\r\n                                                       size,\r\n                                                       responsive,\r\n                                                       sticky,\r\n                                                       data,\r\n                                                       keyField,\r\n                                                       rowClassName,\r\n                                                       renderRow,\r\n                                                       onSelectRow,\r\n                                                       selected,\r\n                                                       tableHeadProps,\r\n                                                       children,\r\n                                                       tfoot,\r\n                                                       onChangeSort,\r\n                                                       ...rest\r\n                                                   }: Omit<SortableTableProps<T>, 'fields' | 'currentSort'>) {\r\n    const tableClassName = clsx('table', className, {\r\n        [`table-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <Table className={tableClassName} responsive={responsive} sticky={sticky} {...rest}>\r\n            <DataTableCols/>\r\n            <SortableTableHeadWrapper onChangeSort={onChangeSort} {...tableHeadProps}/>\r\n            {!!data.length && (\r\n                <DataTableTBody data={data} keyField={keyField} rowClassName={rowClassName}\r\n                                renderRow={renderRow}\r\n                                onSelectRow={onSelectRow} selected={selected}/>\r\n            )}\r\n            {children}\r\n            {tfoot}\r\n        </Table>\r\n    )\r\n}\r\nSortableTable.displayName = 'SortableTable';\r\n","import type {SortProps} from \"./types\";\r\nimport {useTableSort} from \"./useTableSort\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport interface StandaloneSortHelperProps<T = unknown> {\r\n    nextSort: SortProps<T>\r\n}\r\nexport function StandaloneSortHelper<T = unknown>({nextSort}:StandaloneSortHelperProps<T>) {\r\n    const [, setNextSort] = useTableSort<T>();\r\n    useEffect(() => {\r\n        console.log('setNextSort', nextSort);\r\n        setNextSort(nextSort);\r\n    }, [nextSort, setNextSort]);\r\n    return null;\r\n}\r\n","import React from 'react';\r\nimport type {SortableTableProps} from \"./types\";\r\nimport DataTableProvider from \"./DataTableProvider\";\r\nimport SortableTable from \"./SortableTable\";\r\nimport {StandaloneSortHelper} from \"./StandaloneSortHelper\";\r\n\r\n\r\nexport default function StandaloneSortableTable<T = unknown>({\r\n                                                                 fields,\r\n                                                                 currentSort,\r\n                                                                 ...rest\r\n                                                             }: SortableTableProps<T>) {\r\n    return (\r\n        <DataTableProvider initialFields={fields} initialSort={currentSort}>\r\n            <StandaloneSortHelper nextSort={currentSort} />\r\n            <SortableTable {...rest}/>\r\n        </DataTableProvider>\r\n    )\r\n}\r\n\r\nStandaloneSortableTable.displayName = 'StandaloneSortableTable';\r\n","import React, {type ChangeEvent, useId} from 'react';\r\nimport type {RowsPerPageProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nconst defaultRowsPerPageValues: number[] = [10, 25, 50, 100, 250, 500, 1000];\r\n\r\nexport default function RowsPerPage({\r\n                         value,\r\n                         pageValues = defaultRowsPerPageValues,\r\n                         size,\r\n                         label,\r\n                         className,\r\n                         onChange,\r\n                         ...rest\r\n                     }: RowsPerPageProps) {\r\n    const id = useId();\r\n    const changeHandler = (ev: ChangeEvent<HTMLSelectElement>) => onChange(Number(ev.target.value));\r\n    const selectClassName = className ?? clsx('form-select', {[`form-select-${size}`]: !!size});\r\n    const inputGroupClassName = clsx('input-group', {\r\n        [`input-group-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <div className={inputGroupClassName} key={value}>\r\n            <label className=\"input-group-text\" htmlFor={id}>{label ?? 'Rows'}</label>\r\n            <select className={selectClassName} id={id}\r\n                    value={value} onChange={changeHandler} {...rest}>\r\n                {pageValues.map(value => (\r\n                    <option key={value} value={value}>{value}</option>\r\n                ))}\r\n            </select>\r\n        </div>\r\n    )\r\n}\r\nRowsPerPage.displayName = 'RowsPerPage';\r\n","import React from 'react';\r\nimport RowsPerPage from \"./RowsPerPage\";\r\nimport type {TablePaginationProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport default function TablePagination({\r\n                             page,\r\n                             rowsPerPage,\r\n                             onChangePage,\r\n                             count,\r\n                             size,\r\n                             showFirst,\r\n                             showLast,\r\n                             className,\r\n                             rowsPerPageProps,\r\n                             ...rest\r\n                         }: TablePaginationProps) {\r\n\r\n    const first = count === 0 ? 0 : (page * rowsPerPage) + 1;\r\n    const last = Math.min(page * rowsPerPage + rowsPerPage, count);\r\n    const lastPage = rowsPerPage === 0 ? 0 : Math.floor((count - 1) / rowsPerPage);\r\n\r\n    const buttonClassName = clsx(\"btn btn-link\", {[`btn-${size}`]: !!size});\r\n\r\n    return (\r\n        <div className={clsx(\"row g-3 justify-content-end\", className)} {...rest}>\r\n            {!!rowsPerPageProps && (\r\n                <div className=\"col-auto\">\r\n                    <RowsPerPage {...rowsPerPageProps} value={rowsPerPage} size={size}/>\r\n                </div>\r\n            )}\r\n            <div className=\"col-auto\">\r\n                <div className=\"row g-3 flex-nowrap align-items-baseline\">\r\n                    <div className=\"col-auto\">\r\n                        {first}-{last} of {count}\r\n                    </div>\r\n                    {showFirst && (\r\n                        <div className=\"col-auto\">\r\n                            <button className={buttonClassName} disabled={page === 0}\r\n                                    onClick={() => onChangePage(0)} aria-label=\"First page\">\r\n                                <span className=\"bi-chevron-bar-left\" aria-hidden=\"true\"/>\r\n                            </button>\r\n                        </div>\r\n                    )}\r\n                    <div className=\"col-auto\">\r\n                        <button className={buttonClassName} disabled={page === 0}\r\n                                onClick={() => onChangePage(page - 1)} aria-label=\"Previous page\">\r\n                            <span className=\"bi-chevron-left\" aria-hidden=\"true\"/>\r\n                        </button>\r\n                    </div>\r\n                    <div className=\"col-auto\">\r\n                        <button className={buttonClassName} disabled={page >= lastPage}\r\n                                onClick={() => onChangePage(page + 1)} aria-label=\"Next page\">\r\n                            <span className=\"bi-chevron-right\" aria-hidden=\"true\"/>\r\n                        </button>\r\n                    </div>\r\n                    {showLast && (\r\n                        <div className=\"col-auto\">\r\n                            <button className={buttonClassName} disabled={page >= lastPage}\r\n                                    onClick={() => onChangePage(lastPage)} aria-label=\"Last page\">\r\n                                <span className=\"bi-chevron-bar-right\" aria-hidden=\"true\"/>\r\n                            </button>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nTablePagination.displayname = 'TablePagination';\r\n","import {useTableFields} from \"./useTableFields\";\r\n\r\nexport default function DataTableCols<T = unknown>() {\r\n    const [fields] = useTableFields<T>()\r\n    return (\r\n        <colgroup>\r\n            {fields\r\n                .filter(field => field.visible !== false)\r\n                .map((field, index) => (\r\n                    <col key={index}\r\n                         className={field.colClassName}\r\n                         span={field.colSpan ?? 1}/>\r\n                ))}\r\n        </colgroup>\r\n    )\r\n}\r\nDataTableCols.displayName = 'DataTableCols';\r\n\r\n","import type {DataTableField} from \"./types\";\r\nimport {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport type UseFieldArg<T = unknown> = keyof T & ((string | number) & {})\r\nexport function useField<T = unknown>(key: UseFieldArg<T>): [\r\n    field:DataTableField<T>|null,\r\n    updateField: (key: string|number, arg: Partial<DataTableField<T>>) => void\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useField must be used within a DataTableProvider');\r\n    }\r\n\r\n    return [\r\n        context.fields.find(field => field.id === key) ?? null,\r\n        context.updateField,\r\n    ]\r\n}\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport function useTableContext<T = unknown>():TableContextData<T> {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a DataTableProvider');\r\n    }\r\n    return context;\r\n}\r\n"],"names":["DataTableContext","createContext","DataTableProvider","children","initialFields","initialSort","fields","setFieldsState","useState","sort","setProviderSort","setFields","useCallback","setSort","updateField","key","arg","nextState","field","getField","value","useMemo","jsx","r","t","f","n","o","clsx","StyledTable","styled","props","Table","sticky","responsive","className","ref","rest","_className","DataTableTH","thClassName","useTableFields","context","useContext","DataTableHead","index","DataTable","size","data","keyField","rowClassName","renderRow","onSelectRow","selected","tableHeadProps","tfoot","tableClassName","DataTableCols","DataTableTBody","StandaloneDataTable","DataTableCell","row","as","cellClassName","createElement","DataTableRow","trRef","onClick","clickHandler","ev","StandaloneDataTableRow","jsxs","keyValue","isSelected","useTableSort","flexJustifyContent","align","FieldTitle","SortableTableTH","sorted","ascending","_thClassName","thProps","iconClassName","SortableTableHead","onChangeSort","tableField","SortableTableHeadWrapper","SortableTable","StandaloneSortHelper","nextSort","setNextSort","useEffect","StandaloneSortableTable","currentSort","defaultRowsPerPageValues","RowsPerPage","pageValues","label","onChange","id","useId","changeHandler","selectClassName","inputGroupClassName","TablePagination","page","rowsPerPage","onChangePage","count","showFirst","showLast","rowsPerPageProps","first","last","lastPage","buttonClassName","useField","useTableContext"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.cjs.js","sources":["../src/DataTableContext.ts","../src/DataTableProvider.tsx","../node_modules/clsx/dist/clsx.mjs","../src/Table.tsx","../src/DataTableTH.tsx","../src/useTableFields.ts","../src/DataTableHead.tsx","../src/ContainedDataTable.tsx","../src/DataTable.tsx","../src/DataTableCell.tsx","../src/ContainedDataTableRow.tsx","../src/DataTableRow.tsx","../src/DataTableTBody.tsx","../src/useTableSort.ts","../src/SortableTableTH.tsx","../src/SortableTableHead.tsx","../src/SortableTableHeadWrapper.tsx","../src/ContainedSortableTable.tsx","../src/SortHelper.tsx","../src/SortableTable.tsx","../src/RowsPerPage.tsx","../src/TablePagination.tsx","../src/DataTableCols.tsx","../src/useField.ts","../src/useTableContext.ts"],"sourcesContent":["import {createContext} from \"react\";\r\nimport type {DataTableField, SortProps} from \"./types\";\r\n\r\nexport interface TableContextData<T = unknown> {\r\n    fields: DataTableField<T>[];\r\n    setFields: (next: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => void;\r\n    sort: SortProps<T>|null;\r\n    setSort: (next: SortProps<T> | null | ((prev:SortProps<T>|null) => SortProps<T>|null )) => void;\r\n    getField: (key: string | number) => DataTableField<T> | undefined;\r\n    updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;\r\n}\r\n\r\nexport const DataTableContext = createContext<TableContextData<unknown> | null>(null)\r\n","import {type ReactNode, useCallback, useMemo, useState} from \"react\";\r\nimport type {DataTableField, SortProps} from \"./types\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport interface TableProviderProps<T = unknown> {\r\n    initialFields: DataTableField<T>[];\r\n    initialSort?: SortProps<T>|null;\r\n    children: ReactNode;\r\n}\r\n\r\nexport default function DataTableProvider<T = unknown>({\r\n                                                           children,\r\n                                                           initialFields = [],\r\n                                                           initialSort = null,\r\n                                                       }: TableProviderProps<T>) {\r\n    const [fields, setFieldsState] = useState<DataTableField<T>[]>(initialFields);\r\n    const [sort, setProviderSort] = useState<SortProps<T> | null>(initialSort);\r\n\r\n    const setFields = useCallback(\r\n        (fields: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => {\r\n            setFieldsState(fields)\r\n        }, []);\r\n\r\n    const setSort = useCallback(\r\n        (sort: SortProps<T> | null | ((sort:SortProps<T>|null) => SortProps<T> | null)) => {\r\n            setProviderSort(sort)\r\n        }, [])\r\n\r\n\r\n    const updateField = useCallback((key: string | number, arg: Partial<DataTableField<T>>) => {\r\n        const nextState = fields.map(field => {\r\n            if (field.id === key) {\r\n                return {...field, ...arg}\r\n            }\r\n            return field;\r\n        });\r\n        setFieldsState(nextState);\r\n    }, [fields])\r\n\r\n    const getField = useCallback((key: string | number) => fields.find(field => field.id === key), [fields]);\r\n\r\n\r\n    const value = useMemo<TableContextData<T>>(\r\n        () => ({\r\n            fields,\r\n            setFields,\r\n            sort,\r\n            setSort,\r\n            getField,\r\n            updateField\r\n        }),\r\n        [fields, setFields, sort, setSort, updateField, getField]\r\n    )\r\n\r\n    return (\r\n        <DataTableContext.Provider value={value as unknown as TableContextData<unknown>}>\r\n            {children}\r\n        </DataTableContext.Provider>\r\n    )\r\n}\r\nDataTableProvider.displayName = 'DataTableProvider';\r\n\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import {type RefObject, type TableHTMLAttributes} from 'react';\r\nimport styled from \"@emotion/styled\";\r\nimport type {DataTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface StyledTableProps extends TableHTMLAttributes<HTMLTableElement>, Pick<DataTableProps, 'sticky' | 'responsive'> {\r\n    ref?: RefObject<HTMLTableElement>;\r\n}\r\n\r\nconst StyledTable = styled.table<StyledTableProps>`\r\n    --table-sticky-top: ${props => props.sticky ? '0' : undefined};\r\n\r\n    thead {\r\n        tr:nth-of-type(1) td,\r\n        tr:nth-of-type(1) th {\r\n            top: var(--table-sticky-top, unset);\r\n            position: ${props => props.sticky ? \"sticky\" : \"unset\"};\r\n            z-index: ${props => props.sticky ? 10 : \"unset\"};\r\n            background: ${props => props.sticky ? \"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))\" : \"unset\"};\r\n        }\r\n    }\r\n`\r\n\r\n\r\nexport default function Table({\r\n                                  sticky,\r\n                                  responsive,\r\n                                  children,\r\n                                  className,\r\n                                  ref,\r\n                                  ...rest\r\n                              }: StyledTableProps) {\r\n    if (responsive) {\r\n        const _className = clsx(className, {\r\n            'table-responsive': responsive === true,\r\n            [`table-responsive-${responsive}`]: responsive !== true,\r\n        })\r\n        return (\r\n            <div className={_className}>\r\n                <StyledTable ref={ref} {...rest}>{children}</StyledTable>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <StyledTable className={className} sticky={sticky} ref={ref} {...rest}>{children}</StyledTable>\r\n    )\r\n}\r\n\r\n","import type {DataTableTHProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\n\r\nexport default function DataTableTH<T = unknown>({\r\n                                      field,\r\n                                      className,\r\n                                      children,\r\n                                      ...rest\r\n                                  }: DataTableTHProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    const thClassName = clsx({[`text-${field.align}`]: !!field.align}, className);\r\n    return (\r\n        <th className={thClassName} scope=\"col\" {...rest}>\r\n            {children ?? field.title}\r\n        </th>\r\n    )\r\n}\r\nDataTableTH.displayName = 'DataTableTH';\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\n/**\r\n * Returns a tuple containing the fields and a function to update them.\r\n * @returns [fields, setFields]\r\n */\r\nexport function useTableFields<T = unknown>(): [\r\n    fields: TableContextData<T>['fields'],\r\n    setFields: TableContextData<T>['setFields']\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a DataTableProvider');\r\n    }\r\n    return [\r\n        context.fields,\r\n        context.setFields\r\n    ];\r\n}\r\n","import {type TableHTMLAttributes} from \"react\";\r\nimport DataTableTH from \"./DataTableTH\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\n\r\n\r\nexport default function DataTableHead<T = unknown>({...rest}: TableHTMLAttributes<HTMLTableSectionElement>) {\r\n    const [fields] = useTableFields<T>()\r\n    return (\r\n        <thead {...rest}>\r\n        <tr>\r\n            {fields\r\n                .map((field, index) => (\r\n                <DataTableTH key={String(field.id ?? index)}\r\n                             {...field.thProps}\r\n                             field={field}\r\n                             className={clsx(\r\n                                 typeof field.className === 'function'\r\n                                     ? {[`text-${field.align}`]: !!field.align}\r\n                                     : field.className\r\n                             )}/>\r\n            ))}\r\n        </tr>\r\n        </thead>\r\n    )\r\n}\r\nDataTableHead.displayName = 'DataTableHead';\r\n","import type {DataTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport Table from \"./Table\";\r\nimport {DataTableCols, DataTableTBody} from \"./index\";\r\nimport DataTableHead from \"./DataTableHead\";\r\n\r\nexport default function ContainedDataTable<T = unknown>({\r\n                                                              className,\r\n                                                              size,\r\n                                                              responsive,\r\n                                                              sticky,\r\n                                                              data,\r\n                                                              keyField,\r\n                                                              rowClassName,\r\n                                                              renderRow,\r\n                                                              onSelectRow,\r\n                                                              selected,\r\n                                                              tableHeadProps,\r\n                                                              children,\r\n                                                              tfoot,\r\n                                                              ...rest\r\n                                                          }: Omit<DataTableProps<T>, 'fields'>) {\r\n    const tableClassName = clsx('table', className, {\r\n        [`table-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <Table sticky={sticky} responsive={responsive} className={tableClassName} {...rest}>\r\n            <DataTableCols/>\r\n            <DataTableHead {...tableHeadProps}/>\r\n            {!!data.length && (\r\n                <DataTableTBody data={data} keyField={keyField} rowClassName={rowClassName}\r\n                                renderRow={renderRow}\r\n                                onSelectRow={onSelectRow} selected={selected}/>\r\n            )}\r\n            {children}\r\n            {tfoot}\r\n        </Table>\r\n    )\r\n}\r\nContainedDataTable.displayName = 'ContainedDataTable';\r\n","import type {DataTableProps} from \"./types\";\r\nimport DataTableProvider from \"./DataTableProvider\";\r\nimport ContainedDataTable from \"./ContainedDataTable\";\r\n\r\n\r\nexport default function DataTable<T = unknown>({\r\n                                    fields,\r\n                                    ...rest\r\n                                }: DataTableProps<T>) {\r\n    return (\r\n        <DataTableProvider initialFields={fields}>\r\n            <ContainedDataTable {...rest}/>\r\n        </DataTableProvider>\r\n    )\r\n}\r\nDataTable.displayName = 'DataTable';\r\n","import {createElement, type ReactNode} from 'react';\r\nimport type {DataTableCellProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\n\r\nexport default function DataTableCell<T = unknown>({field, row, className, as, ...rest}: DataTableCellProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    const cellClassName = clsx(\r\n        {[`text-${field.align}`]: !!field.align},\r\n        className,\r\n        typeof field.className === 'function' ? field.className(row) : field.className\r\n    );\r\n    return createElement(\r\n        (as ?? field.as) ?? 'td',\r\n        {\r\n            className: cellClassName,\r\n            scope: (as ?? field.as) === 'th' ? 'row' : undefined,\r\n            colSpan: field.colSpan,\r\n            ...field.cellProps,\r\n            ...rest\r\n        },\r\n        (row[field.field] === undefined && !field.render)\r\n            ? null\r\n            : (\r\n                typeof field.render === 'function'\r\n                    ? field.render(row)\r\n                    : row[field.field] as ReactNode\r\n            )\r\n    )\r\n}\r\nDataTableCell.displayName = 'DataTableCell';\r\n","import {type MouseEvent} from 'react';\r\nimport type {DataTableRowProps} from \"./types\";\r\nimport DataTableCell from \"./DataTableCell\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\n\r\n\r\nexport default function ContainedDataTableRow<T = unknown>({\r\n                                       className,\r\n                                       rowClassName,\r\n                                       selected,\r\n                                       row,\r\n                                       trRef,\r\n                                       onClick,\r\n                                       ...rest\r\n                                   }: Omit<DataTableRowProps<T>, 'fields'>) {\r\n    const [fields] = useTableFields<T>()\r\n    const clickHandler = (ev: MouseEvent<HTMLTableRowElement>) => {\r\n        onClick?.(row, ev)\r\n    }\r\n\r\n    const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;\r\n    if (!row) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <tr ref={trRef}\r\n            className={clsx({'table-active': selected}, className, _className)}\r\n            onClick={clickHandler}\r\n            {...rest}>\r\n            {fields\r\n                .map((field, index) => (\r\n                    <DataTableCell key={String(field?.id ?? index)} field={field} row={row}/>\r\n                ))}\r\n        </tr>\r\n    )\r\n}\r\nContainedDataTableRow.displayName = 'ContainedDataTableRow';\r\n","import {type MouseEvent} from 'react';\r\nimport type {DataTableRowProps} from \"./types\";\r\nimport DataTableCell from \"./DataTableCell\";\r\nimport clsx from \"clsx\";\r\n\r\nexport default function DataTableRow<T = unknown>({\r\n                                                      fields,\r\n                                                      className,\r\n                                                      rowClassName,\r\n                                                      selected,\r\n                                                      row,\r\n                                                      trRef,\r\n                                                      onClick,\r\n                                                      ...rest\r\n                                                  }: DataTableRowProps<T>) {\r\n    const clickHandler = (ev: MouseEvent<HTMLTableRowElement>) => {\r\n        onClick?.(row, ev)\r\n    }\r\n\r\n    const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;\r\n    if (!row) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <tr ref={trRef}\r\n            className={clsx({'table-active': selected}, className, _className)}\r\n            onClick={clickHandler}\r\n            {...rest}>\r\n            {fields\r\n                .map((field, index) => (\r\n                    <DataTableCell key={String(field?.id ?? index)} field={field} row={row}/>\r\n                ))}\r\n        </tr>\r\n    )\r\n}\r\nDataTableRow.displayName = 'DataTableRow';\r\n","import ContainedDataTableRow from \"./ContainedDataTableRow\";\r\nimport type {DataTableTBodyProps} from \"./types\";\r\n\r\n\r\nexport default function DataTableTBody<T = unknown>({\r\n                                         data,\r\n                                         keyField,\r\n                                         rowClassName,\r\n                                         renderRow,\r\n                                         onSelectRow,\r\n                                         selected = '',\r\n                                         children,\r\n                                         ...rest\r\n                                     }: DataTableTBodyProps<T>) {\r\n    return (\r\n        <tbody {...rest}>\r\n        {data.map(row => {\r\n            const keyValue = String(typeof keyField === \"function\" ? keyField(row) : row[keyField]);\r\n            const isSelected = typeof selected === 'function' ? selected(row) : keyValue === selected;\r\n            if (renderRow) {\r\n                return renderRow(row);\r\n            }\r\n            return (\r\n                <ContainedDataTableRow key={keyValue} onClick={onSelectRow}\r\n                                       rowClassName={rowClassName}\r\n                                       row={row} selected={isSelected}/>\r\n            )\r\n        })}\r\n        {children}\r\n        </tbody>\r\n    )\r\n}\r\nDataTableTBody.displayName = 'DataTableTBody';\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\n/**\r\n * Returns a tuple containing the currentSort and a function to update the sort.\r\n * @returns [sort, setSort]\r\n */\r\nexport function useTableSort<T = unknown>(): [\r\n    sort: TableContextData<T>['sort'],\r\n    setSort: TableContextData<T>['setSort']\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableSort must be used within a DataTableProvider');\r\n    }\r\n    return [\r\n        context.sort,\r\n        context.setSort\r\n    ];\r\n}\r\n","import DataTableTH from \"./DataTableTH\";\r\nimport type {SortableTableTHProps, UIFlexAlign} from \"./types\";\r\nimport styled from '@emotion/styled';\r\nimport clsx from \"clsx\";\r\n\r\nconst flexJustifyContent = (align?: UIFlexAlign) => {\r\n    if (!align) {\r\n        return 'flex-start';\r\n    }\r\n    switch (align) {\r\n        case 'end':\r\n            return 'flex-end';\r\n        default:\r\n            return 'center';\r\n    }\r\n}\r\n\r\ntype FieldTitleProps = {\r\n    sorted?: boolean;\r\n    align?: UIFlexAlign;\r\n};\r\nconst FieldTitle = styled.div<FieldTitleProps>`\r\n    display: flex;\r\n    width: 100%;\r\n    flex-direction: ${props => props.align === 'end' ? 'row-reverse' : 'row'};\r\n    justify-content: ${props => flexJustifyContent(props.align)};\r\n\r\n    .sort-icon {\r\n        flex-grow: ${props => props.align === 'end' ? '1' : '0'};\r\n        opacity: ${props => props.sorted ? 1 : 0};\r\n    }\r\n\r\n    &:hover .sort-icon {\r\n        color: ${props => props.sorted ? 'unset' : 'var(--bs-primary)'};\r\n        opacity: 0.75;\r\n        transition: opacity 0.2s;\r\n    }\r\n`\r\n\r\nexport default function SortableTableTH<T = unknown>({\r\n                                          field,\r\n                                          sorted,\r\n                                          ascending,\r\n                                          className,\r\n                                          onClick\r\n                                      }: SortableTableTHProps<T>) {\r\n    if (field.visible === false) {\r\n        return null;\r\n    }\r\n    if (!field.sortable) {\r\n        return (<DataTableTH field={field} className={className}/>)\r\n    }\r\n\r\n    const {className: _thClassName, ...thProps} = field.thProps ?? {};\r\n    const thClassName = clsx(\r\n        className,\r\n        _thClassName,\r\n        {[`text-${field.align}`]: !!field.align}\r\n    );\r\n\r\n    const clickHandler = () => {\r\n        onClick({field: field.field, ascending: !sorted ? true : !ascending});\r\n    }\r\n\r\n    const iconClassName = {\r\n        'bi-arrow-down': ascending,\r\n        'bi-arrow-up': !ascending,\r\n    }\r\n\r\n    return (\r\n        <th {...thProps} className={clsx(\"sortable\", thClassName)} scope=\"col\" onClick={clickHandler}>\r\n            <FieldTitle sorted={sorted} align={field.align}>\r\n                <div className=\"field-title\">{field.title}</div>\r\n                <div className={clsx('me-1 sort-icon', iconClassName)}/>\r\n            </FieldTitle>\r\n        </th>\r\n    )\r\n}\r\nSortableTableTH.displayName = 'SortableTableTH';\r\n","import SortableTableTH from \"./SortableTableTH\";\r\nimport type {SortableTableHeadProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./useTableFields\";\r\nimport {useTableSort} from \"./useTableSort\";\r\n\r\nexport default function SortableTableHead<T = unknown>({\r\n                                            onChangeSort,\r\n                                        }: SortableTableHeadProps<T>) {\r\n    const [fields] = useTableFields<T>()\r\n    const [sort] = useTableSort<T>();\r\n    return (\r\n        <thead>\r\n        <tr>\r\n            {fields\r\n                .map((tableField, index) => (\r\n                <SortableTableTH<T> key={index} field={tableField}\r\n                                    sorted={sort?.field === tableField.field} ascending={sort?.ascending}\r\n                                    className={clsx(\r\n                                        typeof tableField.className === 'function'\r\n                                            ? {[`text-${tableField.align}`]: !!tableField.align}\r\n                                            : tableField.className\r\n                                    )} onClick={onChangeSort}/>\r\n            ))}\r\n        </tr>\r\n        </thead>\r\n    )\r\n}\r\n\r\nSortableTableHead.displayName = 'SortableTableHead';\r\n\r\n","import {useTableFields} from \"./useTableFields\";\r\nimport {useTableSort} from \"./useTableSort\";\r\nimport SortableTableHead from \"./SortableTableHead\";\r\nimport type {SortProps} from \"./types\";\r\n\r\nexport interface SortableTableHeadWrapperProps<T = unknown> {\r\n    onChangeSort: (sort: SortProps<T>) => void;\r\n}\r\n\r\nexport default function SortableTableHeadWrapper<T = unknown>({\r\n                                                                  onChangeSort,\r\n                                                              }: SortableTableHeadWrapperProps<T>) {\r\n    const [fields] = useTableFields<T>()\r\n    const [sort] = useTableSort<T>();\r\n\r\n    return (\r\n        <SortableTableHead fields={fields} currentSort={sort} onChangeSort={onChangeSort} />\r\n    )\r\n}\r\nSortableTableHeadWrapper.displayName = 'SortableTableHeadWrapper';\r\n","import type {SortableTableProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\nimport Table from \"./Table\";\r\nimport {DataTableCols, DataTableTBody} from \"./index\";\r\nimport SortableTableHeadWrapper from \"./SortableTableHeadWrapper\";\r\n\r\nexport default function ContainedSortableTable<T = unknown>({\r\n                                                       className,\r\n                                                       size,\r\n                                                       responsive,\r\n                                                       sticky,\r\n                                                       data,\r\n                                                       keyField,\r\n                                                       rowClassName,\r\n                                                       renderRow,\r\n                                                       onSelectRow,\r\n                                                       selected,\r\n                                                       tableHeadProps,\r\n                                                       children,\r\n                                                       tfoot,\r\n                                                       onChangeSort,\r\n                                                       ...rest\r\n                                                   }: Omit<SortableTableProps<T>, 'fields' | 'currentSort'>) {\r\n    const tableClassName = clsx('table', className, {\r\n        [`table-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <Table className={tableClassName} responsive={responsive} sticky={sticky} {...rest}>\r\n            <DataTableCols/>\r\n            <SortableTableHeadWrapper onChangeSort={onChangeSort} {...tableHeadProps}/>\r\n            {!!data.length && (\r\n                <DataTableTBody data={data} keyField={keyField} rowClassName={rowClassName}\r\n                                renderRow={renderRow}\r\n                                onSelectRow={onSelectRow} selected={selected}/>\r\n            )}\r\n            {children}\r\n            {tfoot}\r\n        </Table>\r\n    )\r\n}\r\nContainedSortableTable.displayName = 'ContainedSortableTable';\r\n","import type {SortProps} from \"./types\";\r\nimport {useTableSort} from \"./useTableSort\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport interface StandaloneSortHelperProps<T = unknown> {\r\n    nextSort: SortProps<T>\r\n}\r\nexport function SortHelper<T = unknown>({nextSort}:StandaloneSortHelperProps<T>) {\r\n    const [, setNextSort] = useTableSort<T>();\r\n    useEffect(() => {\r\n        console.log('setNextSort', nextSort);\r\n        setNextSort(nextSort);\r\n    }, [nextSort, setNextSort]);\r\n    return null;\r\n}\r\n","import type {SortableTableProps} from \"./types\";\r\nimport DataTableProvider from \"./DataTableProvider\";\r\nimport ContainedSortableTable from \"./ContainedSortableTable\";\r\nimport {SortHelper} from \"./SortHelper\";\r\n\r\n\r\nexport default function SortableTable<T = unknown>({\r\n                                                       fields,\r\n                                                       currentSort,\r\n                                                       ...rest\r\n                                                   }: SortableTableProps<T>) {\r\n    return (\r\n        <DataTableProvider initialFields={fields} initialSort={currentSort}>\r\n            <SortHelper nextSort={currentSort}/>\r\n            <ContainedSortableTable {...rest}/>\r\n        </DataTableProvider>\r\n    )\r\n}\r\n\r\nSortableTable.displayName = 'SortableTable';\r\n","import {type ChangeEvent, useId} from 'react';\r\nimport type {RowsPerPageProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nconst defaultRowsPerPageValues: number[] = [10, 25, 50, 100, 250, 500, 1000];\r\n\r\nexport default function RowsPerPage({\r\n                         value,\r\n                         pageValues = defaultRowsPerPageValues,\r\n                         size,\r\n                         label,\r\n                         className,\r\n                         onChange,\r\n                         ...rest\r\n                     }: RowsPerPageProps) {\r\n    const id = useId();\r\n    const changeHandler = (ev: ChangeEvent<HTMLSelectElement>) => onChange(Number(ev.target.value));\r\n    const selectClassName = className ?? clsx('form-select', {[`form-select-${size}`]: !!size});\r\n    const inputGroupClassName = clsx('input-group', {\r\n        [`input-group-${size}`]: !!size,\r\n    })\r\n\r\n    return (\r\n        <div className={inputGroupClassName} key={value}>\r\n            <label className=\"input-group-text\" htmlFor={id}>{label ?? 'Rows'}</label>\r\n            <select className={selectClassName} id={id}\r\n                    value={value} onChange={changeHandler} {...rest}>\r\n                {pageValues.map(value => (\r\n                    <option key={value} value={value}>{value}</option>\r\n                ))}\r\n            </select>\r\n        </div>\r\n    )\r\n}\r\nRowsPerPage.displayName = 'RowsPerPage';\r\n","import RowsPerPage from \"./RowsPerPage\";\r\nimport type {TablePaginationProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport default function TablePagination({\r\n                             page,\r\n                             rowsPerPage,\r\n                             onChangePage,\r\n                             count,\r\n                             size,\r\n                             showFirst,\r\n                             showLast,\r\n                             className,\r\n                             rowsPerPageProps,\r\n                             ...rest\r\n                         }: TablePaginationProps) {\r\n\r\n    const first = count === 0 ? 0 : (page * rowsPerPage) + 1;\r\n    const last = Math.min(page * rowsPerPage + rowsPerPage, count);\r\n    const lastPage = rowsPerPage === 0 ? 0 : Math.floor((count - 1) / rowsPerPage);\r\n\r\n    const buttonClassName = clsx(\"btn btn-link\", {[`btn-${size}`]: !!size});\r\n\r\n    return (\r\n        <div className={clsx(\"row g-3 justify-content-end\", className)} {...rest}>\r\n            {!!rowsPerPageProps && (\r\n                <div className=\"col-auto\">\r\n                    <RowsPerPage {...rowsPerPageProps} value={rowsPerPage} size={size}/>\r\n                </div>\r\n            )}\r\n            <div className=\"col-auto\">\r\n                <div className=\"row g-3 flex-nowrap align-items-baseline\">\r\n                    <div className=\"col-auto\">\r\n                        {first}-{last} of {count}\r\n                    </div>\r\n                    {showFirst && (\r\n                        <div className=\"col-auto\">\r\n                            <button className={buttonClassName} disabled={page === 0}\r\n                                    onClick={() => onChangePage(0)} aria-label=\"First page\">\r\n                                <span className=\"bi-chevron-bar-left\" aria-hidden=\"true\"/>\r\n                            </button>\r\n                        </div>\r\n                    )}\r\n                    <div className=\"col-auto\">\r\n                        <button className={buttonClassName} disabled={page === 0}\r\n                                onClick={() => onChangePage(page - 1)} aria-label=\"Previous page\">\r\n                            <span className=\"bi-chevron-left\" aria-hidden=\"true\"/>\r\n                        </button>\r\n                    </div>\r\n                    <div className=\"col-auto\">\r\n                        <button className={buttonClassName} disabled={page >= lastPage}\r\n                                onClick={() => onChangePage(page + 1)} aria-label=\"Next page\">\r\n                            <span className=\"bi-chevron-right\" aria-hidden=\"true\"/>\r\n                        </button>\r\n                    </div>\r\n                    {showLast && (\r\n                        <div className=\"col-auto\">\r\n                            <button className={buttonClassName} disabled={page >= lastPage}\r\n                                    onClick={() => onChangePage(lastPage)} aria-label=\"Last page\">\r\n                                <span className=\"bi-chevron-bar-right\" aria-hidden=\"true\"/>\r\n                            </button>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nTablePagination.displayname = 'TablePagination';\r\n","import {useTableFields} from \"./useTableFields\";\r\n\r\nexport default function DataTableCols<T = unknown>() {\r\n    const [fields] = useTableFields<T>()\r\n    return (\r\n        <colgroup>\r\n            {fields\r\n                .filter(field => field.visible !== false)\r\n                .map((field, index) => (\r\n                    <col key={index}\r\n                         className={field.colClassName}\r\n                         span={field.colSpan ?? 1}/>\r\n                ))}\r\n        </colgroup>\r\n    )\r\n}\r\nDataTableCols.displayName = 'DataTableCols';\r\n\r\n","import type {DataTableField} from \"./types\";\r\nimport {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport type UseFieldArg<T = unknown> = keyof T & ((string | number) & {})\r\nexport function useField<T = unknown>(key: UseFieldArg<T>): [\r\n    field:DataTableField<T>|null,\r\n    updateField: (key: string|number, arg: Partial<DataTableField<T>>) => void\r\n] {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useField must be used within a DataTableProvider');\r\n    }\r\n\r\n    return [\r\n        context.fields.find(field => field.id === key) ?? null,\r\n        context.updateField,\r\n    ]\r\n}\r\n","import {useContext} from \"react\";\r\nimport {DataTableContext, type TableContextData} from \"./DataTableContext\";\r\n\r\nexport function useTableContext<T = unknown>():TableContextData<T> {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a DataTableProvider');\r\n    }\r\n    return context;\r\n}\r\n"],"names":["DataTableContext","createContext","DataTableProvider","children","initialFields","initialSort","fields","setFieldsState","useState","sort","setProviderSort","setFields","useCallback","setSort","updateField","key","arg","nextState","field","getField","value","useMemo","jsx","r","f","n","o","clsx","StyledTable","styled","props","Table","sticky","responsive","className","ref","rest","_className","DataTableTH","thClassName","useTableFields","context","useContext","DataTableHead","index","ContainedDataTable","size","data","keyField","rowClassName","renderRow","onSelectRow","selected","tableHeadProps","tfoot","tableClassName","DataTableCols","DataTableTBody","DataTable","DataTableCell","row","as","cellClassName","createElement","ContainedDataTableRow","trRef","onClick","clickHandler","ev","DataTableRow","jsxs","keyValue","isSelected","useTableSort","flexJustifyContent","align","FieldTitle","SortableTableTH","sorted","ascending","_thClassName","thProps","iconClassName","SortableTableHead","onChangeSort","tableField","SortableTableHeadWrapper","ContainedSortableTable","SortHelper","nextSort","setNextSort","useEffect","SortableTable","currentSort","defaultRowsPerPageValues","RowsPerPage","pageValues","label","onChange","id","useId","changeHandler","selectClassName","inputGroupClassName","TablePagination","page","rowsPerPage","onChangePage","count","showFirst","showLast","rowsPerPageProps","first","last","lastPage","buttonClassName","useField","useTableContext"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.d.ts

@@ -1,16 +1,16 @@
-export { default as DataTable } from './StandaloneDataTable';
+export { default as DataTable } from './DataTable';
+export { default as ContainedDataTableRow } from './ContainedDataTableRow';
 export { default as DataTableRow } from './DataTableRow';
-export { default as StandaloneDataTableRow } from './StandaloneDataTableRow';
 export { default as DataTableTBody } from './DataTableTBody';
 export { default as DataTableTH } from './DataTableTH';
-export { default as StandaloneSortableTable } from './StandaloneSortableTable';
+export { default as SortableTable } from './SortableTable';
 export { default as SortableTableHead } from './SortableTableHead';
 export { default as SortableTableTH } from './SortableTableTH';
 export { default as RowsPerPage } from './RowsPerPage';
 export { default as TablePagination } from './TablePagination';
 export { default as DataTableCols } from './DataTableCols';
-export { default as DataTableWithContext } from './DataTable';
-export { default as SortableTable } from './SortableTable';
+export { default as ContainedDataTable } from './ContainedDataTable';
+export { default as ContainedSortableTable } from './ContainedSortableTable';
 export { default as DataTableProvider } from './DataTableProvider';
 export { useField } from './useField';
 export { useTableFields } from './useTableFields';
@@ -18,5 +18,4 @@ export { useTableSort } from './useTableSort';
 export { useTableContext } from './useTableContext';
 export { DataTableContext, type TableContextData } from './DataTableContext';
 export type { TableProviderProps } from './DataTableProvider';
-export type { StandaloneDataTableRowProps } from './StandaloneDataTableRow';
 export type { SortProps, DataTableField, SortableTableField, DataTableColProps, DataTableCellProps, DataTableRowProps, DataTableTBodyProps, DataTableClassNames, DataTableProps, DataTableTHProps, RowsPerPageProps, SortableTableTHProps, SortableTableHeadProps, SortableTableProps, TablePaginationProps, UITableSize, UISize, UIFlexAlign } from './types';