@economic/taco 1.40.3 → 2.0.0-alpha.173

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePauseHoverState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePauseHoverState.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePauseHoverState.ts"],"sourcesContent":["import React from 'react';\nimport { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused';\n\nexport function usePauseHoverState() {\n    const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();\n\n    const onKeyDown = React.useCallback((event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            setHoverStatePaused(true);\n        }\n    }, []);\n\n    return {\n        isPaused: isHoverStatePaused,\n        pause: setHoverStatePaused,\n        handleKeyDown: onKeyDown,\n    };\n}\n"],"names":["usePauseHoverState","isHoverStatePaused","setHoverStatePaused","useIsHoverStatePaused","onKeyDown","React","useCallback","event","key","isPaused","pause","handleKeyDown"],"mappings":";;;SAGgBA,kBAAkB;EAC9B,MAAM,CAACC,kBAAkB,EAAEC,mBAAmB,CAAC,GAAGC,qBAAqB,EAAE;EAEzE,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAAEC,KAA0B;IAC3D,IAAIA,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;MACtDN,mBAAmB,CAAC,IAAI,CAAC;;GAEhC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHO,QAAQ,EAAER,kBAAkB;IAC5BS,KAAK,EAAER,mBAAmB;IAC1BS,aAAa,EAAEP;GAClB;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePrinting.js

@@ -0,0 +1,9 @@
+function usePrinting(isEnabled, loadAll) {
+  return {
+    isEnabled,
+    loadAll
+  };
+}
+
+export { usePrinting };
+//# sourceMappingURL=usePrinting.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePrinting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrinting.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePrinting.ts"],"sourcesContent":["import { Table3LoadAllHandler } from '../../types';\n\nexport function usePrinting(isEnabled: boolean, loadAll?: Table3LoadAllHandler) {\n    return {\n        isEnabled,\n        loadAll,\n    };\n}\n"],"names":["usePrinting","isEnabled","loadAll"],"mappings":"SAEgBA,WAAW,CAACC,SAAkB,EAAEC,OAA8B;EAC1E,OAAO;IACHD,SAAS;IACTC;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowClick.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+
+function useRowClick(onRowClick) {
+  const onKeyDown = React__default.useCallback((event, table) => {
+    if (typeof onRowClick !== 'function' || event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    const rows = table.getRowModel().rows;
+    const tableMeta = table.options.meta;
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      if (onRowClick) {
+        onRowClick(rows[tableMeta.currentRow.currentRowIndex].original);
+      }
+      return;
+    }
+  }, [onRowClick]);
+  return {
+    handleKeyDown: onKeyDown,
+    handleClick: onRowClick
+  };
+}
+
+export { useRowClick };
+//# sourceMappingURL=useRowClick.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowClick.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { Table3RowClickHandler } from '../../types';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowClick<TType = unknown>(onRowClick?: Table3RowClickHandler<TType>) {\n    const onKeyDown = React.useCallback(\n        (event: React.KeyboardEvent, table: RTable<TType>) => {\n            if (typeof onRowClick !== 'function' || event.isDefaultPrevented() || event.isPropagationStopped()) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as TableMeta<TType>;\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[tableMeta.currentRow.currentRowIndex].original as TType);\n                }\n\n                return;\n            }\n        },\n        [onRowClick]\n    ) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        handleClick: onRowClick,\n    };\n}\n"],"names":["useRowClick","onRowClick","onKeyDown","React","useCallback","event","table","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","options","meta","key","preventDefault","currentRow","currentRowIndex","original","handleKeyDown","handleClick"],"mappings":";;SAIgBA,WAAW,CAAkBC,UAAyC;EAClF,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAC/B,CAACC,KAA0B,EAAEC,KAAoB;IAC7C,IAAI,OAAOL,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,kBAAkB,EAAE,IAAIF,KAAK,CAACG,oBAAoB,EAAE,EAAE;MAChG;;IAGJ,MAAMC,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGL,KAAK,CAACM,OAAO,CAACC,IAAwB;IAExD,IAAIR,KAAK,CAACS,GAAG,KAAK,OAAO,EAAE;MACvBT,KAAK,CAACU,cAAc,EAAE;MAEtB,IAAId,UAAU,EAAE;QACZA,UAAU,CAACQ,IAAI,CAACE,SAAS,CAACK,UAAU,CAACC,eAAe,CAAC,CAACC,QAAiB,CAAC;;MAG5E;;GAEP,EACD,CAACjB,UAAU,CAAC,CACgE;EAEhF,OAAO;IACHkB,aAAa,EAAEjB,SAAS;IACxBkB,WAAW,EAAEnB;GAChB;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrag.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+function useRowDrag(isEnabled) {
+  const [dragging, setDragging] = React__default.useState({});
+  return {
+    isEnabled,
+    dragging,
+    setDragging: isEnabled ? setDragging : () => undefined
+  };
+}
+
+export { useRowDrag };
+//# sourceMappingURL=useRowDrag.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrag.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrag.ts"],"sourcesContent":["import React from 'react';\n\nexport function useRowDrag(isEnabled: boolean) {\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n\n    return {\n        isEnabled,\n        dragging,\n        setDragging: isEnabled ? setDragging : () => undefined,\n    };\n}\n"],"names":["useRowDrag","isEnabled","dragging","setDragging","React","useState","undefined"],"mappings":";;SAEgBA,UAAU,CAACC,SAAkB;EACzC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAA0B,EAAE,CAAC;EAE3E,OAAO;IACHJ,SAAS;IACTC,QAAQ;IACRC,WAAW,EAAEF,SAAS,GAAGE,WAAW,GAAG,MAAMG;GAChD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrop.js

