@veeqo/ui 9.0.0-beta-3 → 9.0.0

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

@@ -1,2 +1,60 @@
-import{useState as t,useEffect as o}from"react";import{customEventEmitter as i}from"../utils/customEventEmitter.js";const d=({tableRef:d,columns:n,columnIds:e,columnWidths:c})=>{const[r,l]=t(c||{});return o((()=>{const t=n.reduce(((t,o)=>(t[o.id]=o.width,t)),{});const o=c?{...r}:t;Object.keys(t).forEach((i=>{void 0===typeof r[i]&&(o[i]=t[i])})),l(o)}),[JSON.stringify(e)]),o((()=>{c&&l(c)}),[c]),{setColumnWidth:({columnId:t,width:o})=>{const e={...r};return n.forEach(((i,c)=>{const l=c===n.length-1,u=i.id===t?o:((t,o)=>{var i,n,e;return o?r[t.id]||t.width:r[t.id]||t.width||(null===(e=null===(n=null===(i=d.current)||void 0===i?void 0:i.querySelector(`th[data-columnid="${t.id}"]`))||void 0===n?void 0:n.getBoundingClientRect())||void 0===e?void 0:e.width)||void 0})(i,l);e[i.id]=u})),l(e),i("columnWidthUpdated",{tableRef:d,columnWidths:e}),e},columnWidths:r}};export{d as useColumnWidths};
+import { useState, useEffect } from 'react';
+import { customEventEmitter } from '../utils/customEventEmitter.js';
+
+const useColumnWidths = ({ tableRef, columns, columnIds, columnWidths: initialColumnWidths, }) => {
+    const getColumnWidths = (cols) => cols.reduce((obj, item) => {
+        // eslint-disable-next-line no-param-reassign
+        obj[item.id] = item.width;
+        return obj;
+    }, {});
+    const [columnWidths, setColumnWidths] = useState(initialColumnWidths || {});
+    const setColumnWidth = ({ columnId, width }) => {
+        const calculateWidth = (column, lastColumn) => {
+            var _a, _b, _c;
+            if (lastColumn)
+                return columnWidths[column.id] || column.width;
+            const val = columnWidths[column.id] ||
+                column.width ||
+                ((_c = (_b = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelector(`th[data-columnid="${column.id}"]`)) === null || _b === undefined ? undefined : _b.getBoundingClientRect()) === null || _c === undefined ? undefined : _c.width) ||
+                undefined;
+            return val;
+        };
+        const newColumnWidths = { ...columnWidths };
+        columns.forEach((column, i) => {
+            const lastColumn = i === columns.length - 1;
+            const newWidth = column.id === columnId ? width : calculateWidth(column, lastColumn);
+            newColumnWidths[column.id] = newWidth;
+        });
+        setColumnWidths(newColumnWidths);
+        customEventEmitter('columnWidthUpdated', {
+            tableRef,
+            // eslint-disable-next-line @typescript-eslint/no-shadow
+            columnWidths: newColumnWidths,
+        });
+        return newColumnWidths;
+    };
+    useEffect(() => {
+        const widths = getColumnWidths(columns);
+        const newColumnWidths = initialColumnWidths ? { ...columnWidths } : widths;
+        Object.keys(widths).forEach((key) => {
+            if (typeof columnWidths[key] === undefined) {
+                newColumnWidths[key] = widths[key];
+            }
+        });
+        setColumnWidths(newColumnWidths);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(columnIds)]);
+    /** This is used to set column widths when new columns are passed into the DataTable, is used when persisting table widths */
+    useEffect(() => {
+        if (!initialColumnWidths)
+            return;
+        setColumnWidths(initialColumnWidths);
+    }, [initialColumnWidths]);
+    return {
+        setColumnWidth,
+        columnWidths,
+    };
+};
+
+export { useColumnWidths };
 //# sourceMappingURL=useColumnWidths.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumnWidths.js","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":[null],"names":["useColumnWidths","tableRef","columns","columnIds","columnWidths","initialColumnWidths","reduce","obj","item","id","width","column","lastColumn"],"mappings":"oHAWA,MAAAA,EAA4B,EAAAC,WAAAC,UAAAC,YAAAC,aAAAC,MAMhB,6CAAsBC,QAAA,CAAAC,EAAAC,KAErBD,EAAAC,EAAAC,IAAQD,EAAEE,8LA8DrB,6EAAA,EAAAC,EAAAC"}
