@economic/taco 2.66.1-alpha.0 → 2.67.0

package/dist/taco.d.ts

@@ -3047,7 +3047,7 @@ export declare type Table3EditingCreateHandler<TType = unknown> = () => Promise<
 
 declare type Table3EditingDiscardHandler = () => void;
 
-export declare type Table3EditingSaveHandler<TType = unknown> = (row: TType) => Promise<void>;
+export declare type Table3EditingSaveHandler<TType = unknown> = (row: TType) => Promise<void> | void;
 
 export declare type Table3EditingValidatorFn<TType = unknown> = (row: TType) => Promise<Partial<Record<keyof TType, string>> | undefined> | Partial<Record<keyof TType, string>> | undefined;
 
@@ -3066,6 +3066,7 @@ export declare type Table3Ref = TableRef & {
             createRow?: (row: unknown) => Promise<void>;
             save: (rowId?: string) => Promise<boolean>;
             removeRowChanges: (rowId: string) => Promise<void>;
+            forceValidate: () => Promise<string[]>;
         };
     };
 };
@@ -3382,7 +3383,7 @@ export declare enum TableFilterComparator {
     IsNoneOf = 15
 }
 
-export declare type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void>;
+export declare type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;
 
 export declare type TableFilterValue = {
     comparator: TableFilterComparator;
@@ -3455,7 +3456,7 @@ export declare type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
 }) => void;
 
-export declare type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void>;
+export declare type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;
 
 export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[], search: string | undefined) => Promise<void>;
 
@@ -3495,7 +3496,7 @@ export declare type TableShortcutHandlerObject<TType = unknown> = {
 
 export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
 
-export declare type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void>;
+export declare type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;
 
 export declare type TableTexts = {
     columns: {

package/dist/taco.js

@@ -35633,7 +35633,7 @@ function useReactTableInitialState(props, columns, persistedSettings, defaults2)
         columnOrder
       );
     } else {
-      if (props.defaultColumnFreezingIndex) {
+      if (props.defaultColumnFreezingIndex !== void 0) {
         columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);
       } else {
         columnPinning.left = unfreezeAllExternalColumns(columnOrder);
@@ -37834,12 +37834,12 @@ function getScrollPaddingEndOffset(table) {
   }
   return height;
 }
-function getPaddingEndOffset(table, options) {
+function getPaddingEndOffset(table) {
   const bottomRows = table.getBottomRows() ?? [];
-  return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length + ((options == null ? void 0 : options.virtualiserPaddingEndOffset) ?? 0);
+  return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;
 }
 const OVERSCAN_ROW_COUNT = 8;
-function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex, options) {
+function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex) {
   var _a, _b, _c, _d, _e;
   const tableMeta = table.options.meta;
   const isTableRowGrouped = !!((_a = table.getState().grouping) == null ? void 0 : _a.length);
@@ -37858,7 +37858,7 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
     // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list
     scrollPaddingStart,
     scrollPaddingEnd: getScrollPaddingEndOffset(table),
-    paddingEnd: getPaddingEndOffset(table, options)
+    paddingEnd: getPaddingEndOffset(table)
   });
   const expandedState = table.getState().expanded;
   const previousExpandedStateRef = React__default.useRef(false);
@@ -37872,15 +37872,15 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
   const totalSize = virtualiser.getTotalSize();
   const virtualItems = virtualiser.getVirtualItems();
   const scrollToIndex = React__default.useCallback(
-    (index2, options2 = { align: "auto", behavior: "smooth" }) => {
-      const notSmooth = { ...options2, behavior: "auto" };
+    (index2, options = { align: "auto", behavior: "smooth" }) => {
+      const notSmooth = { ...options, behavior: "auto" };
       if (tableRef.current) {
         if (index2 === 0) {
           virtualiser.scrollToOffset(0, notSmooth);
         } else if (index2 === count2 - 1) {
           tableRef.current.scrollTop = tableRef.current.scrollHeight;
         } else {
-          virtualiser.scrollToIndex(index2, options2);
+          virtualiser.scrollToIndex(index2, options);
         }
       }
     },
@@ -38318,17 +38318,10 @@ const INTERNAL_RENDERERS = {
   rowExpansion: renderer$1,
   rowSelection: renderer
 };
-function useTable$1(props, externalRef, renderers, meta, options) {
+function useTable$1(props, externalRef, renderers, meta) {
   const ref = useMergedRef(externalRef);
   const manager = useTableManager(props, ref, meta, INTERNAL_RENDERERS);
-  const renderer2 = useTableRenderer(
-    renderers,
-    manager.instance,
-    ref,
-    manager.meta.length,
-    props.defaultRowActiveIndex,
-    options
-  );
+  const renderer2 = useTableRenderer(renderers, manager.instance, ref, manager.meta.length, props.defaultRowActiveIndex);
   const { style, stylesheet } = useTableStyle(manager.id, manager.instance);
   useTableGlobalShortcuts(manager.instance, ref, renderer2.scrollToIndex, props.enableLocalKeyboardShortcuts);
   useTableRef(manager.instance, ref);
@@ -39464,7 +39457,7 @@ const SearchInput22 = React__default.forwardRef(function SearchInput222(props, r
       );
     }
     if (hasFind && isActive) {
-      postfix = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "text-grey-700 flex h-4 items-center" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { className: "h-4 w-4" }) : showTotal ? /* @__PURE__ */ React__default.createElement("span", { className: "border-r border-black/[0.25] pr-2" }, `${findCurrent ?? 0}/${findTotal ?? 0}`) : null), findCurrent ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      postfix = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "text-grey-700 flex h-4 items-center" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { className: "h-4 w-4" }) : showTotal ? /* @__PURE__ */ React__default.createElement("span", { className: "border-r border-black/[0.25] pr-2", "data-taco": "search-matches-counter" }, `${findCurrent ?? 0}/${findTotal ?? 0}`) : null), findCurrent ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
         IconButton,
         {
           "aria-label": texts.searchInput.findPrevious,
@@ -54032,11 +54025,17 @@ function useTableEditingListener(table, tableRef, scrollToIndex) {
   }, [hasSavedChanges]);
   React__default.useEffect(() => {
     const onClickOutside = (event) => {
+      var _a;
       if (tableMeta.editing.isEditing) {
         const element = event.target;
-        const isInsideDialog = !!element.closest('[role="dialog"]');
-        const isTableOrIsInsideTable = element.tagName === "TABLE" || element.tagName === "TBODY" || element.getAttribute("data-taco") === "backdrop" || element.getAttribute("data-table") === "editing-toggle" || !document.body.contains(element) || isElementInsideOrTriggeredFromContainer(element, tableRef.current);
-        if (!isTableOrIsInsideTable && !isInsideDialog) {
+        const isClickOnTableOrInsideTable = element.tagName === "TABLE" || element.tagName === "TBODY" || element.getAttribute("data-taco") === "backdrop" || element.getAttribute("data-table") === "editing-toggle" || !document.body.contains(element) || isElementInsideOrTriggeredFromContainer(element, tableRef.current);
+        if (isClickOnTableOrInsideTable) {
+          return;
+        }
+        const dialog = element.closest('[role="dialog"]');
+        const isClickInsideParentDialog = dialog !== null && ((_a = tableRef.current) == null ? void 0 : _a.closest('[role="dialog"]')) === dialog;
+        const isClickOutside = dialog === null;
+        if (isClickInsideParentDialog || isClickOutside) {
           tableMeta.editing.saveChanges(table);
         }
       }
@@ -55261,6 +55260,13 @@ function reducer(state, action) {
         indexes: setWith(state.indexes, rowId, index2, Object)
       };
     }
+    case "forceValidate": {
+      const { newState } = payload;
+      return {
+        ...state,
+        ...newState
+      };
+    }
     default:
       return state;
   }
@@ -55420,6 +55426,46 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
       }
     });
   }
