@odoo/o-spreadsheet 18.1.9 → 18.1.11

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 18.1.9
- @date 2025-02-25T06:00:27.248Z
- @hash 6789c1c
+ @version 18.1.11
+ @date 2025-03-12T15:32:26.993Z
+ @hash 7de2363
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -179,7 +179,11 @@
         </div>
       </Ripple>
       <Ripple>
-        <div class="o-sheet-item o-list-sheets me-2 p-1" t-on-click="clickListSheets">
+        <div
+          class="o-sheet-item o-list-sheets me-2 p-1"
+          composerFocusableElement="true"
+          tabindex="-1"
+          t-on-click="clickListSheets">
           <t t-call="o-spreadsheet-Icon.LIST"/>
         </div>
       </Ripple>
@@ -274,14 +278,16 @@
           t-att-class="{'o-sheet-name-editable': state.isEditing }"
           t-ref="sheetNameSpan"
           t-esc="sheetName"
-          t-on-click="(ev) => this.onMouseEventSheetName(ev)"
           t-on-pointerdown="(ev) => this.onMouseEventSheetName(ev)"
           t-on-dblclick="() => this.onDblClick()"
           t-on-focusout="() => this.onFocusOut()"
           t-on-keydown="(ev) => this.onKeyDown(ev)"
           t-att-contenteditable="state.isEditing ? 'true': 'false'"
         />
-        <span class="o-sheet-icon ms-1" t-on-click.stop="(ev) => this.onIconClick(ev)">
+        <span
+          class="o-sheet-icon ms-1"
+          tabindex="-1"
+          t-on-click.stop="(ev) => this.onIconClick(ev)">
           <t t-call="o-spreadsheet-Icon.CARET_DOWN"/>
         </span>
         <div
@@ -510,13 +516,9 @@
         />
       </div>
       <div
-        t-if="props.focus !== 'inactive' and !assistant.forcedClosed and assistantIsAvailable"
-        class="o-composer-assistant shadow"
-        t-att-style="assistantStyle"
-        t-on-wheel.stop=""
-        t-on-pointerdown.prevent.stop=""
-        t-on-click.prevent.stop=""
-        t-on-pointerup.prevent.stop="">
+        class="o-composer-assistant-container shadow position-absolute"
+        t-att-style="assistantContainerStyle"
+        t-if="props.focus !== 'inactive' and !assistant.forcedClosed and assistantIsAvailable">
         <span
           role="button"
           t-on-click="closeAssistant"
@@ -524,23 +526,31 @@
           <i class="fa fa-circle fa-stack-1x fa-inverse"/>
           <i class="fa fa-times-circle fa-stack-1x text-muted"/>
         </span>
-        <FunctionDescriptionProvider
-          t-if="functionDescriptionState.showDescription"
-          functionName="functionDescriptionState.functionName"
-          functionDescription="functionDescriptionState.functionDescription"
-          argToFocus="functionDescriptionState.argToFocus"
-        />
         <div
-          t-if="functionDescriptionState.showDescription and autoCompleteState.provider"
-          class="border-top"
-        />
-        <TextValueProvider
-          t-if="autoCompleteState.provider"
-          proposals="autoCompleteState.provider.proposals"
-          selectedIndex="autoCompleteState.selectedIndex"
-          onValueSelected.bind="this.autoComplete"
-          onValueHovered.bind="this.updateAutoCompleteIndex"
-        />
+          class="o-composer-assistant overflow-auto"
+          t-att-style="assistantStyle"
+          t-on-wheel.stop=""
+          t-on-pointerdown.prevent.stop=""
+          t-on-click.prevent.stop=""
+          t-on-pointerup.prevent.stop="">
+          <FunctionDescriptionProvider
+            t-if="functionDescriptionState.showDescription"
+            functionName="functionDescriptionState.functionName"
+            functionDescription="functionDescriptionState.functionDescription"
+            argToFocus="functionDescriptionState.argToFocus"
+          />
+          <div
+            t-if="functionDescriptionState.showDescription and autoCompleteState.provider"
+            class="border-top"
+          />
+          <TextValueProvider
+            t-if="autoCompleteState.provider"
+            proposals="autoCompleteState.provider.proposals"
+            selectedIndex="autoCompleteState.selectedIndex"
+            onValueSelected.bind="this.autoComplete"
+            onValueHovered.bind="this.updateAutoCompleteIndex"
+          />
+        </div>
       </div>
     </div>
   </t>
