@odoo/o-spreadsheet 17.4.0-alpha.2 → 17.4.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.4.0-alpha.2
- @date 2024-06-06T13:32:06.123Z
- @hash e07794d
+ @version 17.4.0-alpha.4
+ @date 2024-06-12T14:01:07.838Z
+ @hash cefb0e4
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -2780,7 +2780,7 @@
             class="o-input data-series-selector"
             t-model="state.label"
             t-on-change="(ev) => this.updateSerieEditor(ev)">
-            <t t-foreach="getDataSeries()" t-as="serie" t-key="serie" t-index="index">
+            <t t-foreach="getDataSeries()" t-as="serie" t-key="serie_index">
               <option
                 t-att-value="serie"
                 t-att-selected="state.index === serie_index"
@@ -3353,6 +3353,23 @@
     </label>
   </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="item.onClick"
+          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>
+  </t>
+
   <t t-name="o-spreadsheet-SidePanelCollapsible">
     <div class="p-1 m-1" t-att-class="props.class">
       <div class="o_side_panel_collapsible_title d-flex align-items-center">
@@ -4168,7 +4185,7 @@
         </select>
         <div t-if="searchOptions.searchScope === 'specificRange'">
           <SelectionInput
-            ranges="[this.dataRange]"
+            ranges="[this.state.dataRange]"
             onSelectionChanged="(ranges) => this.onSearchRangeChanged(ranges)"
             onSelectionConfirmed.bind="updateDataRange"
             hasSingleRange="true"
@@ -4197,7 +4214,7 @@
           />
         </div>
         <div class="o-matches-count mt-4" t-if="store.toSearch !== ''">
-          <div t-if="searchOptions.searchScope === 'specificRange' and dataRange != ''">
+          <div t-if="searchOptions.searchScope === 'specificRange' and state.dataRange != ''">
             <t t-esc="specificRangeMatchesCount"/>
           </div>
           <div>
@@ -4286,6 +4303,31 @@
     </t>
   </t>
 
+  <t t-name="o-spreadsheet-PivotDeferUpdate">
+    <Section
+      class="'align-items-center border-top d-flex flex-row justify-content-between py-1 pivot-defer-update'">
+      <Checkbox
+        label="deferUpdatesLabel"
+        title="deferUpdatesTooltip"
+        value="props.deferUpdate"
+        onChange="(value) => props.toggleDeferUpdate(value)"
+      />
+      <div t-if="props.isDirty">
+        <i
+          class="btn btn-sm pe-0 fa fa-undo"
+          title="Discard all changes"
+          t-on-click="() => props.discard()"
+        />
+        <span
+          class="btn btm-sm btn-link sp_apply_update"
+          title="Apply all changes"
+          t-on-click="() => props.apply()">
+          Update
+        </span>
+      </div>
+    </Section>
+  </t>
+
   <t t-name="o-spreadsheet-AddDimensionButton">
     <span class="btn btn-sm btn-link add-dimension" t-on-click="togglePopover" t-ref="button">
       Add
@@ -4460,35 +4502,14 @@
     </div>
   </t>
 
-  <t t-name="o-spreadsheet-PivotListItem">
-    <div
-      class="o_pivot_list_item p-4 border-bottom"
-      t-ref="pivotListItem"
-      t-on-click="this.selectPivot">
-      <span t-esc="env.model.getters.getPivotDisplayName(props.pivotId)"/>
-    </div>
-  </t>
-
   <t t-name="o-spreadsheet-PivotSidePanel">
-    <t t-if="props.pivotId" t-component="sidePanelEditor" t-props="props"/>
-    <t t-else="">
-      <t t-foreach="env.model.getters.getPivotIds()" t-as="pivotId" t-key="pivotId">
-        <PivotListItem pivotId="pivotId"/>
-      </t>
-    </t>
+    <t t-component="sidePanelEditor" t-props="props"/>
   </t>
 
   <t t-name="o-spreadsheet-PivotSpreadsheetSidePanel">
     <div class="d-flex flex-column h-100 justify-content-between overflow-hidden">
       <div class="h-100 overflow-auto">
-        <Section>
-          <t t-set-slot="title">Name</t>
-          <EditableName name="name" displayName="displayName" onChanged.bind="onNameChanged"/>
-          <div class="btn btn-link o_duplicate_pivot" t-on-click="duplicatePivot">
-            <i class="fa fa-solid fa-copy me-1"/>
-            Duplicate Pivot
-          </div>
-        </Section>
+        <PivotTitleSection pivotId="props.pivotId"/>
         <Section>
           <t t-set-slot="title">Range</t>
           <SelectionInput
@@ -4515,38 +4536,29 @@
           definition="definition"
           onDimensionsUpdated.bind="onDimensionsUpdated"
         />
-        <Section>
-          <button class="btn btn-link sp_back" t-on-click="back">Back</button>
-          <button class="btn btn-link sp_delete" t-on-click="delete">Delete</button>
-        </Section>
       </div>
-      <Section
-        class="'align-items-center border-top d-flex flex-row justify-content-between py-1 pivot-defer-update'">
-        <Checkbox
-          label="deferUpdatesLabel"
-          title="deferUpdatesTooltip"
-          value="store.updatesAreDeferred"
-          onChange="(value) => store.deferUpdates(value)"
-        />
-        <div>
-          <i
-            t-if="store.isDirty"
-            class="btn btn-sm pe-0 fa fa-undo"
-            title="Discard all changes"
-            t-on-click="() => store.discardPendingUpdate()"
-          />
-          <span
-            t-if="store.isDirty"
-            class="btn btm-sm btn-link sp_apply_update"
-            title="Apply all changes"
-            t-on-click="() => store.applyUpdate()">
-            Update
-          </span>
-        </div>
-      </Section>
+      <PivotDeferUpdate
+        deferUpdate="store.updatesAreDeferred"
+        toggleDeferUpdate="(value) => store.deferUpdates(value)"
+        isDirty="store.isDirty"
+        discard="store.discardPendingUpdate"
+        apply="store.applyUpdate"
+      />
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-PivotTitleSection">
+    <Section>
+      <t t-set-slot="title">
+        <div class="d-flex flex-row justify-content-between align-items-center">
+          Name
+          <CogWheelMenu items="cogWheelMenuItems"/>
+        </div>
+      </t>
+      <EditableName name="name" displayName="displayName" onChanged.bind="onNameChanged"/>
+    </Section>
+  </t>
+
   <t t-name="o-spreadsheet-RemoveDuplicatesPanel">
     <div class="o-remove-duplicates">
       <Section>
@@ -4607,6 +4619,7 @@
       menuItems="props.menuItems"
       position="menuPosition"
       onClose.bind="onMenuClosed"
+      menuId="menuId"
     />
   </t>
 

package/package.json

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