@veeqo/ui 9.0.0-beta-3 → 9.0.0-beta-v2-1

package/dist/components/DataTable/hooks/useNested.cjs

@@ -1,2 +1,37 @@
-"use strict";var e=require("react");exports.useNested=function(){const[s,t]=e.useState([]);return{nestedTableProps:{expandedRowIds:s,setExpanded:(e,n)=>{if(n)if(e){if(s.includes(n))return;const e=[...s,n];t(e)}else{const e=s.findIndex((e=>e===n));if(e<0)return;const r=[...s];r.splice(e,1),t(r)}}}}};
+'use strict';
+
+var React = require('react');
+
+function useNested() {
+    const [expandedRowIds, setExpandedRowIds] = React.useState([]);
+    // TODO: Memoise this
+    const setExpanded = (expanded, rowId) => {
+        if (!rowId)
+            return;
+        if (expanded) {
+            // Add rowId to expandedRowIds
+            if (expandedRowIds.includes(rowId))
+                return;
+            const rowIds = [...expandedRowIds, rowId];
+            setExpandedRowIds(rowIds);
+        }
+        else {
+            // Remove rowIds from expandedRowIds
+            const index = expandedRowIds.findIndex((id) => id === rowId);
+            if (index < 0)
+                return;
+            const rowIds = [...expandedRowIds];
+            rowIds.splice(index, 1);
+            setExpandedRowIds(rowIds);
+        }
+    };
+    return {
+        nestedTableProps: {
+            expandedRowIds,
+            setExpanded,
+        },
+    };
+}
+
+exports.useNested = useNested;
 //# sourceMappingURL=useNested.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNested.cjs","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":[null],"names":[],"mappings":"sDAGA"}
+{"version":3,"file":"useNested.cjs","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":[null],"names":["useState"],"mappings":";;;;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,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;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}

package/dist/components/DataTable/hooks/useNested.d.ts

@@ -5,4 +5,3 @@ export declare function useNested(): {
         setExpanded: SetExpandedAction;
     };
 };
-//# sourceMappingURL=useNested.d.ts.map

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

@@ -1,2 +1,35 @@
-import{useState as e}from"react";function n(){const[n,t]=e([]);return{nestedTableProps:{expandedRowIds:n,setExpanded:(e,r)=>{if(r)if(e){if(n.includes(r))return;const e=[...n,r];t(e)}else{const e=n.findIndex((e=>e===r));if(e<0)return;const s=[...n];s.splice(e,1),t(s)}}}}}export{n as useNested};
+import { useState } from 'react';
+
+function useNested() {
+    const [expandedRowIds, setExpandedRowIds] = useState([]);
+    // TODO: Memoise this
+    const setExpanded = (expanded, rowId) => {
+        if (!rowId)
+            return;
+        if (expanded) {
+            // Add rowId to expandedRowIds
+            if (expandedRowIds.includes(rowId))
+                return;
+            const rowIds = [...expandedRowIds, rowId];
+            setExpandedRowIds(rowIds);
+        }
+        else {
+            // Remove rowIds from expandedRowIds
+            const index = expandedRowIds.findIndex((id) => id === rowId);
+            if (index < 0)
+                return;
+            const rowIds = [...expandedRowIds];
+            rowIds.splice(index, 1);
+            setExpandedRowIds(rowIds);
+        }
+    };
+    return {
+        nestedTableProps: {
+            expandedRowIds,
+            setExpanded,
+        },
+    };
+}
+
+export { useNested };
 //# sourceMappingURL=useNested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNested.js","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":[null],"names":["useNested"],"mappings":"iCAGA,SAAAA"}
