@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/DataTable/hooks/useSelection.js

@@ -1,2 +1,63 @@
-import e from"react";import{SelectionHeader as t}from"../components/SelectionHeader.js";import{SelectionCell as n}from"../components/SelectionCell.js";const l=[[],()=>{}];function o({selectionMode:o="multiple",selectionState:i,enabledRowIds:s}){const c=!!i,[d,r]=i||l,a=()=>{d.length!==s.length?r(s):r([])};return{selectionEnabled:c,selectedRowIds:d,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,l)=>e.createElement(t,{...l,selected:d.length===s.length,indeterminate:d.length>0&&d.length<s.length,onChange:a,selectionMode:o}),renderCell:(t,l,i,s)=>e.createElement(n,{...l,rowId:t.id,selected:s.selected,onChange:i.setSelected,selectionMode:o,disabled:s.disabled})},setSelected:(e,t)=>{if(null!=t)if(e&&"single"===o)r([t]);else if(e){if(d.includes(t))return;const e=[...d,t];r(e)}else{const e=d.findIndex((e=>e===t));if(e<0)return;const n=[...d];n.splice(e,1),r(n)}}}}export{o as useSelection};
+import React from 'react';
+import { SelectionHeader } from '../components/SelectionHeader.js';
+import { SelectionCell } from '../components/SelectionCell.js';
+
+/* eslint-disable react/destructuring-assignment */
+const emptySelectionState = [[], () => { }];
+function useSelection({ selectionMode = 'multiple', selectionState, enabledRowIds, }) {
+    const selectionEnabled = !!selectionState;
+    const [selectedRowIds, setSelectedRowIds] = selectionState || emptySelectionState;
+    // TODO: Memoise this
+    const setSelected = (selected, rowId) => {
+        if (rowId === undefined || rowId === null)
+            return; // Can't use falsey, must allow number 0
+        if (selected && selectionMode === 'single') {
+            // Replace selectedRowIds with only the current rowId
+            setSelectedRowIds([rowId]);
+            return;
+        }
+        if (selected) {
+            // Add rowId to selectedRowIds
+            if (selectedRowIds.includes(rowId))
+                return;
+            const rowIds = [...selectedRowIds, rowId];
+            setSelectedRowIds(rowIds);
+        }
+        else {
+            // Remove rowIds from selectedRowIds
+            const index = selectedRowIds.findIndex((id) => id === rowId);
+            if (index < 0)
+                return;
+            const rowIds = [...selectedRowIds];
+            rowIds.splice(index, 1);
+            setSelectedRowIds(rowIds);
+        }
+    };
+    // TODO: Memoise this
+    const toggleAllSelected = () => {
+        if (selectedRowIds.length === enabledRowIds.length) {
+            setSelectedRowIds([]);
+            return;
+        }
+        setSelectedRowIds(enabledRowIds);
+    };
+    // TODO: Memoise this
+    const selectionColumn = {
+        id: 'selection',
+        title: 'Selection',
+        width: '40px',
+        align: 'center',
+        pinned: 'left',
+        renderHeader: (column, headerProps) => (React.createElement(SelectionHeader, { ...headerProps, selected: selectedRowIds.length === enabledRowIds.length, indeterminate: selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length, onChange: toggleAllSelected, selectionMode: selectionMode })),
+        renderCell: (row, cellProps, actions, rowState) => (React.createElement(SelectionCell, { ...cellProps, rowId: row.id, selected: rowState.selected, onChange: actions.setSelected, selectionMode: selectionMode, disabled: rowState.disabled })),
+    };
+    return {
+        selectionEnabled,
+        selectedRowIds,
+        selectionColumn,
+        setSelected,
+    };
+}
+
+export { useSelection };
 //# sourceMappingURL=useSelection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":[null],"names":["emptySelectionState","useSelection","selectionMode","selectionState","enabledRowIds","selectionEnabled"],"mappings":"6JAYeA,EAAU,CAAA,GAAA,QACvB,SAAAC,GAAAC,cAAAA,EAAA,WAAAC,eAAAA,EAAAC,cAAAA,IAIc,MAAAC,IAAAF"}
