@odoo/o-spreadsheet 17.2.0 → 17.2.2

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.2.0
- @date 2024-03-20T08:13:23.283Z
- @hash 1869c24
+ @version 17.2.2
+ @date 2024-04-05T14:01:58.370Z
+ @hash c15836d
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -276,7 +276,7 @@
           t-on-dblclick="() => this.onDblClick()"
           t-on-focusout="() => this.onFocusOut()"
           t-on-keydown="(ev) => this.onKeyDown(ev)"
-          t-att-contenteditable="state.isEditing ? 'plaintext-only': 'false'"
+          t-att-contenteditable="state.isEditing ? 'true': 'false'"
         />
         <span class="o-sheet-icon ms-1" t-on-click.stop="(ev) => this.onIconClick(ev)">
           <t t-call="o-spreadsheet-Icon.TRIANGLE_DOWN"/>
@@ -507,7 +507,7 @@
           }">
       <t t-set="context" t-value="getContext()"/>
       <div
-        class="o-formula-assistant bg-white"
+        class="o-formula-assistant"
         t-if="context.functionName"
         t-on-pointermove="onMouseMove"
         t-att-class="{'opacity-25': assistantState.allowCellSelectionBehind}">
@@ -515,7 +515,7 @@
           <span t-esc="context.functionName"/>
           (
           <t t-foreach="context.functionDescription.args" t-as="arg" t-key="arg.name">
-            <span t-if="arg_index > '0'">,&#xA0;</span>
+            <span t-if="arg_index > '0'" t-esc="formulaArgSeparator"/>
             <span t-att-class="{ 'o-formula-assistant-focus': context.argToFocus === arg_index }">
               <span>
                 <span t-if="arg.optional || arg.repeating || arg.default">[</span>
@@ -1008,7 +1008,12 @@
       class="o-grid-add-rows mt-2 ms-2 w-100 d-flex position-relative align-items-center"
       t-att-style="addRowsPosition"
       t-on-pointerdown.stop.prevent="">
-      <button t-on-click="onConfirm" t-att-disabled="state.errorFlag" class="o-button">Add</button>
+      <button
+        t-on-click="onConfirm"
+        t-att-disabled="state.errorFlag"
+        class="o-button o-button-grey">
+        Add
+      </button>
       <input
         type="text"
         class="o-grid-add-rows-input o-input mt-0 me-2"
@@ -1204,25 +1209,22 @@
         t-as="hiddenItem"
         t-key="hiddenItem_index">
         <div
-          class="o-unhide-buttons position-relative float-end"
+          class="position-absolute end-0 translate-middle-y"
           t-att-style="getUnhideButtonStyle(hiddenItem[0])">
-          <t t-if="!hiddenItem.includes(0)">
-            <div
-              class="o-unhide rounded mb-1"
-              t-att-data-index="hiddenItem_index"
-              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)">
-            <div
-              class="o-unhide rounded"
-              t-att-data-index="hiddenItem_index"
-              t-on-click="() => this.unhide(hiddenItem)">
-              <t t-call="o-spreadsheet-Icon.TRIANGLE_DOWN"/>
-            </div>
-          </t>
+          <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.TRIANGLE_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.TRIANGLE_DOWN"/>
+          </div>
         </div>
       </t>
     </div>
@@ -1263,25 +1265,22 @@
         t-as="hiddenItem"
         t-key="hiddenItem_index">
         <div
-          class="o-unhide-buttons position-relative h-100 d-flex align-items-center"
+          class="position-absolute h-100 d-flex align-items-center translate-middle-x gap-2"
           t-att-style="getUnhideButtonStyle(hiddenItem[0])">
-          <t t-if="!hiddenItem.includes(0)">
-            <div
-              class="o-unhide rounded"
-              t-att-data-index="hiddenItem_index"
-              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)">
-            <div
-              class="o-unhide rounded"
-              t-att-data-index="hiddenItem_index"
-              t-on-click="() => this.unhide(hiddenItem)">
-              <t t-call="o-spreadsheet-Icon.TRIANGLE_RIGHT"/>
-            </div>
-          </t>
+          <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.TRIANGLE_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.TRIANGLE_RIGHT"/>
+          </div>
         </div>
       </t>
     </div>
@@ -2394,8 +2393,8 @@ https://fontawesome.com/license -->
         onClose="() => this.menu.isOpen=false"
       />
       <div class="o-buttons">
-        <button t-on-click="cancel" class="o-button o-cancel">Cancel</button>
-        <button t-on-click="save" class="o-button o-save" t-att-disabled="!link.url">
+        <button t-on-click="cancel" class="o-button o-button-grey o-cancel">Cancel</button>
+        <button t-on-click="save" class="o-button o-button-grey o-save" t-att-disabled="!link.url">
           Confirm
         </button>
       </div>