@@ -0,0 +1,9 @@
+function useRowDrop(isEnabled, handler) {
+  return {
+    isEnabled,
+    handleDrop: isEnabled && handler ? handler : () => undefined
+  };
+}
+
+export { useRowDrop };
+//# sourceMappingURL=useRowDrop.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrop.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrop.ts"],"sourcesContent":["import { Table3RowDropHandler } from '../../types';\n\nexport function useRowDrop(isEnabled: boolean, handler: Table3RowDropHandler | undefined) {\n    return {\n        isEnabled,\n        handleDrop: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useRowDrop","isEnabled","handler","handleDrop","undefined"],"mappings":"SAEgBA,UAAU,CAACC,SAAkB,EAAEC,OAAyC;EACpF,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowGoto.js

@@ -0,0 +1,9 @@
+function useRowGoto(isEnabled, handler) {
+  return {
+    isEnabled,
+    handleGoto: isEnabled && handler ? handler : () => undefined
+  };
+}
+
+export { useRowGoto };
+//# sourceMappingURL=useRowGoto.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowGoto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowGoto.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowGoto.ts"],"sourcesContent":["import { Table3RowGotoHandler } from '../../types';\n\nexport function useRowGoto(isEnabled: boolean, handler: Table3RowGotoHandler | undefined) {\n    return {\n        isEnabled,\n        handleGoto: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useRowGoto","isEnabled","handler","handleGoto","undefined"],"mappings":"SAEgBA,UAAU,CAACC,SAAkB,EAAEC,OAAyC;EACpF,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowHeight.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+function convertDeprecatedRowDensityToRowHeight(rowHeight) {
+  switch (rowHeight) {
+    case 'compact':
+      return 'short';
+    case 'normal':
+      return 'medium';
+    case 'comfortable':
+      return 'tall';
+    case 'spacious':
+      return 'extra-tall';
+    default:
+      return rowHeight;
+  }
+}
+function useRowHeight(isEnabled, defaultRowHeight = 'medium') {
+  const [height, setHeight] = React__default.useState(convertDeprecatedRowDensityToRowHeight(defaultRowHeight));
+  return {
+    isEnabled,
+    height,
+    setHeight: isEnabled ? setHeight : () => undefined
+  };
+}
+
+export { useRowHeight };
+//# sourceMappingURL=useRowHeight.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowHeight.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowHeight.ts"],"sourcesContent":["import React from 'react';\nimport { DeprecatedRowDensity, Table3RowHeight } from '../../types';\n\nfunction convertDeprecatedRowDensityToRowHeight(rowHeight: Table3RowHeight | DeprecatedRowDensity) {\n    switch (rowHeight) {\n        case 'compact':\n            return 'short';\n\n        case 'normal':\n            return 'medium';\n\n        case 'comfortable':\n            return 'tall';\n\n        case 'spacious':\n            return 'extra-tall';\n\n        default:\n            return rowHeight;\n    }\n}\n\nexport function useRowHeight(isEnabled: boolean, defaultRowHeight: Table3RowHeight | DeprecatedRowDensity = 'medium') {\n    const [height, setHeight] = React.useState<Table3RowHeight>(convertDeprecatedRowDensityToRowHeight(defaultRowHeight));\n\n    return {\n        isEnabled,\n        height,\n        setHeight: isEnabled ? setHeight : () => undefined,\n    };\n}\n"],"names":["convertDeprecatedRowDensityToRowHeight","rowHeight","useRowHeight","isEnabled","defaultRowHeight","height","setHeight","React","useState","undefined"],"mappings":";;AAGA,SAASA,sCAAsC,CAACC,SAAiD;EAC7F,QAAQA,SAAS;IACb,KAAK,SAAS;MACV,OAAO,OAAO;IAElB,KAAK,QAAQ;MACT,OAAO,QAAQ;IAEnB,KAAK,aAAa;MACd,OAAO,MAAM;IAEjB,KAAK,UAAU;MACX,OAAO,YAAY;IAEvB;MACI,OAAOA,SAAS;;AAE5B;SAEgBC,YAAY,CAACC,SAAkB,EAAEC,mBAA2D,QAAQ;EAChH,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAkBR,sCAAsC,CAACI,gBAAgB,CAAC,CAAC;EAErH,OAAO;IACHD,SAAS;IACTE,MAAM;IACNC,SAAS,EAAEH,SAAS,GAAGG,SAAS,GAAG,MAAMG;GAC5C;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+function useRowSelection() {
+  const lastSelectedRowIndex = React__default.useRef();
+  const onKeyDown = React__default.useCallback((event, table) => {
+    if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    const rows = table.getRowModel().rows;
+    const tableMeta = table.options.meta;
+    if (event.key === ' ') {
+      var _rows$tableMeta$curre;
+      event.preventDefault();
+      (_rows$tableMeta$curre = rows[tableMeta.currentRow.currentRowIndex]) === null || _rows$tableMeta$curre === void 0 ? void 0 : _rows$tableMeta$curre.toggleSelected();
+      return;
+    } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {
+      event.preventDefault();
+      table.toggleAllRowsSelected();
+      return;
+    }
+  }, []);
+  return {
+    handleKeyDown: onKeyDown,
+    lastSelectedRowIndex
+  };
+}
+
+export { useRowSelection };
+//# sourceMappingURL=useRowSelection.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowSelection() {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(<TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => {\n        if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        const rows = table.getRowModel().rows;\n        const tableMeta = table.options.meta as TableMeta<TType>;\n\n        if (event.key === ' ') {\n            event.preventDefault();\n            rows[tableMeta.currentRow.currentRowIndex]?.toggleSelected();\n            return;\n        } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n            event.preventDefault();\n            table.toggleAllRowsSelected();\n            return;\n        }\n    }, []) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useRowSelection","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","meta","key","preventDefault","currentRow","currentRowIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,eAAe;EAC3B,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAAC,CAAkBC,KAA0B,EAAEC,KAAoB;IAClG,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,kBAAkB,EAAE,IAAIJ,KAAK,CAACK,oBAAoB,EAAE,EAAE;MACjG;;IAGJ,MAAMC,IAAI,GAAGL,KAAK,CAACM,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGP,KAAK,CAACC,OAAO,CAACO,IAAwB;IAExD,IAAIT,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAAA;MACnBV,KAAK,CAACW,cAAc,EAAE;MACtB,yBAAAL,IAAI,CAACE,SAAS,CAACI,UAAU,CAACC,eAAe,CAAC,0DAA1C,sBAA4CC,cAAc,EAAE;MAC5D;KACH,MAAM,IAAI,CAACd,KAAK,CAACe,OAAO,IAAIf,KAAK,CAACgB,OAAO,KAAKhB,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAC9DV,KAAK,CAACW,cAAc,EAAE;MACtBV,KAAK,CAACgB,qBAAqB,EAAE;MAC7B;;GAEP,EAAE,EAAE,CAAgF;EAErF,OAAO;IACHC,aAAa,EAAEpB,SAAS;IACxBH;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSearch.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false, loadAll) {
+  const [query, setQuery] = React__default.useState();
+  const [enableHighlighting, setEnableHighlighting] = React__default.useState(true);
+  const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React__default.useState(excludeUnmatchedResultsInSearch);
+  // highlighting
+  const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React__default.useState([]);
+  const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React__default.useState(undefined);
+  return {
+    isEnabled,
+    isHighlightingEnabled: enableHighlighting,
+    toggleHighlighting: setEnableHighlighting,
+    excludeUnmatchedResults,
+    toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,
+    query,
+    setQuery: isEnabled ? setQuery : () => undefined,
+    highlightedColumnIndexes,
+    setHighlightedColumnIndexes,
+    currentHighlightColumnIndex,
+    setCurrentHighlightColumnIndex,
+    loadAll
+  };
+}
+
+export { useSearch };
+//# sourceMappingURL=useSearch.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSearch.ts"],"sourcesContent":["import React from 'react';\nimport { Table3LoadAllHandler } from '../../types';\n\nexport function useSearch(isEnabled: boolean, excludeUnmatchedResultsInSearch = false, loadAll?: Table3LoadAllHandler) {\n    const [query, setQuery] = React.useState<string | undefined>();\n    const [enableHighlighting, setEnableHighlighting] = React.useState<boolean>(true);\n    const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React.useState<boolean>(excludeUnmatchedResultsInSearch);\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        isHighlightingEnabled: enableHighlighting,\n        toggleHighlighting: setEnableHighlighting,\n        excludeUnmatchedResults,\n        toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,\n        query,\n        setQuery: isEnabled ? setQuery : () => undefined,\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n        loadAll,\n    };\n}\n"],"names":["useSearch","isEnabled","excludeUnmatchedResultsInSearch","loadAll","query","setQuery","React","useState","enableHighlighting","setEnableHighlighting","excludeUnmatchedResults","setExcludeUnmatchedResults","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined","isHighlightingEnabled","toggleHighlighting","toggleExcludeUnmatchedResults"],"mappings":";;SAGgBA,SAAS,CAACC,SAAkB,EAAEC,+BAA+B,GAAG,KAAK,EAAEC,OAA8B;EACjH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAsB;EAC9D,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAU,IAAI,CAAC;EACjF,MAAM,CAACG,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAUL,+BAA+B,CAAC;;EAGtH,MAAM,CAACU,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGP,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACO,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGT,cAAK,CAACC,QAAQ,CAAqBS,SAAS,CAAC;EAEnH,OAAO;IACHf,SAAS;IACTgB,qBAAqB,EAAET,kBAAkB;IACzCU,kBAAkB,EAAET,qBAAqB;IACzCC,uBAAuB;IACvBS,6BAA6B,EAAER,0BAA0B;IACzDP,KAAK;IACLC,QAAQ,EAAEJ,SAAS,GAAGI,QAAQ,GAAG,MAAMW,SAAS;IAChDJ,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC,8BAA8B;IAC9BZ;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useCurrentRowListener.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+function useCurrentRowListener(table) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  React__default.useEffect(() => {
+    if (meta.currentRow.currentRowIndex > rows.length) {
+      meta.currentRow.setCurrentRowIndex(0);
+    }
+  }, [rows.length]);
+}
+
+export { useCurrentRowListener };
+//# sourceMappingURL=useCurrentRowListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useCurrentRowListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentRowListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useCurrentRowListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useCurrentRowListener<TType = unknown>(table: RTable<TType>) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(() => {\n        if (meta.currentRow.currentRowIndex > rows.length) {\n            meta.currentRow.setCurrentRowIndex(0);\n        }\n    }, [rows.length]);\n}\n"],"names":["useCurrentRowListener","table","meta","options","rows","getRowModel","React","useEffect","currentRow","currentRowIndex","length","setCurrentRowIndex"],"mappings":";;SAGgBA,qBAAqB,CAAkBC,KAAoB;EACvE,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAwB;EACnD,MAAME,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIL,IAAI,CAACM,UAAU,CAACC,eAAe,GAAGL,IAAI,CAACM,MAAM,EAAE;MAC/CR,IAAI,CAACM,UAAU,CAACG,kBAAkB,CAAC,CAAC,CAAC;;GAE5C,EAAE,CAACP,IAAI,CAACM,MAAM,CAAC,CAAC;AACrB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+function useEditingStateListener(table) {
+  const meta = table.options.meta;
+  // save when the row changes
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled && meta.editing.isEditing) {
+      requestAnimationFrame(() => {
+        meta.editing.saveChangesIfNeeded();
+      });
+    }
+  }, [meta.currentRow.currentRowIndex]);
+  // save if editing gets toggled off
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled && !meta.editing.isEditing) {
+      requestAnimationFrame(() => {
+        meta.editing.saveChangesIfNeeded();
+      });
+    }
+  }, [meta.editing.isEditing]);
+}
+
+export { useEditingStateListener };
+//# sourceMappingURL=useEditingStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditingStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useEditingStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useEditingStateListener<TType = unknown>(table: RTable<TType>) {\n    const meta = table.options.meta as TableMeta<TType>;\n\n    // save when the row changes\n    React.useEffect(() => {\n        if (meta.editing.isEnabled && meta.editing.isEditing) {\n            requestAnimationFrame(() => {\n                meta.editing.saveChangesIfNeeded();\n            });\n        }\n    }, [meta.currentRow.currentRowIndex]);\n\n    // save if editing gets toggled off\n    React.useEffect(() => {\n        if (meta.editing.isEnabled && !meta.editing.isEditing) {\n            requestAnimationFrame(() => {\n                meta.editing.saveChangesIfNeeded();\n            });\n        }\n    }, [meta.editing.isEditing]);\n}\n"],"names":["useEditingStateListener","table","meta","options","React","useEffect","editing","isEnabled","isEditing","requestAnimationFrame","saveChangesIfNeeded","currentRow","currentRowIndex"],"mappings":";;SAGgBA,uBAAuB,CAAkBC,KAAoB;EACzE,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAwB;;EAGnDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,IAAIL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;MAClDC,qBAAqB,CAAC;QAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;OACrC,CAAC;;GAET,EAAE,CAACR,IAAI,CAACS,UAAU,CAACC,eAAe,CAAC,CAAC;;EAGrCR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,IAAI,CAACL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;MACnDC,qBAAqB,CAAC;QAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;OACrC,CAAC;;GAET,EAAE,CAACR,IAAI,CAACI,OAAO,CAACE,SAAS,CAAC,CAAC;AAChC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useFilteringStateListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the filtering state, so that it can filter server side
+function useFilteringStateListener(table, onFilter) {
+  const columnFilters = table.getState().columnFilters;
+  useLazyEffect(() => {
+    if (table.options.enableColumnFilters && typeof onFilter === 'function') {
+      onFilter(columnFilters);
+      if (table.options.enableRowSelection) {
+        table.resetRowSelection();
+      }
+    }
+  }, [table.options.enableColumnFilters, columnFilters]);
+}
+
+export { useFilteringStateListener };
+//# sourceMappingURL=useFilteringStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useFilteringStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteringStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useFilteringStateListener.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3FilterHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the filtering state, so that it can filter server side\nexport function useFilteringStateListener<TType = unknown>(table: RTable<TType>, onFilter?: Table3FilterHandler) {\n    const columnFilters = table.getState().columnFilters;\n\n    useLazyEffect(() => {\n        if (table.options.enableColumnFilters && typeof onFilter === 'function') {\n            onFilter(columnFilters);\n\n            if (table.options.enableRowSelection) {\n                table.resetRowSelection();\n            }\n        }\n    }, [table.options.enableColumnFilters, columnFilters]);\n}\n"],"names":["useFilteringStateListener","table","onFilter","columnFilters","getState","useLazyEffect","options","enableColumnFilters","enableRowSelection","resetRowSelection"],"mappings":";;AAIA;AACA;AACA;SACgBA,yBAAyB,CAAkBC,KAAoB,EAAEC,QAA8B;EAC3G,MAAMC,aAAa,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,aAAa;EAEpDE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,mBAAmB,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MACrEA,QAAQ,CAACC,aAAa,CAAC;MAEvB,IAAIF,KAAK,CAACK,OAAO,CAACE,kBAAkB,EAAE;QAClCP,KAAK,CAACQ,iBAAiB,EAAE;;;GAGpC,EAAE,CAACR,KAAK,CAACK,OAAO,CAACC,mBAAmB,EAAEJ,aAAa,CAAC,CAAC;AAC1D;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useRowSelectionListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useRowSelectionListener(table, onRowSelect) {
+  const rowSelection = table.getState().rowSelection;
+  useLazyEffect(() => {
+    if (table.options.enableRowSelection && typeof onRowSelect === 'function') {
+      const selectedRows = table.getSelectedRowModel().rows;
+      if (table.options.enableMultiRowSelection) {
+        onRowSelect(selectedRows.map(row => row.original));
+      } else {
+        var _ref, _selectedRows$;
+        onRowSelect((_ref = [(_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.original]) !== null && _ref !== void 0 ? _ref : []);
+      }
+    }
+  }, [table.options.enableRowSelection, rowSelection]);
+}
+
+export { useRowSelectionListener };
+//# sourceMappingURL=useRowSelectionListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useRowSelectionListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3RowSelectionHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\nexport function useRowSelectionListener<TType = unknown>(table: RTable<TType>, onRowSelect?: Table3RowSelectionHandler<TType>) {\n    const rowSelection = table.getState().rowSelection;\n\n    useLazyEffect(() => {\n        if (table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            const selectedRows = table.getSelectedRowModel().rows;\n\n            if (table.options.enableMultiRowSelection) {\n                onRowSelect(selectedRows.map(row => row.original));\n            } else {\n                onRowSelect([selectedRows[0]?.original] ?? []);\n            }\n        }\n    }, [table.options.enableRowSelection, rowSelection]);\n}\n"],"names":["useRowSelectionListener","table","onRowSelect","rowSelection","getState","useLazyEffect","options","enableRowSelection","selectedRows","getSelectedRowModel","rows","enableMultiRowSelection","map","row","original"],"mappings":";;SAIgBA,uBAAuB,CAAkBC,KAAoB,EAAEC,WAA8C;EACzH,MAAMC,YAAY,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,YAAY;EAElDE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,kBAAkB,IAAI,OAAOL,WAAW,KAAK,UAAU,EAAE;MACvE,MAAMM,YAAY,GAAGP,KAAK,CAACQ,mBAAmB,EAAE,CAACC,IAAI;MAErD,IAAIT,KAAK,CAACK,OAAO,CAACK,uBAAuB,EAAE;QACvCT,WAAW,CAACM,YAAY,CAACI,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAC,CAAC;OACrD,MAAM;QAAA;QACHZ,WAAW,SAAC,mBAACM,YAAY,CAAC,CAAC,CAAC,mDAAf,eAAiBM,QAAQ,CAAC,uCAAI,EAAE,CAAC;;;GAGzD,EAAE,CAACb,KAAK,CAACK,OAAO,CAACC,kBAAkB,EAAEJ,YAAY,CAAC,CAAC;AACxD;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSearchStateListener.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { _finallyRethrows } from '../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the search state, so that it can search server side
+function useSearchStateListener(table, onSearch) {
+  const tableMeta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  const loadingRef = React__default.useRef(false);
+  const lastUsedExcludeRef = React__default.useRef(tableMeta.search.excludeUnmatchedResults);
+  const handleSearch = function (query, excludeUnmatchedResults) {
+    try {
+      const _temp4 = function () {
+        if (tableMeta.search.isEnabled && !loadingRef.current) {
+          function _temp3() {
+            if (excludeUnmatchedResults && table.options.enableRowSelection) {
+              table.resetRowSelection();
+            }
+          }
+          const _temp2 = function () {
+            if (typeof onSearch === 'function' && (excludeUnmatchedResults || lastUsedExcludeRef.current)) {
+              const _temp = _finallyRethrows(function () {
+                loadingRef.current = true;
+                // if we are transitioning from true to false on exclude, then we need to "reset" by searching with no value
+                return Promise.resolve(onSearch(!excludeUnmatchedResults && lastUsedExcludeRef.current ? undefined : query)).then(function () {});
+              }, function (_wasThrown, _result) {
+                loadingRef.current = false;
+                lastUsedExcludeRef.current = excludeUnmatchedResults;
+                if (_wasThrown) throw _result;
+                return _result;
+              });
+              if (_temp && _temp.then) return _temp.then(function () {});
+            }
+          }();
+          return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+        }
+      }();
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  useLazyEffect(() => {
+    handleSearch(tableMeta.search.query, tableMeta.search.excludeUnmatchedResults);
+  }, [tableMeta.search.isEnabled, tableMeta.search.query, tableMeta.search.excludeUnmatchedResults, rows.length]);
+}
+
+export { useSearchStateListener };
+//# sourceMappingURL=useSearchStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSearchStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSearchStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Table3SearchHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the search state, so that it can search server side\nexport function useSearchStateListener<TType = unknown>(table: RTable<TType>, onSearch?: Table3SearchHandler) {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const loadingRef = React.useRef(false);\n    const lastUsedExcludeRef = React.useRef(tableMeta.search.excludeUnmatchedResults);\n\n    const handleSearch = async (query: string | undefined, excludeUnmatchedResults: boolean) => {\n        if (tableMeta.search.isEnabled && !loadingRef.current) {\n            if (typeof onSearch === 'function' && (excludeUnmatchedResults || lastUsedExcludeRef.current)) {\n                try {\n                    loadingRef.current = true;\n                    // if we are transitioning from true to false on exclude, then we need to \"reset\" by searching with no value\n                    await onSearch(!excludeUnmatchedResults && lastUsedExcludeRef.current ? undefined : query);\n                } finally {\n                    loadingRef.current = false;\n                    lastUsedExcludeRef.current = excludeUnmatchedResults;\n                }\n            }\n\n            if (excludeUnmatchedResults && table.options.enableRowSelection) {\n                table.resetRowSelection();\n            }\n        }\n    };\n\n    useLazyEffect(() => {\n        handleSearch(tableMeta.search.query, tableMeta.search.excludeUnmatchedResults);\n    }, [tableMeta.search.isEnabled, tableMeta.search.query, tableMeta.search.excludeUnmatchedResults, rows.length]);\n}\n"],"names":["useSearchStateListener","table","onSearch","tableMeta","options","meta","rows","getRowModel","loadingRef","React","useRef","lastUsedExcludeRef","search","excludeUnmatchedResults","handleSearch","query","isEnabled","current","enableRowSelection","resetRowSelection","undefined","useLazyEffect","length"],"mappings":";;;;AAKA;AACA;AACA;SACgBA,sBAAsB,CAAkBC,KAAoB,EAAEC,QAA8B;EACxG,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAAwB;EACxD,MAAMC,IAAI,GAAGL,KAAK,CAACM,WAAW,EAAE,CAACD,IAAI;EACrC,MAAME,UAAU,GAAGC,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC;EACtC,MAAMC,kBAAkB,GAAGF,cAAK,CAACC,MAAM,CAACP,SAAS,CAACS,MAAM,CAACC,uBAAuB,CAAC;EAEjF,MAAMC,YAAY,aAAUC,KAAyB,EAAEF,uBAAgC;IAAA;;YAC/EV,SAAS,CAACS,MAAM,CAACI,SAAS,IAAI,CAACR,UAAU,CAACS,OAAO;UAAA;YAAA,IAY7CJ,uBAAuB,IAAIZ,KAAK,CAACG,OAAO,CAACc,kBAAkB;cAC3DjB,KAAK,CAACkB,iBAAiB,EAAE;;;UAAC;YAAA,IAZ1B,OAAOjB,QAAQ,KAAK,UAAU,KAAKW,uBAAuB,IAAIF,kBAAkB,CAACM,OAAO,CAAC;cAAA,2CACrF;gBACAT,UAAU,CAACS,OAAO,GAAG,IAAI;;gBACzB,uBACMf,QAAQ,CAAC,CAACW,uBAAuB,IAAIF,kBAAkB,CAACM,OAAO,GAAGG,SAAS,GAAGL,KAAK,CAAC;eAC7F;gBACGP,UAAU,CAACS,OAAO,GAAG,KAAK;gBAC1BN,kBAAkB,CAACM,OAAO,GAAGJ,uBAAuB;gBAAC;gBAAA;;cAAA;;;UAAA;;;MAAA;KAQpE;MAAA;;;EAEDQ,aAAa,CAAC;IACVP,YAAY,CAACX,SAAS,CAACS,MAAM,CAACG,KAAK,EAAEZ,SAAS,CAACS,MAAM,CAACC,uBAAuB,CAAC;GACjF,EAAE,CAACV,SAAS,CAACS,MAAM,CAACI,SAAS,EAAEb,SAAS,CAACS,MAAM,CAACG,KAAK,EAAEZ,SAAS,CAACS,MAAM,CAACC,uBAAuB,EAAEP,IAAI,CAACgB,MAAM,CAAC,CAAC;AACnH;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useServerLoadingListener.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+function useServerLoadingListener(table, loadPage) {
+  const sorting = table.getState().sorting;
+  const columnFilters = table.getState().columnFilters;
+  const search = table.getState().globalFilter;
+  // trigger load of the first page on mount
+  React__default.useEffect(() => {
+    if (loadPage) {
+      loadPage(0, sorting, columnFilters, search);
+    }
+  }, []);
+}
+
+export { useServerLoadingListener };
+//# sourceMappingURL=useServerLoadingListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useServerLoadingListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerLoadingListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useServerLoadingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable } from '@tanstack/react-table';\nimport { Table3LoadPageHandler } from '../../types';\n\nexport function useServerLoadingListener<TType = unknown>(table: RTable<TType>, loadPage?: Table3LoadPageHandler) {\n    const sorting = table.getState().sorting;\n    const columnFilters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // trigger load of the first page on mount\n    React.useEffect(() => {\n        if (loadPage) {\n            loadPage(0, sorting, columnFilters, search);\n        }\n    }, []);\n}\n"],"names":["useServerLoadingListener","table","loadPage","sorting","getState","columnFilters","search","globalFilter","React","useEffect"],"mappings":";;SAIgBA,wBAAwB,CAAkBC,KAAoB,EAAEC,QAAgC;EAC5G,MAAMC,OAAO,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,OAAO;EACxC,MAAME,aAAa,GAAGJ,KAAK,CAACG,QAAQ,EAAE,CAACC,aAAa;EACpD,MAAMC,MAAM,GAAGL,KAAK,CAACG,QAAQ,EAAE,CAACG,YAAY;;EAG5CC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIP,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAAC,EAAEC,OAAO,EAAEE,aAAa,EAAEC,MAAM,CAAC;;GAElD,EAAE,EAAE,CAAC;AACV;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSettingsStateListener.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+
+function useSettingsStateListener(table, onChangeSettings) {
+  const meta = table.options.meta;
+  const state = table.getState();
+  React__default.useEffect(() => {
+    let handler;
+    if (typeof onChangeSettings === 'function') {
+      handler = setTimeout(() => onChangeSettings({
+        columnFreezingIndex: meta.columnFreezing.frozenColumnIndex,
+        columnOrder: state.columnOrder,
+        columnPinning: state.columnPinning,
+        columnSizing: state.columnSizing,
+        columnVisibility: state.columnVisibility,
+        excludeUnmatchedRecordsInSearch: meta.search.excludeUnmatchedResults,
+        fontSize: meta.fontSize.size,
+        rowHeight: meta.rowHeight.height,
+        sorting: state.sorting
+      }), 250);
+    }
+    return () => clearTimeout(handler);
+  }, [onChangeSettings, state.columnFilters, state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, meta.columnFreezing.frozenColumnIndex, meta.search.excludeUnmatchedResults, meta.fontSize.size, meta.rowHeight.height, state.sorting]);
+}
+
+export { useSettingsStateListener };
+//# sourceMappingURL=useSettingsStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSettingsStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Table3SettingsAdapter } from '../../types';\n\nexport function useSettingsStateListener<TType = unknown>(\n    table: RTable<TType>,\n    onChangeSettings: Table3SettingsAdapter | undefined\n) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFreezingIndex: meta.columnFreezing.frozenColumnIndex,\n                        columnOrder: state.columnOrder,\n                        columnPinning: state.columnPinning,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        excludeUnmatchedRecordsInSearch: meta.search.excludeUnmatchedResults,\n                        fontSize: meta.fontSize.size,\n                        rowHeight: meta.rowHeight.height,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        onChangeSettings,\n        state.columnFilters,\n        state.columnOrder,\n        state.columnPinning,\n        state.columnSizing,\n        state.columnVisibility,\n        meta.columnFreezing.frozenColumnIndex,\n        meta.search.excludeUnmatchedResults,\n        meta.fontSize.size,\n        meta.rowHeight.height,\n        state.sorting,\n    ]);\n}\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFreezingIndex","columnFreezing","frozenColumnIndex","columnOrder","columnPinning","columnSizing","columnVisibility","excludeUnmatchedRecordsInSearch","search","excludeUnmatchedResults","fontSize","size","rowHeight","height","sorting","clearTimeout","columnFilters"],"mappings":";;SAIgBA,wBAAwB,CACpCC,KAAoB,EACpBC,gBAAmD;EAEnD,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAwB;EACnD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,mBAAmB,EAAER,IAAI,CAACS,cAAc,CAACC,iBAAiB;QAC1DC,WAAW,EAAET,KAAK,CAACS,WAAW;QAC9BC,aAAa,EAAEV,KAAK,CAACU,aAAa;QAClCC,YAAY,EAAEX,KAAK,CAACW,YAAY;QAChCC,gBAAgB,EAAEZ,KAAK,CAACY,gBAAgB;QACxCC,+BAA+B,EAAEf,IAAI,CAACgB,MAAM,CAACC,uBAAuB;QACpEC,QAAQ,EAAElB,IAAI,CAACkB,QAAQ,CAACC,IAAI;QAC5BC,SAAS,EAAEpB,IAAI,CAACoB,SAAS,CAACC,MAAM;QAChCC,OAAO,EAAEpB,KAAK,CAACoB;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACjB,OAAO,CAAC;GACrC,EAAE,CACCP,gBAAgB,EAChBG,KAAK,CAACsB,aAAa,EACnBtB,KAAK,CAACS,WAAW,EACjBT,KAAK,CAACU,aAAa,EACnBV,KAAK,CAACW,YAAY,EAClBX,KAAK,CAACY,gBAAgB,EACtBd,IAAI,CAACS,cAAc,CAACC,iBAAiB,EACrCV,IAAI,CAACgB,MAAM,CAACC,uBAAuB,EACnCjB,IAAI,CAACkB,QAAQ,CAACC,IAAI,EAClBnB,IAAI,CAACoB,SAAS,CAACC,MAAM,EACrBnB,KAAK,CAACoB,OAAO,CAChB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/components/{Table2/hooks/useTableShortcuts.js → Table3/hooks/listeners/useShortcutsListener.js}

@@ -1,12 +1,15 @@
 import React__default from 'react';
-import { createShortcutKeyDownHandler } from '../../../utils/keyboard.js';
+import { createShortcutKeyDownHandler } from '../../../../utils/keyboard.js';
 
-function useTableShortcuts(shortcuts, activeRow) {
+function useShortcutsListener(table, shortcuts) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
   React__default.useEffect(() => {
     const shortcutKeys = Object.keys(shortcuts !== null && shortcuts !== void 0 ? shortcuts : {});
     const globalHandlers = [];
     // convert the shortcut into the correct format to register it
     if (shortcuts && shortcutKeys.length) {
+      const currentRow = rows[meta.currentRow.currentRowIndex];
       shortcutKeys.forEach(key => {
         const handler = shortcuts[key];
         let keyDownHandler;
@@ -27,7 +30,7 @@ function useTableShortcuts(shortcuts, activeRow) {
         }
         globalHandlers.push(createShortcutKeyDownHandler(keyDownHandlerOptions, event => {
           event.preventDefault();
-          keyDownHandler(activeRow);
+          keyDownHandler(currentRow === null || currentRow === void 0 ? void 0 : currentRow.original);
         }));
       });
     }
@@ -39,8 +42,8 @@ function useTableShortcuts(shortcuts, activeRow) {
         document.removeEventListener('keydown', handler);
       });
     };
-  }, [shortcuts, activeRow]);
+  }, [shortcuts, meta.currentRow.currentRowIndex, rows.length]);
 }
 