+{"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;AAeA,MAAM,mBAAmB,GAAmB,CAAC,EAAE,EAAE,MAAK,GAAG,CAAC;AAEpD,SAAU,YAAY,CAAC,EAC3B,aAAa,GAAG,UAAU,EAC1B,cAAc,EACd,aAAa,GACM,EAAA;AACnB,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,cAAc;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,cAAc,IAAI,mBAAmB;;AAGjF,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO;AAClD,QAAA,IAAI,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;;AAE1C,YAAA,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AACH,KAAC;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAClD,iBAAiB,CAAC,EAAE,CAAC;YACrB;AACD;QACD,iBAAiB,CAAC,aAAa,CAAC;AAClC,KAAC;;AAGD,IAAA,MAAM,eAAe,GAAiB;AACpC,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,MAChC,KAAC,CAAA,aAAA,CAAA,eAAe,OACV,WAAW,EACf,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EACxD,aAAa,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EACxF,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH;QACD,UAAU,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,MAC5C,oBAAC,aAAa,EAAA,EAAA,GACR,SAAS,EACb,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAA,CAC3B,CACH;KACF;IAED,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,WAAW;KACZ;AACH;;;;"}

package/dist/components/DataTable/index.d.ts

@@ -1,3 +1,2 @@
 export { DataTable } from './DataTable';
 export { useCellWidths, useColumns, useDragToScroll, useNested, useScrollPosition, useSelection, } from './hooks';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/renderers/index.d.ts

@@ -3,4 +3,3 @@ export * from './renderFooter';
 export * from './renderHeader';
 export * from './renderLoadingCell';
 export * from './renderNestedCell';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/renderers/renderCell.cjs

@@ -1,2 +1,25 @@
-"use strict";exports.renderCell=function(n,e,l,r){if(e.hidden)return null;const i={align:e.align,key:`${n.id}-${e.id}`,role:"cell",spacing:e.spacing,span:e.span};return e.renderCell(n,i,l,r)};
+'use strict';
+
+/**
+ * Default renderer for table cells
+ *
+ * @param row
+ * @param column
+ * @returns
+ */
+function renderCell(row, column, actions, rowState) {
+    if (column.hidden) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${row.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+        span: column.span,
+    };
+    return column.renderCell(row, cellProps, actions, rowState);
+}
+
+exports.renderCell = renderCell;
 //# sourceMappingURL=renderCell.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":[null],"names":["column","hidden"],"mappings":"kDAUG,GAAAA,EAAAC,OACH,OAAA"}
