@odoo/o-spreadsheet 17.2.0-alpha.4 → 17.2.0-alpha.5

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-alpha.4
- @date 2024-02-09T13:11:01.066Z
- @hash 1b33cf4
+ @version 17.2.0-alpha.5
+ @date 2024-02-16T14:28:32.318Z
+ @hash 0c69dd8
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -421,9 +421,9 @@
 
   <t t-name="o-spreadsheet-TextValueProvider">
     <div
+      t-ref="autoCompleteList"
       t-att-class="{
-          'o-autocomplete-dropdown':props.values.length,
-          'shadow':props.values.length}">
+          'o-autocomplete-dropdown':props.values.length }">
       <t t-foreach="props.values" t-as="v" t-key="v.text">
         <div
           class="d-flex flex-column text-start"
@@ -475,8 +475,9 @@
 
       <div
         t-if="props.focus !== 'inactive' and (autoCompleteState.showProvider or functionDescriptionState.showDescription)"
-        class="o-composer-assistant"
+        class="o-composer-assistant shadow"
         t-att-style="assistantStyle"
+        t-on-wheel.stop=""
         t-on-mousedown.prevent.stop=""
         t-on-click.prevent.stop=""
         t-on-mouseup.prevent.stop="">
@@ -1488,15 +1489,15 @@
       />
     </svg>
   </t>
-  <t t-name="o-spreadsheet-Icon.SHOW_HIDE_GRID">
-    <svg class="o-icon">
-      <path
-        fill="currentColor"
-        d="M.5 2A1.5 1.5 0 0 1 2 .5h14A1.5 1.5 0 0 1 17.5 2v7H11V7H7v4s-.5 0-1.5 1h-1v5h-3a1.5 1.5 0 0 1-1-1M6 6V2H2v4m9 0V2H7v4m9 0V2h-4v4m-6 5V7H2v4m14-2V7h-4v2m-7.5 6.5V12H2v3.5 M14 10.5c1 0 1 .5 1 1-1.5 2.5-3.5 4.5-5 6.5-.5 0-1-.5-1-1-1-.5-1.5-1-2.5-2 0 0-.5-.5 0-1 1.5-2 4-3 7-3m-1 1.5C13.5 12 4 14 10 16c0 0-1.5-2 2.5-3.5m5 1.5c.5.5.5 1 .5 1-1.5 2-3.5 3-6 2.5.5-.5.5-1 1-1s5.5-1 2-3.5l1-1"
-      />
+  <t t-name="o-spreadsheet-Icon.SHOW">
+    <svg class="o-icon" viewBox="0 0 24 24" fill="none" stroke="currentcolor">
+      <path stroke-width="1.35" d="M1,12 S11.5,0 23,12 M1,12 S11.5,24 23,12"/>
+      <path d="M1.26,11.7 A .4 .3 1 0 0 1.2,12.3"/>
+      <path d="M22.8,11.7 A .4 .3 1 0 1 22.75,12.3"/>
+      <circle stroke-width="1.35" stroke="currentcolor" cx="12" cy="12" r="3"/>
     </svg>
   </t>
-  <t t-name="o-spreadsheet-Icon.SHOW_HIDE_FORMULA">
+  <t t-name="o-spreadsheet-Icon.FORMULA">
     <svg class="o-icon">
       <path
         fill="currentColor"
@@ -2971,26 +2972,26 @@ https://fontawesome.com/license -->
   </t>
 
   <t t-name="o-spreadsheet-ChartPanel">
-    <div class="o-chart">
+    <div class="o-chart" t-if="figureId">
       <div class="o-panel">
         <div
           class="o-panel-element o-panel-configuration"
-          t-att-class="state.panel !== 'configuration' ? 'inactive' : ''"
-          t-on-click="() => this.activatePanel('configuration')">
+          t-att-class="store.panel !== 'configuration' ? 'inactive' : ''"
+          t-on-click="() => this.store.activatePanel('configuration')">
           <i class="fa fa-sliders"/>
           Configuration
         </div>
         <div
           class="o-panel-element o-panel-design"
