es-grid-template 1.7.36 → 1.7.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/table-component/TableContainerEdit.js +13 -18
  2. package/es/table-component/table/Grid.js +1 -1
  3. package/lib/table-component/TableContainerEdit.js +13 -18
  4. package/lib/table-component/table/Grid.js +1 -1
  5. package/package.json +1 -1
package/es/table-component/TableContainerEdit.js CHANGED
@@ -664,24 +664,19 @@ const TableContainerEdit = props => {
664
664
  columnVirtualizer.measure();
665
665
  });
666
666
  }, [columnSizingState, columnVirtualizer]);
667
-
668
- // React.useEffect(() => {
669
- // if (!containerRef.current) return;
670
-
671
- // const containerWidth = containerRef.current.offsetWidth - 2;
672
- // const totalWidth = table.getTotalSize();
673
-
674
- // if (totalWidth && totalWidth < containerWidth) {
675
- // const factor = containerWidth / totalWidth;
676
-
677
- // table.setColumnSizing(
678
- // table.getAllLeafColumns().reduce((acc, col) => {
679
- // acc[col.id] = ((col.getSize() || col.columnDef.size || 150) * factor);
680
- // return acc;
681
- // }, {} as Record<string, number>)
682
- // );
683
- // }
684
- // }, [table.getTotalSize(), windowSize.innerWidth])
667
+ React.useEffect(() => {
668
+ if (!containerRef.current) return;
669
+ const containerWidth = containerRef.current.offsetWidth - 1;
670
+ const totalWidth = table.getTotalSize();
671
+ if (totalWidth && totalWidth < containerWidth) {
672
+ const factor = containerWidth / totalWidth;
673
+ table.setColumnSizing(table.getAllLeafColumns().reduce((acc, col) => {
674
+ acc[col.id] = (col.getSize() || col.columnDef.size || 150) * factor;
675
+ return acc;
676
+ }, {}));
677
+ }
678
+ }, [table.getTotalSize(), windowSize.innerWidth, table.getState().columnSizing]);
679
+ // }, [table.getState().columnSizing, table.getTotalSize(), containerRef])
685
680
 
686
681
  React.useEffect(() => {
687
682
  const totalHeight = minHeight ?? height;
package/es/table-component/table/Grid.js CHANGED
@@ -65,7 +65,7 @@ const Grid = props => {
65
65
  const [grouping, setGrouping] = React.useState([]);
66
66
  const [columnSizing, setColumnSizing] = React.useState({});
67
67
  const [manualUpdate, setManualUpdate] = React.useState(false);
68
- // const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(columnHidden)
68
+ // const [manualResize, setManualResize] = React.useState(false)
69
69
 
70
70
  const [columnFilters, setColumnFilters] = React.useState([]);
71
71
  const [operator, setOperator] = React.useState([]);
package/lib/table-component/TableContainerEdit.js CHANGED
@@ -671,24 +671,19 @@ const TableContainerEdit = props => {
671
671
  columnVirtualizer.measure();
672
672
  });
673
673
  }, [columnSizingState, columnVirtualizer]);
674
-
675
- // React.useEffect(() => {
676
- // if (!containerRef.current) return;
677
-
678
- // const containerWidth = containerRef.current.offsetWidth - 2;
679
- // const totalWidth = table.getTotalSize();
680
-
681
- // if (totalWidth && totalWidth < containerWidth) {
682
- // const factor = containerWidth / totalWidth;
683
-
684
- // table.setColumnSizing(
685
- // table.getAllLeafColumns().reduce((acc, col) => {
686
- // acc[col.id] = ((col.getSize() || col.columnDef.size || 150) * factor);
687
- // return acc;
688
- // }, {} as Record<string, number>)
689
- // );
690
- // }
691
- // }, [table.getTotalSize(), windowSize.innerWidth])
674
+ _react.default.useEffect(() => {
675
+ if (!containerRef.current) return;
676
+ const containerWidth = containerRef.current.offsetWidth - 1;
677
+ const totalWidth = table.getTotalSize();
678
+ if (totalWidth && totalWidth < containerWidth) {
679
+ const factor = containerWidth / totalWidth;
680
+ table.setColumnSizing(table.getAllLeafColumns().reduce((acc, col) => {
681
+ acc[col.id] = (col.getSize() || col.columnDef.size || 150) * factor;
682
+ return acc;
683
+ }, {}));
684
+ }
685
+ }, [table.getTotalSize(), windowSize.innerWidth, table.getState().columnSizing]);
686
+ // }, [table.getState().columnSizing, table.getTotalSize(), containerRef])
692
687
 
693
688
  _react.default.useEffect(() => {
694
689
  const totalHeight = minHeight ?? height;
package/lib/table-component/table/Grid.js CHANGED
@@ -67,7 +67,7 @@ const Grid = props => {
67
67
  const [grouping, setGrouping] = _react.default.useState([]);
68
68
  const [columnSizing, setColumnSizing] = _react.default.useState({});
69
69
  const [manualUpdate, setManualUpdate] = _react.default.useState(false);
70
- // const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(columnHidden)
70
+ // const [manualResize, setManualResize] = React.useState(false)
71
71
 
72
72
  const [columnFilters, setColumnFilters] = _react.default.useState([]);
73
73
  const [operator, setOperator] = _react.default.useState([]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.7.36",
3
+ "version": "1.7.37",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",