@economic/taco 1.35.1 → 1.35.2

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useColumnOffsetStateListener.js

@@ -6,6 +6,7 @@ import React__default from 'react';
 const useColumnOffsetStateListener = (table, setColumnOffsets) => {
   const {
     columnOrder,
+    columnSizing,
     columnSizingInfo,
     columnVisibility
   } = table.getState();
@@ -20,7 +21,7 @@ const useColumnOffsetStateListener = (table, setColumnOffsets) => {
       return offset + column.getSize();
     }, 0);
     setColumnOffsets(offsets);
-  }, [columnOrder, columnSizingInfo, columnVisibility, frozenColumnsCount]);
+  }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);
 };
 
 export { useColumnOffsetStateListener };

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useColumnOffsetStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnOffsetStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useColumnOffsetStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { ColumnOffsetState } from '../../types';\n\n// frozen columns have position sticky, and because we support more than one of them\n// we must set a 'left' css value. this hook listens to changes on state that will\n// affect the left offset (resize, visibility, freezing) and updates offsets based on width\nexport const useColumnOffsetStateListener = (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => {\n    const { columnOrder, columnSizingInfo, columnVisibility } = table.getState();\n    const { frozenColumnsCount } = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        const offsets = {};\n\n        // store left offsets for each visible column\n        table.getVisibleLeafColumns().reduce((offset, column) => {\n            offsets[column.id] = offset;\n            return offset + column.getSize();\n        }, 0);\n\n        setColumnOffsets(offsets);\n    }, [columnOrder, columnSizingInfo, columnVisibility, frozenColumnsCount]);\n};\n"],"names":["useColumnOffsetStateListener","table","setColumnOffsets","columnOrder","columnSizingInfo","columnVisibility","getState","frozenColumnsCount","options","meta","React","useEffect","offsets","getVisibleLeafColumns","reduce","offset","column","id","getSize"],"mappings":";;AAIA;AACA;AACA;MACaA,4BAA4B,GAAG,CAACC,KAAmB,EAAEC,gBAA+C;EAC7G,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAC5E,MAAM;IAAEC;GAAoB,GAAGN,KAAK,CAACO,OAAO,CAACC,IAAsB;EAEnEC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,OAAO,GAAG,EAAE;;IAGlBX,KAAK,CAACY,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM;MAChDJ,OAAO,CAACI,MAAM,CAACC,EAAE,CAAC,GAAGF,MAAM;MAC3B,OAAOA,MAAM,GAAGC,MAAM,CAACE,OAAO,EAAE;KACnC,EAAE,CAAC,CAAC;IAELhB,gBAAgB,CAACU,OAAO,CAAC;GAC5B,EAAE,CAACT,WAAW,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEE,kBAAkB,CAAC,CAAC;AAC7E;;;;"}
+{"version":3,"file":"useColumnOffsetStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useColumnOffsetStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { ColumnOffsetState } from '../../types';\n\n// frozen columns have position sticky, and because we support more than one of them\n// we must set a 'left' css value. this hook listens to changes on state that will\n// affect the left offset (resize, visibility, freezing) and updates offsets based on width\nexport const useColumnOffsetStateListener = (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const { frozenColumnsCount } = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        const offsets = {};\n\n        // store left offsets for each visible column\n        table.getVisibleLeafColumns().reduce((offset, column) => {\n            offsets[column.id] = offset;\n            return offset + column.getSize();\n        }, 0);\n\n        setColumnOffsets(offsets);\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);\n};\n"],"names":["useColumnOffsetStateListener","table","setColumnOffsets","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","frozenColumnsCount","options","meta","React","useEffect","offsets","getVisibleLeafColumns","reduce","offset","column","id","getSize"],"mappings":";;AAIA;AACA;AACA;MACaA,4BAA4B,GAAG,CAACC,KAAmB,EAAEC,gBAA+C;EAC7G,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGL,KAAK,CAACM,QAAQ,EAAE;EAC1F,MAAM;IAAEC;GAAoB,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAAsB;EAEnEC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,OAAO,GAAG,EAAE;;IAGlBZ,KAAK,CAACa,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM;MAChDJ,OAAO,CAACI,MAAM,CAACC,EAAE,CAAC,GAAGF,MAAM;MAC3B,OAAOA,MAAM,GAAGC,MAAM,CAACE,OAAO,EAAE;KACnC,EAAE,CAAC,CAAC;IAELjB,gBAAgB,CAACW,OAAO,CAAC;GAC5B,EAAE,CAACV,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEE,kBAAkB,CAAC,CAAC;AAC3F;;;;"}

package/dist/taco.cjs.development.js

@@ -13224,6 +13224,7 @@ function getSortingFn(dataType, customFn) {
 const useColumnOffsetStateListener = (table, setColumnOffsets) => {
   const {
     columnOrder,
+    columnSizing,
     columnSizingInfo,
     columnVisibility
   } = table.getState();
@@ -13238,7 +13239,7 @@ const useColumnOffsetStateListener = (table, setColumnOffsets) => {
       return offset + column.getSize();
     }, 0);
     setColumnOffsets(offsets);
-  }, [columnOrder, columnSizingInfo, columnVisibility, frozenColumnsCount]);
+  }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);
 };
 
 const useRowSelectionListener = (table, onRowSelect) => {