@odoo/o-spreadsheet 17.0.18 → 17.0.20

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.0.18
- * @date 2024-04-10T13:28:23.664Z
- * @hash 6294758
+ * @version 17.0.20
+ * @date 2024-04-26T07:37:04.503Z
+ * @hash 065ac98
  */
 
 import { Component, useRef, onMounted, useEffect, onWillPatch, useState, onWillUpdateProps, onPatched, useComponent, useExternalListener, onWillUnmount, onWillStart, xml, useChildSubEnv, useSubEnv, markRaw } from '@odoo/owl';
@@ -8118,6 +8118,7 @@ class LinkEditor extends Component {
                     this.save();
                 }
                 ev.stopPropagation();
+                ev.preventDefault();
                 break;
             case "Escape":
                 this.cancel();
@@ -19900,6 +19901,332 @@ function interactiveAddFilter(env, sheetId, target) {
     }
 }
 
+function interactiveFreezeColumnsRows(env, dimension, base) {
+    const sheetId = env.model.getters.getActiveSheetId();
+    const cmd = dimension === "COL" ? "FREEZE_COLUMNS" : "FREEZE_ROWS";
+    const result = env.model.dispatch(cmd, { sheetId, quantity: base });
+    if (result.isCancelledBecause("MergeOverlap" /* CommandResult.MergeOverlap */)) {
+        env.raiseError(MergeErrorMessage);
+    }
+}
+
+const hideCols = {
+    name: HIDE_COLUMNS_NAME,
+    execute: (env) => {
+        const columns = env.model.getters.getElementsFromSelection("COL");
+        env.model.dispatch("HIDE_COLUMNS_ROWS", {
+            sheetId: env.model.getters.getActiveSheetId(),
+            dimension: "COL",
+            elements: columns,
+        });
+    },
+    isVisible: NOT_ALL_VISIBLE_COLS_SELECTED,
+    icon: "o-spreadsheet-Icon.HIDE_COL",
+};
+const unhideCols = {
+    name: _t("Unhide columns"),
+    execute: (env) => {
+        const columns = env.model.getters.getElementsFromSelection("COL");
+        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId: env.model.getters.getActiveSheetId(),
+            dimension: "COL",
+            elements: columns,
+        });
+    },
+    isVisible: (env) => {
+        const hiddenCols = env.model.getters
+            .getHiddenColsGroups(env.model.getters.getActiveSheetId())
+            .flat();
+        const currentCols = env.model.getters.getElementsFromSelection("COL");
+        return currentCols.some((col) => hiddenCols.includes(col));
+    },
+};
+const unhideAllCols = {
+    name: _t("Unhide all columns"),
+    execute: (env) => {
+        const sheetId = env.model.getters.getActiveSheetId();
+        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId,
+            dimension: "COL",
+            elements: Array.from(Array(env.model.getters.getNumberCols(sheetId)).keys()),
+        });
+    },
+    isVisible: (env) => env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId()).length > 0,
+};
+const hideRows = {
+    name: HIDE_ROWS_NAME,
+    execute: (env) => {
+        const rows = env.model.getters.getElementsFromSelection("ROW");
+        env.model.dispatch("HIDE_COLUMNS_ROWS", {
+            sheetId: env.model.getters.getActiveSheetId(),
+            dimension: "ROW",
+            elements: rows,
+        });
+    },
+    isVisible: NOT_ALL_VISIBLE_ROWS_SELECTED,
+    icon: "o-spreadsheet-Icon.HIDE_ROW",
+};
+const unhideRows = {
+    name: _t("Unhide rows"),
+    execute: (env) => {
+        const columns = env.model.getters.getElementsFromSelection("ROW");
+        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId: env.model.getters.getActiveSheetId(),
+            dimension: "ROW",
+            elements: columns,
+        });
+    },
+    isVisible: (env) => {
+        const hiddenRows = env.model.getters
+            .getHiddenRowsGroups(env.model.getters.getActiveSheetId())
+            .flat();
+        const currentRows = env.model.getters.getElementsFromSelection("ROW");
+        return currentRows.some((col) => hiddenRows.includes(col));
+    },
+};
+const unhideAllRows = {
+    name: _t("Unhide all rows"),
+    execute: (env) => {
+        const sheetId = env.model.getters.getActiveSheetId();
+        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
+            sheetId,
+            dimension: "ROW",
+            elements: Array.from(Array(env.model.getters.getNumberRows(sheetId)).keys()),
+        });
+    },
+    isVisible: (env) => env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId()).length > 0,
+};
+const unFreezePane = {
+    name: _t("Unfreeze"),
+    isVisible: (env) => {
+        const { xSplit, ySplit } = env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId());
+        return xSplit + ySplit > 0;
+    },
+    execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS_ROWS", {
+        sheetId: env.model.getters.getActiveSheetId(),
+    }),
+    icon: "o-spreadsheet-Icon.UNFREEZE",
+};
+const freezePane = {
+    name: _t("Freeze"),
+    icon: "o-spreadsheet-Icon.FREEZE",
+};
+const unFreezeRows = {
+    name: _t("No rows"),
+    execute: (env) => env.model.dispatch("UNFREEZE_ROWS", {
+        sheetId: env.model.getters.getActiveSheetId(),
+    }),
+    isReadonlyAllowed: true,
+    isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).ySplit,
+};
+const freezeFirstRow = {
+    name: _t("1 row"),
+    execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 1),
+    isReadonlyAllowed: true,
+};
+const freezeSecondRow = {
+    name: _t("2 rows"),
+    execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 2),
+    isReadonlyAllowed: true,
+};
+const freezeCurrentRow = {
+    name: _t("Up to current row"),
+    execute: (env) => {
+        const { bottom } = env.model.getters.getSelectedZone();
+        interactiveFreezeColumnsRows(env, "ROW", bottom + 1);
+    },
+    isReadonlyAllowed: true,
+};
+const unFreezeCols = {
+    name: _t("No columns"),
+    execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS", {
+        sheetId: env.model.getters.getActiveSheetId(),
+    }),
+    isReadonlyAllowed: true,
+    isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).xSplit,
+};
+const freezeFirstCol = {
+    name: _t("1 column"),
+    execute: (env) => interactiveFreezeColumnsRows(env, "COL", 1),
+    isReadonlyAllowed: true,
+};
+const freezeSecondCol = {
+    name: _t("2 columns"),
+    execute: (env) => interactiveFreezeColumnsRows(env, "COL", 2),
+    isReadonlyAllowed: true,
+};
+const freezeCurrentCol = {
+    name: _t("Up to current column"),
+    execute: (env) => {
+        const { right } = env.model.getters.getSelectedZone();
+        interactiveFreezeColumnsRows(env, "COL", right + 1);
+    },
+    isReadonlyAllowed: true,
+};
+const viewGridlines = {
+    name: (env) => env.model.getters.getGridLinesVisibility(env.model.getters.getActiveSheetId())
+        ? _t("Hide gridlines")
+        : _t("Show gridlines"),
+    execute: (env) => {
+        const sheetId = env.model.getters.getActiveSheetId();
+        env.model.dispatch("SET_GRID_LINES_VISIBILITY", {
+            sheetId,
+            areGridLinesVisible: !env.model.getters.getGridLinesVisibility(sheetId),
+        });
+    },
+    icon: "o-spreadsheet-Icon.SHOW_HIDE_GRID",
+};
+const viewFormulas = {
+    name: (env) => env.model.getters.shouldShowFormulas() ? "Hide formulas" : _t("Show formulas"),
+    execute: (env) => env.model.dispatch("SET_FORMULA_VISIBILITY", { show: !env.model.getters.shouldShowFormulas() }),
+    isReadonlyAllowed: true,
+    icon: "o-spreadsheet-Icon.SHOW_HIDE_FORMULA",
+};
+const createRemoveFilter = {
+    name: (env) => selectionContainsFilter(env) ? _t("Remove selected filters") : _t("Create filter"),
+    isActive: (env) => selectionContainsFilter(env),
+    isEnabled: (env) => !cannotCreateFilter(env),
+    execute: (env) => createRemoveFilterAction(env),
+    icon: "o-spreadsheet-Icon.FILTER_ICON_INACTIVE",
+};
+const groupColumns = {
+    name: (env) => {
+        const selection = env.model.getters.getSelectedZone();
+        if (selection.left === selection.right) {
+            return _t("Group column %s", numberToLetters(selection.left));
+        }
+        return _t("Group columns %s - %s", numberToLetters(selection.left), numberToLetters(selection.right));
+    },
+    execute: (env) => groupHeadersAction(env, "COL"),
+    isVisible: (env) => {
+        const sheetId = env.model.getters.getActiveSheetId();
+        const selection = env.model.getters.getSelectedZone();
+        const groups = env.model.getters.getHeaderGroupsInZone(sheetId, "COL", selection);
+        return (IS_ONLY_ONE_RANGE(env) &&
+            !groups.some((group) => group.start === selection.left && group.end === selection.right));
+    },
+    icon: "o-spreadsheet-Icon.GROUP_COLUMNS",
+};
+const groupRows = {
+    name: (env) => {
+        const selection = env.model.getters.getSelectedZone();
+        if (selection.top === selection.bottom) {
+            return _t("Group row %s", String(selection.top + 1));
+        }
+        return _t("Group rows %s - %s", String(selection.top + 1), String(selection.bottom + 1));
+    },
+    execute: (env) => groupHeadersAction(env, "ROW"),
+    isVisible: (env) => {
+        const sheetId = env.model.getters.getActiveSheetId();
+        const selection = env.model.getters.getSelectedZone();
+        const groups = env.model.getters.getHeaderGroupsInZone(sheetId, "ROW", selection);
+        return (IS_ONLY_ONE_RANGE(env) &&
+            !groups.some((group) => group.start === selection.top && group.end === selection.bottom));
+    },
+    icon: "o-spreadsheet-Icon.GROUP_ROWS",
+};
+const ungroupColumns = {
+    name: (env) => {
+        const selection = env.model.getters.getSelectedZone();
+        if (selection.left === selection.right) {
+            return _t("Ungroup column %s", numberToLetters(selection.left));
+        }
+        return _t("Ungroup columns %s - %s", numberToLetters(selection.left), numberToLetters(selection.right));
+    },
+    execute: (env) => ungroupHeaders(env, "COL"),
+    icon: "o-spreadsheet-Icon.UNGROUP_COLUMNS",
+};
+const ungroupRows = {
+    name: (env) => {
+        const selection = env.model.getters.getSelectedZone();
+        if (selection.top === selection.bottom) {
+            return _t("Ungroup row %s", String(selection.top + 1));
+        }
+        return _t("Ungroup rows %s - %s", String(selection.top + 1), String(selection.bottom + 1));
+    },
+    execute: (env) => ungroupHeaders(env, "ROW"),
+    icon: "o-spreadsheet-Icon.UNGROUP_ROWS",
+};
+function selectionContainsFilter(env) {
+    const sheetId = env.model.getters.getActiveSheetId();
+    const selectedZones = env.model.getters.getSelectedZones();
+    return env.model.getters.doesZonesContainFilter(sheetId, selectedZones);
+}
+function cannotCreateFilter(env) {
+    return !areZonesContinuous(...env.model.getters.getSelectedZones());
+}
+function createRemoveFilterAction(env) {
+    if (selectionContainsFilter(env)) {
+        env.model.dispatch("REMOVE_FILTER_TABLE", {
+            sheetId: env.model.getters.getActiveSheetId(),
+            target: env.model.getters.getSelectedZones(),
+        });
+        return;
+    }
+    if (cannotCreateFilter(env)) {
+        return;
+    }
+    env.model.selection.selectTableAroundSelection();
+    const sheetId = env.model.getters.getActiveSheetId();
+    const selection = env.model.getters.getSelectedZones();
+    interactiveAddFilter(env, sheetId, selection);
+}
+function groupHeadersAction(env, dim) {
+    const selection = env.model.getters.getSelectedZone();
+    const sheetId = env.model.getters.getActiveSheetId();
+    env.model.dispatch("GROUP_HEADERS", {
+        sheetId,
+        dimension: dim,
+        start: dim === "COL" ? selection.left : selection.top,
+        end: dim === "COL" ? selection.right : selection.bottom,
+    });
+}
+function ungroupHeaders(env, dim) {
+    const selection = env.model.getters.getSelectedZone();
+    const sheetId = env.model.getters.getActiveSheetId();
+    env.model.dispatch("UNGROUP_HEADERS", {
+        sheetId,
+        dimension: dim,
+        start: dim === "COL" ? selection.left : selection.top,
+        end: dim === "COL" ? selection.right : selection.bottom,
+    });
+}
+function canUngroupHeaders(env, dimension) {
+    const sheetId = env.model.getters.getActiveSheetId();
+    const selection = env.model.getters.getSelectedZones();
+    return (selection.length === 1 &&
+        env.model.getters.getHeaderGroupsInZone(sheetId, dimension, selection[0]).length > 0);
+}
+
+var ACTION_VIEW = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  canUngroupHeaders: canUngroupHeaders,
+  createRemoveFilter: createRemoveFilter,
+  createRemoveFilterAction: createRemoveFilterAction,
+  freezeCurrentCol: freezeCurrentCol,
+  freezeCurrentRow: freezeCurrentRow,
+  freezeFirstCol: freezeFirstCol,
+  freezeFirstRow: freezeFirstRow,
+  freezePane: freezePane,
+  freezeSecondCol: freezeSecondCol,
+  freezeSecondRow: freezeSecondRow,
+  groupColumns: groupColumns,
+  groupRows: groupRows,
+  hideCols: hideCols,
+  hideRows: hideRows,
+  unFreezeCols: unFreezeCols,
+  unFreezePane: unFreezePane,
+  unFreezeRows: unFreezeRows,
+  ungroupColumns: ungroupColumns,
+  ungroupRows: ungroupRows,
+  unhideAllCols: unhideAllCols,
+  unhideAllRows: unhideAllRows,
+  unhideCols: unhideCols,
+  unhideRows: unhideRows,
+  viewFormulas: viewFormulas,
+  viewGridlines: viewGridlines
+});
+
 const sortRange = {
     name: _t("Sort range"),
     isVisible: IS_ONLY_ONE_RANGE,
@@ -19942,32 +20269,15 @@ const sortDescending = {
     },
     icon: "o-spreadsheet-Icon.SORT_DESCENDING",
 };