+  async function forceValidate(table) {
+    if (validator && table.getRowModel().rows.length) {
+      const newState = { ...state };
+      const returnIds = [];
+      await Promise.all(
+        table.getRowModel().rows.map(async (row, index2) => {
+          var _a, _b;
+          const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };
+          if (rowWithChanges) {
+            const cellErrors = await validator(rowWithChanges);
+            if (cellErrors) {
+              newState.changes.dirty[row.id] = true;
+              newState.changes.originals[row.id] = row.original;
+              newState.changes.moveReasons[row.id] = { ...newState.changes.moveReasons[row.id] };
+              newState.changes.rows[row.id] = { ...newState.changes.rows[row.id] };
+              newState.changes.status[row.id] = "errored";
+              newState.indexes[row.id] = index2;
+              newState.changes.errors[row.id] = {
+                cells: cellErrors,
+                row: ((_a = newState.changes.errors[row.id]) == null ? void 0 : _a.row) ?? void 0,
+                shouldShowErrorAlert: ((_b = newState.changes.errors[row.id]) == null ? void 0 : _b.shouldShowErrorAlert) ?? false
+              };
+              Object.keys(cellErrors).forEach((columnId) => {
+                newState.changes.rows[row.id][columnId] = rowWithChanges[columnId];
+              });
+              returnIds.push(row.id);
+            }
+          }
+        })
+      );
+      dispatch({
+        type: "forceValidate",
+        payload: {
+          newState
+        }
+      });
+      return returnIds;
+    }
+    return [];
+  }
   function getErrors() {
     return Object.keys(state.changes.errors);
   }
@@ -55548,6 +55594,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     hasTemporaryRowErrors,
     getRowStatus,
     setRowStatus,
+    forceValidate,
     // cells
     setCellValue,
     getCellValue,
@@ -56301,14 +56348,7 @@ function useTable3(props, ref) {
     ]) : props.rowActions
   };
   const meta = { editing };
-  const options = {
-    virtualiserPaddingEndOffset: 0
-  };
-  if (props.enableEditing) {
-    const validationErrorLabelHeight = 17;
-    options.virtualiserPaddingEndOffset = editing.getErrors().length * validationErrorLabelHeight;
-  }
-  const table = useTable$1(extendedProps, ref, RENDERERS, meta, options);
+  const table = useTable$1(extendedProps, ref, RENDERERS, meta);
   const toggleEditing = (enabled) => table.meta.editing.toggleEditing(enabled ?? ((editing2) => !editing2), table.instance, table.renderer.scrollToIndex);
   React__default.useEffect(() => {
     if (props.defaultToggleEditing) {
@@ -56331,6 +56371,14 @@ function useTable3(props, ref) {
       }
     }
   }, [table.ref.current, table.meta.editing.isEnabled]);
+  React__default.useEffect(() => {
+    if (table.ref.current) {
+      const instance = table.ref.current.instance;
+      if (table.meta.editing.isEnabled) {
+        instance.editing.forceValidate = async () => table.meta.editing.forceValidate(table.instance);
+      }
+    }
+  }, [table.meta.editing.forceValidate]);
   return table;
 }
 function Alert(props) {