@odoo/o-spreadsheet 18.2.0-alpha.2 → 18.2.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 18.2.0-alpha.2
- @date 2025-01-15T08:07:15.300Z
- @hash 4f96c47
+ @version 18.2.0-alpha.3
+ @date 2025-01-27T10:08:09.225Z
+ @hash 63a13e5
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -440,7 +440,7 @@
       t-ref="autoCompleteList"
       t-att-class="{
           'o-autocomplete-dropdown': props.proposals.length}">
-      <t t-foreach="props.proposals" t-as="proposal" t-key="proposal.text">
+      <t t-foreach="props.proposals" t-as="proposal" t-key="proposal.text + proposal_index">
         <div
           class="d-flex flex-column text-start"
           t-att-class="{'o-autocomplete-value-focus': props.selectedIndex === proposal_index}"
@@ -2109,7 +2109,13 @@
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.SMALL_DOT_RIGHT_ALIGN">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+    <svg
+      class="o-icon"
+      style="color: currentcolor;"
+      width="10"
+      height="10"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 18">
       <circle fill="currentColor" cx="14" cy="9" r="4"/>
     </svg>
   </t>
@@ -2282,6 +2288,13 @@
       <circle cx="2" cy="12.5" r="1"/>
     </svg>
   </t>
+  <t t-name="o-spreadsheet-Icon.SHORT_THIN_DRAG_HANDLE">
+    <svg class="o-icon" viewBox="0 0 4 12" fill="currentColor">
+      <circle cx="2" cy="3.5" r="1"/>
+      <circle cx="2" cy="6.5" r="1"/>
+      <circle cx="2" cy="9.5" r="1"/>
+    </svg>
+  </t>
   <t t-name="o-spreadsheet-Icon.EDIT_TABLE">
     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
       <path
@@ -2600,13 +2613,21 @@
   </t>
 
   <t t-name="o-spreadsheet-SelectionInput">
-    <div class="o-selection">
+    <div class="o-selection" t-ref="o-selection">
       <div
         t-foreach="ranges"
         t-as="range"
         t-key="range.id"
         class="o-selection-input d-flex flex-row"
+        t-att-style="dragAndDrop.itemsStyle[range.id]"
         t-att-class="props.class">
+        <span
+          t-if="ranges.length > 1 and props.onSelectionReordered"
+          title="Reorder range"
+          t-on-pointerdown="(ev) => this.startDragAndDrop(range.id, ev)"
+          class="o-drag-handle d-flex align-items-center mb-2 o-button-icon">
+          <t t-call="o-spreadsheet-Icon.SHORT_THIN_DRAG_HANDLE"/>
+        </span>
         <div class="position-relative w-100">
           <input
             type="text"
@@ -2672,14 +2693,16 @@
       </Section>
       <ChartDataSeries
         ranges="this.getDataSeriesRanges()"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
+        onSelectionChanged.bind="onDataSeriesRangesChanged"
+        onSelectionConfirmed.bind="onDataSeriesConfirmed"
+        onSelectionReordered.bind="onDataSeriesReordered"
+        onSelectionRemoved.bind="onDataSeriesRemoved"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
         isInvalid="isLabelInvalid"
-        onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
-        onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
+        onSelectionChanged.bind="onLabelRangeChanged"
+        onSelectionConfirmed.bind="onLabelRangeConfirmed"
         options="this.getLabelRangeOptions()"
       />
 
@@ -2715,8 +2738,10 @@
         ranges="ranges"
         required="true"
         hasSingleRange="props.hasSingleRange"
-        onSelectionChanged="(ranges) => props.onSelectionChanged(ranges)"
-        onSelectionConfirmed="() => props.onSelectionConfirmed()"
+        onSelectionChanged="props.onSelectionChanged"
+        onSelectionConfirmed="props.onSelectionConfirmed"
+        onSelectionReordered="props.onSelectionReordered"
+        onSelectionRemoved="props.onSelectionRemoved"
         colors="colors"
       />
     </Section>
@@ -2758,14 +2783,16 @@
     <div>
       <ChartDataSeries
         ranges="this.getDataSeriesRanges()"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
+        onSelectionChanged.bind="onDataSeriesRangesChanged"
+        onSelectionConfirmed.bind="onDataSeriesConfirmed"
+        onSelectionReordered.bind="onDataSeriesReordered"
+        onSelectionRemoved.bind="onDataSeriesRemoved"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
         isInvalid="isLabelInvalid"
-        onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
-        onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
+        onSelectionChanged.bind="onLabelRangeChanged"
+        onSelectionConfirmed.bind="onLabelRangeConfirmed"
         options="this.getLabelRangeOptions()"
       />
 
@@ -3382,25 +3409,6 @@
     </SidePanelCollapsible>
   </t>
 
-  <t t-name="o-spreadsheet-ComboChartConfigPanel">
-    <div>
-      <ChartDataSeries
-        ranges="this.getDataSeriesRanges()"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
-      />
-      <ChartLabelRange
-        range="this.getLabelRange()"
-        isInvalid="isLabelInvalid"
-        onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
-        onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
-        options="this.getLabelRangeOptions()"
-      />
-
-      <ChartErrorSection t-if="errorMessages.length" messages="errorMessages"/>
-    </div>
-  </t>
-
   <t t-name="o-spreadsheet-ComboChartDesignPanel">
     <GeneralDesignEditor
       figureId="props.figureId"
@@ -3727,14 +3735,16 @@
       </Section>
       <ChartDataSeries
         ranges="this.getDataSeriesRanges()"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
+        onSelectionChanged.bind="onDataSeriesRangesChanged"
+        onSelectionConfirmed.bind="onDataSeriesConfirmed"
+        onSelectionReordered.bind="onDataSeriesReordered"
+        onSelectionRemoved.bind="onDataSeriesRemoved"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
         isInvalid="isLabelInvalid"
-        onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
-        onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
+        onSelectionChanged.bind="onLabelRangeChanged"
+        onSelectionConfirmed.bind="onLabelRangeConfirmed"
         options="this.getLabelRangeOptions()"
       />
 
@@ -3837,14 +3847,16 @@
     <div>
       <ChartDataSeries
         ranges="this.getDataSeriesRanges()"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
+        onSelectionChanged.bind="onDataSeriesRangesChanged"
+        onSelectionConfirmed.bind="onDataSeriesConfirmed"
+        onSelectionReordered.bind="onDataSeriesReordered"
+        onSelectionRemoved.bind="onDataSeriesRemoved"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
         isInvalid="isLabelInvalid"
-        onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
-        onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
+        onSelectionChanged.bind="onLabelRangeChanged"
+        onSelectionConfirmed.bind="onLabelRangeConfirmed"
         options="this.getLabelRangeOptions()"
       />
 

package/package.json

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