@@ -1247,7 +1257,7 @@
 
   <t t-name="o-spreadsheet-RowResizer">
     <div
-      class="o-row-resizer"
+      class="o-row-resizer overflow-hidden"
       t-on-pointermove.self="onMouseMove"
       t-on-mouseleave="onMouseLeave"
       t-on-pointerdown.self.prevent="select"
@@ -1275,8 +1285,9 @@
           <div class="dragging-resizer" t-if="state.isResizing"/>
         </div>
       </t>
+      <t t-set="viewportZone" t-value="env.model.getters.getActiveMainViewport()"/>
       <t
-        t-foreach="env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId())"
+        t-foreach="env.model.getters.getHiddenRowsGroups(sheetId)"
         t-as="hiddenItem"
         t-key="hiddenItem_index">
         <div
@@ -1284,15 +1295,17 @@
           t-att-style="getUnhideButtonStyle(hiddenItem[0])">
           <div
             class="o-unhide rounded mb-1"
-            t-att-class="{'invisible': hiddenItem.includes(0)}"
+            t-att-class="{'invisible': !env.model.getters.isVisibleInViewport({sheetId, col:viewportZone.left, row:hiddenItem[0]-1})}"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'up'"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.CARET_UP"/>
           </div>
           <div
             class="o-unhide rounded"
-            t-att-class="{'invisible': hiddenItem.includes(env.model.getters.getNumberRows(env.model.getters.getActiveSheetId())-1)}"
+            t-att-class="{'invisible': !env.model.getters.isVisibleInViewport({sheetId, col: viewportZone.left, row: hiddenItem[hiddenItem.length-1]+1})}"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'down'"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.CARET_DOWN"/>
           </div>
@@ -1303,7 +1316,7 @@
 
   <t t-name="o-spreadsheet-ColResizer">
     <div
-      class="o-col-resizer"
+      class="o-col-resizer overflow-hidden"
       t-on-pointermove.self="onMouseMove"
       t-on-mouseleave="onMouseLeave"
       t-on-pointerdown.self.prevent="select"
@@ -1331,8 +1344,9 @@
           <div class="dragging-resizer" t-if="state.isResizing"/>
         </div>
       </t>
+      <t t-set="viewportZone" t-value="env.model.getters.getActiveMainViewport()"/>
       <t
-        t-foreach="env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId())"
+        t-foreach="env.model.getters.getHiddenColsGroups(sheetId)"
         t-as="hiddenItem"
         t-key="hiddenItem_index">
         <div
@@ -1340,15 +1354,17 @@
           t-att-style="getUnhideButtonStyle(hiddenItem[0])">
           <div
             class="o-unhide rounded"
-            t-att-class="{'invisible': hiddenItem.includes(0)}"
+            t-att-class="{'invisible': !env.model.getters.isVisibleInViewport({sheetId, col: hiddenItem[0]-1, row: viewportZone.top})}"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'left'"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.CARET_LEFT"/>
           </div>
           <div
             class="o-unhide rounded"
-            t-att-class="{'invisible': hiddenItem.includes(env.model.getters.getNumberCols(env.model.getters.getActiveSheetId())-1)}"
+            t-att-class="{'invisible': !env.model.getters.isVisibleInViewport({sheetId, col: hiddenItem[hiddenItem.length-1]+1, row: viewportZone.top})}"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'right'"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.CARET_RIGHT"/>
           </div>
@@ -2512,6 +2528,7 @@
         t-att-style="menuStyle"
         t-on-scroll="onScroll"
         t-on-wheel.stop=""
+        t-on-pointerdown.prevent=""
         t-on-click.stop=""
         t-on-mouseover="onMouseOverMainMenu"
         t-on-contextmenu.prevent="">
@@ -2562,6 +2579,7 @@
       </div>
       <Menu
         t-if="subMenu.isOpen"
+        t-key="subMenu.parentMenu.id"
         position="subMenuPosition"
         menuItems="subMenu.menuItems"
         depth="props.depth + 1"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.1.9",
+  "version": "18.1.11",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",