-const addDataFilter = {
-    name: _t("Create filter"),
-    execute: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        const selection = env.model.getters.getSelection().zones;
-        interactiveAddFilter(env, sheetId, selection);
-    },
-    isVisible: (env) => !SELECTION_CONTAINS_FILTER(env),
+const addRemoveDataFilter = {
+    name: (env) => SELECTION_CONTAINS_FILTER(env) ? _t("Remove filter") : _t("Create filter"),
+    execute: (env) => createRemoveFilterAction(env),
     isEnabled: (env) => {
         const selectedZones = env.model.getters.getSelectedZones();
         return areZonesContinuous(...selectedZones);
     },
     icon: "o-spreadsheet-Icon.MENU_FILTER_ICON",
 };
-const removeDataFilter = {
-    name: _t("Remove filter"),
-    execute: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        env.model.dispatch("REMOVE_FILTER_TABLE", {
-            sheetId,
-            target: env.model.getters.getSelectedZones(),
-        });
-    },
-    isVisible: SELECTION_CONTAINS_FILTER,
-    icon: "o-spreadsheet-Icon.MENU_FILTER_ICON",
-};
 const splitToColumns = {
     name: _t("Split text to columns"),
     sequence: 1,
@@ -20373,331 +20683,6 @@ var ACTION_FORMAT = /*#__PURE__*/Object.freeze({
   textColor: textColor
 });
 
-function interactiveFreezeColumnsRows(env, dimension, base) {
-    const sheetId = env.model.getters.getActiveSheetId();
-    const cmd = dimension === "COL" ? "FREEZE_COLUMNS" : "FREEZE_ROWS";
-    const result = env.model.dispatch(cmd, { sheetId, quantity: base });
-    if (result.isCancelledBecause("MergeOverlap" /* CommandResult.MergeOverlap */)) {
-        env.raiseError(MergeErrorMessage);
-    }
-}
-
-const hideCols = {
-    name: HIDE_COLUMNS_NAME,
-    execute: (env) => {
-        const columns = env.model.getters.getElementsFromSelection("COL");
-        env.model.dispatch("HIDE_COLUMNS_ROWS", {
-            sheetId: env.model.getters.getActiveSheetId(),
-            dimension: "COL",
-            elements: columns,
-        });
-    },
-    isVisible: NOT_ALL_VISIBLE_COLS_SELECTED,
-    icon: "o-spreadsheet-Icon.HIDE_COL",
-};
-const unhideCols = {
-    name: _t("Unhide columns"),
-    execute: (env) => {
-        const columns = env.model.getters.getElementsFromSelection("COL");
-        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId: env.model.getters.getActiveSheetId(),
-            dimension: "COL",
-            elements: columns,
-        });
-    },
-    isVisible: (env) => {
-        const hiddenCols = env.model.getters
-            .getHiddenColsGroups(env.model.getters.getActiveSheetId())
-            .flat();
-        const currentCols = env.model.getters.getElementsFromSelection("COL");
-        return currentCols.some((col) => hiddenCols.includes(col));
-    },
-};
-const unhideAllCols = {
-    name: _t("Unhide all columns"),
-    execute: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId,
-            dimension: "COL",
-            elements: Array.from(Array(env.model.getters.getNumberCols(sheetId)).keys()),
-        });
-    },
-    isVisible: (env) => env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId()).length > 0,
-};
-const hideRows = {
-    name: HIDE_ROWS_NAME,
-    execute: (env) => {
-        const rows = env.model.getters.getElementsFromSelection("ROW");
-        env.model.dispatch("HIDE_COLUMNS_ROWS", {
-            sheetId: env.model.getters.getActiveSheetId(),
-            dimension: "ROW",
-            elements: rows,
-        });
-    },
-    isVisible: NOT_ALL_VISIBLE_ROWS_SELECTED,
-    icon: "o-spreadsheet-Icon.HIDE_ROW",
-};
-const unhideRows = {
-    name: _t("Unhide rows"),
-    execute: (env) => {
-        const columns = env.model.getters.getElementsFromSelection("ROW");
-        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId: env.model.getters.getActiveSheetId(),
-            dimension: "ROW",
-            elements: columns,
-        });
-    },
-    isVisible: (env) => {
-        const hiddenRows = env.model.getters
-            .getHiddenRowsGroups(env.model.getters.getActiveSheetId())
-            .flat();
-        const currentRows = env.model.getters.getElementsFromSelection("ROW");
-        return currentRows.some((col) => hiddenRows.includes(col));
-    },
-};
-const unhideAllRows = {
-    name: _t("Unhide all rows"),
-    execute: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
-            sheetId,
-            dimension: "ROW",
-            elements: Array.from(Array(env.model.getters.getNumberRows(sheetId)).keys()),
-        });
-    },
-    isVisible: (env) => env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId()).length > 0,
-};
-const unFreezePane = {
-    name: _t("Unfreeze"),
-    isVisible: (env) => {
-        const { xSplit, ySplit } = env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId());
-        return xSplit + ySplit > 0;
-    },
-    execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS_ROWS", {
-        sheetId: env.model.getters.getActiveSheetId(),
-    }),
-    icon: "o-spreadsheet-Icon.UNFREEZE",
-};
-const freezePane = {
-    name: _t("Freeze"),
-    icon: "o-spreadsheet-Icon.FREEZE",
-};
-const unFreezeRows = {
-    name: _t("No rows"),
-    execute: (env) => env.model.dispatch("UNFREEZE_ROWS", {
-        sheetId: env.model.getters.getActiveSheetId(),
-    }),
-    isReadonlyAllowed: true,
-    isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).ySplit,
-};
-const freezeFirstRow = {
-    name: _t("1 row"),
-    execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 1),
-    isReadonlyAllowed: true,
-};
-const freezeSecondRow = {
-    name: _t("2 rows"),
-    execute: (env) => interactiveFreezeColumnsRows(env, "ROW", 2),
-    isReadonlyAllowed: true,
-};
-const freezeCurrentRow = {
-    name: _t("Up to current row"),
-    execute: (env) => {
-        const { bottom } = env.model.getters.getSelectedZone();
-        interactiveFreezeColumnsRows(env, "ROW", bottom + 1);
-    },
-    isReadonlyAllowed: true,
-};
-const unFreezeCols = {
-    name: _t("No columns"),
-    execute: (env) => env.model.dispatch("UNFREEZE_COLUMNS", {
-        sheetId: env.model.getters.getActiveSheetId(),
-    }),
-    isReadonlyAllowed: true,
-    isVisible: (env) => !!env.model.getters.getPaneDivisions(env.model.getters.getActiveSheetId()).xSplit,
-};
-const freezeFirstCol = {
-    name: _t("1 column"),
-    execute: (env) => interactiveFreezeColumnsRows(env, "COL", 1),
-    isReadonlyAllowed: true,
-};
-const freezeSecondCol = {
-    name: _t("2 columns"),
-    execute: (env) => interactiveFreezeColumnsRows(env, "COL", 2),
-    isReadonlyAllowed: true,
-};
-const freezeCurrentCol = {
-    name: _t("Up to current column"),
-    execute: (env) => {
-        const { right } = env.model.getters.getSelectedZone();
-        interactiveFreezeColumnsRows(env, "COL", right + 1);
-    },
-    isReadonlyAllowed: true,
-};
-const viewGridlines = {
-    name: (env) => env.model.getters.getGridLinesVisibility(env.model.getters.getActiveSheetId())
-        ? _t("Hide gridlines")
-        : _t("Show gridlines"),
-    execute: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        env.model.dispatch("SET_GRID_LINES_VISIBILITY", {
-            sheetId,
-            areGridLinesVisible: !env.model.getters.getGridLinesVisibility(sheetId),
-        });
-    },
-    icon: "o-spreadsheet-Icon.SHOW_HIDE_GRID",
-};
-const viewFormulas = {
-    name: (env) => env.model.getters.shouldShowFormulas() ? "Hide formulas" : _t("Show formulas"),
-    execute: (env) => env.model.dispatch("SET_FORMULA_VISIBILITY", { show: !env.model.getters.shouldShowFormulas() }),
-    isReadonlyAllowed: true,
-    icon: "o-spreadsheet-Icon.SHOW_HIDE_FORMULA",
-};
-const createRemoveFilter = {
-    name: (env) => selectionContainsFilter(env) ? _t("Remove selected filters") : _t("Create filter"),
-    isActive: (env) => selectionContainsFilter(env),
-    isEnabled: (env) => !cannotCreateFilter(env),
-    execute: (env) => createRemoveFilterAction(env),
-    icon: "o-spreadsheet-Icon.FILTER_ICON_INACTIVE",
-};
-const groupColumns = {
-    name: (env) => {
-        const selection = env.model.getters.getSelectedZone();
-        if (selection.left === selection.right) {
-            return _t("Group column %s", numberToLetters(selection.left));
-        }
-        return _t("Group columns %s - %s", numberToLetters(selection.left), numberToLetters(selection.right));
-    },
-    execute: (env) => groupHeadersAction(env, "COL"),
-    isVisible: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        const selection = env.model.getters.getSelectedZone();
-        const groups = env.model.getters.getHeaderGroupsInZone(sheetId, "COL", selection);
-        return (IS_ONLY_ONE_RANGE(env) &&
-            !groups.some((group) => group.start === selection.left && group.end === selection.right));
-    },
-    icon: "o-spreadsheet-Icon.GROUP_COLUMNS",
-};
-const groupRows = {
-    name: (env) => {
-        const selection = env.model.getters.getSelectedZone();
-        if (selection.top === selection.bottom) {
-            return _t("Group row %s", String(selection.top + 1));
-        }
-        return _t("Group rows %s - %s", String(selection.top + 1), String(selection.bottom + 1));
-    },
-    execute: (env) => groupHeadersAction(env, "ROW"),
-    isVisible: (env) => {
-        const sheetId = env.model.getters.getActiveSheetId();
-        const selection = env.model.getters.getSelectedZone();
-        const groups = env.model.getters.getHeaderGroupsInZone(sheetId, "ROW", selection);
-        return (IS_ONLY_ONE_RANGE(env) &&
-            !groups.some((group) => group.start === selection.top && group.end === selection.bottom));
-    },
-    icon: "o-spreadsheet-Icon.GROUP_ROWS",
-};
-const ungroupColumns = {
-    name: (env) => {
-        const selection = env.model.getters.getSelectedZone();
-        if (selection.left === selection.right) {
-            return _t("Ungroup column %s", numberToLetters(selection.left));
-        }
-        return _t("Ungroup columns %s - %s", numberToLetters(selection.left), numberToLetters(selection.right));
-    },
-    execute: (env) => ungroupHeaders(env, "COL"),
-    icon: "o-spreadsheet-Icon.UNGROUP_COLUMNS",
-};
-const ungroupRows = {
-    name: (env) => {
-        const selection = env.model.getters.getSelectedZone();
-        if (selection.top === selection.bottom) {
-            return _t("Ungroup row %s", String(selection.top + 1));
-        }
-        return _t("Ungroup rows %s - %s", String(selection.top + 1), String(selection.bottom + 1));
-    },
-    execute: (env) => ungroupHeaders(env, "ROW"),
-    icon: "o-spreadsheet-Icon.UNGROUP_ROWS",
-};
-function selectionContainsFilter(env) {
-    const sheetId = env.model.getters.getActiveSheetId();
-    const selectedZones = env.model.getters.getSelectedZones();
-    return env.model.getters.doesZonesContainFilter(sheetId, selectedZones);
-}
-function cannotCreateFilter(env) {
-    return !areZonesContinuous(...env.model.getters.getSelectedZones());
-}
-function createRemoveFilterAction(env) {
-    if (selectionContainsFilter(env)) {
-        env.model.dispatch("REMOVE_FILTER_TABLE", {
-            sheetId: env.model.getters.getActiveSheetId(),
-            target: env.model.getters.getSelectedZones(),
-        });
-        return;
-    }
-    if (cannotCreateFilter(env)) {
-        return;
-    }
-    env.model.selection.selectTableAroundSelection();
-    const sheetId = env.model.getters.getActiveSheetId();
-    const selection = env.model.getters.getSelectedZones();
-    interactiveAddFilter(env, sheetId, selection);
-}
-function groupHeadersAction(env, dim) {
-    const selection = env.model.getters.getSelectedZone();
-    const sheetId = env.model.getters.getActiveSheetId();
-    env.model.dispatch("GROUP_HEADERS", {
-        sheetId,
-        dimension: dim,
-        start: dim === "COL" ? selection.left : selection.top,
-        end: dim === "COL" ? selection.right : selection.bottom,
-    });
-}
-function ungroupHeaders(env, dim) {
-    const selection = env.model.getters.getSelectedZone();
-    const sheetId = env.model.getters.getActiveSheetId();
-    env.model.dispatch("UNGROUP_HEADERS", {
-        sheetId,
-        dimension: dim,
-        start: dim === "COL" ? selection.left : selection.top,
-        end: dim === "COL" ? selection.right : selection.bottom,
-    });
-}
-function canUngroupHeaders(env, dimension) {
-    const sheetId = env.model.getters.getActiveSheetId();
-    const selection = env.model.getters.getSelectedZones();
-    return (selection.length === 1 &&
-        env.model.getters.getHeaderGroupsInZone(sheetId, dimension, selection[0]).length > 0);
-}
-
-var ACTION_VIEW = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  canUngroupHeaders: canUngroupHeaders,
-  createRemoveFilter: createRemoveFilter,
-  freezeCurrentCol: freezeCurrentCol,
-  freezeCurrentRow: freezeCurrentRow,
-  freezeFirstCol: freezeFirstCol,
-  freezeFirstRow: freezeFirstRow,
-  freezePane: freezePane,
-  freezeSecondCol: freezeSecondCol,
-  freezeSecondRow: freezeSecondRow,
-  groupColumns: groupColumns,
-  groupRows: groupRows,
-  hideCols: hideCols,
-  hideRows: hideRows,
-  unFreezeCols: unFreezeCols,
-  unFreezePane: unFreezePane,
-  unFreezeRows: unFreezeRows,
-  ungroupColumns: ungroupColumns,
-  ungroupRows: ungroupRows,
-  unhideAllCols: unhideAllCols,
-  unhideAllRows: unhideAllRows,
-  unhideCols: unhideCols,
-  unhideRows: unhideRows,
-  viewFormulas: viewFormulas,
-  viewGridlines: viewGridlines
-});
-
 const colMenuRegistry = new MenuItemRegistry();
 colMenuRegistry
     .add("cut", {
@@ -21340,13 +21325,8 @@ topbarMenuRegistry
     sequence: 30,
     separator: true,
 })
