@odoo/o-spreadsheet 17.5.0-alpha.3 → 17.5.0-alpha.4

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.5.0-alpha.3
- @date 2024-08-02T08:25:42.475Z
- @hash 767725f
+ @version 17.5.0-alpha.4
+ @date 2024-08-06T12:06:44.967Z
+ @hash a941df3
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -571,18 +571,19 @@
       t-esc="cellReference"
     />
     <div class="o-grid-composer" t-att-style="containerStyle" t-ref="gridComposer">
-      <CellComposer t-props="composerProps"/>
+      <Composer t-props="composerProps"/>
     </div>
   </t>
 
   <t t-name="o-spreadsheet-StandaloneComposer">
     <div class="o-standalone-composer" t-on-click.stop="" t-att-class="containerClass">
-      <CellComposer
+      <Composer
         focus="focus"
         inputStyle="composerStyle"
         onComposerContentFocused.bind="onFocus"
         composerStore="standaloneComposerStore"
         placeholder="props.placeholder"
+        delimitation="spreadsheetRect"
       />
     </div>
   </t>
@@ -592,11 +593,12 @@
       class="o-topbar-composer bg-white user-select-text"
       t-on-click.stop=""
       t-att-style="containerStyle">
-      <CellComposer
+      <Composer
         focus="focus"
         inputStyle="composerStyle"
         onComposerContentFocused.bind="onFocus"
         composerStore="composerStore"
+        placeholder="composerStore.placeholder"
       />
     </div>
   </t>
@@ -1972,7 +1974,11 @@
       <i class="fa fa-refresh"/>
     </div>
   </t>
-
+  <t t-name="o-spreadsheet-Icon.EXCHANGE">
+    <div class="o-icon">
+      <i class="fa fa-exchange"/>
+    </div>
+  </t>
   <t t-name="o-spreadsheet-Icon.ARROW_DOWN">
     <svg
       class="o-cf-icon arrow-down"
@@ -2392,6 +2398,7 @@
       <div
         t-ref="menu"
         class="o-menu"
+        t-att-style="menuStyle"
         t-on-scroll="onScroll"
         t-on-wheel.stop=""
         t-on-click.stop=""
@@ -2451,6 +2458,7 @@
         onClose.bind="close"
         menuId="props.menuId"
         onMouseOver.bind="onMouseOverChildMenu"
+        width="props.width"
       />
     </Popover>
   </t>
@@ -3721,20 +3729,15 @@
   </t>
 
   <t t-name="o-spreadsheet-CogWheelMenu">
-    <span class="fa fa-cog os-cog-wheel-menu-icon" t-on-click="togglePopover" t-ref="button"/>
-    <Popover t-if="popover.isOpen" t-props="popoverProps">
-      <div class="d-flex flex-column align-items-start os-cog-wheel-menu my-2">
-        <div
-          t-foreach="props.items"
-          t-as="item"
-          t-key="item.name"
-          t-on-click="() => this.onClick(item)"
-          class="btn btn-link me-3">
-          <i t-if="item.icon" t-att-class="'me-2 fa ' + item.icon"/>
-          <t t-esc="item.name"/>
-        </div>
-      </div>
-    </Popover>
+    <span class="fa fa-cog os-cog-wheel-menu-icon" t-on-click="toggleMenu" t-ref="button"/>
+    <Menu
+      t-if="menuState.isOpen"
+      menuId="menuId"
+      position="menuState.position"
+      menuItems="menuState.menuItems"
+      onClose="() => this.menuState.isOpen=false"
+      width="160"
+    />
   </t>
 
   <t t-name="o-spreadsheet-SidePanelCollapsible">

package/package.json

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