@economic/taco 2.26.6 → 2.26.7

package/dist/taco.cjs.development.js

@@ -10923,55 +10923,57 @@ function useTableStyleGrid(tableId, table, fontSize) {
   const globalMinSize = getCellMinWidth(fontSize);
   // header body ?footer
   const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';
-  let printGridTemplateColumns = '';
-  const printHiddenColumns = [];
-  const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {
-    var _column$columnDef$min, _column$columnDef$met;
-    if (table.options.enableGrouping && column.getIsGrouped()) {
-      return accum;
-    }
-    const minSize = (_column$columnDef$min = column.columnDef.minSize) !== null && _column$columnDef$min !== void 0 ? _column$columnDef$min : globalMinSize;
-    const width = columnSizing[column.id];
-    let size;
-    let printSize;
-    if (column.id === '__actions') {
-      const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */
-      size = `minmax(${minWidth}px, auto)`;
-    } else if (width !== undefined) {
-      const isLastColumn = index === allVisibleColumns.length - 1;
-      if (width === 'grow' || Number.isNaN(width) && !isLastColumn) {
-        size = `minmax(max-content, 1fr)`;
-      } else {
-        const minWidth = width < minSize ? minSize : width;
-        if (isLastColumn) {
-          size = `minmax(${minWidth}px, auto)`;
+  return React__default.useMemo(() => {
+    let printGridTemplateColumns = '';
+    const printHiddenColumns = [];
+    const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {
+      var _column$columnDef$min, _column$columnDef$met;
+      if (table.options.enableGrouping && column.getIsGrouped()) {
+        return accum;
+      }
+      const minSize = (_column$columnDef$min = column.columnDef.minSize) !== null && _column$columnDef$min !== void 0 ? _column$columnDef$min : globalMinSize;
+      const width = columnSizing[column.id];
+      let size;
+      let printSize;
+      if (column.id === '__actions') {
+        const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */
+        size = `minmax(${minWidth}px, auto)`;
+      } else if (width !== undefined) {
+        const isLastColumn = index === allVisibleColumns.length - 1;
+        if (width === 'grow' || Number.isNaN(width) && !isLastColumn) {
+          size = `minmax(max-content, 1fr)`;
         } else {
-          size = `${minWidth}px`;
+          const minWidth = width < minSize ? minSize : width;
+          if (isLastColumn) {
+            size = `minmax(${minWidth}px, auto)`;
+          } else {
+            size = `${minWidth}px`;
+          }
         }
+      } else {
+        size = `minmax(max-content, auto)`;
       }
-    } else {
-      size = `minmax(max-content, auto)`;
-    }
-    if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.enablePrinting) === false) {
-      printSize = '';
-      printHiddenColumns.push(column.id);
-    } else {
-      printSize = 'auto';
-    }
-    printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();
-    return `${accum} ${size}`.trim();
-  }, '');
-  // we have to be specific so that nested tables don't inherit the same css
-  const hiddenColumns = printHiddenColumns.map(id => `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\n,table[data-taco^='table']#${tableId} > tbody > tr > td[data-cell-id='${id}']\n`).join(',');
-  const style = {
-    gridTemplateColumns,
-    gridTemplateRows
-  };
-  const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns ? `${hiddenColumns} { display: none; }` : ''}}`;
-  return {
-    style,
-    stylesheet
-  };
+      if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.enablePrinting) === false) {
+        printSize = '';
+        printHiddenColumns.push(column.id);
+      } else {
+        printSize = 'auto';
+      }
+      printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();
+      return `${accum} ${size}`.trim();
+    }, '');
+    // we have to be specific so that nested tables don't inherit the same css
+    const hiddenColumns = printHiddenColumns.map(id => `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\n,table[data-taco^='table']#${tableId} > tbody > tr > td[data-cell-id='${id}']\n`).join(',');
+    const style = {
+      gridTemplateColumns,
+      gridTemplateRows
+    };
+    const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns ? `${hiddenColumns} { display: none; }` : ''}}`;
+    return {
+      style,
+      stylesheet
+    };
+  }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);
 }
 
 function useTableStyleColumnFreezing(tableId, table) {