-          t-att-class="state.panel !== 'design' ? 'inactive' : ''"
-          t-on-click="() => this.activatePanel('design')">
+          t-att-class="store.panel !== 'design' ? 'inactive' : ''"
+          t-on-click="() => this.store.activatePanel('design')">
           <i class="fa fa-paint-brush"/>
           Design
         </div>
       </div>
 
-      <t t-set="definition" t-value="getChartDefinition()"/>
-      <t t-if="state.panel === 'configuration'">
+      <t t-set="definition" t-value="getChartDefinition(this.figureId)"/>
+      <t t-if="store.panel === 'configuration'">
         <Section>
           <t t-set-slot="title">Chart type</t>
           <t t-set="types" t-value="chartTypes"/>
@@ -3032,12 +3033,12 @@ https://fontawesome.com/license -->
   <t t-name="o-spreadsheet-ScatterConfigPanel">
     <div>
       <ChartDataSeries
-        ranges="() => this.getDataSeriesRanges()"
+        ranges="this.getDataSeriesRanges()"
         onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
         onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
       />
       <ChartLabelRange
-        range="() => this.getLabelRange()"
+        range="this.getLabelRange()"
         isInvalid="isLabelInvalid"
         onSelectionChanged="(ranges) => this.onLabelRangeChanged(ranges)"
         onSelectionConfirmed="() => this.onLabelRangeConfirmed()"
@@ -3142,7 +3143,7 @@ https://fontawesome.com/license -->
   </t>
 
   <t t-name="o-spreadsheet.Checkbox">
-    <label class="o-checkbox">
+    <label class="o-checkbox" t-att-title="props.title">
       <input
         type="checkbox"
         t-att-name="props.name"
@@ -4121,24 +4122,24 @@ https://fontawesome.com/license -->
   </t>
 
   <t t-name="o-spreadsheet-SidePanel">
-    <div class="o-sidePanel">
+    <div class="o-sidePanel" t-if="sidePanelStore.isOpen">
       <div class="o-sidePanelHeader">
         <div class="o-sidePanelTitle" t-esc="getTitle()"/>
-        <div class="o-sidePanelClose" t-on-click="() => this.props.onCloseSidePanel()">✕</div>
+        <div class="o-sidePanelClose" t-on-click="close">✕</div>
       </div>
       <div class="o-sidePanelBody">
         <t
-          t-component="state.panel.Body"
-          t-props="props.panelProps"
-          onCloseSidePanel="props.onCloseSidePanel"
-          t-key="'Body_' + props.component"
+          t-component="panel.Body"
+          t-props="sidePanelStore.panelProps"
+          onCloseSidePanel.bind="close"
+          t-key="'Body_' + sidePanelStore.componentTag"
         />
       </div>
-      <div class="o-sidePanelFooter" t-if="state.panel.Footer">
+      <div class="o-sidePanelFooter" t-if="panel?.Footer">
         <t
-          t-component="state.panel.Footer"
-          t-props="props.panelProps"
-          t-key="'Footer_' + props.component"
+          t-component="panel.Footer"
+          t-props="sidePanelStore.panelProps"
+          t-key="'Footer_' + sidePanelStore.componentTag"
         />
       </div>
     </div>
@@ -4214,18 +4215,10 @@ https://fontawesome.com/license -->
             <HeaderGroupContainer layers="rowLayers" dimension="'ROW'"/>
           </div>
           <div class="o-group-grid overflow-hidden">
-            <Grid
-              sidePanelIsOpen="sidePanel.isOpen"
-              exposeFocus="(focus) => this._focusGrid = focus"
-            />
+            <Grid exposeFocus="(focus) => this._focusGrid = focus"/>
           </div>
         </div>
-        <SidePanel
-          t-if="sidePanel.isOpen"
-          onCloseSidePanel="() => this.closeSidePanel()"
-          component="sidePanel.component"
-          panelProps="sidePanel.panelProps"
-        />
+        <SidePanel t-if="sidePanel.isOpen"/>
         <BottomBar onClick="() => this.focusGrid()"/>
       </t>
     </div>

package/package.json

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