-    .addChild("add_data_filter", ["data"], {
-    ...addDataFilter,
-    sequence: 40,
-    separator: true,
-})
-    .addChild("remove_data_filter", ["data"], {
-    ...removeDataFilter,
+    .addChild("add_remove_data_filter", ["data"], {
+    ...addRemoveDataFilter,
     sequence: 40,
     separator: true,
 });
@@ -26686,17 +26666,13 @@ class Composer extends Component {
                 this.env.focusableElement.setFocusableElement(el);
             }
             this.contentHelper.updateEl(el);
-            this.processTokenAtCursor();
         });
         useEffect(() => {
             this.processContent();
         });
-        onPatched(() => {
-            // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
-            if (this.env.model.getters.getEditionMode() === "inactive") {
-                this.processTokenAtCursor();
-            }
-        });
+        useEffect(() => {
+            this.processTokenAtCursor();
+        }, () => [this.env.model.getters.getEditionMode() !== "inactive"]);
     }
     // ---------------------------------------------------------------------------
     // Handlers
@@ -27127,6 +27103,7 @@ class Composer extends Component {
         const dataValidationAutocompleteValues = this.env.model.getters.getAutoCompleteDataValidationValues();
         if (!content.startsWith("=") && dataValidationAutocompleteValues.length) {
             this.showDataValidationAutocomplete(dataValidationAutocompleteValues);
+            return;
         }
         if (content.startsWith("=")) {
             const token = this.env.model.getters.getTokenAtCursor();
@@ -27849,6 +27826,10 @@ css /*SCSS*/ `
       height: 0px;
     }
   }
+  .o-figure-container {
+    -webkit-user-select: none; // safari
+    user-select: none;
+  }
 `;
 /**
  * Each figure ⭐ is positioned inside a container `div` placed and sized
@@ -34382,7 +34363,7 @@ class BordersPlugin extends CorePlugin {
                 this.clearBorders(cmd.sheetId, cmd.target);
                 break;
             case "REMOVE_COLUMNS_ROWS":
-                for (let el of cmd.elements) {
+                for (let el of [...cmd.elements].sort((a, b) => b - a)) {
                     if (cmd.dimension === "COL") {
                         this.shiftBordersHorizontally(cmd.sheetId, el + 1, -1);
                     }
@@ -40162,6 +40143,353 @@ class CompilationParametersBuilder {
     }
 }
 
+/**
+ * ####################################################
+ * # INTRODUCTION
+ * ####################################################
+ *
+ * This file contain the function recomputeZones.
+ * This function try to recompute in a performant way
+ * an ensemble of zones possibly overlapping to avoid
+ * overlapping and to reduce the number of zones.
+ *
+ * It also allows to remove some zones from the ensemble.
+ *
+ * In the following example, 2 zones are overlapping.
+ * Applying recomputeZones will return zones without
+ * overlapping:
+ *
+ * ["B3:D4", "D2:E3"]         ["B3:C4", "D2:D4", "E2:E3"]
+ *
+ *      A B C D E                    A B C D E
+ *    1       ___                  1       ___
+ *    2   ___|_  |                 2   ___| | |
+ *    3  |   |_|_|      --->       3  |   | |_|
+ *    4  |_____|                   4  |___|_|
+ *    6                            6
+ *    7                            7
+ *
+ *
+ * In the following example, 2 zones are contiguous.
+ * Applying recomputeZones will return only one zone:
+ *
+ *  ["B2:B3", "C2:D3"]               ["B2:D3"]
+ *
+ *       A B C D E                   A B C D E
+ *     1   _ ___                   1   _____
+ *     2  | |   |        --->      2  |     |
+ *     3  |_|___|                  3  |_____|
+ *     4                           4
+ *
+ *
+ * In the following example, we want to remove a zone
+ * from the ensemble. Applying recomputeZones will
+ * return the ensemble without the zone to remove:
+ *
+ *    remove ["C3:D3"]           ["B2:B4", "C2:D2",
+ *                                "C4:D4", "E2:E4"]
+ *
+ *       A B C D E F                 A B C D E F
+ *     1   _______                 1   _______
+ *     2  |       |       --->     2  | |___| |
+ *     3  |  xxx  |                3  | |___| |
+ *     4  |_______|                4  |_|___|_|
+ *     5                           5
+ *
+ *
+ * The exercise seems simple when we have only 2 zones.
+ * But with n zones and in a performant way, we want to
+ * avoid comparing each zone with all the others.
+ *
+ *
+ * ####################################################
+ * # Methodological approach
+ * ####################################################
+ *
+ * The methodological approach to avoid comparing each
+ * zone with all the others is to use a data structure
+ * that allow to quickly find which zones are
+ * overlapping with any other given zone.
+ *
+ * Here the idea is to profile the zones at the columns level.
+ *
+ * To do that, we propose to use a data structure
+ * composed of 2 parts:
+ * - profilesStartingPosition: a sorted number array
+ * indicating on which columns a new profile begins.
+ * - profiles: a map where the key is a column
+ * position (from profilesStartingPosition) and the
+ * value is a sorted number array representing a
+ * profile.
+ *
+ *
+ * See the following example:    here profileStartingPosition
+ *                               corresponds to [A,C,E,G,K]
+ *    A B C D E F G H I J K      so with number [0,2,4,6,10]
+ *  1    '   '   '       '
+ *  2    '   '   '_______'       here profile correspond
+ *  3    '___'   |_______|       for A to []
+ *  4    |   |                   for C to [3, 5]
+ *  5    |___|                   for E to []
+ *  6                            for G to [2, 3]
+ *  7                            for K to []
+ *
+ *
+ * Now we can easily find which zones are overlapping
+ * with a given zone. Suppose we want to add a new zone
+ * D5:H6 to the ensemble:
+ *
+ *                              With a binary search of left and right
+ *    A B C D E F G H I J K     on profilesStartingPosition, we can
+ *  1    '   '   '       '      find the indexes of the profiles on which
+ *  2    '   '   '_______'      to apply a modification.
+ *  3    '___'   |_______|
+ *  4    |  _|_______           Here we will:
+ *  5    |_|_|       |          - add a new profile in D   --> become [3, 6]
+ *  6      |_________|          - modify the profile in E  --> become [4, 6]
+ *  7                           - modify the profile in G  --> become [2, 3, 4, 6]
+ *                              - add a new profile in I   --> become [8, 10]
+ *
+ *  See below the result:
+ *
+ *                              Note the particularity of the profile
+ *    A B C D E F G H I J K     for G: it will correspond to [2, 3, 4, 6]
+ *  1    ' ' '   '   '   '
+ *  2    ' ' '   '___'___'      To know how to modify the profile (add a
+ *  3    '_'_'   |___|___|      zone or remove it) we do a binary
+ *  4    | | |___ ___           search of the top and bottom value on the
+ *  5    |_| |   |   |          profile array. Depending on the result index
+ *  6      |_|___|___|          parity (odd or even), because zone boundaries
+ *  7                           go by pairs, we know if we are in a zone or
+ *                              not and how operate.
+ */
+/**
+ * Recompute the zone without the cells in toRemoveZones and avoid overlapping.
+ * This compute is particularly useful because after this function:
+ * - you will find coordinate of a cell only once among all the zones
+ * - the number of zones will be reduced to the minimum
+ */
+function futureRecomputeZones(zones, zonesToRemove = []) {
+    const profilesStartingPosition = [0];
+    const profiles = new Map([[0, []]]);
+    modifyProfiles(profilesStartingPosition, profiles, zones, false);
+    modifyProfiles(profilesStartingPosition, profiles, zonesToRemove, true);
+    return constructZonesFromProfiles(profilesStartingPosition, profiles);
+}
+function modifyProfiles(// export for testing only
+profilesStartingPosition, profiles, zones, toRemove = false) {
+    for (const zone of zones) {
+        const leftValue = zone.left;
+        const rightValue = zone.right === undefined ? undefined : zone.right + 1;
+        const leftIndex = findIndexAndCreateProfile(profilesStartingPosition, profiles, leftValue, true, 0);
+        const rightIndex = findIndexAndCreateProfile(profilesStartingPosition, profiles, rightValue, false, leftIndex);
+        for (let i = leftIndex; i <= rightIndex; i++) {
+            const profile = profiles.get(profilesStartingPosition[i]);
+            modifyProfile(profile, zone, toRemove);
+        }
+        // maybe this part cost in performance, and maybe it's not necessary (depending on the use case). To be checked
+        removeContiguousProfiles(profilesStartingPosition, profiles, leftIndex, rightIndex);
+    }
+}
+function findIndexAndCreateProfile(profilesStartingPosition, profiles, value, searchLeft, startIndex) {
+    if (value === undefined) {
+        // this is only the case when the value correspond to a bottom value that could be undefined
+        return profilesStartingPosition.length - 1;
+    }
+    const predecessorIndex = binaryPredecessorSearch(profilesStartingPosition, value, startIndex);
+    if (value != profilesStartingPosition[predecessorIndex]) {
+        // mean that the value is not ending/starting at the same position as the previous/next profile
+        // --> it's a new profile
+        // --> we need to add it
+        profilesStartingPosition.splice(predecessorIndex + 1, 0, value);
+        // suppose the               we want to add the       for the left value
+        // following profile         following zone:          'C', the predecessor index
+        //   for B: [1, 3]                "C3:D4"             correspond to 'B'.
+        //                                                    The next line code will
+        //       A B C D                A B C D               copy the profile of 'B'
+        //     1  '___'               1  '___'                to 'C'. In the rest of the
+        //     2  |   |       --->    2  |  _|_               process the 'modifyProfile'
+        //     3  |___|               3  |_|_| |              function will adapt the waiting
+        //     4                      4    |___|              'C' profile [1, 3] to the
+        //                                                    correct 'C' profile [1, 4]
+        profiles.set(value, [...profiles.get(profilesStartingPosition[predecessorIndex])]);
+        return searchLeft ? predecessorIndex + 1 : predecessorIndex;
+    }
+    return searchLeft ? predecessorIndex : predecessorIndex - 1;
+}
+/**
+ *  Suppose the following        Suppose we want to add          We want to have the
+ *  profile:                     the following zone:             following profile:
+ *
+ *       A B C D E F                  A B C D E F                     A B C D E F
+ *     1    '___'                   1    '   '                      1    '___'
+ *     2    |___|                   2    '___'                      2    |   |
+ *     3    '   '                   3    |   |                      3    |   |
+ *     4    '___'          -->      4    |   |            -->       4    |   |
+ *     6    |   |                   6    |___|                      6    |   |
+ *     7    |___|                   7                               7    |___|
+ *     8                            8                               8
+ *
+ *  the profile for 'C'          the top zone correspond        Here [2, 3, 5, 8] with [3, 7]
+ *  corresponds to:              to 3 and the bottom zone       would be merged into [2, 8]
+ *   ____  ____                  correspond to 6
+ *  [2, 3, 5, 8]                 would be the profile:          The difficulty of modify profile
+ *                                ____                          is to know what must be deleted
+ *  Note that the 'filled        [3, 7]                         and what must be added to the
+ *  zone' are always between                                    existing profile.
+ *  an even index and its
+ *  next index
+ *
+ */
+function modifyProfile(profile, zone, toRemove = false) {
+    const topValue = zone.top;
+    const bottomValue = zone.bottom === undefined ? undefined : zone.bottom + 1;
+    const newPoints = [];
+    // Case we want to add a zone to the profile:
+    // - If the top predecessor index `topPredIndex` is even, it means the top of the zone is already positioned on a filled zone
+    // so we don't need to add it to the profile. we can keep in reference the index of the predecessor.
+    // - If it is odd, it means the top of the zone must be the beginning of a filled zone.
+    // so we can keep the index of the top position
+    // Case we want to remove a zone from the profile: it's the opposite of the previous case
+    const topPredIndex = binaryPredecessorSearch(profile, topValue, 0, false);
+    if ((topPredIndex % 2 !== 0 && !toRemove) || (topPredIndex % 2 === 0 && toRemove)) {
+        newPoints.push(topValue);
+    }
+    if (bottomValue === undefined) {
+        // The following two code lines will not impact the final result,
+        // but they will impact the intermediate profile.
+        // We keep them for performance reason
+        profile.splice(topPredIndex + 1);
+        profile.push(...newPoints);
+        return;
+    }
+    // Case we want to add a zone to the profile:
+    // - If the bottom successor index `bottomSuccIndex` is even, it means the bottom of the zone must be the ending of a filled zone
+    // so we can keep the index of the bottom position.
+    // - If it is odd, it means the bottom of the zone is already positioned on a filled zone
+    // so we don't need to add it to the profile. we can keep in reference the index of the successor
+    // Case we want to remove a zone from the profile: it's the opposite of the previous case
+    const bottomSuccIndex = binarySuccessorSearch(profile, bottomValue, 0, false);
+    if ((bottomSuccIndex % 2 === 0 && !toRemove) || (bottomSuccIndex % 2 !== 0 && toRemove)) {
+        newPoints.push(bottomValue);
+    }
+    // add the top and bottom value to the profile and
+    // remove all information between the top and bottom index
+    profile.splice(topPredIndex + 1, bottomSuccIndex - topPredIndex - 1, ...newPoints);
+}
+function removeContiguousProfiles(profilesStartingPosition, profiles, leftIndex, rightIndex) {
+    const start = leftIndex - 1 === -1 ? 0 : leftIndex - 1;
+    const end = rightIndex === profilesStartingPosition.length - 1 ? rightIndex : rightIndex + 1;
+    for (let i = end; i > start; i--) {
+        if (deepEqualsArray(profiles.get(profilesStartingPosition[i]), profiles.get(profilesStartingPosition[i - 1]))) {
+            profiles.delete(profilesStartingPosition[i]);
+            profilesStartingPosition.splice(i, 1);
+        }
+    }
+}
+function constructZonesFromProfiles(profilesStartingPosition, profiles) {
+    const mergedZone = [];
+    let pendingZones = [];
+    for (let colIndex = 0; colIndex < profilesStartingPosition.length; colIndex++) {
+        const left = profilesStartingPosition[colIndex];
+        const profile = profiles.get(left);
+        if (!profile || profile.length === 0) {
+            mergedZone.push(...pendingZones);
+            pendingZones = [];
+            continue;
+        }
+        let right = profilesStartingPosition[colIndex + 1];
+        if (right !== undefined) {
+            right--;
+        }
+        const nextPendingZones = [];
+        for (let i = 0; i < profile.length; i += 2) {
+            const top = profile[i];
+            let bottom = profile[i + 1];
+            if (bottom !== undefined) {
+                bottom--;
+            }
+            const profileZone = {
+                top,
+                left,
+                bottom,
+                right,
+                hasHeader: (bottom === undefined && top !== 0) || (right === undefined && left !== 0),
+            };
+            let findCorrespondingZone = false;
+            for (let j = pendingZones.length - 1; j >= 0; j--) {
+                const pendingZone = pendingZones[j];
+                if (pendingZone.top === profileZone.top && pendingZone.bottom === profileZone.bottom) {
+                    pendingZone.right = profileZone.right;
+                    pendingZones.splice(j, 1);
+                    nextPendingZones.push(pendingZone);
+                    findCorrespondingZone = true;
+                    break;
+                }
+            }
+            if (!findCorrespondingZone) {
+                nextPendingZones.push(profileZone);
+            }
+        }
+        mergedZone.push(...pendingZones);
+        pendingZones = nextPendingZones;
+    }
+    mergedZone.push(...pendingZones);
+    return mergedZone;
+}
+function binaryPredecessorSearch(arr, val, start = 0, matchEqual = true) {
+    let end = arr.length - 1;
+    let result = -1;
+    while (start <= end) {
+        const mid = Math.floor((start + end) / 2);
+        if (arr[mid] === val && matchEqual) {
+            return mid;
+        }
+        else if (arr[mid] < val) {
+            result = mid;
+            start = mid + 1;
+        }
+        else {
+            end = mid - 1;
+        }
+    }
+    return result;
+}
+function binarySuccessorSearch(arr, val, start = 0, matchEqual = true) {
+    let end = arr.length - 1;
+    let result = arr.length;
+    while (start <= end) {
+        const mid = Math.floor((start + end) / 2);
+        if (arr[mid] === val && matchEqual) {
+            return mid;
+        }
+        else if (arr[mid] > val) {
+            result = mid;
+            end = mid - 1;
+        }
+        else {
+            start = mid + 1;
+        }
+    }
+    return result;
+}
+/**
+ * Compares two arrays.
+ * For performance reasons, this function is to be preferred
+ * to 'deepEquals' in the case we know that the inputs are arrays.
+ */
+function deepEqualsArray(arr1, arr2) {
+    if (arr1.length !== arr2.length) {
+        return false;
+    }
+    for (let i = 0; i < arr1.length; i++) {
+        if (!deepEquals(arr1[i], arr2[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+
 function quickselect(arr, k, left, right, compare) {
     quickselectStep(arr, k, left || 0, right || (arr.length - 1), compare || defaultCompare);
 }
@@ -40925,7 +41253,7 @@ class FormulaDependencyGraph {
         }
     }
     /**
-     * Return the cell and all cells that depend on it,
+     * Return all the cells that depend on the provided ranges,
      * in the correct order they should be evaluated.
      * This is called a topological ordering (excluding cycles)
      */
@@ -40936,11 +41264,20 @@ class FormulaDependencyGraph {
             const range = queue.pop();
             visited.addMany(this.encoder.encodeBoundingBox(range));
             const impactedPositionIds = this.rTree.search(range).map((dep) => dep.data);
+            const nextInQueue = {};
             for (const positionId of impactedPositionIds) {
                 if (!visited.has(positionId)) {
-                    queue.push(this.encoder.decodeToBoundingBox(positionId));
+                    const { sheetId, zone } = this.encoder.decodeToBoundingBox(positionId);
+                    if (!nextInQueue[sheetId]) {
+                        nextInQueue[sheetId] = [];
+                    }
+                    nextInQueue[sheetId].push(zone);
                 }
             }
+            for (const sheetId in nextInQueue) {
+                const zones = futureRecomputeZones(nextInQueue[sheetId]);
+                queue.push(...zones.map((zone) => ({ sheetId, zone })));
+            }
         }
         visited.deleteMany(ranges.flatMap((r) => this.encoder.encodeBoundingBox(r)));
         return visited;
@@ -41096,7 +41433,7 @@ class Evaluator {
             }
             if (!content) {
                 // The previous content could have blocked some array formulas
-                impactedPositionIds.addMany(this.getArrayFormulasBlockedByOrSpreadingOn(positionId));
+                impactedPositionIds.addMany(this.getArrayFormulasBlockedBy(positionId));
             }
         }
         return impactedPositionIds;
@@ -41141,13 +41478,22 @@ class Evaluator {
         }
         return positionIds;
     }
-    getArrayFormulasBlockedByOrSpreadingOn(positionId) {
+    /**
+     * Return the position of formulas blocked by the given position
+     * as well as all their dependencies.
+     */
+    getArrayFormulasBlockedBy(positionId) {
         if (!this.spreadingRelations.hasArrayFormulaResult(positionId)) {
             return [];
         }
         const arrayFormulas = this.spreadingRelations.getFormulaPositionsSpreadingOn(positionId);
         const cells = new JetSet(arrayFormulas);
-        cells.addMany(this.getCellsDependingOn(arrayFormulas));
+        const arrayFormulaPositionId = this.getArrayFormulaSpreadingOnId(positionId);
+        if (arrayFormulaPositionId) {
+            // ignore the formula spreading on the position. Keep only the blocked ones
+            cells.delete(arrayFormulaPositionId);
+        }
+        cells.addMany(this.getCellsDependingOn(cells));
         return cells;
     }
     nextPositionsToUpdate = new JetSet();
@@ -41312,7 +41658,7 @@ class Evaluator {
             }
             this.evaluatedCells.delete(child);
             this.nextPositionsToUpdate.addMany(this.getCellsDependingOn([child]));
-            this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedByOrSpreadingOn(child));
+            this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedBy(child));
         }
         this.spreadingRelations.removeNode(positionId);
     }
@@ -48925,7 +49271,7 @@ class FilterEvaluationPlugin extends UIPlugin {
         "isFilterActive",
     ];
     filterValues = {};
-    hiddenRows = new Set();
+    hiddenRows = {};
     isEvaluationDirty = false;
     allowDispatch(cmd) {
         switch (cmd.type) {
@@ -48968,11 +49314,11 @@ class FilterEvaluationPlugin extends UIPlugin {
             case "UNFOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
-                this.updateHiddenRows();
+                this.updateHiddenRows(cmd.sheetId);
                 break;
             case "UPDATE_FILTER":
                 this.updateFilter(cmd);
-                this.updateHiddenRows();
+                this.updateHiddenRows(cmd.sheetId);
                 break;
             case "DUPLICATE_SHEET":
                 const filterValues = {};
@@ -48992,15 +49338,14 @@ class FilterEvaluationPlugin extends UIPlugin {
     }
     finalize() {
         if (this.isEvaluationDirty) {
-            this.updateHiddenRows();
+            for (const sheetId of this.getters.getSheetIds()) {
+                this.updateHiddenRows(sheetId);
+            }
             this.isEvaluationDirty = false;
         }
     }
     isRowFiltered(sheetId, row) {
-        if (sheetId !== this.getters.getActiveSheetId()) {
-            return false;
-        }
-        return this.hiddenRows.has(row);
+        return !!this.hiddenRows[sheetId]?.has(row);
     }
     getCellBorderWithFilterBorder(position) {
         const { sheetId, col, row } = position;
@@ -49051,8 +49396,7 @@ class FilterEvaluationPlugin extends UIPlugin {
             this.filterValues[sheetId] = {};
         this.filterValues[sheetId][id] = hiddenValues;
     }
-    updateHiddenRows() {
-        const sheetId = this.getters.getActiveSheetId();
+    updateHiddenRows(sheetId) {
         const filters = this.getters
             .getFilters(sheetId)
             .sort((filter1, filter2) => filter1.zoneWithHeaders.top - filter2.zoneWithHeaders.top);
@@ -49073,7 +49417,7 @@ class FilterEvaluationPlugin extends UIPlugin {
                 }
             }
         }
-        this.hiddenRows = hiddenRows;
+        this.hiddenRows[sheetId] = hiddenRows;
     }
     getCellValueAsString(sheetId, col, row) {
         const value = this.getters.getEvaluatedCell({ sheetId, col, row }).formattedValue;
@@ -50214,13 +50558,14 @@ class SheetViewPlugin extends UIPlugin {
         }
     }
     handleEvent(event) {
+        const sheetId = this.getters.getActiveSheetId();
         if (event.options.scrollIntoView) {
             let { col, row } = findCellInNewZone(event.previousAnchor.zone, event.anchor.zone);
             if (event.mode === "updateAnchor") {
                 const oldZone = event.previousAnchor.zone;
                 const newZone = event.anchor.zone;
                 // altering a zone should not move the viewport in a dimension that wasn't changed
-                const { top, bottom, left, right } = this.getters.getActiveMainViewport();
+                const { top, bottom, left, right } = this.getMainInternalViewport(sheetId);
                 if (oldZone.left === newZone.left && oldZone.right === newZone.right) {
                     col = left > col || col > right ? left : col;
                 }
@@ -50228,7 +50573,6 @@ class SheetViewPlugin extends UIPlugin {
                     row = top > row || row > bottom ? top : row;
                 }
             }
-            const sheetId = this.getters.getActiveSheetId();
             col = Math.min(col, this.getters.getNumberCols(sheetId) - 1);
             row = Math.min(row, this.getters.getNumberRows(sheetId) - 1);
             if (!this.sheetsWithDirtyViewports.has(sheetId)) {
@@ -50265,16 +50609,16 @@ class SheetViewPlugin extends UIPlugin {
                 this.setSheetViewOffset(cmd.offsetX, cmd.offsetY);
                 break;
             case "SHIFT_VIEWPORT_DOWN":
-                const { top } = this.getActiveMainViewport();
                 const sheetId = this.getters.getActiveSheetId();
-                const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).start + this.sheetViewHeight);
-                this.shiftVertically(shiftedOffsetY);
+                const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                this.shiftVertically(topRowDims.start + viewportHeight - offsetCorrectionY);
                 break;
             case "SHIFT_VIEWPORT_UP": {
-                const { top } = this.getActiveMainViewport();
                 const sheetId = this.getters.getActiveSheetId();
-                const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).end - this.sheetViewHeight);
-                this.shiftVertically(shiftedOffsetY);
+                const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                this.shiftVertically(topRowDims.end - offsetCorrectionY - viewportHeight);
                 break;
             }
             case "REMOVE_FILTER_TABLE":
@@ -50667,17 +51011,6 @@ class SheetViewPlugin extends UIPlugin {
         const { maxOffsetX, maxOffsetY } = this.getMaximumSheetOffset();
         Object.values(this.getSubViewports(sheetId)).forEach((viewport) => viewport.setViewportOffset(clip(offsetX, 0, maxOffsetX), clip(offsetY, 0, maxOffsetY)));
     }
-    /**
-     * Clip the vertical offset within the allowed range.
-     * Not above the sheet, nor below the sheet.
-     */
-    clipOffsetY(offsetY) {
-        const { height } = this.getMainViewportRect();
-        const maxOffset = height - this.sheetViewHeight;
-        offsetY = Math.min(offsetY, maxOffset);
-        offsetY = Math.max(offsetY, 0);
-        return offsetY;
-    }
     getViewportOffset(sheetId) {
         return {
             x: this.viewports[sheetId]?.bottomRight.offsetScrollbarX || 0,
@@ -50733,12 +51066,15 @@ class SheetViewPlugin extends UIPlugin {
      * viewport top.
      */
     shiftVertically(offset) {
-        const { top } = this.getActiveMainViewport();
+        const sheetId = this.getters.getActiveSheetId();
+        const { top } = this.getMainInternalViewport(sheetId);
         const { scrollX } = this.getActiveSheetScrollInfo();
         this.setSheetViewOffset(scrollX, offset);
         const { anchor } = this.getters.getSelection();
-        const deltaRow = this.getActiveMainViewport().top - top;
-        this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+        if (anchor.cell.row >= this.getters.getPaneDivisions(sheetId).ySplit) {
+            const deltaRow = this.getMainInternalViewport(sheetId).top - top;
+            this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+        }
     }
     getVisibleFigures() {
         const sheetId = this.getters.getActiveSheetId();
@@ -51669,7 +52005,6 @@ css /* scss */ `
     cursor: pointer;
   }
 `;
-let tKey = 1;
 class SpreadsheetDashboard extends Component {
     static template = "o-spreadsheet-SpreadsheetDashboard";
     static components = {
@@ -51747,13 +52082,9 @@ class SpreadsheetDashboard extends Component {
                     coordinates: rect,
                     position: { col, row },
                     action,
-                    // we can't rely on position only because a row or a column could
-                    // be inserted at any time.
-                    tKey: `${tKey}-${col}-${row}`,
                 });
             }
         }
-        tKey++;
         return cells;
     }
     getClickableAction(position) {
@@ -57024,6 +57355,6 @@ const constants = {
 export { AbstractChart, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, UIPlugin, __info__, addFunction, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, tokenize };
 
 
-__info__.version = "17.0.18";
-__info__.date = "2024-04-10T13:28:23.664Z";
-__info__.hash = "6294758";
+__info__.version = "17.0.20";
+__info__.date = "2024-04-26T07:37:04.503Z";
+__info__.hash = "065ac98";