@economic/taco 2.26.4 → 2.26.6

package/dist/primitives/Table/useTableManager/features/useTableServerLoading.d.ts

@@ -1,6 +1,7 @@
 import { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';
 export declare function useTableServerLoading(loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pageSize?: number): {
     isEnabled: boolean;
+    isReady: boolean;
     loadPage: TableServerLoadPageHandler | undefined;
     loadAll: TableServerLoadAllHandler | undefined;
     loadAllIfNeeded: TableServerLoadAllHandler | undefined;

package/dist/taco.cjs.development.js

@@ -10413,34 +10413,53 @@ function useTableDataLoader(fetch, fetchAll, options = {
 
 function useTableServerLoading(loadPage, loadAll, pageSize = DEFAULT_PAGE_SIZE) {
   const isEnabled = !!loadPage && !!loadAll;
+  const [isReady, setReady] = React__default.useState(false);
   const [loadAllStatus, setLoadedStatus] = React__default.useState(exports.TableServerLoadAllState.Incomplete);
+  let _loadPage;
   let _loadAll;
   let _loadAllIfNeeded;
+  if (typeof loadPage === 'function') {
+    _loadPage = function (...args) {
+      try {
+        const _temp = function () {
+          if (typeof loadPage === 'function') {
+            return Promise.resolve(loadPage(...args)).then(function () {
+              setReady(true);
+            });
+          }
+        }();
+        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+  }
   if (typeof loadAll === 'function') {
     _loadAll = function (...args) {
       try {
-        const _temp = function () {
+        const _temp2 = function () {
           if (typeof loadAll === 'function') {
             setLoadedStatus(exports.TableServerLoadAllState.Loading);
             return Promise.resolve(loadAll(...args)).then(function () {
               setLoadedStatus(exports.TableServerLoadAllState.Completed);
+              setReady(true);
             });
           }
         }();
-        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
     };
     _loadAllIfNeeded = function (...args) {
       try {
-        const _temp2 = function () {
+        const _temp3 = function () {
           if (loadAllStatus === exports.TableServerLoadAllState.Incomplete) {
             var _loadAll2;
             return Promise.resolve((_loadAll2 = _loadAll) === null || _loadAll2 === void 0 ? void 0 : _loadAll2(...args)).then(function () {});
           }
         }();
-        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -10448,7 +10467,8 @@ function useTableServerLoading(loadPage, loadAll, pageSize = DEFAULT_PAGE_SIZE)
   }
   return {
     isEnabled,
-    loadPage,
+    isReady,
+    loadPage: _loadPage,
     loadAll: _loadAll,
     loadAllIfNeeded: _loadAllIfNeeded,
     loadAllStatus,
@@ -10903,57 +10923,55 @@ 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';
-  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)`;
+  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)`;
         } else {
-          const minWidth = width < minSize ? minSize : width;
-          if (isLastColumn) {
-            size = `minmax(${minWidth}px, auto)`;
-          } else {
-            size = `${minWidth}px`;
-          }
+          size = `${minWidth}px`;
         }
-      } 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
-    };
-  }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);
+    } 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
+  };
 }
 
 function useTableStyleColumnFreezing(tableId, table) {
@@ -15735,11 +15753,12 @@ function TableGrid(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", null, table.stylesheet), /*#__PURE__*/React__default.createElement(focus.FocusScope, null, /*#__PURE__*/React__default.createElement("table", Object.assign({}, attributes, {
     id: table.id,
     "data-table-font-size": table.meta.fontSize.size,
+    "data-table-grouped": !!((_table$state$grouping = table.state.grouping) !== null && _table$state$grouping !== void 0 && _table$state$grouping.length),
     "data-table-horizontally-scrolled": table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined,
+    "data-table-status": table.meta.server.isEnabled ? table.meta.server.isReady ? 'ready' : undefined : 'ready',
     "data-table-pause-hover": table.meta.rowActive.isHoverStatePaused ? true : undefined,
     "data-table-resizing": table.state.columnSizingInfo.isResizingColumn ? true : undefined,
     "data-table-row-height": table.meta.rowHeight.height,
-    "data-table-grouped": !!((_table$state$grouping = table.state.grouping) !== null && _table$state$grouping !== void 0 && _table$state$grouping.length),
     onFocus: handleFocus,
     onScroll: table.meta.columnFreezing.handleScroll,
     ref: table.ref,
@@ -18275,8 +18294,8 @@ function Row$2(props) {
     }
   }, [tableMeta.editing.isEditing, isActiveRow]);
   const attributes = {
-    'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id) ? !tableMeta.editing.hasRowErrorsSeen(row.id) ? 'unseen' : true : undefined,
-    'data-row-editing-status': tableMeta.editing.getRowSaveStatus(row.id),
+    'data-row-editing-invalid': tableMeta.editing.isEnabled && tableMeta.editing.hasRowErrors(row.id) ? !tableMeta.editing.hasRowErrorsSeen(row.id) ? 'unseen' : true : undefined,
+    'data-row-editing-status': tableMeta.editing.isEnabled && tableMeta.editing.getRowSaveStatus(row.id) ? tableMeta.editing.getRowSaveStatus(row.id) : undefined,
     onFocus: handleFocus
   };
   return /*#__PURE__*/React__default.createElement(DisplayRow, Object.assign({}, props, attributes), tableMeta.editing.getRowSaveStatus(row.id) ? /*#__PURE__*/React__default.createElement(SaveStatus, {