+{"version":3,"file":"useNested.js","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":[null],"names":[],"mappings":";;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,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;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}

package/dist/components/DataTable/hooks/useScrollPosition.cjs

@@ -1,2 +1,53 @@
-"use strict";var e=require("react"),r=require("resize-observer-polyfill"),t=require("lodash.throttle");function n(e){return e&&e.__esModule?e:{default:e}}var u=n(r),c=n(t);exports.useScrollPosition=function(r){const[t,n]=e.useState("start"),o=()=>{if(!r.current)return;const{width:e}=r.current.getBoundingClientRect(),{scrollLeft:t,scrollWidth:u}=r.current;n(u<e?"none":0!==t?t+e>=u?"end":"middle":"start")};return e.useEffect((()=>{if(r.current)return r.current.addEventListener("scroll",o),()=>{var e;return null===(e=r.current)||void 0===e?void 0:e.removeEventListener("scroll",o)}}),[r.current]),e.useEffect((()=>{if(!r.current)return;const e=c.default(o,50),t=new u.default(e);return t.observe(r.current),()=>t.disconnect()}),[r.current]),{scrollPosition:t,containerRef:r}};
+'use strict';
+
+var React = require('react');
+var ResizeObserver = require('resize-observer-polyfill');
+var throttle = require('lodash.throttle');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var ResizeObserver__default = /*#__PURE__*/_interopDefaultCompat(ResizeObserver);
+var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
+
+/* eslint-disable consistent-return */
+/* eslint-disable react-hooks/exhaustive-deps */
+function useScrollPosition(containerRef) {
+    const [scrollPosition, setScrollPosition] = React.useState('start');
+    const updateScrollPosition = () => {
+        if (!containerRef.current)
+            return;
+        const { width } = containerRef.current.getBoundingClientRect();
+        const { scrollLeft, scrollWidth } = containerRef.current;
+        if (scrollWidth < width) {
+            setScrollPosition('none');
+            return;
+        }
+        if (scrollLeft === 0) {
+            setScrollPosition('start');
+            return;
+        }
+        if (scrollLeft + width >= scrollWidth) {
+            setScrollPosition('end');
+            return;
+        }
+        setScrollPosition('middle');
+    };
+    React.useEffect(() => {
+        if (!containerRef.current)
+            return;
+        containerRef.current.addEventListener('scroll', updateScrollPosition);
+        return () => { var _a; return (_a = containerRef.current) === null || _a === undefined ? undefined : _a.removeEventListener('scroll', updateScrollPosition); };
+    }, [containerRef.current]);
+    React.useEffect(() => {
+        if (!containerRef.current)
+            return;
+        const resizeObserverCallback = throttle__default.default(updateScrollPosition, 50);
+        const resizeObserver = new ResizeObserver__default.default(resizeObserverCallback);
+        resizeObserver.observe(containerRef.current);
+        return () => resizeObserver.disconnect();
+    }, [containerRef.current]);
+    return { scrollPosition, containerRef };
+}
+
+exports.useScrollPosition = useScrollPosition;
 //# sourceMappingURL=useScrollPosition.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.cjs","sources":["../../../../src/components/DataTable/hooks/useScrollPosition.ts"],"sourcesContent":[null],"names":["containerRef"],"mappings":"sMA4CC,SAAAA"}
+{"version":3,"file":"useScrollPosition.cjs","sources":["../../../../src/components/DataTable/hooks/useScrollPosition.ts"],"sourcesContent":[null],"names":["useState","useEffect","throttle","ResizeObserver"],"mappings":";;;;;;;;;;;AAAA;AACA;AAMM,SAAU,iBAAiB,CAAC,YAAoC,EAAA;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAiB,OAAO,CAAC;IAE7E,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE;QAC9D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,OAAO;QACxD,IAAI,WAAW,GAAG,KAAK,EAAE;YACvB,iBAAiB,CAAC,MAAM,CAAC;YACzB;AACD;QACD,IAAI,UAAU,KAAK,CAAC,EAAE;YACpB,iBAAiB,CAAC,OAAO,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,UAAU,GAAG,KAAK,IAAI,WAAW,EAAE;YACrC,iBAAiB,CAAC,KAAK,CAAC;YACxB;AACD;QACD,iBAAiB,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAEDC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC;AACrE,QAAA,OAAO,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA,EAAA;AACxF,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1BA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAGC,yBAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC;AACjE,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAC5C,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE;AACzC;;;;"}

package/dist/components/DataTable/hooks/useScrollPosition.d.ts

@@ -4,4 +4,3 @@ export declare function useScrollPosition(containerRef: RefObject<HTMLElement>):
     scrollPosition: ScrollPosition;
     containerRef: RefObject<HTMLElement>;
 };
-//# sourceMappingURL=useScrollPosition.d.ts.map

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

