@odoo/o-spreadsheet 18.2.2 → 18.2.3

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.2.2
- @date 2025-03-07T10:41:45.663Z
- @hash f567932
+ @version 18.2.3
+ @date 2025-03-12T15:33:19.031Z
+ @hash 81b0e08
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -3629,6 +3629,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="">
@@ -4847,6 +4848,72 @@
     />
   </t>
 
+  <t t-name="o-spreadsheet-UnhideRowHeaders">
+    <t t-foreach="props.headersGroups" t-as="hiddenItem" t-key="hiddenItem_index">
+      <t t-if="isVisible(hiddenItem[0]-1)">
+        <div
+          class="position-absolute w-100 pe-none"
+          t-att-style="getUnhidePreviousButtonStyle(hiddenItem[0]-1)">
+          <div
+            class="o-unhide rounded end-0 position-absolute pe-auto"
+            t-att-data-index="hiddenItem_index"
+            t-attf-style="bottom: 2px;"
+            t-att-data-direction="'up'"
+            t-on-click="() => this.unhide(hiddenItem)">
+            <t t-call="o-spreadsheet-Icon.CARET_UP"/>
+          </div>
+        </div>
+      </t>
+      <t t-if="isVisible(hiddenItem.at(-1)+1)">
+        <div
+          class="position-absolute w-100 pe-none"
+          t-att-style="getUnhideNextButtonStyle(hiddenItem.at(-1)+1)">
+          <div
+            class="o-unhide rounded end-0 position-absolute pe-auto"
+            t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'down'"
+            t-attf-style="top: 1px;"
+            t-on-click="() => this.unhide(hiddenItem)">
+            <t t-call="o-spreadsheet-Icon.CARET_DOWN"/>
+          </div>
+        </div>
+      </t>
+    </t>
+  </t>
+
+  <t t-name="o-spreadsheet-UnhideColumnHeaders">
+    <t t-foreach="props.headersGroups" t-as="hiddenItem" t-key="hiddenItem_index">
+      <t t-if="isVisible(hiddenItem[0]-1)">
+        <div
+          class="position-absolute d-flex align-items-center pe-none h-100"
+          t-att-style="getUnhidePreviousButtonStyle(hiddenItem[0]-1)">
+          <div
+            class="o-unhide position-absolute rounded pe-auto"
+            t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'left'"
+            t-attf-style="right: 1px;"
+            t-on-click="() => this.unhide(hiddenItem)">
+            <t t-call="o-spreadsheet-Icon.CARET_LEFT"/>
+          </div>
+        </div>
+      </t>
+      <t t-if="isVisible(hiddenItem.at(-1)+1)">
+        <div
+          class="position-absolute d-flex align-items-center pe-none h-100"
+          t-att-style="getUnhideNextButtonStyle(hiddenItem.at(-1)+1)">
+          <div
+            class="o-unhide position-absolute rounded pe-auto"
+            t-att-data-index="hiddenItem_index"
+            t-att-data-direction="'right'"
+            t-attf-style="left: 1px;"
+            t-on-click="() => this.unhide(hiddenItem)">
+            <t t-call="o-spreadsheet-Icon.CARET_RIGHT"/>
+          </div>
+        </div>
+      </t>
+    </t>
+  </t>
+
   <t t-name="o-spreadsheet-HeadersOverlay">
     <div class="o-overlay">
       <ColResizer onOpenContextMenu="props.onOpenContextMenu"/>
@@ -4857,7 +4924,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"
@@ -4885,27 +4952,14 @@
           <div class="dragging-resizer" t-if="state.isResizing"/>
         </div>
       </t>
-      <t
-        t-foreach="env.model.getters.getHiddenRowsGroups(env.model.getters.getActiveSheetId())"
-        t-as="hiddenItem"
-        t-key="hiddenItem_index">
-        <div
-          class="position-absolute end-0 translate-middle-y"
-          t-att-style="getUnhideButtonStyle(hiddenItem[0])">
-          <div
-            class="o-unhide rounded mb-1"
-            t-att-class="{'invisible': hiddenItem.includes(0)}"
-            t-att-data-index="hiddenItem_index"
-            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-data-index="hiddenItem_index"
-            t-on-click="() => this.unhide(hiddenItem)">
-            <t t-call="o-spreadsheet-Icon.CARET_DOWN"/>
+      <t t-if="env.model.getters.getHiddenRowsGroups(sheetId).length">
+        <t t-if="hasFrozenPane">
+          <div class="position-relative pe-none overflow-hidden" t-att-style="frozenContainerStyle">
+            <UnhideRowHeaders t-props="frozenUnhideHeadersProps"/>
           </div>
+        </t>
+        <div class="pe-none overflow-hidden flex-shrink-0 position-relative h-100">
+          <UnhideRowHeaders t-props="mainUnhideHeadersProps"/>
         </div>
       </t>
     </div>
@@ -4913,7 +4967,7 @@
 
   <t t-name="o-spreadsheet-ColResizer">
     <div
-      class="o-col-resizer"
+      class="o-col-resizer d-flex overflow-hidden"
       t-on-pointermove.self="onMouseMove"
       t-on-mouseleave="onMouseLeave"
       t-on-pointerdown.self.prevent="select"
@@ -4941,27 +4995,16 @@
           <div class="dragging-resizer" t-if="state.isResizing"/>
         </div>
       </t>
-      <t
-        t-foreach="env.model.getters.getHiddenColsGroups(env.model.getters.getActiveSheetId())"
-        t-as="hiddenItem"
-        t-key="hiddenItem_index">
-        <div
-          class="position-absolute h-100 d-flex align-items-center translate-middle-x gap-2"
-          t-att-style="getUnhideButtonStyle(hiddenItem[0])">
+      <t t-if="env.model.getters.getHiddenColsGroups(sheetId).length">
+        <t t-if="hasFrozenPane">
           <div
-            class="o-unhide rounded"
-            t-att-class="{'invisible': hiddenItem.includes(0)}"
-            t-att-data-index="hiddenItem_index"
-            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-data-index="hiddenItem_index"
-            t-on-click="() => this.unhide(hiddenItem)">
-            <t t-call="o-spreadsheet-Icon.CARET_RIGHT"/>
+            class="position-relative pe-none h-100 flex-shrink-0"
+            t-att-style="frozenContainerStyle">
+            <UnhideColumnHeaders t-props="frozenUnhideHeadersProps"/>
           </div>
+        </t>
+        <div class="pe-none overflow-hidden flex-shrink-0 position-relative w-100">
+          <UnhideColumnHeaders t-props="mainUnhideHeadersProps"/>
         </div>
       </t>
     </div>
@@ -5928,7 +5971,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>
@@ -6037,14 +6084,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

package/package.json

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