+{"version":3,"file":"useColumnWidths.js","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,2 +1,33 @@
-"use strict";var n=require("react"),e=require("./useColumnWidths.cjs");exports.useColumns=function(i,t,d,l){const{columnWidths:s,setColumnWidth:u}=e.useColumnWidths({tableRef:t,columns:i,columnIds:i.map((({id:n})=>n)),columnWidths:l}),o=n.useCallback((({columnId:n,width:e})=>{const i=u({columnId:n,width:e});d&&d(i||s)}),[u,d,s]),r=i.filter((n=>!0!==n.hidden)),c=r.filter((n=>"left"===n.pinned)),m=r.filter((n=>"right"===n.pinned)),h=r.filter((n=>"none"===n.pinned||!n.pinned));return{visible:[...c,...h,...m],columnWidths:s,pinnedLeft:c,pinnedRight:m,setColumnWidth:o}};
+'use strict';
+
+var React = require('react');
+var useColumnWidths = require('./useColumnWidths.cjs');
+
+function useColumns(columns, tableRef, onResizeColumns, columnWidths) {
+    const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } = useColumnWidths.useColumnWidths({
+        tableRef,
+        columns,
+        columnIds: columns.map(({ id }) => id),
+        columnWidths,
+    });
+    const setColumnWidth = React.useCallback(({ columnId, width }) => {
+        const updatedColumnWidths = originalSetColumnWidth({ columnId, width });
+        if (onResizeColumns) {
+            onResizeColumns(updatedColumnWidths || finalColumnWidths);
+        }
+    }, [originalSetColumnWidth, onResizeColumns, finalColumnWidths]);
+    const visible = columns.filter((col) => col.hidden !== true);
+    const pinnedLeft = visible.filter((col) => col.pinned === 'left');
+    const pinnedRight = visible.filter((col) => col.pinned === 'right');
+    const notPinned = visible.filter((col) => col.pinned === 'none' || !col.pinned);
+    return {
+        visible: [...pinnedLeft, ...notPinned, ...pinnedRight],
+        columnWidths: finalColumnWidths,
+        pinnedLeft,
+        pinnedRight,
+        setColumnWidth,
+    };
+}
+
+exports.useColumns = useColumns;
 //# sourceMappingURL=useColumns.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumns.cjs","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":[null],"names":["columns","tableRef","onResizeColumns","columnWidths"],"mappings":"0FAIgB,SAAAA,EACdC,EAASC,EACTC"}
+{"version":3,"file":"useColumns.cjs","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":[null],"names":["useColumnWidths","useCallback"],"mappings":";;;;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/EA,+BAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D;KACF,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}

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

@@ -7,4 +7,3 @@ export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<H
     pinnedRight: import("../types").ColumnConfig[];
     setColumnWidth: ({ columnId, width }: ColumnWidthState) => void;
 };
-//# sourceMappingURL=useColumns.d.ts.map

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

@@ -1,2 +1,31 @@
-import{useCallback as n}from"react";import{useColumnWidths as i}from"./useColumnWidths.js";function t(t,e,d,o){const{columnWidths:l,setColumnWidth:m}=i({tableRef:e,columns:t,columnIds:t.map((({id:n})=>n)),columnWidths:o}),r=n((({columnId:n,width:i})=>{const t=m({columnId:n,width:i});d&&d(t||l)}),[m,d,l]),s=t.filter((n=>!0!==n.hidden)),u=s.filter((n=>"left"===n.pinned)),c=s.filter((n=>"right"===n.pinned)),h=s.filter((n=>"none"===n.pinned||!n.pinned));return{visible:[...u,...h,...c],columnWidths:l,pinnedLeft:u,pinnedRight:c,setColumnWidth:r}}export{t as useColumns};
+import { useCallback } from 'react';
+import { useColumnWidths } from './useColumnWidths.js';
+
+function useColumns(columns, tableRef, onResizeColumns, columnWidths) {
+    const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } = useColumnWidths({
+        tableRef,
+        columns,
+        columnIds: columns.map(({ id }) => id),
+        columnWidths,
+    });
+    const setColumnWidth = useCallback(({ columnId, width }) => {
+        const updatedColumnWidths = originalSetColumnWidth({ columnId, width });
+        if (onResizeColumns) {
+            onResizeColumns(updatedColumnWidths || finalColumnWidths);
+        }
+    }, [originalSetColumnWidth, onResizeColumns, finalColumnWidths]);
+    const visible = columns.filter((col) => col.hidden !== true);
+    const pinnedLeft = visible.filter((col) => col.pinned === 'left');
+    const pinnedRight = visible.filter((col) => col.pinned === 'right');
+    const notPinned = visible.filter((col) => col.pinned === 'none' || !col.pinned);
+    return {
+        visible: [...pinnedLeft, ...notPinned, ...pinnedRight],
+        columnWidths: finalColumnWidths,
+        pinnedLeft,
+        pinnedRight,
+        setColumnWidth,
+    };
+}
+
+export { useColumns };
 //# sourceMappingURL=useColumns.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumns.js","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":[null],"names":["useColumns","columns","tableRef","onResizeColumns","columnWidths"],"mappings":"2FAIgB,SAAAA,EAAAC,EACdC,EAASC,EACTC"}