@@ -2428,7 +2427,7 @@ https://fontawesome.com/license -->
               t-att-class="{'disabled': !isMenuEnabled, 'o-menu-item-active': isActive(menuItem)}"
               t-att-style="getColor(menuItem)">
               <div class="d-flex w-100">
-                <div t-if="childrenHaveIcon" class="o-menu-item-icon align-middle">
+                <div t-if="childrenHaveIcon" class="o-menu-item-icon align-middle flex-shrink-0">
                   <t t-if="getIconName(menuItem)" t-call="{{getIconName(menuItem)}}"/>
                 </div>
                 <div class="o-menu-item-name align-middle text-truncate" t-esc="getName(menuItem)"/>
@@ -3145,7 +3144,8 @@ https://fontawesome.com/license -->
     <label
       class="o-checkbox"
       t-att-title="props.title"
-      t-att-class="{'text-muted': props.disabled }">
+      t-att-class="{'text-muted': props.disabled }"
+      t-attf-class="{{props.className}}">
       <input
         type="checkbox"
         t-att-disabled="props.disabled"
@@ -3340,8 +3340,12 @@ https://fontawesome.com/license -->
           <t t-set="rule" t-value="state.rules.iconSet"/>
         </t>
         <div class="o-sidePanelButtons">
-          <button t-on-click="props.onExitEdition" class="o-button o-cf-cancel">Cancel</button>
-          <button t-on-click="saveConditionalFormat" class="o-button primary o-cf-save">
+          <button t-on-click="props.onExitEdition" class="o-button o-button-grey o-cf-cancel">
+            Cancel
+          </button>
+          <button
+            t-on-click="saveConditionalFormat"
+            class="o-button o-button-grey primary o-cf-save">
             Save
           </button>
         </div>
@@ -3685,7 +3689,7 @@ https://fontawesome.com/license -->
       </Section>
       <div class="o-sidePanelButtons">
         <button
-          class="o-button"
+          class="o-button o-button-grey"
           t-on-click="() => this.apply()"
           t-att-disabled="!formatProposals.length || isSameFormat">
           Apply
@@ -3804,7 +3808,7 @@ https://fontawesome.com/license -->
       </div>
       <div class="mb-2"/>
     </t>
-    <button class="o-dv-list-add-value o-button mb-3" t-on-click="onAddAnotherValue">
+    <button class="o-dv-list-add-value o-button o-button-grey mb-3" t-on-click="onAddAnotherValue">
       Add another item
     </button>
 
@@ -3871,10 +3875,10 @@ https://fontawesome.com/license -->
       </Section>
 
       <div class="o-sidePanelButtons">
-        <button t-on-click="props.onExit" class="o-dv-cancel o-button">Cancel</button>
+        <button t-on-click="props.onExit" class="o-dv-cancel o-button o-button-grey">Cancel</button>
         <button
           t-on-click="onSave"
-          class="o-dv-save o-button primary"
+          class="o-dv-save o-button o-button-grey primary"
           t-att-class="{'o-disabled': !canSave }">
           Save
         </button>
@@ -3973,13 +3977,13 @@ https://fontawesome.com/license -->
         <button
           t-att-disabled="!hasSearchResult"
           t-on-click="() => store.selectPreviousMatch()"
-          class="o-button">
+          class="o-button o-button-grey">
           Previous
         </button>
         <button
           t-att-disabled="!hasSearchResult"
           t-on-click="() => store.selectNextMatch()"
-          class="o-button">
+          class="o-button o-button-grey">
           Next
         </button>
       </div>
@@ -3999,13 +4003,13 @@ https://fontawesome.com/license -->
         <button
           t-att-disabled="store.selectedMatchIndex === null"
           t-on-click="() => store.replace()"
-          class="o-button">
+          class="o-button o-button-grey">
           Replace
         </button>
         <button
           t-att-disabled="store.selectedMatchIndex === null"
           t-on-click="() => store.replaceAll()"
-          class="o-button">
+          class="o-button o-button-grey">
           Replace all
         </button>
       </div>
@@ -4063,7 +4067,7 @@ https://fontawesome.com/license -->
 
       <div class="o-sidePanelButtons">
         <button
-          class="o-button"
+          class="o-button o-button-grey"
           t-att-class="{'o-disabled': !canConfirm}"
           t-on-click="onRemoveDuplicates">
           Remove duplicates
@@ -4181,7 +4185,7 @@ https://fontawesome.com/license -->
 
         <div class="o-sidePanelButtons">
           <button
-            class="o-button"
+            class="o-button o-button-grey"
             t-att-class="{'o-disabled': isConfirmDisabled}"
             t-on-click="confirm">
             Confirm

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "17.2.0",
+  "version": "17.2.2",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -100,7 +100,7 @@
     "xmlSelfClosingSpace": false
   },
   "dependencies": {
-    "@odoo/owl": "2.2.7",
+    "@odoo/owl": "2.2.10",
     "bootstrap": "^5.1.3",
     "rbush": "^3.0.1"
   },