-export { useTableShortcuts };
-//# sourceMappingURL=useTableShortcuts.js.map
+export { useShortcutsListener };
+//# sourceMappingURL=useShortcutsListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useShortcutsListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutsListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useShortcutsListener.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta, Table as RTable } from '@tanstack/react-table';\nimport { KeyDownHandlerOptions, createShortcutKeyDownHandler } from '../../../../utils/keyboard';\nimport { Table3ShortcutHandlerObject, Table3Shortcuts } from '../../types';\n\nexport function useShortcutsListener<TType = unknown>(table: RTable<TType>, shortcuts: Table3Shortcuts<TType> | undefined) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(() => {\n        const shortcutKeys = Object.keys(shortcuts ?? {});\n        const globalHandlers: Array<(event: KeyboardEvent) => void> = [];\n\n        // convert the shortcut into the correct format to register it\n        if (shortcuts && shortcutKeys.length) {\n            const currentRow = rows[meta.currentRow.currentRowIndex];\n\n            shortcutKeys.forEach(key => {\n                const handler = shortcuts[key];\n\n                let keyDownHandler;\n                let keyDownHandlerOptions: KeyDownHandlerOptions;\n\n                if (typeof handler === 'function') {\n                    keyDownHandler = handler;\n                    keyDownHandlerOptions = {\n                        key,\n                    };\n                } else {\n                    const handlerObject = handler as Table3ShortcutHandlerObject<TType>;\n                    keyDownHandler = handlerObject.handler;\n                    keyDownHandlerOptions = {\n                        key,\n                        meta: handlerObject.meta,\n                        shift: handlerObject.shift,\n                    };\n                }\n\n                globalHandlers.push(\n                    createShortcutKeyDownHandler(keyDownHandlerOptions, event => {\n                        event.preventDefault();\n                        keyDownHandler(currentRow?.original);\n                    })\n                );\n            });\n        }\n\n        globalHandlers.forEach(handler => {\n            document.addEventListener('keydown', handler);\n        });\n\n        return () => {\n            globalHandlers.forEach(handler => {\n                document.removeEventListener('keydown', handler);\n            });\n        };\n    }, [shortcuts, meta.currentRow.currentRowIndex, rows.length]);\n}\n"],"names":["useShortcutsListener","table","shortcuts","meta","options","rows","getRowModel","React","useEffect","shortcutKeys","Object","keys","globalHandlers","length","currentRow","currentRowIndex","forEach","key","handler","keyDownHandler","keyDownHandlerOptions","handlerObject","shift","push","createShortcutKeyDownHandler","event","preventDefault","original","document","addEventListener","removeEventListener"],"mappings":";;;SAKgBA,oBAAoB,CAAkBC,KAAoB,EAAEC,SAA6C;EACrH,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAwB;EACnD,MAAME,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAI,CAACT,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,CAAC;IACjD,MAAMU,cAAc,GAA0C,EAAE;;IAGhE,IAAIV,SAAS,IAAIO,YAAY,CAACI,MAAM,EAAE;MAClC,MAAMC,UAAU,GAAGT,IAAI,CAACF,IAAI,CAACW,UAAU,CAACC,eAAe,CAAC;MAExDN,YAAY,CAACO,OAAO,CAACC,GAAG;QACpB,MAAMC,OAAO,GAAGhB,SAAS,CAACe,GAAG,CAAC;QAE9B,IAAIE,cAAc;QAClB,IAAIC,qBAA4C;QAEhD,IAAI,OAAOF,OAAO,KAAK,UAAU,EAAE;UAC/BC,cAAc,GAAGD,OAAO;UACxBE,qBAAqB,GAAG;YACpBH;WACH;SACJ,MAAM;UACH,MAAMI,aAAa,GAAGH,OAA6C;UACnEC,cAAc,GAAGE,aAAa,CAACH,OAAO;UACtCE,qBAAqB,GAAG;YACpBH,GAAG;YACHd,IAAI,EAAEkB,aAAa,CAAClB,IAAI;YACxBmB,KAAK,EAAED,aAAa,CAACC;WACxB;;QAGLV,cAAc,CAACW,IAAI,CACfC,4BAA4B,CAACJ,qBAAqB,EAAEK,KAAK;UACrDA,KAAK,CAACC,cAAc,EAAE;UACtBP,cAAc,CAACL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,QAAQ,CAAC;SACvC,CAAC,CACL;OACJ,CAAC;;IAGNf,cAAc,CAACI,OAAO,CAACE,OAAO;MAC1BU,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEX,OAAO,CAAC;KAChD,CAAC;IAEF,OAAO;MACHN,cAAc,CAACI,OAAO,CAACE,OAAO;QAC1BU,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,OAAO,CAAC;OACnD,CAAC;KACL;GACJ,EAAE,CAAChB,SAAS,EAAEC,IAAI,CAACW,UAAU,CAACC,eAAe,EAAEV,IAAI,CAACQ,MAAM,CAAC,CAAC;AACjE;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSortingStateListener.js

