@odoo/o-spreadsheet 16.4.0 → 16.4.2

package/dist/o-spreadsheet.iife.js

@@ -109,8 +109,8 @@
   const HEADER_BORDER_COLOR = "#C0C0C0";
   const CELL_BORDER_COLOR = "#E2E3E3";
   const BACKGROUND_CHART_COLOR = "#FFFFFF";
-  const MENU_ITEM_DISABLED_COLOR = "#CACACA";
   const BG_HOVER_COLOR = "#EBEBEB";
+  const DISABLED_TEXT_COLOR = "#CACACA";
   const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
   const LINK_COLOR = "#01666b";
   const FILTERS_COLOR = "#188038";
@@ -4052,7 +4052,6 @@
       "SET_VIEWPORT_OFFSET",
       "SELECT_SEARCH_NEXT_MATCH",
       "SELECT_SEARCH_PREVIOUS_MATCH",
-      "REFRESH_SEARCH",
       "UPDATE_SEARCH",
       "CLEAR_SEARCH",
       "EVALUATE_CELLS",
@@ -5991,7 +5990,7 @@
         }
       }
       &.disabled {
-        color: ${MENU_ITEM_DISABLED_COLOR};
+        color: ${DISABLED_TEXT_COLOR};
         cursor: not-allowed;
       }
     }
@@ -22691,6 +22690,7 @@
       state = owl.useState(this.initialState());
       debounceTimeoutId;
       showFormulaState = false;
+      debouncedUpdateSearch;
       findAndReplaceRef = owl.useRef("findAndReplace");
       get hasSearchResult() {
           return this.env.model.getters.getCurrentSelectedMatchIndex() !== null;
@@ -22700,11 +22700,16 @@
       }
       setup() {
           this.showFormulaState = this.env.model.getters.shouldShowFormulas();
+          this.debouncedUpdateSearch = debounce(this.updateSearch.bind(this), 200);
           owl.onMounted(() => this.focusInput());
           owl.onWillUnmount(() => {
               this.env.model.dispatch("CLEAR_SEARCH");
               this.env.model.dispatch("SET_FORMULA_VISIBILITY", { show: this.showFormulaState });
           });
+          owl.useEffect(() => {
+              this.state.searchOptions.searchFormulas = this.env.model.getters.shouldShowFormulas();
+              this.searchFormulas();
+          }, () => [this.env.model.getters.shouldShowFormulas()]);
       }
       onInput(ev) {
           this.state.toSearch = ev.target.value;
@@ -22724,10 +22729,6 @@
               this.replace();
           }
       }
-      onFocusSidePanel() {
-          this.state.searchOptions.searchFormulas = this.env.model.getters.shouldShowFormulas();
-          this.env.model.dispatch("REFRESH_SEARCH");
-      }
       searchFormulas() {
           this.env.model.dispatch("SET_FORMULA_VISIBILITY", {
               show: this.state.searchOptions.searchFormulas,
@@ -22746,13 +22747,6 @@
               searchOptions: this.state.searchOptions,
           });
       }
-      debouncedUpdateSearch() {
-          clearTimeout(this.debounceTimeoutId);
-          this.debounceTimeoutId = setTimeout(() => {
-              this.updateSearch();
-              this.debounceTimeoutId = undefined;
-          }, 400);
-      }
       replace() {
           this.env.model.dispatch("REPLACE_SEARCH", {
               replaceWith: this.state.replaceWith,
@@ -24692,6 +24686,15 @@
               y = initialFigure.y - deltaY;
           }
       }
+      // Restrict resizing if x or y reaches header boundaries
+      if (x < 0) {
+          width += x;
+          x = 0;
+      }
+      if (y < 0) {
+          height += y;
+          y = 0;
+      }
       return { ...initialFigure, x, y, width, height };
   }
 
@@ -38531,6 +38534,7 @@
           searchFormulas: false,
       };
       toSearch = "";
+      isSearchDirty = false;
       // ---------------------------------------------------------------------------
       // Command Handling
       // ---------------------------------------------------------------------------
@@ -38554,18 +38558,33 @@
               case "REPLACE_ALL_SEARCH":
                   this.replaceAll(cmd.replaceWith);
                   break;
+              case "EVALUATE_CELLS":
+              case "UPDATE_CELL":
+              case "REMOVE_FILTER_TABLE":
+              case "UPDATE_FILTER":
+                  this.isSearchDirty = true;
+                  break;
               case "UNDO":
               case "REDO":
               case "REMOVE_COLUMNS_ROWS":
+              case "HIDE_COLUMNS_ROWS":
+              case "UNHIDE_COLUMNS_ROWS":
               case "ADD_COLUMNS_ROWS":
