@odoo/o-spreadsheet 17.0.50 → 17.0.52

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 17.0.50
- @date 2025-02-14T08:38:07.000Z
- @hash cc1037d
+ @version 17.0.52
+ @date 2025-03-07T10:30:37.763Z
+ @hash c19cd9a
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -478,29 +478,32 @@
         t-on-contextmenu="onContextMenu"
       />
 
-      <div
-        t-if="props.focus !== 'inactive' and (autoCompleteState.showProvider or functionDescriptionState.showDescription)"
-        class="o-composer-assistant shadow"
-        t-att-style="assistantStyle"
-        t-on-wheel.stop=""
-        t-on-mousedown.prevent.stop=""
-        t-on-click.prevent.stop=""
-        t-on-mouseup.prevent.stop="">
-        <TextValueProvider
-          t-if="autoCompleteState.showProvider"
-          values="autoCompleteState.values"
-          selectedIndex="autoCompleteState.selectedIndex"
-          onValueSelected.bind="this.autoComplete"
-          onValueHovered.bind="this.updateAutoCompleteIndex"
-          getHtmlContent="autoCompleteState.getHtmlContent"
-        />
-        <FunctionDescriptionProvider
-          t-if="functionDescriptionState.showDescription"
-          functionName="functionDescriptionState.functionName"
-          functionDescription="functionDescriptionState.functionDescription"
-          argToFocus="functionDescriptionState.argToFocus"
-        />
-      </div>
+      <Popover
+        t-props="popoverProps"
+        t-if="props.focus !== 'inactive' and (autoCompleteState.showProvider or functionDescriptionState.showDescription)">
+        <div
+          class="o-composer-assistant"
+          t-att-style="assistantStyle"
+          t-on-wheel.stop=""
+          t-on-mousedown.prevent.stop=""
+          t-on-click.prevent.stop=""
+          t-on-mouseup.prevent.stop="">
+          <TextValueProvider
+            t-if="autoCompleteState.showProvider"
+            values="autoCompleteState.values"
+            selectedIndex="autoCompleteState.selectedIndex"
+            onValueSelected.bind="this.autoComplete"
+            onValueHovered.bind="this.updateAutoCompleteIndex"
+            getHtmlContent="autoCompleteState.getHtmlContent"
+          />
+          <FunctionDescriptionProvider
+            t-if="functionDescriptionState.showDescription"
+            functionName="functionDescriptionState.functionName"
+            functionDescription="functionDescriptionState.functionDescription"
+            argToFocus="functionDescriptionState.argToFocus"
+          />
+        </div>
+      </Popover>
     </div>
   </t>
 
@@ -1189,7 +1192,7 @@
 
   <t t-name="o-spreadsheet-RowResizer">
     <div
-      class="o-row-resizer"
+      class="o-row-resizer overflow-hidden"
       t-on-mousemove.self="onMouseMove"
       t-on-mouseleave="onMouseLeave"
       t-on-mousedown.self.prevent="select"
@@ -1217,25 +1220,29 @@
           <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">
-        <t t-if="!hiddenItem.includes(0)">
+        <t
+          t-if="env.model.getters.isVisibleInViewport({sheetId, col:viewportZone.left, row:hiddenItem[0]-1})">
           <div
             class="o-unhide"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'up'"
             t-attf-style="top:{{unhideStyleValue(hiddenItem[0]) - 17}}px;"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.TRIANGLE_UP"/>
           </div>
         </t>
         <t
-          t-if="!hiddenItem.includes(env.model.getters.getNumberRows(env.model.getters.getActiveSheetId())-1)">
+          t-if="env.model.getters.isVisibleInViewport({sheetId, col:viewportZone.left, row:hiddenItem[hiddenItem.length-1]+1})">
           <div
             class="o-unhide"
             t-att-data-index="hiddenItem_index"
-            t-attf-style="top:{{unhideStyleValue(hiddenItem[0]) + 3}}px;"
+            t-att-data-direction="'down'"
+            t-attf-style="top:{{unhideStyleValue(hiddenItem[0]) + 2}}px;"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.TRIANGLE_DOWN"/>
           </div>
@@ -1246,7 +1253,7 @@
 
   <t t-name="o-spreadsheet-ColResizer">
     <div
-      class="o-col-resizer"
+      class="o-col-resizer overflow-hidden"
       t-on-mousemove.self="onMouseMove"
       t-on-mouseleave="onMouseLeave"
       t-on-mousedown.self.prevent="select"
@@ -1274,25 +1281,29 @@
           <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">
-        <t t-if="!hiddenItem.includes(0)">
+        <t
+          t-if="env.model.getters.isVisibleInViewport({sheetId, col: hiddenItem[0]-1, row: viewportZone.top})">
           <div
             class="o-unhide"
             t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'left'"
             t-attf-style="left:{{unhideStyleValue(hiddenItem[0]) - 17}}px; margin-right:6px;"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.TRIANGLE_LEFT"/>
           </div>
         </t>
         <t
-          t-if="!hiddenItem.includes(env.model.getters.getNumberCols(env.model.getters.getActiveSheetId())-1)">
+          t-if="env.model.getters.isVisibleInViewport({sheetId, col: hiddenItem[hiddenItem.length-1]+1, row: viewportZone.top})">
           <div
             class="o-unhide"
             t-att-data-index="hiddenItem_index"
-            t-attf-style="left:{{unhideStyleValue(hiddenItem[0]) + 3}}px;"
+            t-att-data-direction="'right'"
+            t-attf-style="left:{{unhideStyleValue(hiddenItem[0]) + 2}}px;"
             t-on-click="() => this.unhide(hiddenItem)">
             <t t-call="o-spreadsheet-Icon.TRIANGLE_RIGHT"/>
           </div>
@@ -2452,6 +2463,7 @@ https://fontawesome.com/license -->
       </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": "17.0.50",
+  "version": "17.0.52",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -22,6 +22,7 @@
     "build": "npm-run-all build:js build:bundleJs \"build:bundleXml -- --outDir build\"",
     "doc": "typedoc",
     "precommit": "npm run prettier && npm run doc",
+    "monkey": "SPREADSHEET_MONKEY_COUNT=$npm_config_monkey_count jest 'tests/collaborative/collaborative_monkey_party.test.ts'",
     "test": "tsc --noEmit --project tsconfig.jest.json && jest",
     "test:watch": "jest --watch",
     "prettier": "prettier . --write",