@odoo/o-spreadsheet 17.0.0 → 17.1.0-alpha.0

package/dist/o-spreadsheet.iife.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.0
- * @date 2023-10-27T06:53:09.229Z
- * @hash c0a34c2
+ * @version 17.1.0-alpha.0
+ * @date 2023-10-28T08:12:20.922Z
+ * @hash a6a33b5
  */
 
 (function (exports, owl) {
@@ -6629,6 +6629,31 @@
   function getOpenedMenus() {
       return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
   }
+  const letterRegex = /^[a-zA-Z]$/;
+  /**
+   * Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
+   *
+   * @argument ev - The keyboard event to transform
+   * @argument mode - Use either ev.key of ev.code to get the string shortcut
+   *
+   * @example
+   * event : { ctrlKey: true, key: "a" } => "Ctrl+A"
+   * event : { shift: true, alt: true, key: "Home" } => "Alt+Shift+Home"
+   */
+  function keyboardEventToShortcutString(ev, mode = "key") {
+      let keyDownString = "";
+      if (ev.ctrlKey && ev.key !== "Ctrl")
+          keyDownString += "Ctrl+";
+      if (ev.metaKey)
+          keyDownString += "Ctrl+";
+      if (ev.altKey && ev.key !== "Alt")
+          keyDownString += "Alt+";
+      if (ev.shiftKey && ev.key !== "Shift")
+          keyDownString += "Shift+";
+      const key = mode === "key" ? ev.key : ev.code;
+      keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
+      return keyDownString;
+  }
 
   /**
    * Return the o-spreadsheet element position relative
@@ -27351,16 +27376,16 @@
       shouldProcessInputEvents = false;
       tokens = [];
       keyMapping = {
-          ArrowUp: this.processArrowKeys,
-          ArrowDown: this.processArrowKeys,
-          ArrowLeft: this.processArrowKeys,
-          ArrowRight: this.processArrowKeys,
-          Enter: this.processEnterKey,
+          Enter: (ev) => this.processEnterKey(ev, "down"),
+          "Shift+Enter": (ev) => this.processEnterKey(ev, "up"),
+          "Alt+Enter": this.processNewLineEvent,
+          "Ctrl+Enter": this.processNewLineEvent,
           Escape: this.processEscapeKey,
           F2: () => console.warn("Not implemented"),
           F4: this.processF4Key,
-          Tab: (ev) => this.processTabKey(ev),
-          " ": (ev) => this.processSpaceKey(ev),
+          Tab: (ev) => this.processTabKey(ev, "right"),
+          "Shift+Tab": (ev) => this.processTabKey(ev, "left"),
+          "Ctrl+ ": this.processSpaceKey,
       };
       keyCodeMapping = {
           NumpadDecimal: this.processNumpadDecimal,
@@ -27422,7 +27447,7 @@
               }
           }
       }
-      processTabKey(ev) {
+      processTabKey(ev, direction) {
           ev.preventDefault();
           ev.stopPropagation();
           const state = this.autoCompleteState;
@@ -27433,25 +27458,18 @@
                   return;
               }
           }
-          const direction = ev.shiftKey ? "left" : "right";
           interactiveStopEdition(this.env);
           this.env.model.selection.moveAnchorCell(direction, 1);
       }
       processSpaceKey(ev) {
-          if (ev.ctrlKey) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              this.showFunctionAutocomplete("");
-              this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
-          }
+          ev.preventDefault();
+          ev.stopPropagation();
+          this.showFunctionAutocomplete("");
+          this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
       }
-      processEnterKey(ev) {
+      processEnterKey(ev, direction) {
           ev.preventDefault();
           ev.stopPropagation();
-          if (ev.altKey || ev.ctrlKey) {
-              this.composerRef.el?.dispatchEvent(new InputEvent("input", { inputType: "insertParagraph", bubbles: true, isComposing: false }));
-              return;
-          }
           const state = this.autoCompleteState;
           if (state.showProvider && state.selectedIndex !== undefined) {
               const autoCompleteValue = this.autoCompleteState.values[state.selectedIndex]?.text;
@@ -27461,9 +27479,22 @@
               }
           }
           interactiveStopEdition(this.env);
-          const direction = ev.shiftKey ? "up" : "down";
           this.env.model.selection.moveAnchorCell(direction, 1);
       }
+      processNewLineEvent(ev) {
+          ev.preventDefault();
+          ev.stopPropagation();
+          const content = this.contentHelper.getText();
+          const selection = this.contentHelper.getCurrentSelection();
+          const start = Math.min(selection.start, selection.end);
+          const end = Math.max(selection.start, selection.end);
+          this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
+          this.env.model.dispatch("SET_CURRENT_CONTENT", {
+              content: content.slice(0, start) + NEWLINE + content.slice(end),
+              selection: { start: start + 1, end: start + 1 },
+          });
+          this.processContent();
+      }
       processEscapeKey() {
           this.env.model.dispatch("CANCEL_EDITION");
       }
@@ -27497,7 +27528,12 @@
           this.compositionActive = false;
       }
       onKeydown(ev) {
-          let handler = this.keyMapping[ev.key] || this.keyCodeMapping[ev.code];
+          if (ev.key.startsWith("Arrow")) {
+              this.processArrowKeys(ev);
+              return;
+          }
+          let handler = this.keyMapping[keyboardEventToShortcutString(ev)] ||
+              this.keyCodeMapping[keyboardEventToShortcutString(ev, "code")];
           if (handler) {
               handler.call(this, ev);
           }
@@ -27514,12 +27550,6 @@
           }
           let content = this.contentHelper.getText();
           let selection = this.contentHelper.getCurrentSelection();
-          if (ev.inputType === "insertParagraph") {
-              const start = Math.min(selection.start, selection.end);
-              const end = Math.max(selection.start, selection.end);
-              content = content.slice(0, start) + NEWLINE + content.slice(end);
-              selection = { start: start + 1, end: start + 1 };
-          }
           this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
           this.env.model.dispatch("SET_CURRENT_CONTENT", {
               content,
@@ -30216,33 +30246,33 @@
       // this map will handle most of the actions that should happen on key down. The arrow keys are managed in the key
       // down itself
       keyDownMapping = {
-          ENTER: () => {
+          Enter: () => {
               const cell = this.env.model.getters.getActiveCell();
               cell.type === CellValueType.empty
                   ? this.props.onGridComposerCellFocused()
                   : this.props.onComposerContentFocused();
           },
-          TAB: () => this.env.model.selection.moveAnchorCell("right", 1),
-          "SHIFT+TAB": () => this.env.model.selection.moveAnchorCell("left", 1),
+          Tab: () => this.env.model.selection.moveAnchorCell("right", 1),
+          "Shift+Tab": () => this.env.model.selection.moveAnchorCell("left", 1),
           F2: () => {
               const cell = this.env.model.getters.getActiveCell();
               cell.type === CellValueType.empty
                   ? this.props.onGridComposerCellFocused()
                   : this.props.onComposerContentFocused();
           },
-          DELETE: () => {
+          Delete: () => {
               this.env.model.dispatch("DELETE_CONTENT", {
                   sheetId: this.env.model.getters.getActiveSheetId(),
                   target: this.env.model.getters.getSelectedZones(),
               });
           },
-          BACKSPACE: () => {
+          Backspace: () => {
               this.env.model.dispatch("DELETE_CONTENT", {
                   sheetId: this.env.model.getters.getActiveSheetId(),
                   target: this.env.model.getters.getSelectedZones(),
               });
           },
-          ESCAPE: () => {
+          Escape: () => {
               /** TODO: Clean once we introduce proper focus on sub components. Grid should not have to handle all this logic */
               if (this.env.model.getters.hasOpenedPopover()) {
                   this.closeOpenedPopover();
@@ -30257,27 +30287,27 @@
                   this.env.model.dispatch("CLEAN_CLIPBOARD_HIGHLIGHT");
               }
           },
-          "CTRL+A": () => this.env.model.selection.loopSelection(),
-          "CTRL+Z": () => this.env.model.dispatch("REQUEST_UNDO"),
-          "CTRL+Y": () => this.env.model.dispatch("REQUEST_REDO"),
+          "Ctrl+A": () => this.env.model.selection.loopSelection(),
+          "Ctrl+Z": () => this.env.model.dispatch("REQUEST_UNDO"),
+          "Ctrl+Y": () => this.env.model.dispatch("REQUEST_REDO"),
           F4: () => this.env.model.dispatch("REQUEST_REDO"),
-          "CTRL+B": () => this.env.model.dispatch("SET_FORMATTING", {
+          "Ctrl+B": () => this.env.model.dispatch("SET_FORMATTING", {
               sheetId: this.env.model.getters.getActiveSheetId(),
               target: this.env.model.getters.getSelectedZones(),
               style: { bold: !this.env.model.getters.getCurrentStyle().bold },
           }),
-          "CTRL+I": () => this.env.model.dispatch("SET_FORMATTING", {
+          "Ctrl+I": () => this.env.model.dispatch("SET_FORMATTING", {
               sheetId: this.env.model.getters.getActiveSheetId(),
               target: this.env.model.getters.getSelectedZones(),
               style: { italic: !this.env.model.getters.getCurrentStyle().italic },
           }),
-          "CTRL+U": () => this.env.model.dispatch("SET_FORMATTING", {
+          "Ctrl+U": () => this.env.model.dispatch("SET_FORMATTING", {
               sheetId: this.env.model.getters.getActiveSheetId(),
               target: this.env.model.getters.getSelectedZones(),
               style: { underline: !this.env.model.getters.getCurrentStyle().underline },
           }),
-          "CTRL+O": () => CREATE_IMAGE(this.env),
-          "ALT+=": () => {
+          "Ctrl+O": () => CREATE_IMAGE(this.env),
+          "Alt+=": () => {
               const sheetId = this.env.model.getters.getActiveSheetId();
               const mainSelectedZone = this.env.model.getters.getSelectedZone();
               const { anchor } = this.env.model.getters.getSelection();
@@ -30293,13 +30323,13 @@
                   this.env.model.dispatch("SUM_SELECTION");
               }
           },
-          "ALT+ENTER": () => {
+          "Alt+Enter": () => {
               const cell = this.env.model.getters.getActiveCell();
               if (cell.link) {
                   openLink(cell.link, this.env);
               }
           },
-          "CTRL+HOME": () => {
+          "Ctrl+Home": () => {
               const sheetId = this.env.model.getters.getActiveSheetId();
               const { col, row } = this.env.model.getters.getNextVisibleCellPosition({
                   sheetId,
@@ -30308,13 +30338,13 @@
               });
               this.env.model.selection.selectCell(col, row);
           },
-          "CTRL+END": () => {
+          "Ctrl+End": () => {
               const sheetId = this.env.model.getters.getActiveSheetId();
               const col = this.env.model.getters.findVisibleHeader(sheetId, "COL", this.env.model.getters.getNumberCols(sheetId) - 1, 0);
               const row = this.env.model.getters.findVisibleHeader(sheetId, "ROW", this.env.model.getters.getNumberRows(sheetId) - 1, 0);
               this.env.model.selection.selectCell(col, row);
           },
-          "SHIFT+ ": () => {
+          "Shift+ ": () => {
               const sheetId = this.env.model.getters.getActiveSheetId();
               const newZone = {
                   ...this.env.model.getters.getSelectedZone(),
@@ -30324,7 +30354,7 @@
               const position = this.env.model.getters.getActivePosition();
               this.env.model.selection.selectZone({ cell: position, zone: newZone });
           },
-          "CTRL+ ": () => {
+          "Ctrl+ ": () => {
               const sheetId = this.env.model.getters.getActiveSheetId();
               const newZone = {
                   ...this.env.model.getters.getSelectedZone(),
@@ -30334,18 +30364,18 @@
               const position = this.env.model.getters.getActivePosition();
               this.env.model.selection.selectZone({ cell: position, zone: newZone });
           },
-          "CTRL+D": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ABOVE"),
-          "CTRL+R": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ON_LEFT"),
-          "CTRL+SHIFT+E": () => this.setHorizontalAlign("center"),
-          "CTRL+SHIFT+L": () => this.setHorizontalAlign("left"),
-          "CTRL+SHIFT+R": () => this.setHorizontalAlign("right"),
-          "CTRL+SHIFT+V": () => PASTE_VALUE_ACTION(this.env),
-          "CTRL+SHIFT+<": () => this.clearFormatting(),
-          "CTRL+<": () => this.clearFormatting(),
-          "CTRL+SHIFT+ ": () => {
+          "Ctrl+D": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ABOVE"),
+          "Ctrl+R": async () => this.env.model.dispatch("COPY_PASTE_CELLS_ON_LEFT"),
+          "Ctrl+Shift+E": () => this.setHorizontalAlign("center"),
+          "Ctrl+Shift+L": () => this.setHorizontalAlign("left"),
+          "Ctrl+Shift+R": () => this.setHorizontalAlign("right"),
+          "Ctrl+Shift+V": () => PASTE_VALUE_ACTION(this.env),
+          "Ctrl+Shift+<": () => this.clearFormatting(),
+          "Ctrl+<": () => this.clearFormatting(),
+          "Ctrl+Shift+ ": () => {
               this.env.model.selection.selectAll();
           },
-          "CTRL+ALT+=": () => {
+          "Ctrl+Alt+=": () => {
               const activeCols = this.env.model.getters.getActiveCols();
               const activeRows = this.env.model.getters.getActiveRows();
               const isSingleSelection = this.env.model.getters.getSelectedZones().length === 1;
@@ -30358,7 +30388,7 @@
                   INSERT_ROWS_BEFORE_ACTION(this.env);
               }
           },
-          "CTRL+ALT+-": () => {
+          "Ctrl+Alt+-": () => {
               const columns = [...this.env.model.getters.getActiveCols()];
               const rows = [...this.env.model.getters.getActiveRows()];
               if (columns.length > 0 && rows.length === 0) {
@@ -30376,19 +30406,19 @@
                   });
               }
           },
-          "SHIFT+PAGEDOWN": () => {
+          "Shift+PageDown": () => {
               this.env.model.dispatch("ACTIVATE_NEXT_SHEET");
           },
-          "SHIFT+PAGEUP": () => {
+          "Shift+PageUp": () => {
               this.env.model.dispatch("ACTIVATE_PREVIOUS_SHEET");
           },
-          PAGEDOWN: () => this.env.model.dispatch("SHIFT_VIEWPORT_DOWN"),
-          PAGEUP: () => this.env.model.dispatch("SHIFT_VIEWPORT_UP"),
-          "CTRL+K": () => INSERT_LINK(this.env),
-          "ALT+SHIFT+ARROWRIGHT": () => this.processHeaderGroupingKey("right"),
-          "ALT+SHIFT+ARROWLEFT": () => this.processHeaderGroupingKey("left"),
-          "ALT+SHIFT+ARROWUP": () => this.processHeaderGroupingKey("up"),
-          "ALT+SHIFT+ARROWDOWN": () => this.processHeaderGroupingKey("down"),
+          PageDown: () => this.env.model.dispatch("SHIFT_VIEWPORT_DOWN"),
+          PageUp: () => this.env.model.dispatch("SHIFT_VIEWPORT_UP"),
+          "Ctrl+K": () => INSERT_LINK(this.env),
+          "Alt+Shift+ArrowRight": () => this.processHeaderGroupingKey("right"),
+          "Alt+Shift+ArrowLeft": () => this.processHeaderGroupingKey("left"),
+          "Alt+Shift+ArrowUp": () => this.processHeaderGroupingKey("up"),
+          "Alt+Shift+ArrowDown": () => this.processHeaderGroupingKey("down"),
       };
       focus() {
           if (!this.env.model.getters.getSelectedFigureId() &&
@@ -30516,18 +30546,8 @@
           }
       }
       onKeydown(ev) {
-          const eventKey = ev.key.toUpperCase();
-          let keyDownString = "";
-          if (ev.ctrlKey && eventKey !== "CTRL")
-              keyDownString += "CTRL+";
-          if (ev.metaKey)
-              keyDownString += "CTRL+";
-          if (ev.altKey && eventKey !== "ALT")
-              keyDownString += "ALT+";
-          if (ev.shiftKey && eventKey !== "SHIFT")
-              keyDownString += "SHIFT+";
-          keyDownString += ev.key.toUpperCase();
-          let handler = this.keyDownMapping[keyDownString];
+          const keyDownString = keyboardEventToShortcutString(ev);
+          const handler = this.keyDownMapping[keyDownString];
           if (handler) {
               ev.preventDefault();
               ev.stopPropagation();
@@ -55813,9 +55833,9 @@
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.0.0";
-  __info__.date = "2023-10-27T06:53:09.229Z";
-  __info__.hash = "c0a34c2";
+  __info__.version = "17.1.0-alpha.0";
+  __info__.date = "2023-10-28T08:12:20.922Z";
+  __info__.hash = "a6a33b5";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);