+{"version":3,"file":"useColumns.js","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/E,eAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D;KACF,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}

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

@@ -1,2 +1,58 @@
-"use strict";var e=require("react");exports.useDragToScroll=function(t){e.useEffect((()=>{if(!t.current)return;let e=!1;const r=t.current,n={left:0,x:0},o=t=>{if(!r)return;const o=t.clientX-n.x;r.scrollLeft=n.left-o,e||(r.style.cursor="grabbing",r.style.userSelect="none"),e=!0},s=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",s),e=!1,r&&(r.style.removeProperty("cursor"),r.style.removeProperty("user-select"))},u=e=>{var t,u,l;r&&(e.target instanceof HTMLElement&&(null===(l=null===(u=null===(t=e.target)||void 0===t?void 0:t.classList)||void 0===u?void 0:u.contains)||void 0===l?void 0:l.call(u,"th-divider"))||(n.left=r.scrollLeft,n.x=e.clientX,document.addEventListener("mousemove",o),document.addEventListener("mouseup",s)))};return r.addEventListener("mousedown",u),()=>null==r?void 0:r.removeEventListener("mousedown",u)}),[t.current])};
+'use strict';
+
+var React = require('react');
+
+function useDragToScroll(targetRef) {
+    React.useEffect(() => {
+        if (!targetRef.current)
+            return;
+        let isDragging = false;
+        const scrollTarget = targetRef.current;
+        const position = {
+            left: 0,
+            x: 0,
+        };
+        const mouseMoveHandler = (e) => {
+            if (!scrollTarget)
+                return;
+            const dx = e.clientX - position.x;
+            scrollTarget.scrollLeft = position.left - dx;
+            if (!isDragging) {
+                scrollTarget.style.cursor = 'grabbing';
+                scrollTarget.style.userSelect = 'none';
+            }
+            isDragging = true;
+        };
+        const mouseUpHandler = () => {
+            document.removeEventListener('mousemove', mouseMoveHandler);
+            document.removeEventListener('mouseup', mouseUpHandler);
+            isDragging = false;
+            if (!scrollTarget)
+                return;
+            scrollTarget.style.removeProperty('cursor');
+            scrollTarget.style.removeProperty('user-select');
+        };
+        const mouseDownHandler = (e) => {
+            var _a, _b, _c;
+            if (!scrollTarget)
+                return;
+            /** NOTE: prevents table scroll when resizing columns,
+             * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here
+             * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.
+             */
+            if (e.target instanceof HTMLElement && ((_c = (_b = (_a = e.target) === null || _a === undefined ? undefined : _a.classList) === null || _b === undefined ? undefined : _b.contains) === null || _c === undefined ? undefined : _c.call(_b, 'th-divider')))
+                return;
+            position.left = scrollTarget.scrollLeft;
+            position.x = e.clientX;
+            document.addEventListener('mousemove', mouseMoveHandler);
+            document.addEventListener('mouseup', mouseUpHandler);
+        };
+        scrollTarget.addEventListener('mousedown', mouseDownHandler);
+        /* eslint-disable-next-line consistent-return */
+        return () => scrollTarget === null || scrollTarget === undefined ? undefined : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [targetRef.current]);
+}
+
+exports.useDragToScroll = useDragToScroll;
 //# sourceMappingURL=useDragToScroll.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDragToScroll.cjs","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":[null],"names":["targetRef"],"mappings":"4DAEgB,SAAAA"}
+{"version":3,"file":"useDragToScroll.cjs","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;AAEM,SAAU,eAAe,CAAC,SAAiC,EAAA;IAC/DA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,KAAI,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,gDAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAG,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,YAAY,CAAC,CAAA;gBAAE;AAEtF,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}

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

@@ -1,3 +1,2 @@
 import { RefObject } from 'react';
 export declare function useDragToScroll(targetRef: RefObject<HTMLElement>): void;
-//# sourceMappingURL=useDragToScroll.d.ts.map

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

@@ -1,2 +1,56 @@
-import{useEffect as e}from"react";function t(t){e((()=>{if(!t.current)return;let e=!1;const r=t.current,n={left:0,x:0},o=t=>{if(!r)return;const o=t.clientX-n.x;r.scrollLeft=n.left-o,e||(r.style.cursor="grabbing",r.style.userSelect="none"),e=!0},s=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",s),e=!1,r&&(r.style.removeProperty("cursor"),r.style.removeProperty("user-select"))},l=e=>{var t,l,u;r&&(e.target instanceof HTMLElement&&(null===(u=null===(l=null===(t=e.target)||void 0===t?void 0:t.classList)||void 0===l?void 0:l.contains)||void 0===u?void 0:u.call(l,"th-divider"))||(n.left=r.scrollLeft,n.x=e.clientX,document.addEventListener("mousemove",o),document.addEventListener("mouseup",s)))};return r.addEventListener("mousedown",l),()=>null==r?void 0:r.removeEventListener("mousedown",l)}),[t.current])}export{t as useDragToScroll};
+import { useEffect } from 'react';
+
+function useDragToScroll(targetRef) {
+    useEffect(() => {
+        if (!targetRef.current)
+            return;
+        let isDragging = false;
+        const scrollTarget = targetRef.current;
+        const position = {
+            left: 0,
+            x: 0,
+        };
+        const mouseMoveHandler = (e) => {
+            if (!scrollTarget)
+                return;
+            const dx = e.clientX - position.x;
+            scrollTarget.scrollLeft = position.left - dx;
+            if (!isDragging) {
+                scrollTarget.style.cursor = 'grabbing';
+                scrollTarget.style.userSelect = 'none';
+            }
+            isDragging = true;
+        };
+        const mouseUpHandler = () => {
+            document.removeEventListener('mousemove', mouseMoveHandler);
+            document.removeEventListener('mouseup', mouseUpHandler);
+            isDragging = false;
+            if (!scrollTarget)
+                return;
+            scrollTarget.style.removeProperty('cursor');
+            scrollTarget.style.removeProperty('user-select');
+        };
+        const mouseDownHandler = (e) => {
+            var _a, _b, _c;
+            if (!scrollTarget)
+                return;
+            /** NOTE: prevents table scroll when resizing columns,
+             * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here
+             * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.
+             */
+            if (e.target instanceof HTMLElement && ((_c = (_b = (_a = e.target) === null || _a === undefined ? undefined : _a.classList) === null || _b === undefined ? undefined : _b.contains) === null || _c === undefined ? undefined : _c.call(_b, 'th-divider')))
+                return;
+            position.left = scrollTarget.scrollLeft;
+            position.x = e.clientX;
+            document.addEventListener('mousemove', mouseMoveHandler);
+            document.addEventListener('mouseup', mouseUpHandler);
+        };
+        scrollTarget.addEventListener('mousedown', mouseDownHandler);
+        /* eslint-disable-next-line consistent-return */
+        return () => scrollTarget === null || scrollTarget === undefined ? undefined : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [targetRef.current]);
+}
+
+export { useDragToScroll };
 //# sourceMappingURL=useDragToScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDragToScroll.js","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":[null],"names":["useDragToScroll","targetRef"],"mappings":"kCAEgB,SAAAA,EAAAC"}
+{"version":3,"file":"useDragToScroll.js","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,SAAiC,EAAA;IAC/D,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,KAAI,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,gDAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAG,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,YAAY,CAAC,CAAA;gBAAE;AAEtF,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}

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