-                  this.clearSearch();
+              case "EVALUATE_CELLS":
+              case "UPDATE_CELL":
+                  this.isSearchDirty = true;
                   break;
               case "ACTIVATE_SHEET":
-              case "REFRESH_SEARCH":
                   this.refreshSearch();
                   break;
           }
       }
+      finalize() {
+          if (this.isSearchDirty) {
+              this.refreshSearch();
+              this.isSearchDirty = false;
+          }
+      }
       // ---------------------------------------------------------------------------
       // Getters
       // ---------------------------------------------------------------------------
@@ -38621,6 +38640,11 @@
           if (this.toSearch) {
               for (const cell of Object.values(cells)) {
                   const { col, row } = this.getters.getCellPosition(cell.id);
+                  const isColHidden = this.getters.isColHidden(sheetId, col);
+                  const isRowHidden = this.getters.isRowHidden(sheetId, row);
+                  if (isColHidden || isRowHidden) {
+                      continue;
+                  }
                   if (cell &&
                       this.currentSearchRegex &&
                       this.currentSearchRegex.test(this.getSearchableString({ sheetId, col, row }))) {
@@ -38680,37 +38704,32 @@
       // ---------------------------------------------------------------------------
       // Replace
       // ---------------------------------------------------------------------------
-      /**
-       * Replace the value of the currently selected match
-       */
-      replace(replaceWith) {
-          if (this.selectedMatchIndex === null || !this.currentSearchRegex) {
+      replaceMatch(selectedMatch, replaceWith) {
+          if (!this.currentSearchRegex) {
               return;
           }
-          const matches = this.searchMatches;
-          const selectedMatch = matches[this.selectedMatchIndex];
           const sheetId = this.getters.getActiveSheetId();
           const cell = this.getters.getCell({ sheetId, ...selectedMatch });
+          const { col, row } = selectedMatch;
           if (cell?.isFormula && !this.searchOptions.searchFormulas) {
-              this.selectNextCell(Direction.next);
+              return;
           }
-          else {
-              const replaceRegex = new RegExp(this.currentSearchRegex.source, this.currentSearchRegex.flags + "g");
-              const toReplace = this.getSearchableString({
-                  sheetId,
-                  col: selectedMatch.col,
-                  row: selectedMatch.row,
-              });
-              const newContent = toReplace.replace(replaceRegex, replaceWith);
-              this.dispatch("UPDATE_CELL", {
-                  sheetId: this.getters.getActiveSheetId(),
-                  col: selectedMatch.col,
-                  row: selectedMatch.row,
-                  content: canonicalizeContent(newContent, this.getters.getLocale()),
-              });
-              this.searchMatches.splice(this.selectedMatchIndex, 1);
-              this.selectNextCell(Direction.current);
+          const replaceRegex = new RegExp(this.currentSearchRegex.source, this.currentSearchRegex.flags + "g");
+          const toReplace = this.getSearchableString({ sheetId, col, row });
+          const content = toReplace.replace(replaceRegex, replaceWith);
+          const canonicalContent = canonicalizeContent(content, this.getters.getLocale());
+          this.dispatch("UPDATE_CELL", { sheetId, col, row, content: canonicalContent });
+      }
+      /**
+       * Replace the value of the currently selected match
+       */
+      replace(replaceWith) {
+          if (this.selectedMatchIndex === null) {
+              return;
           }
+          const selectedMatch = this.searchMatches[this.selectedMatchIndex];
+          this.replaceMatch(selectedMatch, replaceWith);
+          this.selectNextCell(Direction.next);
       }
       /**
        * Apply the replace function to all the matches one time.
@@ -38718,7 +38737,7 @@
       replaceAll(replaceWith) {
           const matchCount = this.searchMatches.length;
           for (let i = 0; i < matchCount; i++) {
-              this.replace(replaceWith);
+              this.replaceMatch(this.searchMatches[i], replaceWith);
           }
       }
       getSearchableString(position) {
@@ -45721,6 +45740,11 @@
     .o-sidePanelButton:enabled {
       cursor: pointer;
     }
+
+    .o-sidePanelButton:disabled {
+      color: ${DISABLED_TEXT_COLOR};
+    }
+
     .o-sidePanelButton:last-child {
       margin-right: 0px;
     }
@@ -50515,9 +50539,9 @@
   Object.defineProperty(exports, '__esModule', { value: true });
 
 
-  __info__.version = '16.4.0';
-  __info__.date = '2023-07-24T06:26:19.494Z';
-  __info__.hash = '4eb614c';
+  __info__.version = '16.4.2';
+  __info__.date = '2023-08-07T12:49:47.066Z';
+  __info__.hash = 'd5697c0';
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);