@odoo/o-spreadsheet 17.4.0-alpha.1 → 17.4.0-alpha.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 17.4.0-alpha.1
- @date 2024-06-03T15:31:14.056Z
- @hash cb56c37
+ @version 17.4.0-alpha.3
+ @date 2024-06-10T09:39:39.895Z
+ @hash a45ed6a
 -->
 <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"
@@ -4286,6 +4286,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
@@ -4332,9 +4357,9 @@
     <div class="d-flex flex-row">
       <div class="d-flex flex-row py-1 px-2 w-100 small">
         <t t-set="granularity" t-value="props.dimension.granularity"/>
-        <div class="flex-basis-50">Granularity</div>
+        <div class="pivot-dim-operator-label">Granularity</div>
         <select
-          class="o_input flex-basis-50"
+          class="o_input flex-grow-1"
           t-on-change="(ev) => props.onUpdated(props.dimension, ev.target.value)">
           <option
             t-foreach="props.allGranularities"
@@ -4353,9 +4378,9 @@
   <t t-name="o-spreadsheet-PivotDimensionOrder">
     <div class="d-flex">
       <div class="d-flex py-1 px-2 w-100 small">
-        <div class="flex-basis-50">Order by</div>
+        <div class="pivot-dim-operator-label">Order by</div>
         <select
-          class="o_input flex-basis-50"
+          class="o_input flex-grow-1"
           t-on-change="(ev) => props.onUpdated(props.dimension, ev.target.value)">
           <option value="asc" t-att-selected="props.dimension.order === 'asc'">Ascending</option>
           <option value="desc" t-att-selected="props.dimension.order === 'desc'">Descending</option>
@@ -4439,9 +4464,9 @@
           <PivotDimension dimension="measure" onRemoved.bind="removeMeasureDimension">
             <div class="d-flex flex-row small">
               <div class="d-flex flex-row py-1 px-2 w-100">
-                <div class="flex-basis-50">Aggregated by</div>
+                <div class="pivot-dim-operator-label">Aggregated by</div>
                 <select
-                  class="o_input flex-basis-50"
+                  class="o_input flex-grow-1"
                   t-on-change="(ev) => this.updateAggregator(measure, ev.target.value)">
                   <option
                     t-foreach="Object.keys(AGGREGATORS[measure.type])"
@@ -4520,30 +4545,13 @@
           <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>
 
@@ -4648,20 +4656,30 @@
         <div class="o-sidePanelTitle" t-esc="getTitle()"/>
         <div class="o-sidePanelClose" t-on-click="close">✕</div>
       </div>
-      <div class="o-sidePanelBody">
-        <t
-          t-component="panel.Body"
-          t-props="sidePanelStore.panelProps"
-          onCloseSidePanel.bind="close"
-          t-key="'Body_' + sidePanelStore.componentTag + sidePanelStore.panelKey"
-        />
-      </div>
-      <div class="o-sidePanelFooter" t-if="panel?.Footer">
-        <t
-          t-component="panel.Footer"
-          t-props="sidePanelStore.panelProps"
-          t-key="'Footer_' + sidePanelStore.componentTag"
-        />
+      <div class="o-sidePanelBody-container d-flex flex-grow-1 ">
+        <div class="o-sidePanel-handle-container d-flex align-items-center">
+          <div
+            class="o-sidePanel-handle"
+            t-on-pointerdown="startHandleDrag"
+            t-on-dblclick="sidePanelStore.resetPanelSize">
+            <t t-call="o-spreadsheet-Icon.THIN_DRAG_HANDLE"/>
+          </div>
+        </div>
+        <div class="o-sidePanelBody">
+          <t
+            t-component="panel.Body"
+            t-props="sidePanelStore.panelProps"
+            onCloseSidePanel.bind="close"
+            t-key="'Body_' + sidePanelStore.componentTag + sidePanelStore.panelKey"
+          />
+        </div>
+        <div class="o-sidePanelFooter" t-if="panel?.Footer">
+          <t
+            t-component="panel.Footer"
+            t-props="sidePanelStore.panelProps"
+            t-key="'Footer_' + sidePanelStore.componentTag"
+          />
+        </div>
       </div>
     </div>
   </t>

package/package.json

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