@@ -0,0 +1,17 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the sorting state, so that it can sort server side
+function useSortingStateListener(table, onSort) {
+  const sorting = table.getState().sorting;
+  useLazyEffect(() => {
+    table.resetRowSelection();
+    if (table.options.enableSorting && typeof onSort === 'function') {
+      onSort(sorting);
+    }
+  }, [table.options.enableSorting, sorting]);
+}
+
+export { useSortingStateListener };
+//# sourceMappingURL=useSortingStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSortingStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortingStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSortingStateListener.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3SortHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the sorting state, so that it can sort server side\nexport function useSortingStateListener<TType = unknown>(table: RTable<TType>, onSort?: Table3SortHandler) {\n    const sorting = table.getState().sorting;\n\n    useLazyEffect(() => {\n        table.resetRowSelection();\n\n        if (table.options.enableSorting && typeof onSort === 'function') {\n            onSort(sorting);\n        }\n    }, [table.options.enableSorting, sorting]);\n}\n"],"names":["useSortingStateListener","table","onSort","sorting","getState","useLazyEffect","resetRowSelection","options","enableSorting"],"mappings":";;AAIA;AACA;AACA;SACgBA,uBAAuB,CAAkBC,KAAoB,EAAEC,MAA0B;EACrG,MAAMC,OAAO,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,OAAO;EAExCE,aAAa,CAAC;IACVJ,KAAK,CAACK,iBAAiB,EAAE;IAEzB,IAAIL,KAAK,CAACM,OAAO,CAACC,aAAa,IAAI,OAAON,MAAM,KAAK,UAAU,EAAE;MAC7DA,MAAM,CAACC,OAAO,CAAC;;GAEtB,EAAE,CAACF,KAAK,CAACM,OAAO,CAACC,aAAa,EAAEL,OAAO,CAAC,CAAC;AAC9C;;;;"}