@odoo/o-spreadsheet 18.3.2 → 18.4.0-alpha.2

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.3.2
- @date 2025-05-12T05:26:27.967Z
- @hash 57d5a67
+ @version 18.4.0-alpha.2
+ @date 2025-05-12T05:28:52.249Z
+ @hash a11158e
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -2426,6 +2426,10 @@
             defaultStyle="defaults.valuesDesign"
           />
         </Section>
+        <PieHoleSize
+          value="props.definition.pieHolePercentage ?? 25"
+          onValueChange.bind="onPieHoleSizeChange"
+        />
       </t>
     </SidePanelCollapsible>
   </t>
@@ -2583,6 +2587,11 @@
             onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
           />
         </Section>
+        <PieHoleSize
+          t-if="props.definition.isDoughnut"
+          value="props.definition.pieHolePercentage ?? 50"
+          onValueChange.bind="onPieHoleSizeChange"
+        />
       </t>
     </GeneralDesignEditor>
   </t>
@@ -2787,9 +2796,11 @@
 
       <ChartDataSeries
         ranges="dataRanges"
-        onSelectionChanged="(ranges) => this.onDataSeriesRangesChanged(ranges)"
-        onSelectionConfirmed="() => this.onDataSeriesConfirmed()"
-        hasSingleRange="true"
+        onSelectionChanged.bind="onDataSeriesRangesChanged"
+        onSelectionConfirmed.bind="onDataSeriesConfirmed"
+        onSelectionReordered.bind="onDataSeriesReordered"
+        onSelectionRemoved.bind="onDataSeriesRemoved"
+        maxNumberOfUsedRanges="maxNumberOfUsedRanges"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
@@ -3610,6 +3621,22 @@
     </SidePanelCollapsible>
   </t>
 
+  <t t-name="o-spreadsheet.PieHoleSize">
+    <Section class="'pt-0'" title.translate="Center radius">
+      <div class="d-flex flex-row">
+        <input
+          t-att-value="props.value"
+          type="number"
+          class="o-input o-pie-hole-size-input"
+          min="0"
+          max="95"
+          t-on-change="(ev) => debouncedOnChange(ev.target.value)"
+        />
+        %
+      </div>
+    </Section>
+  </t>
+
   <t t-name="o-spreadsheet-ChartLegend">
     <Section class="'pt-0'" title.translate="Legend position">
       <select
@@ -3654,6 +3681,7 @@
         onSelectionConfirmed.bind="onDataSeriesConfirmed"
         onSelectionReordered.bind="onDataSeriesReordered"
         onSelectionRemoved.bind="onDataSeriesRemoved"
+        maxNumberOfUsedRanges="maxNumberOfUsedRanges"
       />
       <ChartLabelRange
         range="this.getLabelRange()"
@@ -3707,6 +3735,8 @@
         onSelectionReordered="props.onSelectionReordered"
         onSelectionRemoved="props.onSelectionRemoved"
         colors="colors"
+        disabledRanges="disabledRanges"
+        disabledRangeTitle.translate="Excluded due to chart limits. Drag to swap with another range."
       />
     </Section>
   </t>
@@ -3810,6 +3840,7 @@
             t-att-style="getColor(range)"
             class="o-input mb-2"
             t-att-class="{
+              'o-disabled-ranges' : range.disabled and !range.isFocused,
               'o-focused' : range.isFocused,
               'o-invalid border-danger position-relative': isInvalid || !range.isValidRange,
               'text-decoration-underline': range.xc and range.isFocused and state.mode === 'select-range'
@@ -3818,10 +3849,16 @@
           />
           <span
             t-if="isInvalid || !range.isValidRange"
-            class="error-icon text-danger position-absolute d-flex align-items-center"
+            class="input-icon text-danger position-absolute d-flex align-items-center"
             title="This range is invalid">
             <t t-call="o-spreadsheet-Icon.ERROR"/>
           </span>
+          <span
+            class="input-icon o-disabled-ranges position-absolute d-flex align-items-center"
+            t-if="!range.isFocused and range.disabled"
+            t-att-title="props.disabledRangeTitle">
+            <t t-call="o-spreadsheet-Icon.CIRCLE_INFO"/>
+          </span>
         </div>
         <button
           class="border-0 bg-transparent fw-bold o-remove-selection o-button-icon pe-0"
@@ -3830,7 +3867,6 @@
           <t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
         </button>
       </div>
-
       <div class="d-flex flex-row w-100 o-selection-input">
         <button class="o-button o-add-selection" t-if="canAddRange" t-on-click="addEmptyInput">
           Add range
@@ -5716,6 +5752,9 @@
         t-key="this.props.figureUI.id"
       />
     </div>
+    <div t-if="env.isDashboard()" class="position-absolute top-0 end-0">
+      <ChartDashboardMenu figureUI="props.figureUI"/>
+    </div>
   </t>
 
   <t t-name="o-spreadsheet-FigureComponent">
@@ -5811,6 +5850,32 @@
     <canvas class="o-figure-canvas o-gauge-chart w-100 h-100" t-ref="chartContainer"/>
   </t>
 
