@chumsinc/sortable-tables 2.2.0 → 3.0.0

package/dist/DataTableCols.d.ts

@@ -1,5 +1,5 @@
-declare function DataTableCols(): import("react/jsx-runtime").JSX.Element;
-declare namespace DataTableCols {
-    var displayName: string;
-}
-export default DataTableCols;
+declare function DataTableCols<T = unknown>(): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableCols {
+    var displayName: string;
+}
+export default DataTableCols;

package/dist/DataTableContext.d.ts

@@ -0,0 +1,10 @@
+import { DataTableField, SortProps } from './types';
+export interface TableContextData<T = unknown> {
+    fields: DataTableField<T>[];
+    setFields: (next: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => void;
+    sort: SortProps<T> | null;
+    setSort: (next: SortProps<T> | null | ((prev: SortProps<T> | null) => SortProps<T> | null)) => void;
+    getField: (key: string | number) => DataTableField<T> | undefined;
+    updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;
+}
+export declare const DataTableContext: import('react').Context<TableContextData<unknown> | null>;

package/dist/DataTableProvider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { DataTableField, SortProps } from './types';
+export interface TableProviderProps<T = unknown> {
+    initialFields: DataTableField<T>[];
+    initialSort?: SortProps<T> | null;
+    children: ReactNode;
+}
+declare function DataTableProvider<T = unknown>({ children, initialFields, initialSort, }: TableProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableProvider {
+    var displayName: string;
+}
+export default DataTableProvider;

package/dist/DataTableTH.d.ts

@@ -1,6 +1,6 @@
-import { DataTableTHProps } from './types';
-declare function DataTableTH<T = unknown>({ field, className, children, ...rest }: DataTableTHProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace DataTableTH {
-    var displayName: string;
-}
-export default DataTableTH;
+import { DataTableTHProps } from './types';
+declare function DataTableTH<T = unknown>({ field, className, children, ...rest }: DataTableTHProps<T>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DataTableTH {
+    var displayName: string;
+}
+export default DataTableTH;

package/dist/SortableTable.d.ts

@@ -1,6 +1,6 @@
-import { SortableTableProps } from './types';
-declare function SortableTable<T = unknown>({ fields, ...rest }: SortableTableProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace SortableTable {
-    var displayName: string;
-}
-export default SortableTable;
+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 namespace SortableTable {
+    var displayName: string;
+}
+export default SortableTable;

package/dist/SortableTableHead.d.ts

@@ -1,6 +1,6 @@
-import { SortableTableHeadProps } from './types';
-declare function SortableTableHead<T = unknown>({ currentSort, onChangeSort, }: SortableTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace SortableTableHead {
-    var displayName: string;
-}
-export default SortableTableHead;
+import { SortableTableHeadProps } from './types';
+declare function SortableTableHead<T = unknown>({ onChangeSort, }: SortableTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace SortableTableHead {
+    var displayName: string;
+}
+export default SortableTableHead;

package/dist/SortableTableHeadWrapper.d.ts

@@ -0,0 +1,9 @@
+import { SortProps } from './types';
+export interface SortableTableHeadWrapperProps<T = unknown> {
+    onChangeSort: (sort: SortProps<T>) => void;
+}
+declare function SortableTableHeadWrapper<T = unknown>({ onChangeSort, }: SortableTableHeadWrapperProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace SortableTableHeadWrapper {
+    var displayName: string;
+}
+export default SortableTableHeadWrapper;

package/dist/SortableTableTH.d.ts

@@ -1,6 +1,6 @@
-import { SortableTableTHProps } from './types';
-declare function SortableTableTH<T = unknown>({ field, sorted, ascending, className, onClick }: SortableTableTHProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace SortableTableTH {
-    var displayName: string;
-}
-export default SortableTableTH;
+import { SortableTableTHProps } from './types';
+declare function SortableTableTH<T = unknown>({ field, sorted, ascending, className, onClick }: SortableTableTHProps<T>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SortableTableTH {
+    var displayName: string;
+}
+export default SortableTableTH;

package/dist/StandaloneDataTable.d.ts

@@ -0,0 +1,6 @@
+import { DataTableProps } from './types';
+declare function StandaloneDataTable<T = unknown>({ fields, ...rest }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace StandaloneDataTable {
+    var displayName: string;
+}
+export default StandaloneDataTable;

package/dist/StandaloneSortHelper.d.ts

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

package/dist/StandaloneSortableTable.d.ts

@@ -0,0 +1,6 @@
+import { SortableTableProps } from './types';
+declare function StandaloneSortableTable<T = unknown>({ fields, currentSort, ...rest }: SortableTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace StandaloneSortableTable {
+    var displayName: string;
+}
+export default StandaloneSortableTable;

package/dist/Table.d.ts

@@ -1,5 +1,6 @@
-import { default as React, TableHTMLAttributes } from 'react';
-import { DataTableProps } from './types';
-export type StyledTableProps = TableHTMLAttributes<HTMLTableElement> & Pick<DataTableProps, 'sticky' | 'responsive'>;
-declare const _default: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & Pick<DataTableProps<unknown>, "sticky" | "responsive"> & React.RefAttributes<HTMLTableElement>>;
-export default _default;
+import { RefObject, TableHTMLAttributes } from 'react';
+import { DataTableProps } from './types';
+export interface StyledTableProps extends TableHTMLAttributes<HTMLTableElement>, Pick<DataTableProps, 'sticky' | 'responsive'> {
+    ref?: RefObject<HTMLTableElement>;
+}
+export default function Table({ sticky, responsive, children, className, ref, ...rest }: StyledTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs.js

@@ -1,34 +1,30 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),C=require("@emotion/styled"),j=m.createContext(null);function g({children:e,initialFields:t=[]}){const[a,n]=m.useState(t),l=m.useCallback(i=>{n(i)},[]),o=m.useCallback((i,u)=>{const b=a.map(d=>d.id===i?{...d,...u}:d);n(b)},[a]),c=m.useCallback(i=>a.find(u=>u.id===i),[a]),r=m.useMemo(()=>({fields:a,setFields:l,updateField:o,getField:c}),[a,l,o,c]);return s.jsx(j.Provider,{value:r,children:e})}function F(){const e=m.useContext(j);if(!e)throw new Error("useTableContext must be used within a FieldsProvider");return e}function f(){return F().fields}function V(e){const t=m.useContext(j);if(!t)throw new Error("useTableContext must be used within a FieldsProvider");return t.fields.find(n=>n.id===e)??null}function G(){return m.useContext(j)!==null}function R(e){var t,a,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(a=R(e[t]))&&(n&&(n+=" "),n+=a)}else for(a in e)e[a]&&(n&&(n+=" "),n+=a);return n}function x(){for(var e,t,a=0,n="",l=arguments.length;a<l;a++)(e=arguments[a])&&(t=R(e))&&(n&&(n+=" "),n+=t);return n}const H=C.table`
-    --table-sticky-top: ${e=>e.sticky?"0":void 0};
-
-    thead {
-        tr:nth-of-type(1) td,
-        tr:nth-of-type(1) th {
-            top: var(--table-sticky-top, unset);
-            position: ${e=>e.sticky?"sticky":"unset"};
-            z-index: ${e=>e.sticky?10:"unset"};
-            background: ${e=>e.sticky?"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))":"unset"};
-        }
-    }
-`,w=m.forwardRef(function({sticky:t,responsive:a,children:n,className:l,...o},c){if(a){const r=x(l,{"table-responsive":a===!0,[`table-responsive-${a}`]:a!==!0});return s.jsx("div",{className:r,children:s.jsx(H,{ref:c,...o,children:n})})}return s.jsx(H,{className:l,sticky:t,ref:c,...o,children:n})});function N({field:e,className:t,children:a,...n}){const l=x({[`text-${e.align}`]:!!e.align},t);return s.jsx("th",{className:l,scope:"col",...n,children:a??e.title})}N.displayName="DataTableTH";function P({...e}){const t=f();return s.jsx("thead",{...e,children:s.jsx("tr",{children:t.map((a,n)=>s.jsx(N,{...a.thProps,field:a,className:x(typeof a.className=="function"?{[`text-${a.align}`]:!!a.align}:a.className)},a.id??n))})})}P.displayName="DataTableHead";function M({className:e,size:t,responsive:a,sticky:n,data:l,keyField:o,rowClassName:c,renderRow:r,onSelectRow:i,selected:u,tableHeadProps:b,children:d,tfoot:p,...h}){const v=x("table",e,{[`table-${t}`]:!!t});return s.jsxs(w,{sticky:n,responsive:a,className:v,...h,children:[s.jsx(y,{}),s.jsx(P,{...b}),!!l.length&&s.jsx(T,{data:l,keyField:o,rowClassName:c,renderRow:r,onSelectRow:i,selected:u}),d,p]})}function W({fields:e,...t}){return s.jsx(g,{initialFields:e,children:s.jsx(M,{...t})})}W.displayName="DataTable";function I({field:e,row:t,className:a,as:n,...l}){const o=x({[`text-${e.align}`]:!!e.align},a,typeof e.className=="function"?e.className(t):e.className);return m.createElement(n??e.as??"td",{className:o,scope:(n??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])}function D({className:e,rowClassName:t,selected:a,row:n,trRef:l,onClick:o,...c}){const r=f(),i=b=>{o?.(n,b)},u=typeof t=="function"?t(n):t;return n?s.jsx("tr",{ref:l,className:x({"table-active":a},e,u),onClick:i,...c,children:r.map((b,d)=>s.jsx(I,{field:b,row:n},b?.id??d))}):null}D.displayName="DataTableRow";function T({data:e,keyField:t,rowClassName:a,renderRow:n,onSelectRow:l,selected:o="",children:c,...r}){return s.jsxs("tbody",{...r,children:[e.map(i=>{const u=String(typeof t=="function"?t(i):i[t]),b=typeof o=="function"?o(i):u===o;return n?n(i):s.jsx(D,{onClick:l,rowClassName:a,row:i,selected:b},u)}),c]})}T.displayName="DataTableTBody";const J=e=>{if(!e)return"flex-start";switch(e){case"end":return"flex-end";default:return"center"}},L=C.div`
-    display: flex;
-    width: 100%;
-    flex-direction: ${e=>e.align==="end"?"row-reverse":"row"};
-    justify-content: ${e=>J(e.align)};
-
-    .sort-icon {
-        flex-grow: ${e=>e.align==="end"?"1":"0"};
-        opacity: ${e=>e.sorted?1:0};
-    }
-
-    &:hover .sort-icon {
-        color: ${e=>e.sorted?"unset":"var(--bs-primary)"};
-        opacity: 0.75;
-        transition: opacity 0.2s;
-    }
-`;function S({field:e,sorted:t,ascending:a,className:n,onClick:l}){if(!e.sortable)return s.jsx(N,{field:e,className:n});const{className:o,...c}=e.thProps??{},r=x(n,o,{[`text-${e.align}`]:!!e.align}),i=()=>{l({field:e.field,ascending:t?!a:!0})},u={"bi-arrow-down":a,"bi-arrow-up":!a};return s.jsx("th",{...c,className:x("sortable",r),scope:"col",onClick:i,children:s.jsxs(L,{sorted:t,align:e.align,children:[s.jsx("div",{className:"field-title",children:e.title}),s.jsx("div",{className:x("me-1 sort-icon",u)})]})})}S.displayName="SortableTableTH";function k({currentSort:e,onChangeSort:t}){const a=f(),{field:n,ascending:l}=e;return s.jsx("thead",{children:s.jsx("tr",{children:a.map((o,c)=>s.jsx(S,{field:o,sorted:n===o.field,ascending:l,className:x(typeof o.className=="function"?{[`text-${o.align}`]:!!o.align}:o.className),onClick:t},c))})})}k.displayName="SortableTableHead";function q({className:e,size:t,responsive:a,sticky:n,data:l,keyField:o,rowClassName:c,renderRow:r,onSelectRow:i,selected:u,tableHeadProps:b,children:d,tfoot:p,currentSort:h,onChangeSort:v,..._}){const A=x("table",e,{[`table-${t}`]:!!t});return s.jsxs(w,{className:A,responsive:a,sticky:n,..._,children:[s.jsx(y,{}),s.jsx(k,{currentSort:h,onChangeSort:v,...b}),!!l.length&&s.jsx(T,{data:l,keyField:o,rowClassName:c,renderRow:r,onSelectRow:i,selected:u}),d,p]})}function B({fields:e,...t}){return s.jsx(g,{initialFields:e,children:s.jsx(q,{...t})})}B.displayName="SortableTable";const O=[10,25,50,100,250,500,1e3];function $({value:e,pageValues:t=O,size:a,label:n,className:l,onChange:o,...c}){const r=m.useId(),i=d=>o(Number(d.target.value)),u=l??x("form-select",{[`form-select-${a}`]:!!a}),b=x("input-group",{[`input-group-${a}`]:!!a});return s.jsxs("div",{className:b,children:[s.jsx("label",{className:"input-group-text",htmlFor:r,children:n??"Rows"}),s.jsx("select",{className:u,id:r,value:e,onChange:i,...c,children:t.map(d=>s.jsx("option",{value:d,children:d},d))})]},e)}$.displayName="RowsPerPage";function E({page:e,rowsPerPage:t,onChangePage:a,count:n,size:l,showFirst:o,showLast:c,className:r,rowsPerPageProps:i,...u}){const b=n===0?0:e*t+1,d=Math.min(e*t+t,n),p=t===0?0:Math.floor((n-1)/t),h=x("btn btn-link",{[`btn-${l}`]:!!l});return s.jsxs("div",{className:x("row g-3 justify-content-end",r),...u,children:[!!i&&s.jsx("div",{className:"col-auto",children:s.jsx($,{...i,value:t,size:l})}),s.jsx("div",{className:"col-auto",children:s.jsxs("div",{className:"row g-3 flex-nowrap align-items-baseline",children:[s.jsxs("div",{className:"col-auto",children:[b,"-",d," of ",n]}),o&&s.jsx("div",{className:"col-auto",children:s.jsx("button",{className:h,disabled:e===0,onClick:()=>a(0),"aria-label":"First page",children:s.jsx("span",{className:"bi-chevron-bar-left","aria-hidden":"true"})})}),s.jsx("div",{className:"col-auto",children:s.jsx("button",{className:h,disabled:e===0,onClick:()=>a(e-1),"aria-label":"Previous page",children:s.jsx("span",{className:"bi-chevron-left","aria-hidden":"true"})})}),s.jsx("div",{className:"col-auto",children:s.jsx("button",{className:h,disabled:e>=p,onClick:()=>a(e+1),"aria-label":"Next page",children:s.jsx("span",{className:"bi-chevron-right","aria-hidden":"true"})})}),c&&s.jsx("div",{className:"col-auto",children:s.jsx("button",{className:h,disabled:e>=p,onClick:()=>a(p),"aria-label":"Last page",children:s.jsx("span",{className:"bi-chevron-bar-right","aria-hidden":"true"})})})]})})]})}E.displayname="TablePagination";const K=C.col`
-    &.col-collapsed {
-        visibility: collapse;
-    }
-`;function y(){const e=f();return s.jsx("colgroup",{children:e.map((t,a)=>s.jsx(K,{className:x(t.colClassName,{"col-collapsed":t.collapse}),span:t.colSpan??1},a))})}y.displayName="DataTableCols";exports.DataTable=W;exports.DataTableCols=y;exports.DataTableProvider=g;exports.DataTableRow=D;exports.DataTableTBody=T;exports.DataTableTH=N;exports.DataTableWithContext=M;exports.RowsPerPage=$;exports.SortableTable=B;exports.SortableTableHead=k;exports.SortableTableTH=S;exports.SortableTableWithContext=q;exports.TablePagination=E;exports.useField=V;exports.useHasTableFieldsContext=G;exports.useTableContext=F;exports.useTableFields=f;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),R=require("@emotion/styled"),f=m.createContext(null);function y({children:e,initialFields:t=[],initialSort:a=null}){const[s,l]=m.useState(t),[r,i]=m.useState(a),c=m.useCallback(x=>{l(x)},[]),o=m.useCallback(x=>{i(x)},[]),u=m.useCallback((x,p)=>{const N=s.map(j=>j.id===x?{...j,...p}:j);l(N)},[s]),d=m.useCallback(x=>s.find(p=>p.id===x),[s]),b=m.useMemo(()=>({fields:s,setFields:c,sort:r,setSort:o,getField:d,updateField:u}),[s,c,r,o,u,d]);return n.jsx(f.Provider,{value:b,children:e})}y.displayName="DataTableProvider";function E(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=E(e[t]))&&(s&&(s+=" "),s+=a)}else for(a in e)e[a]&&(s&&(s+=" "),s+=a);return s}function h(){for(var e,t,a=0,s="",l=arguments.length;a<l;a++)(e=arguments[a])&&(t=E(e))&&(s&&(s+=" "),s+=t);return s}const F=R.table`
+    --table-sticky-top: ${e=>e.sticky?"0":void 0};
+
+    thead {
+        tr:nth-of-type(1) td,
+        tr:nth-of-type(1) th {
+            top: var(--table-sticky-top, unset);
+            position: ${e=>e.sticky?"sticky":"unset"};
+            z-index: ${e=>e.sticky?10:"unset"};
+            background: ${e=>e.sticky?"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))":"unset"};
+        }
+    }
+`;function M({sticky:e,responsive:t,children:a,className:s,ref:l,...r}){if(t){const i=h(s,{"table-responsive":t===!0,[`table-responsive-${t}`]:t!==!0});return n.jsx("div",{className:i,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=h({[`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=m.useContext(f);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:h(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:i,renderRow:c,onSelectRow:o,selected:u,tableHeadProps:d,children:b,tfoot:x,...p}){const N=h("table",e,{[`table-${t}`]:!!t});return n.jsxs(M,{sticky:s,responsive:a,className:N,...p,children:[n.jsx(C,{}),n.jsx(q,{...d}),!!l.length&&n.jsx(S,{data:l,keyField:r,rowClassName:i,renderRow:c,onSelectRow:o,selected:u}),b,x]})}D.displayName="DataTable";function B({fields:e,...t}){return n.jsx(y,{initialFields:e,children:n.jsx(D,{...t})})}B.displayName="StandaloneDataTable";function W({field:e,row:t,className:a,as:s,...l}){if(e.visible===!1)return null;const r=h({[`text-${e.align}`]:!!e.align},a,typeof e.className=="function"?e.className(t):e.className);return m.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])}W.displayName="DataTableCell";function k({className:e,rowClassName:t,selected:a,row:s,trRef:l,onClick:r,...i}){const[c]=T(),o=d=>{r?.(s,d)},u=typeof t=="function"?t(s):t;return s?n.jsx("tr",{ref:l,className:h({"table-active":a},e,u),onClick:o,...i,children:c.map((d,b)=>n.jsx(W,{field:d,row:s},String(d?.id??b)))}):null}k.displayName="DataTableRow";function S({data:e,keyField:t,rowClassName:a,renderRow:s,onSelectRow:l,selected:r="",children:i,...c}){return n.jsxs("tbody",{...c,children:[e.map(o=>{const u=String(typeof t=="function"?t(o):o[t]),d=typeof r=="function"?r(o):u===r;return s?s(o):n.jsx(k,{onClick:l,rowClassName:a,row:o,selected:d},u)}),i]})}S.displayName="DataTableTBody";function g(){const e=m.useContext(f);if(!e)throw new Error("useTableSort must be used within a DataTableProvider");return[e.sort,e.setSort]}const G=e=>{if(!e)return"flex-start";switch(e){case"end":return"flex-end";default:return"center"}},I=R.div`
+    display: flex;
+    width: 100%;
+    flex-direction: ${e=>e.align==="end"?"row-reverse":"row"};
+    justify-content: ${e=>G(e.align)};
+
+    .sort-icon {
+        flex-grow: ${e=>e.align==="end"?"1":"0"};
+        opacity: ${e=>e.sorted?1:0};
+    }
+
+    &:hover .sort-icon {
+        color: ${e=>e.sorted?"unset":"var(--bs-primary)"};
+        opacity: 0.75;
+        transition: opacity 0.2s;
+    }
+`;function $({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,...i}=e.thProps??{},c=h(s,r,{[`text-${e.align}`]:!!e.align}),o=()=>{l({field:e.field,ascending:t?!a:!0})},u={"bi-arrow-down":a,"bi-arrow-up":!a};return n.jsx("th",{...i,className:h("sortable",c),scope:"col",onClick:o,children:n.jsxs(I,{sorted:t,align:e.align,children:[n.jsx("div",{className:"field-title",children:e.title}),n.jsx("div",{className:h("me-1 sort-icon",u)})]})})}$.displayName="SortableTableTH";function H({onChangeSort:e}){const[t]=T(),[a]=g();return n.jsx("thead",{children:n.jsx("tr",{children:t.map((s,l)=>n.jsx($,{field:s,sorted:a?.field===s.field,ascending:a?.ascending,className:h(typeof s.className=="function"?{[`text-${s.align}`]:!!s.align}:s.className),onClick:e},l))})})}H.displayName="SortableTableHead";function _({onChangeSort:e}){const[t]=T(),[a]=g();return n.jsx(H,{fields:t,currentSort:a,onChangeSort:e})}_.displayName="SortableTableHeadWrapper";function w({className:e,size:t,responsive:a,sticky:s,data:l,keyField:r,rowClassName:i,renderRow:c,onSelectRow:o,selected:u,tableHeadProps:d,children:b,tfoot:x,onChangeSort:p,...N}){const j=h("table",e,{[`table-${t}`]:!!t});return n.jsxs(M,{className:j,responsive:a,sticky:s,...N,children:[n.jsx(C,{}),n.jsx(_,{onChangeSort:p,...d}),!!l.length&&n.jsx(S,{data:l,keyField:r,rowClassName:i,renderRow:c,onSelectRow:o,selected:u}),b,x]})}w.displayName="SortableTable";function J({nextSort:e}){const[,t]=g();return m.useEffect(()=>{console.log("setNextSort",e),t(e)},[e,t]),null}function A({fields:e,currentSort:t,...a}){return n.jsxs(y,{initialFields:e,initialSort:t,children:[n.jsx(J,{nextSort:t}),n.jsx(w,{...a})]})}A.displayName="StandaloneSortableTable";const L=[10,25,50,100,250,500,1e3];function P({value:e,pageValues:t=L,size:a,label:s,className:l,onChange:r,...i}){const c=m.useId(),o=b=>r(Number(b.target.value)),u=l??h("form-select",{[`form-select-${a}`]:!!a}),d=h("input-group",{[`input-group-${a}`]:!!a});return n.jsxs("div",{className:d,children:[n.jsx("label",{className:"input-group-text",htmlFor:c,children:s??"Rows"}),n.jsx("select",{className:u,id:c,value:e,onChange:o,...i,children:t.map(b=>n.jsx("option",{value:b,children:b},b))})]},e)}P.displayName="RowsPerPage";function V({page:e,rowsPerPage:t,onChangePage:a,count:s,size:l,showFirst:r,showLast:i,className:c,rowsPerPageProps:o,...u}){const d=s===0?0:e*t+1,b=Math.min(e*t+t,s),x=t===0?0:Math.floor((s-1)/t),p=h("btn btn-link",{[`btn-${l}`]:!!l});return n.jsxs("div",{className:h("row g-3 justify-content-end",c),...u,children:[!!o&&n.jsx("div",{className:"col-auto",children:n.jsx(P,{...o,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:[d,"-",b," of ",s]}),r&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:p,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:p,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:p,disabled:e>=x,onClick:()=>a(e+1),"aria-label":"Next page",children:n.jsx("span",{className:"bi-chevron-right","aria-hidden":"true"})})}),i&&n.jsx("div",{className:"col-auto",children:n.jsx("button",{className:p,disabled:e>=x,onClick:()=>a(x),"aria-label":"Last page",children:n.jsx("span",{className:"bi-chevron-bar-right","aria-hidden":"true"})})})]})})]})}V.displayname="TablePagination";function C(){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))})}C.displayName="DataTableCols";function O(e){const t=m.useContext(f);if(!t)throw new Error("useField must be used within a DataTableProvider");return[t.fields.find(a=>a.id===e)??null,t.updateField]}function K(){const e=m.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=k;exports.DataTableTBody=S;exports.DataTableTH=v;exports.DataTableWithContext=D;exports.RowsPerPage=P;exports.SortableTable=w;exports.SortableTableHead=H;exports.SortableTableTH=$;exports.StandaloneSortableTable=A;exports.TablePagination=V;exports.useField=O;exports.useTableContext=K;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/TableProvider.tsx","../node_modules/clsx/dist/clsx.mjs","../src/Table.tsx","../src/DataTableTH.tsx","../src/DataTableHead.tsx","../src/DataTableWithContext.tsx","../src/DataTable.tsx","../src/DataTableCell.tsx","../src/DataTableRow.tsx","../src/DataTableTBody.tsx","../src/SortableTableTH.tsx","../src/SortableTableHead.tsx","../src/SortableTableWithContext.tsx","../src/SortableTable.tsx","../src/RowsPerPage.tsx","../src/TablePagination.tsx","../src/DataTableCols.tsx"],"sourcesContent":["import {createContext, ReactNode, useCallback, useContext, useMemo, useState} from \"react\";\r\nimport {DataTableField} from \"./types\";\r\n\r\n/* eslint-disable react-refresh/only-export-components */\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    updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;\r\n    getField: (key: string | number) => DataTableField<T> | undefined;\r\n}\r\n\r\nconst DataTableContext = createContext<TableContextData<unknown> | null>(null)\r\n\r\nexport interface TableProviderProps<T = unknown> {\r\n    initialFields: DataTableField<T>[];\r\n    children: ReactNode;\r\n}\r\n\r\nexport default function TableProvider<T = unknown>({children, initialFields = []}: TableProviderProps<T>) {\r\n    const [fields, setFieldsState] = useState<DataTableField<T>[]>(initialFields);\r\n\r\n    const setFields = useCallback((fields: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => {\r\n        setFieldsState(fields)\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, setFields, updateField, getField\r\n        }),\r\n        [fields, setFields, 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\n\r\n\r\nexport function useTableContext<T = unknown>() {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a FieldsProvider');\r\n    }\r\n    return context;\r\n}\r\n\r\nexport function useTableFields<T = unknown>() {\r\n    return useTableContext<T>().fields;\r\n}\r\n\r\nexport function useField<T = unknown>(key: string | number): DataTableField<T> | null {\r\n    const context = useContext(DataTableContext) as TableContextData<T>;\r\n    if (!context) {\r\n        throw new Error('useTableContext must be used within a FieldsProvider');\r\n    }\r\n    const field = context.fields.find(field => field.id === key);\r\n    return field ?? null\r\n}\r\n\r\nexport function useHasTableFieldsContext() {\r\n    return useContext(DataTableContext) !== null;\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, {TableHTMLAttributes} from 'react';\nimport styled from \"@emotion/styled\";\nimport type {DataTableProps} from \"./types\";\nimport clsx from \"clsx\";\n\nexport type StyledTableProps = TableHTMLAttributes<HTMLTableElement> & Pick<DataTableProps, 'sticky' | 'responsive'>\n\nconst StyledTable = styled.table<StyledTableProps>`\n    --table-sticky-top: ${props => props.sticky ? '0' : undefined};\n\n    thead {\n        tr:nth-of-type(1) td,\n        tr:nth-of-type(1) th {\n            top: var(--table-sticky-top, unset);\n            position: ${props => props.sticky ? \"sticky\" : \"unset\"};\n            z-index: ${props => props.sticky ? 10 : \"unset\"};\n            background: ${props => props.sticky ? \"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))\" : \"unset\"};\n        }\n    }\n`\n\nexport default React.forwardRef<HTMLTableElement, StyledTableProps>(\n    function Table({\n                       sticky,\n                       responsive,\n                       children,\n                       className,\n                       ...rest\n                   }, ref) {\n        if (responsive) {\n            const _className = clsx(className, {\n                'table-responsive': responsive === true,\n                [`table-responsive-${responsive}`]: responsive !== true,\n            })\n            return (\n                <div className={_className}>\n                    <StyledTable ref={ref} {...rest}>{children}</StyledTable>\n                </div>\n            )\n        }\n        return (\n            <StyledTable className={className} sticky={sticky} ref={ref} {...rest}>{children}</StyledTable>\n        )\n    })\n","import React from \"react\";\r\nimport type {DataTableTHProps} from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\n\r\nfunction DataTableTH<T = unknown>({\r\n                                      field,\r\n                                      className,\r\n                                      children,\r\n                                      ...rest\r\n                                  }: DataTableTHProps<T>) {\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\n\r\nDataTableTH.displayName = 'DataTableTH';\r\nexport default DataTableTH;\r\n","import React, {type TableHTMLAttributes} from \"react\";\r\nimport DataTableTH from \"./DataTableTH\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./TableProvider\";\r\n\r\n\r\nfunction 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.map((field, index) => (\r\n                <DataTableTH key={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\n\r\nDataTableHead.displayName = 'DataTableHead';\r\nexport default 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\n\r\nexport default function DataTableWithContext<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\n","import type {DataTableProps} from \"./types\";\r\nimport TableProvider from \"./TableProvider\";\r\nimport DataTableWithContext from \"./DataTableWithContext\";\r\n\r\n\r\nfunction DataTable<T = unknown>({\r\n                                    fields,\r\n                                    ...rest\r\n                                }: DataTableProps<T>) {\r\n    return (\r\n        <TableProvider initialFields={fields}>\r\n            <DataTableWithContext {...rest}/>\r\n        </TableProvider>\r\n    )\r\n}\r\n\r\nDataTable.displayName = 'DataTable';\r\nexport default DataTable;\r\n","import {createElement, ReactNode} from 'react';\nimport type {DataTableCellProps} from \"./types\";\nimport clsx from \"clsx\";\n\nexport default function DataTableCell<T = unknown>({field, row, className, as, ...rest}: DataTableCellProps<T>) {\n    const cellClassName = clsx(\n        {[`text-${field.align}`]: !!field.align},\n        className,\n        typeof field.className === 'function' ? field.className(row) : field.className\n    );\n    return createElement(\n        (as ?? field.as) ?? 'td',\n        {\n            className: cellClassName,\n            scope: (as ?? field.as) === 'th' ? 'row' : undefined,\n            colSpan: field.colSpan,\n            ...field.cellProps,\n            ...rest\n        },\n        (row[field.field] === undefined && !field.render)\n            ? null\n            : (\n                typeof field.render === 'function'\n                    ? field.render(row)\n                    : row[field.field] as ReactNode\n            )\n    )\n}\n","import React, {MouseEvent} from 'react';\r\nimport type {DataTableRowProps} from \"./types\";\r\nimport DataTableCell from \"./DataTableCell\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./TableProvider\";\r\n\r\n\r\nfunction 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.map((field, index) => (<DataTableCell key={field?.id ?? index} field={field} row={row}/>))}\r\n        </tr>\r\n    )\r\n}\r\n\r\nDataTableRow.displayName = 'DataTableRow';\r\nexport default DataTableRow;\r\n","import React from 'react';\r\nimport DataTableRow from \"./DataTableRow\";\r\nimport type {DataTableTBodyProps} from \"./types\";\r\n\r\n\r\nfunction 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\n\r\nDataTableTBody.displayName = 'DataTableTBody';\r\nexport default DataTableTBody\r\n","import React from \"react\";\r\nimport classNames from \"classnames\";\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\nfunction 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.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\n\r\nSortableTableTH.displayName = 'SortableTableTH';\r\nexport default 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 \"./TableProvider\";\r\n\r\n\r\nfunction SortableTableHead<T = unknown>({\r\n                                            currentSort,\r\n                                            onChangeSort,\r\n                                        }: SortableTableHeadProps<T>) {\r\n    const fields = useTableFields<T>()\r\n    const {field, ascending} = currentSort;\r\n    return (\r\n        <thead>\r\n        <tr>\r\n            {fields.map((tableField, index) => (\r\n                <SortableTableTH<T> key={index} field={tableField}\r\n                                    sorted={field === tableField.field} ascending={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\nexport default SortableTableHead;\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 SortableTableHead from \"./SortableTableHead\";\r\nimport React from \"react\";\r\n\r\n\r\nexport default function SortableTableWithContext<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                                                                  currentSort,\r\n                                                                  onChangeSort,\r\n                                                                  ...rest\r\n                                                              }: Omit<SortableTableProps<T>, 'fields'>) {\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            <SortableTableHead currentSort={currentSort} 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\n","import React from 'react';\r\nimport type {SortableTableProps} from \"./types\";\r\nimport TableProvider from \"./TableProvider\";\r\nimport SortableTableWithContext from \"./SortableTableWithContext\";\r\n\r\n\r\nfunction SortableTable<T = unknown>({\r\n                                        fields,\r\n                                        ...rest\r\n                                    }: SortableTableProps<T>) {\r\n    return (\r\n        <TableProvider initialFields={fields}>\r\n            <SortableTableWithContext {...rest}/>\r\n        </TableProvider>\r\n    )\r\n}\r\n\r\nSortableTable.displayName = 'SortableTable';\r\nexport default SortableTable;\r\n","import React, {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\nfunction 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\n\r\nRowsPerPage.displayName = 'RowsPerPage';\r\nexport default 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\nfunction 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\n\r\nTablePagination.displayname = 'TablePagination';\r\nexport default TablePagination\r\n","import styled from \"@emotion/styled\";\r\nimport clsx from \"clsx\";\r\nimport {useTableFields} from \"./TableProvider\";\r\n\r\nconst TableCol = styled.col`\r\n    &.col-collapsed {\r\n        visibility: collapse;\r\n    }\r\n`\r\n\r\nfunction DataTableCols() {\r\n    const fields = useTableFields()\r\n    return (\r\n        <colgroup>\r\n            {fields.map((field, index) => (\r\n                <TableCol key={index}\r\n                          className={clsx(field.colClassName, {'col-collapsed': field.collapse})}\r\n                          span={field.colSpan ?? 1}/>\r\n            ))}\r\n        </colgroup>\r\n    )\r\n}\r\n\r\nDataTableCols.displayName = 'DataTableCols';\r\nexport default DataTableCols;\r\n"],"names":["DataTableContext","createContext","TableProvider","children","initialFields","fields","setFieldsState","useState","setFields","useCallback","updateField","key","arg","nextState","field","getField","value","useMemo","jsx","useTableContext","context","useContext","useTableFields","useField","useHasTableFieldsContext","r","f","o","clsx","StyledTable","styled","props","Table","React","sticky","responsive","className","rest","ref","_className","DataTableTH","thClassName","DataTableHead","index","DataTableWithContext","size","data","keyField","rowClassName","renderRow","onSelectRow","selected","tableHeadProps","tfoot","tableClassName","DataTableCols","DataTableTBody","DataTable","DataTableCell","row","as","cellClassName","createElement","DataTableRow","trRef","onClick","clickHandler","ev","jsxs","keyValue","isSelected","flexJustifyContent","align","FieldTitle","SortableTableTH","sorted","ascending","_thClassName","thProps","iconClassName","SortableTableHead","currentSort","onChangeSort","tableField","SortableTableWithContext","SortableTable","defaultRowsPerPageValues","RowsPerPage","pageValues","label","onChange","id","useId","changeHandler","selectClassName","inputGroupClassName","TablePagination","page","rowsPerPage","onChangePage","count","showFirst","showLast","rowsPerPageProps","first","last","lastPage","buttonClassName","TableCol"],"mappings":"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","x_google_ignoreList":[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/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';\nimport styled from \"@emotion/styled\";\nimport type {DataTableProps} from \"./types\";\nimport clsx from \"clsx\";\n\nexport interface StyledTableProps extends TableHTMLAttributes<HTMLTableElement>, Pick<DataTableProps, 'sticky' | 'responsive'> {\n    ref?: RefObject<HTMLTableElement>;\n}\n\nconst StyledTable = styled.table<StyledTableProps>`\n    --table-sticky-top: ${props => props.sticky ? '0' : undefined};\n\n    thead {\n        tr:nth-of-type(1) td,\n        tr:nth-of-type(1) th {\n            top: var(--table-sticky-top, unset);\n            position: ${props => props.sticky ? \"sticky\" : \"unset\"};\n            z-index: ${props => props.sticky ? 10 : \"unset\"};\n            background: ${props => props.sticky ? \"linear-gradient(var(--bs-table-bg) 75%, rgba(var(--bs-secondary-bg-rgb), 0.9))\" : \"unset\"};\n        }\n    }\n`\n\n\nexport default function Table({\n                                  sticky,\n                                  responsive,\n                                  children,\n                                  className,\n                                  ref,\n                                  ...rest\n                              }: StyledTableProps) {\n    if (responsive) {\n        const _className = clsx(className, {\n            'table-responsive': responsive === true,\n            [`table-responsive-${responsive}`]: responsive !== true,\n        })\n        return (\n            <div className={_className}>\n                <StyledTable ref={ref} {...rest}>{children}</StyledTable>\n            </div>\n        )\n    }\n\n    return (\n        <StyledTable className={className} sticky={sticky} ref={ref} {...rest}>{children}</StyledTable>\n    )\n}\n\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';\nimport type {DataTableCellProps} from \"./types\";\nimport clsx from \"clsx\";\n\n\nexport default function DataTableCell<T = unknown>({field, row, className, as, ...rest}: DataTableCellProps<T>) {\n    if (field.visible === false) {\n        return null;\n    }\n    const cellClassName = clsx(\n        {[`text-${field.align}`]: !!field.align},\n        className,\n        typeof field.className === 'function' ? field.className(row) : field.className\n    );\n    return createElement(\n        (as ?? field.as) ?? 'td',\n        {\n            className: cellClassName,\n            scope: (as ?? field.as) === 'th' ? 'row' : undefined,\n            colSpan: field.colSpan,\n            ...field.cellProps,\n            ...rest\n        },\n        (row[field.field] === undefined && !field.render)\n            ? null\n            : (\n                typeof field.render === 'function'\n                    ? field.render(row)\n                    : row[field.field] as ReactNode\n            )\n    )\n}\nDataTableCell.displayName = 'DataTableCell';\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 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","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","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]}

package/dist/index.d.ts

@@ -1,16 +1,20 @@
-export { default as DataTable } from './DataTable';
-export { default as DataTableRow } from './DataTableRow';
-export { default as DataTableTBody } from './DataTableTBody';
-export { default as DataTableTH } from './DataTableTH';
-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 './DataTableWithContext';
-export { default as SortableTableWithContext } from './SortableTableWithContext';
-export { default as DataTableProvider } from './TableProvider';
-export { useTableContext, useTableFields, useHasTableFieldsContext, useField } from './TableProvider';
-export type { TableContextData, TableProviderProps } from './TableProvider';
-export type { DataTableField, DataTableTHProps, DataTableClassNames, DataTableProps, SortableTableField, DataTableRowProps, DataTableTBodyProps, SortableTableTHProps, SortableTableHeadProps, SortProps, SortableTableProps, UISize, UIFlexAlign, TablePaginationProps, RowsPerPageProps, UITableSize, DataTableCellProps } from './types';
+export { default as DataTable } from './StandaloneDataTable';
+export { default as DataTableRow } from './DataTableRow';
+export { default as DataTableTBody } from './DataTableTBody';
+export { default as DataTableTH } from './DataTableTH';
+export { default as StandaloneSortableTable } from './StandaloneSortableTable';
+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 DataTableProvider } from './DataTableProvider';
+export { useField } from './useField';
+export { useTableFields } from './useTableFields';
+export { useTableSort } from './useTableSort';
+export { useTableContext } from './useTableContext';
+export { DataTableContext, type TableContextData } from './DataTableContext';
+export type { TableProviderProps } from './DataTableProvider';
+export type { SortProps, DataTableField, SortableTableField, DataTableColProps, DataTableCellProps, DataTableRowProps, DataTableTBodyProps, DataTableClassNames, DataTableProps, DataTableTHProps, RowsPerPageProps, SortableTableTHProps, SortableTableHeadProps, SortableTableProps, TablePaginationProps, UITableSize, UISize, UIFlexAlign } from './types';