@@ -1,2 +1,46 @@
-import{useState as r,useEffect as t}from"react";import e from"resize-observer-polyfill";import n from"lodash.throttle";function o(o){const[c,i]=r("start"),l=()=>{if(!o.current)return;const{width:r}=o.current.getBoundingClientRect(),{scrollLeft:t,scrollWidth:e}=o.current;i(e<r?"none":0!==t?t+r>=e?"end":"middle":"start")};return t((()=>{if(o.current)return o.current.addEventListener("scroll",l),()=>{var r;return null===(r=o.current)||void 0===r?void 0:r.removeEventListener("scroll",l)}}),[o.current]),t((()=>{if(!o.current)return;const r=n(l,50),t=new e(r);return t.observe(o.current),()=>t.disconnect()}),[o.current]),{scrollPosition:c,containerRef:o}}export{o as useScrollPosition};
+import { useState, useEffect } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import throttle from 'lodash.throttle';
+
+/* eslint-disable consistent-return */
+/* eslint-disable react-hooks/exhaustive-deps */
+function useScrollPosition(containerRef) {
+    const [scrollPosition, setScrollPosition] = useState('start');
+    const updateScrollPosition = () => {
+        if (!containerRef.current)
+            return;
+        const { width } = containerRef.current.getBoundingClientRect();
+        const { scrollLeft, scrollWidth } = containerRef.current;
+        if (scrollWidth < width) {
+            setScrollPosition('none');
+            return;
+        }
+        if (scrollLeft === 0) {
+            setScrollPosition('start');
+            return;
+        }
+        if (scrollLeft + width >= scrollWidth) {
+            setScrollPosition('end');
+            return;
+        }
+        setScrollPosition('middle');
+    };
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        containerRef.current.addEventListener('scroll', updateScrollPosition);
+        return () => { var _a; return (_a = containerRef.current) === null || _a === undefined ? undefined : _a.removeEventListener('scroll', updateScrollPosition); };
+    }, [containerRef.current]);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        const resizeObserverCallback = throttle(updateScrollPosition, 50);
+        const resizeObserver = new ResizeObserver(resizeObserverCallback);
+        resizeObserver.observe(containerRef.current);
+        return () => resizeObserver.disconnect();
+    }, [containerRef.current]);
+    return { scrollPosition, containerRef };
+}
+
+export { useScrollPosition };
 //# sourceMappingURL=useScrollPosition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../../src/components/DataTable/hooks/useScrollPosition.ts"],"sourcesContent":[null],"names":["useScrollPosition","containerRef"],"mappings":"uHA4CC,SAAAA,EAAAC"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../../src/components/DataTable/hooks/useScrollPosition.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;AACA;AAMM,SAAU,iBAAiB,CAAC,YAAoC,EAAA;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,OAAO,CAAC;IAE7E,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE;QAC9D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,OAAO;QACxD,IAAI,WAAW,GAAG,KAAK,EAAE;YACvB,iBAAiB,CAAC,MAAM,CAAC;YACzB;AACD;QACD,IAAI,UAAU,KAAK,CAAC,EAAE;YACpB,iBAAiB,CAAC,OAAO,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,UAAU,GAAG,KAAK,IAAI,WAAW,EAAE;YACrC,iBAAiB,CAAC,KAAK,CAAC;YACxB;AACD;QACD,iBAAiB,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC;AACrE,QAAA,OAAO,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA,EAAA;AACxF,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1B,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC;AACjE,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAC5C,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE;AACzC;;;;"}

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

@@ -1,2 +1,69 @@
-"use strict";var e=require("react"),t=require("../components/SelectionHeader.cjs"),n=require("../components/SelectionCell.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);const c=[[],()=>{}];exports.useSelection=function({selectionMode:e="multiple",selectionState:l,enabledRowIds:s}){const d=!!l,[o,r]=l||c,a=()=>{o.length!==s.length?r(s):r([])};return{selectionEnabled:d,selectedRowIds:o,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,l)=>i.default.createElement(t.SelectionHeader,{...l,selected:o.length===s.length,indeterminate:o.length>0&&o.length<s.length,onChange:a,selectionMode:e}),renderCell:(t,l,c,s)=>i.default.createElement(n.SelectionCell,{...l,rowId:t.id,selected:s.selected,onChange:c.setSelected,selectionMode:e,disabled:s.disabled})},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)r([n]);else if(t){if(o.includes(n))return;const e=[...o,n];r(e)}else{const e=o.findIndex((e=>e===n));if(e<0)return;const t=[...o];t.splice(e,1),r(t)}}}};
+'use strict';
+
+var React = require('react');
+var SelectionHeader = require('../components/SelectionHeader.cjs');
+var SelectionCell = require('../components/SelectionCell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/* 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__default.default.createElement(SelectionHeader.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__default.default.createElement(SelectionCell.SelectionCell, { ...cellProps, rowId: row.id, selected: rowState.selected, onChange: actions.setSelected, selectionMode: selectionMode, disabled: rowState.disabled })),
+    };
+    return {
+        selectionEnabled,
+        selectedRowIds,
+        selectionColumn,
+        setSelected,
+    };
+}
+
+exports.useSelection = useSelection;
 //# sourceMappingURL=useSelection.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelection.cjs","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":[null],"names":["emptySelectionState","selectionMode","selectionState","enabledRowIds","selectionEnabled"],"mappings":"oMAYeA,EAAU,CAAA,GAAA,6BACvB,UAAAC,cAAAA,EAAA,WAAAC,eAAAA,EAAAC,cAAAA,IAIc,MAAAC,IAAAF"}
+{"version":3,"file":"useSelection.cjs","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":[null],"names":["React","SelectionHeader","SelectionCell"],"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,MAChCA,sBAAC,CAAA,aAAA,CAAAC,+BAAe,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,MAC5CD,qCAACE,2BAAa,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/hooks/useSelection.d.ts

@@ -10,4 +10,3 @@ export declare function useSelection({ selectionMode, selectionState, enabledRow
     selectionColumn: ColumnConfig;
     setSelected: SetSelectedAction;
 };
-//# sourceMappingURL=useSelection.d.ts.map

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;;;;"}