+  <t t-name="spreadsheet.ChartDashboardMenu">
+    <div class="o-dashboard-chart-select position-absolute top-0 end-0" t-on-click.stop="">
+      <div class="d-flex flex-row px-1" t-att-style="backgroundColor">
+        <t t-foreach="getAvailableTypes()" t-as="type" t-key="type.chartSubtype">
+          <button
+            t-attf-class=" {{type.icon}} {{type.chartType === selectedChartType ? 'active' : ''}}"
+            class="o-chart-dashboard-item btn mt-1 me-1 p-1 "
+            t-att-title="type.displayName"
+            t-on-click="() => this.onTypeChange(type.chartSubtype)"
+            t-att-data-id="type.chartSubtype"
+          />
+        </t>
+        <button
+          class="o-chart-dashboard-item btn mt-1 p-1 fa fa-ellipsis-v"
+          t-on-click="openContextMenu"
+        />
+      </div>
+      <Menu
+        t-if="menuState.isOpen"
+        anchorRect="menuState.anchorRect"
+        menuItems="menuState.menuItems"
+        onClose="() => this.menuState.isOpen=false"
+      />
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-ChartJsComponent">
     <canvas class="o-figure-canvas w-100 h-100" t-att-style="canvasStyle" t-ref="graphContainer"/>
   </t>
@@ -6023,9 +6088,10 @@
 
   <t t-name="o-spreadsheet-Composer">
     <div class="o-composer-container w-100 h-100">
+      <t t-set="autoCompleteProposals" t-value="props.composerStore.autoCompleteProposals"/>
       <t
         t-set="assistantIsAvailable"
-        t-value="autoCompleteState.provider or functionDescriptionState.showDescription"
+        t-value="autoCompleteProposals.length or functionDescriptionState.showDescription"
       />
       <div class="d-flex flex-row position-relative">
         <span
@@ -6089,15 +6155,15 @@
             argsToFocus="functionDescriptionState.argsToFocus"
           />
           <div
-            t-if="functionDescriptionState.showDescription and autoCompleteState.provider"
+            t-if="functionDescriptionState.showDescription and autoCompleteProposals.length"
             class="border-top"
           />
           <TextValueProvider
-            t-if="autoCompleteState.provider"
-            proposals="autoCompleteState.provider.proposals"
-            selectedIndex="autoCompleteState.selectedIndex"
+            t-if="autoCompleteProposals.length"
+            proposals="autoCompleteProposals"
+            selectedIndex="props.composerStore.autoCompleteSelectedIndex"
             onValueSelected.bind="this.autoComplete"
-            onValueHovered.bind="this.updateAutoCompleteIndex"
+            onValueHovered.bind="props.composerStore.selectAutoCompleteIndex"
           />
         </div>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.3.2",
+  "version": "18.4.0-alpha.2",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -26,7 +26,7 @@
     "test": "tsc --noEmit --project tsconfig.jest.json && jest",
     "test:watch": "jest --watch",
     "prettier": "prettier . --write",
-    "check-formatting": "prettier . --check",
+    "check-formatting": "prettier . --check && eslint",
     "prepare": "husky install",
     "watch": "npm-run-all -p watch:*",
     "watch:bundle": "npm run bundle:iife -- --watch",
@@ -35,7 +35,8 @@
     "watch:scss": "node tools/bundle_scss/watch_scss_files.cjs",
     "unzipXlsx": "node tools/bundle_xlsx/unzip_xlsx_demo.cjs",
     "zipXlsx": "node tools/bundle_xlsx/zip_xlsx_demo.cjs",
-    "build": "npm-run-all build:js bundle:esm \"bundle:xml -- --outDir build\" && node tools/bundle_scss/main.cjs --out build"
+    "build": "npm-run-all build:js bundle:esm \"bundle:xml -- --outDir build\" && node tools/bundle_scss/main.cjs --out build",
+    "lint": "eslint --fix"
   },
   "browserslist": [
     "last 1 Chrome versions"
@@ -64,13 +65,13 @@
     "@types/jest": "^27.0.1",
     "@types/node": "^20.17.24",
     "@types/rbush": "^3.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.30.1",
     "babel-eslint": "^10.1.0",
     "body-parser": "^1.19.0",
     "chart.js": "4.4.5",
     "chartjs-adapter-luxon": "^1.3.1",
     "chartjs-chart-geo": "^4.3.2",
     "cors": "^2.8.5",
-    "eslint": "^6.8.0",
     "express": "^4.17.1",
     "express-form-data": "^2.0.19",
     "express-ws": "^4.0.0",
@@ -96,6 +97,7 @@
     "sass": "^1.62.1",
     "seedrandom": "^3.0.5",
     "typescript": "^5.8.2",
+    "typescript-eslint": "^8.30.1",
     "xml-formatter": "^2.4.0"
   },
   "prettier": {
@@ -139,9 +141,12 @@
     ]
   },
   "lint-staged": {
-    "*": "prettier --write"
+    "*": [
+      "prettier --write",
+      "eslint --fix"
+    ]
   },
   "publishConfig": {
-    "tag": "latest"
+    "tag": "alpha"
   }
 }