+{"version":3,"file":"renderCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}

package/dist/components/DataTable/renderers/renderCell.d.ts

@@ -8,4 +8,3 @@ import { TableRow, ColumnConfig, TableActions, RowState } from '../types';
  * @returns
  */
 export declare function renderCell(row: TableRow, column: ColumnConfig, actions: TableActions, rowState: RowState): ReactNode;
-//# sourceMappingURL=renderCell.d.ts.map

package/dist/components/DataTable/renderers/renderCell.js

@@ -1,2 +1,23 @@
-function n(n,e,i,l){if(e.hidden)return null;const r={align:e.align,key:`${n.id}-${e.id}`,role:"cell",spacing:e.spacing,span:e.span};return e.renderCell(n,r,i,l)}export{n as renderCell};
+/**
+ * Default renderer for table cells
+ *
+ * @param row
+ * @param column
+ * @returns
+ */
+function renderCell(row, column, actions, rowState) {
+    if (column.hidden) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${row.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+        span: column.span,
+    };
+    return column.renderCell(row, cellProps, actions, rowState);
+}
+
+export { renderCell };
 //# sourceMappingURL=renderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderCell.js","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":[null],"names":["column","hidden"],"mappings":"oBAUG,GAAAA,EAAAC,OACH,OAAA"}
+{"version":3,"file":"renderCell.js","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}

package/dist/components/DataTable/renderers/renderFooter.cjs

@@ -1,2 +1,33 @@
-"use strict";var e=require("react"),r=require("../components/Cell.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(e);exports.renderFooter=function({column:e}){if(e.hidden)return null;const n={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,n):t.default.createElement(r.Cell,{...n})};
+'use strict';
+
+var React = require('react');
+var Cell = require('../components/Cell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Default renderer for table footer cells
+ *
+ * @param column Column configuration object
+ * @returns Footer cell instance
+ */
+function renderFooter({ column }) {
+    if (column.hidden) {
+        return null;
+    }
+    const footerProps = {
+        key: column.id,
+        role: 'cell',
+        align: column.align,
+        spacing: column.spacing,
+    };
+    if (!column.renderFooter) {
+        return React__default.default.createElement(Cell.Cell, { ...footerProps });
+    }
+    return column.renderFooter(column, footerProps);
+}
+
+exports.renderFooter = renderFooter;
 //# sourceMappingURL=renderFooter.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderFooter.cjs","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":"4LAcG,OAAA"}
+{"version":3,"file":"renderFooter.cjs","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":[null],"names":["React","Cell"],"mappings":";;;;;;;;;AASA;;;;;AAKG;AACa,SAAA,YAAY,CAAC,EAAE,MAAM,EAA0B,EAAA;IAC7D,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACxB,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAK,EAAA,GAAA,WAAW,GAAI;AACjC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AACjD;;;;"}

package/dist/components/DataTable/renderers/renderFooter.d.ts

@@ -11,4 +11,3 @@ type RenderFooterParameters = {
  */
 export declare function renderFooter({ column }: RenderFooterParameters): ReactNode;
 export {};
-//# sourceMappingURL=renderFooter.d.ts.map

package/dist/components/DataTable/renderers/renderFooter.js

@@ -1,2 +1,27 @@
-import e from"react";import{Cell as r}from"../components/Cell.js";function n({column:n}){if(n.hidden)return null;const o={key:n.id,role:"cell",align:n.align,spacing:n.spacing};return n.renderFooter?n.renderFooter(n,o):e.createElement(r,{...o})}export{n as renderFooter};
+import React from 'react';
+import { Cell } from '../components/Cell.js';
+
+/**
+ * Default renderer for table footer cells
+ *
+ * @param column Column configuration object
+ * @returns Footer cell instance
+ */
+function renderFooter({ column }) {
+    if (column.hidden) {
+        return null;
+    }
+    const footerProps = {
+        key: column.id,
+        role: 'cell',
+        align: column.align,
+        spacing: column.spacing,
+    };
+    if (!column.renderFooter) {
+        return React.createElement(Cell, { ...footerProps });
+    }
+    return column.renderFooter(column, footerProps);
+}
+
+export { renderFooter };
 //# sourceMappingURL=renderFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderFooter.js","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":"qGAcG,OAAA"}
+{"version":3,"file":"renderFooter.js","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AASA;;;;;AAKG;AACa,SAAA,YAAY,CAAC,EAAE,MAAM,EAA0B,EAAA;IAC7D,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACxB,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,WAAW,GAAI;AACjC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AACjD;;;;"}

package/dist/components/DataTable/renderers/renderHeader.cjs

@@ -1,2 +1,70 @@
-"use strict";var e=require("react"),t=require("../../Tooltip/Tooltip.cjs"),r=require("../components/Header.cjs"),n=require("../components/ColumnHeader.cjs");require("../../../theme/modules/shadows.cjs"),require("../../../theme/modules/sizes.cjs"),require("../../../theme/modules/text.cjs"),require("styled-components");var o=require("../utils/getNextSortState.cjs"),i=require("../utils/GetSortIcon.cjs"),l=require("../components/ColumnDivider.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);exports.renderHeader=function({column:e,sortState:a,onChangeSort:s,resizeableColumns:u,setColumnWidth:c,columnCount:m=1,columnI:S=0}){if(e.sortable&&!a)throw new Error(`Column '${e.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(e.hidden)return null;const h={key:e.id.toString(),id:`datatable-header-${e.id}`,"data-columnid":String(e.id),role:"columnheader",align:e.align,spacing:e.spacing,className:e.sortable?"sortable":void 0};if(e.renderHeader)return e.renderHeader(e,h);const f=e.sortable?n.ClickableHeaderContent:n.HeaderContent,C=e.sortable?{onClick:()=>{if(!a)return void console.warn("DataGrid::renderHeader::handleClickSort - sortState is not defined");const t=o.getNextSortState({sortState:a,columnId:e.id});s?s(t):console.warn("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return d.default.createElement(r.Header,{...h,zIndex:3},d.default.createElement(t.Tooltip,{text:e.tooltip},d.default.createElement(f,{...C,className:"headerContent"},e.iconSlot,e.title&&d.default.createElement("span",null,e.title),e.sortable&&d.default.createElement(n.SortIndicator,null,d.default.createElement(i.GetSortIcon,{sortState:a,columnId:e.id,size:5})))),u&&S<m-1&&d.default.createElement(l.ColumnDivider,{columnId:e.id,setColumnWidth:c,minWidth:null==e?void 0:e.resizeMinWidth}))};
+'use strict';
+
+var React = require('react');
+var Tooltip = require('../../Tooltip/Tooltip.cjs');
+var Header = require('../components/Header.cjs');
+var ColumnHeader = require('../components/ColumnHeader.cjs');
+require('../../../theme/modules/shadows.cjs');
+require('../../../theme/modules/sizes.cjs');
+require('../../../theme/modules/text.cjs');
+require('styled-components');
+var getNextSortState = require('../utils/getNextSortState.cjs');
+var GetSortIcon = require('../utils/GetSortIcon.cjs');
+var ColumnDivider = require('../components/ColumnDivider.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Default renderer for table header cells
+ *
+ * @param column Column configuration object
+ * @returns Header cell instance
+ */
+function renderHeader({ column, sortState, onChangeSort, resizeableColumns, setColumnWidth, columnCount = 1, columnI = 0, }) {
+    if (column.sortable && !sortState) {
+        throw new Error(`Column '${column.id}' is configured to be sortable but the 'sortState' prop is missing.`);
+    }
+    if (column.hidden) {
+        return null;
+    }
+    const headerProps = {
+        key: column.id.toString(),
+        id: `datatable-header-${column.id}`,
+        'data-columnid': String(column.id),
+        role: 'columnheader',
+        align: column.align,
+        spacing: column.spacing,
+        className: column.sortable ? 'sortable' : undefined,
+    };
+    // If defined, use custom renderer
+    if (column.renderHeader) {
+        return column.renderHeader(column, headerProps);
+    }
+    const handleClickSort = () => {
+        if (!sortState) {
+            console.warn('DataGrid::renderHeader::handleClickSort - sortState is not defined');
+            return;
+        }
+        const nextSortState = getNextSortState.getNextSortState({ sortState, columnId: column.id });
+        if (!onChangeSort) {
+            console.warn('DataGrid::renderHeader::handleClickSort - onChangeSort is not defined');
+            return;
+        }
+        onChangeSort(nextSortState);
+    };
+    const ColumnHeaderContent = column.sortable ? ColumnHeader.ClickableHeaderContent : ColumnHeader.HeaderContent;
+    const columnHeaderProps = column.sortable ? { onClick: handleClickSort } : {};
+    return (React__default.default.createElement(Header.Header, { ...headerProps, zIndex: 3 },
+        React__default.default.createElement(Tooltip.Tooltip, { text: column.tooltip },
+            React__default.default.createElement(ColumnHeaderContent, { ...columnHeaderProps, className: "headerContent" },
+                column.iconSlot,
+                column.title && React__default.default.createElement("span", null, column.title),
+                column.sortable && (React__default.default.createElement(ColumnHeader.SortIndicator, null,
+                    React__default.default.createElement(GetSortIcon.GetSortIcon, { sortState: sortState, columnId: column.id, size: 5 }))))),
+        resizeableColumns && columnI < columnCount - 1 && (React__default.default.createElement(ColumnDivider.ColumnDivider, { columnId: column.id, setColumnWidth: setColumnWidth, minWidth: column === null || column === undefined ? undefined : column.resizeMinWidth }))));
+}
+
+exports.renderHeader = renderHeader;
 //# sourceMappingURL=renderHeader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderHeader.cjs","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":[null],"names":["column","hidden"],"mappings":"6vBA+BG,GAAAA,EAAAC,OACa,OAAA"}
+{"version":3,"file":"renderHeader.cjs","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":[null],"names":["getNextSortState","ClickableHeaderContent","HeaderContent","React","Header","Tooltip","SortIndicator","GetSortIcon","ColumnDivider"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACY,EAAA;AACvB,IAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE;QACjC,MAAM,IAAI,KAAK,CACb,CAAA,QAAA,EAAW,MAAM,CAAC,EAAE,CAAqE,mEAAA,CAAA,CAC1F;AACF;IAED,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAwB;AACvC,QAAA,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE;AACzB,QAAA,EAAE,EAAE,CAAA,iBAAA,EAAoB,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAClC,QAAA,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS;KACpD;;IAGD,IAAI,MAAM,CAAC,YAAY,EAAE;QACvB,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AAChD;IAED,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,oEAAoE,CAAC;YAClF;AACD;AACD,QAAA,MAAM,aAAa,GAAGA,iCAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;QAC1E,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC;YACrF;AACD;QACD,YAAY,CAAC,aAAa,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,GAAGC,mCAAsB,GAAGC,0BAAa;AACpF,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE;IAE7E,QACEC,qCAACC,aAAM,EAAA,EAAA,GAAK,WAAW,EAAE,MAAM,EAAE,CAAC,EAAA;AAChC,QAAAD,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,OAAO,EAAA;AAC3B,YAAAF,sBAAA,CAAA,aAAA,CAAC,mBAAmB,EAAK,EAAA,GAAA,iBAAiB,EAAE,SAAS,EAAC,eAAe,EAAA;AAClE,gBAAA,MAAM,CAAC,QAAQ;AACf,gBAAA,MAAM,CAAC,KAAK,IAAIA,mDAAO,MAAM,CAAC,KAAK,CAAQ;AAC3C,gBAAA,MAAM,CAAC,QAAQ,KACdA,qCAACG,0BAAa,EAAA,IAAA;AACZ,oBAAAH,sBAAA,CAAA,aAAA,CAACI,uBAAW,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,CACrD,CACjB,CACmB,CACd;AACT,QAAA,iBAAiB,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,KAC7CJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EACZ,EAAA,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,cAAc,EAAA,CAChC,CACH,CACM;AAEb;;;;"}

package/dist/components/DataTable/renderers/renderHeader.d.ts

@@ -17,4 +17,3 @@ type RenderHeaderParameters = {
  */
 export declare function renderHeader({ column, sortState, onChangeSort, resizeableColumns, setColumnWidth, columnCount, columnI, }: RenderHeaderParameters): ReactNode;
 export {};
-//# sourceMappingURL=renderHeader.d.ts.map

package/dist/components/DataTable/renderers/renderHeader.js

@@ -1,2 +1,64 @@
-import e from"react";import{Tooltip as t}from"../../Tooltip/Tooltip.js";import{Header as o}from"../components/Header.js";import{ClickableHeaderContent as r,HeaderContent as n,SortIndicator as i}from"../components/ColumnHeader.js";import"../../../theme/modules/shadows.js";import"../../../theme/modules/sizes.js";import"../../../theme/modules/text.js";import"styled-components";import{getNextSortState as l}from"../utils/getNextSortState.js";import{GetSortIcon as s}from"../utils/GetSortIcon.js";import{ColumnDivider as a}from"../components/ColumnDivider.js";function m({column:m,sortState:d,onChangeSort:c,resizeableColumns:u,setColumnWidth:p,columnCount:h=1,columnI:f=0}){if(m.sortable&&!d)throw new Error(`Column '${m.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(m.hidden)return null;const S={key:m.id.toString(),id:`datatable-header-${m.id}`,"data-columnid":String(m.id),role:"columnheader",align:m.align,spacing:m.spacing,className:m.sortable?"sortable":void 0};if(m.renderHeader)return m.renderHeader(m,S);const C=m.sortable?r:n,b=m.sortable?{onClick:()=>{if(!d)return void console.warn("DataGrid::renderHeader::handleClickSort - sortState is not defined");const e=l({sortState:d,columnId:m.id});c?c(e):console.warn("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return e.createElement(o,{...S,zIndex:3},e.createElement(t,{text:m.tooltip},e.createElement(C,{...b,className:"headerContent"},m.iconSlot,m.title&&e.createElement("span",null,m.title),m.sortable&&e.createElement(i,null,e.createElement(s,{sortState:d,columnId:m.id,size:5})))),u&&f<h-1&&e.createElement(a,{columnId:m.id,setColumnWidth:p,minWidth:null==m?void 0:m.resizeMinWidth}))}export{m as renderHeader};
+import React from 'react';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { Header } from '../components/Header.js';
+import { ClickableHeaderContent, HeaderContent, SortIndicator } from '../components/ColumnHeader.js';
+import '../../../theme/modules/shadows.js';
+import '../../../theme/modules/sizes.js';
+import '../../../theme/modules/text.js';
+import 'styled-components';
+import { getNextSortState } from '../utils/getNextSortState.js';
+import { GetSortIcon } from '../utils/GetSortIcon.js';
+import { ColumnDivider } from '../components/ColumnDivider.js';
+
+/**
+ * Default renderer for table header cells
+ *
+ * @param column Column configuration object
+ * @returns Header cell instance
+ */
+function renderHeader({ column, sortState, onChangeSort, resizeableColumns, setColumnWidth, columnCount = 1, columnI = 0, }) {
+    if (column.sortable && !sortState) {
+        throw new Error(`Column '${column.id}' is configured to be sortable but the 'sortState' prop is missing.`);
+    }
+    if (column.hidden) {
+        return null;
+    }
+    const headerProps = {
+        key: column.id.toString(),
+        id: `datatable-header-${column.id}`,
+        'data-columnid': String(column.id),
+        role: 'columnheader',
+        align: column.align,
+        spacing: column.spacing,
+        className: column.sortable ? 'sortable' : undefined,
+    };
+    // If defined, use custom renderer
+    if (column.renderHeader) {
+        return column.renderHeader(column, headerProps);
+    }
+    const handleClickSort = () => {
+        if (!sortState) {
+            console.warn('DataGrid::renderHeader::handleClickSort - sortState is not defined');
+            return;
+        }
+        const nextSortState = getNextSortState({ sortState, columnId: column.id });
+        if (!onChangeSort) {
+            console.warn('DataGrid::renderHeader::handleClickSort - onChangeSort is not defined');
+            return;
+        }
+        onChangeSort(nextSortState);
+    };
+    const ColumnHeaderContent = column.sortable ? ClickableHeaderContent : HeaderContent;
+    const columnHeaderProps = column.sortable ? { onClick: handleClickSort } : {};
+    return (React.createElement(Header, { ...headerProps, zIndex: 3 },
+        React.createElement(Tooltip, { text: column.tooltip },
+            React.createElement(ColumnHeaderContent, { ...columnHeaderProps, className: "headerContent" },
+                column.iconSlot,
+                column.title && React.createElement("span", null, column.title),
+                column.sortable && (React.createElement(SortIndicator, null,
+                    React.createElement(GetSortIcon, { sortState: sortState, columnId: column.id, size: 5 }))))),
+        resizeableColumns && columnI < columnCount - 1 && (React.createElement(ColumnDivider, { columnId: column.id, setColumnWidth: setColumnWidth, minWidth: column === null || column === undefined ? undefined : column.resizeMinWidth }))));
+}
+
+export { renderHeader };
 //# sourceMappingURL=renderHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderHeader.js","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":[null],"names":["column","hidden"],"mappings":"yxBA+BG,GAAAA,EAAAC,OACa,OAAA"}
+{"version":3,"file":"renderHeader.js","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AA0BA;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACY,EAAA;AACvB,IAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE;QACjC,MAAM,IAAI,KAAK,CACb,CAAA,QAAA,EAAW,MAAM,CAAC,EAAE,CAAqE,mEAAA,CAAA,CAC1F;AACF;IAED,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAwB;AACvC,QAAA,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE;AACzB,QAAA,EAAE,EAAE,CAAA,iBAAA,EAAoB,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAClC,QAAA,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS;KACpD;;IAGD,IAAI,MAAM,CAAC,YAAY,EAAE;QACvB,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AAChD;IAED,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,oEAAoE,CAAC;YAClF;AACD;AACD,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;QAC1E,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC;YACrF;AACD;QACD,YAAY,CAAC,aAAa,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,GAAG,sBAAsB,GAAG,aAAa;AACpF,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE;IAE7E,QACE,oBAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAE,MAAM,EAAE,CAAC,EAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,OAAO,EAAA;AAC3B,YAAA,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAK,EAAA,GAAA,iBAAiB,EAAE,SAAS,EAAC,eAAe,EAAA;AAClE,gBAAA,MAAM,CAAC,QAAQ;AACf,gBAAA,MAAM,CAAC,KAAK,IAAI,kCAAO,MAAM,CAAC,KAAK,CAAQ;AAC3C,gBAAA,MAAM,CAAC,QAAQ,KACd,oBAAC,aAAa,EAAA,IAAA;AACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,CACrD,CACjB,CACmB,CACd;AACT,QAAA,iBAAiB,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,KAC7C,KAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,cAAc,EAAA,CAChC,CACH,CACM;AAEb;;;;"}

package/dist/components/DataTable/renderers/renderLoadingCell.cjs

@@ -1,2 +1,32 @@
-"use strict";var e=require("react"),n=require("../components/Cell.cjs"),l=require("../components/LoadingCellContent.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);exports.renderLoadingCell=function(e,t){if(!0===t.hidden)return null;const i={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return r.default.createElement(n.Cell,{...i},r.default.createElement(l.LoadingCellContent,null))};
+'use strict';
+
+var React = require('react');
+var Cell = require('../components/Cell.cjs');
+var LoadingCellContent = require('../components/LoadingCellContent.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Default renderer for loading cells
+ * @param row
+ * @param column
+ * @returns
+ */
+function renderLoadingCell(row, column) {
+    if (column.hidden === true) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${row.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+    };
+    return (React__default.default.createElement(Cell.Cell, { ...cellProps },
+        React__default.default.createElement(LoadingCellContent.LoadingCellContent, null)));
+}
+
+exports.renderLoadingCell = renderLoadingCell;
 //# sourceMappingURL=renderLoadingCell.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderLoadingCell.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"renderLoadingCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderLoadingCell.tsx"],"sourcesContent":[null],"names":["React","Cell","LoadingCellContent"],"mappings":";;;;;;;;;;AAKA;;;;;AAKG;AACa,SAAA,iBAAiB,CAAC,GAAa,EAAE,MAAoB,EAAA;AACnE,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE;AAC1B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,QAAAD,sBAAA,CAAA,aAAA,CAACE,qCAAkB,EAAA,IAAA,CAAG,CACjB;AAEX;;;;"}

package/dist/components/DataTable/renderers/renderLoadingCell.d.ts

@@ -7,4 +7,3 @@ import { TableRow, ColumnConfig } from '../types';
  * @returns
  */
 export declare function renderLoadingCell(row: TableRow, column: ColumnConfig): ReactNode;
-//# sourceMappingURL=renderLoadingCell.d.ts.map

package/dist/components/DataTable/renderers/renderLoadingCell.js

@@ -1,2 +1,26 @@
-import e from"react";import{Cell as n}from"../components/Cell.js";import{LoadingCellContent as t}from"../components/LoadingCellContent.js";function o(o,l){if(!0===l.hidden)return null;const r={align:l.align,key:`${o.id}-${l.id}`,role:"cell",spacing:l.spacing};return e.createElement(n,{...r},e.createElement(t,null))}export{o as renderLoadingCell};
+import React from 'react';
+import { Cell } from '../components/Cell.js';
+import { LoadingCellContent } from '../components/LoadingCellContent.js';
+
+/**
+ * Default renderer for loading cells
+ * @param row
+ * @param column
+ * @returns
+ */
+function renderLoadingCell(row, column) {
+    if (column.hidden === true) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${row.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+    };
+    return (React.createElement(Cell, { ...cellProps },
+        React.createElement(LoadingCellContent, null)));
+}
+
+export { renderLoadingCell };
 //# sourceMappingURL=renderLoadingCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderLoadingCell.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"renderLoadingCell.js","sources":["../../../../src/components/DataTable/renderers/renderLoadingCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA;;;;;AAKG;AACa,SAAA,iBAAiB,CAAC,GAAa,EAAE,MAAoB,EAAA;AACnE,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE;AAC1B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA,CAAG,CACjB;AAEX;;;;"}

package/dist/components/DataTable/renderers/renderNestedCell.cjs

@@ -1,2 +1,34 @@
-"use strict";var e=require("react"),r=require("../components/Cell.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);exports.renderNestedCell=function(e,l,t){if(l.hidden)return null;const d={align:l.align,key:`${e.id}-${l.id}`,role:"cell",spacing:l.spacing};return l.renderNestedCell?l.renderNestedCell(e,d,t):n.default.createElement(r.Cell,{...d})};
+'use strict';
+
+var React = require('react');
+var Cell = require('../components/Cell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Default renderer for table cells in nested rows
+ *
+ * @param nestedRow
+ * @param column
+ * @returns
+ */
+function renderNestedCell(nestedRow, column, rowState) {
+    if (column.hidden) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${nestedRow.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+    };
+    if (!column.renderNestedCell) {
+        return React__default.default.createElement(Cell.Cell, { ...cellProps });
+    }
+    return column.renderNestedCell(nestedRow, cellProps, rowState);
+}
+
+exports.renderNestedCell = renderNestedCell;
 //# sourceMappingURL=renderNestedCell.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderNestedCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":[null],"names":["nestedRow","column","rowState"],"mappings":"+JAWA,SAAgCA,EACrBC,EAAEC"}
+{"version":3,"file":"renderNestedCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":[null],"names":["React","Cell"],"mappings":";;;;;;;;;AAIA;;;;;;AAMG;SACa,gBAAgB,CAC9B,SAAyB,EACzB,MAAoB,EACpB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,SAAS,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC5B,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAK,EAAA,GAAA,SAAS,GAAI;AAC/B;IAED,OAAO,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;AAChE;;;;"}

package/dist/components/DataTable/renderers/renderNestedCell.d.ts

@@ -8,4 +8,3 @@ import { NestedTableRow, ColumnConfig, RowState } from '../types';
  * @returns
  */
 export declare function renderNestedCell(nestedRow: NestedTableRow, column: ColumnConfig, rowState: RowState): ReactNode;
-//# sourceMappingURL=renderNestedCell.d.ts.map

package/dist/components/DataTable/renderers/renderNestedCell.js

@@ -1,2 +1,28 @@
-import e from"react";import{Cell as n}from"../components/Cell.js";function r(r,l,t){if(l.hidden)return null;const i={align:l.align,key:`${r.id}-${l.id}`,role:"cell",spacing:l.spacing};return l.renderNestedCell?l.renderNestedCell(r,i,t):e.createElement(n,{...i})}export{r as renderNestedCell};
+import React from 'react';
+import { Cell } from '../components/Cell.js';
+
+/**
+ * Default renderer for table cells in nested rows
+ *
+ * @param nestedRow
+ * @param column
+ * @returns
+ */
+function renderNestedCell(nestedRow, column, rowState) {
+    if (column.hidden) {
+        return null;
+    }
+    const cellProps = {
+        align: column.align,
+        key: `${nestedRow.id}-${column.id}`,
+        role: 'cell',
+        spacing: column.spacing,
+    };
+    if (!column.renderNestedCell) {
+        return React.createElement(Cell, { ...cellProps });
+    }
+    return column.renderNestedCell(nestedRow, cellProps, rowState);
+}
+
+export { renderNestedCell };
 //# sourceMappingURL=renderNestedCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderNestedCell.js","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":[null],"names":["renderNestedCell","nestedRow","column","rowState"],"mappings":"kEAWA,SAAAA,EAAgCC,EACrBC,EAAEC"}
+{"version":3,"file":"renderNestedCell.js","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;AAMG;SACa,gBAAgB,CAC9B,SAAyB,EACzB,MAAoB,EACpB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,SAAS,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC5B,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,GAAI;AAC/B;IAED,OAAO,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;AAChE;;;;"}

package/dist/components/DataTable/types.cjs

@@ -1,2 +1,9 @@
-"use strict";var e;exports.SortDirection=void 0,(e=exports.SortDirection||(exports.SortDirection={})).ascending="ascending",e.descending="descending";
+'use strict';
+
+/* Sorting */
+exports.SortDirection = void 0;
+(function (SortDirection) {
+    SortDirection["ascending"] = "ascending";
+    SortDirection["descending"] = "descending";
+})(exports.SortDirection || (exports.SortDirection = {}));
 //# sourceMappingURL=types.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/DataTable/types.ts"],"sourcesContent":[null],"names":["SortDirection"],"mappings":"aAGA,IAAMA,EAFGA,8BAEHA,0BAKaA,sBAAC,CAAA,IAHS,UAAM,YAE7BA,EAAiB,WAAA"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/DataTable/types.ts"],"sourcesContent":[null],"names":["SortDirection"],"mappings":";;AAkDA;AAEYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AAC3B,CAAC,EAHWA,qBAAa,KAAbA,qBAAa,GAGxB,EAAA,CAAA,CAAA;;"}

package/dist/components/DataTable/types.d.ts

@@ -149,4 +149,3 @@ export type ColumnWidthsType = {
 export type ColumnWidthType = ColumnWidthFixed | ColumnWidthBounded | undefined;
 export type ResizeColumnData = ColumnWidthsType;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/DataTable/types.js

@@ -1,2 +1,9 @@
-var n;!function(n){n.ascending="ascending",n.descending="descending"}(n||(n={}));export{n as SortDirection};
+/* Sorting */
+var SortDirection;
+(function (SortDirection) {
+    SortDirection["ascending"] = "ascending";
+    SortDirection["descending"] = "descending";
+})(SortDirection || (SortDirection = {}));
+
+export { SortDirection };
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/DataTable/types.ts"],"sourcesContent":[null],"names":["SortDirection"],"mappings":"AACS,IAAAA,GAET,SAAMA,GAEAA,EAAuB,UAAM,YAE7BA,EAAiB,WAAA,aAJvB,KAKmBA,EAAC,CAAA"}
+{"version":3,"file":"types.js","sources":["../../../src/components/DataTable/types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAkDA;IAEY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AAC3B,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA;;;;"}