@odoo/o-spreadsheet 19.1.4 → 19.1.18

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 19.1.4
- @date 2026-01-21T11:08:11.909Z
- @hash ceae12a
+ @version 19.1.18
+ @date 2026-05-11T13:46:50.248Z
+ @hash a849339
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -58,12 +58,12 @@
         t-att-class="{'o-topbar-responsive': !env.model.getters.isReadonly()}"
         t-ref="toolBarContainer">
         <div
-          class="o-topbar-toolbar d-flex"
+          class="o-topbar-toolbar d-flex flex-grow-1"
           t-att-class="{'flex-shrink-0': env.model.getters.isReadonly()}">
           <!-- Toolbar -->
           <div
             t-if="env.model.getters.isReadonly()"
-            class="o-readonly-toolbar d-flex align-items-center text-muted">
+            class="o-readonly-toolbar d-flex flex-grow-1 align-items-center text-muted">
             <span>
               <i class="fa fa-eye"/>
               Readonly Access
@@ -916,11 +916,11 @@
         </div>
       </div>
 
-      <div class="o-panel-content overflow-y-auto h-100" t-ref="panelContent">
-        <div class="h-100" t-att-class="{ 'd-none': state.panel !== 'configuration' }">
+      <div class="o-panel-content overflow-hidden h-100">
+        <div class="h-100" t-att-class="state.panel !== 'configuration' ? 'd-none' : ''">
           <t t-component="sidePanelEditor" t-props="props"/>
         </div>
-        <div t-att-class="state.panel !== 'design' ? 'd-none' : ''">
+        <div class="h-100" t-att-class="state.panel !== 'design' ? 'd-none' : ''">
           <PivotDesignPanel pivotId="props.pivotId"/>
         </div>
       </div>
@@ -977,7 +977,7 @@
   </t>
 
   <t t-name="o-spreadsheet-PivotDesignPanel">
-    <Section class="'o-pivot-design'" title.translate="Display options">
+    <Section class="'o-pivot-design h-100 overflow-y-auto'" title.translate="Display options">
       <div>
         <div class="container-fluid p-0 pt-2">
           <div class="row mb-2 align-items-center">
@@ -1333,7 +1333,9 @@
       class="py-1 px-2 d-flex flex-column shadow-sm pivot-dimension border rounded"
       t-att-class="{'pivot-dimension-invalid': !props.dimension.isValid}">
       <div class="d-flex flex-row justify-content-between align-items-center">
-        <div class="d-flex align-items-center overflow-hidden text-nowrap">
+        <div
+          class="d-flex align-items-center overflow-hidden text-nowrap"
+          t-att-title="props.dimension.displayName">
           <span class="text-danger me-1" t-if="!props.dimension.isValid">
             <t t-call="o-spreadsheet-Icon.TRIANGLE_EXCLAMATION"/>
           </span>
@@ -1344,7 +1346,7 @@
             class="'o-fw-bold'"
             selectContentOnFocus="true"
           />
-          <span t-else="1" class="o-fw-bold" t-esc="props.dimension.displayName"/>
+          <span t-else="1" class="o-fw-bold text-truncate" t-esc="dimensionDisplayName"/>
         </div>
         <div class="d-flex flex-rows" t-on-pointerdown.stop="">
           <t t-slot="upper-right-icons"/>
@@ -1763,26 +1765,26 @@
   </t>
 
   <t t-name="o-spreadsheet-ListCriterionForm">
-    <t t-foreach="displayedValues" t-as="value" t-key="value_index">
+    <t t-foreach="this.state.items" t-as="item" t-key="item_index">
       <div class="o-dv-list-values d-flex align-items-center">
         <div class="me-1">
           <RoundColorPicker
-            currentColor="props.criterion.colors?.[value] || '#E7E9ED'"
-            onColorPicked="(c) => this.onColorChanged(c, value)"
+            currentColor="item.color || '#E7E9ED'"
+            onColorPicked="(c) => this.onColorChanged(item_index, c)"
           />
         </div>
         <CriterionInput
-          value="props.criterion.values[value_index]"
-          onValueChanged="(v) => this.onValueChanged(v, value_index)"
+          value="item.value"
+          onValueChanged="(v) => this.onValueChanged(item_index, v)"
           criterionType="props.criterion.type"
-          onKeyDown="(ev) => this.onKeyDown(ev, value_index)"
-          focused="value_index === state.focusedValueIndex"
+          onKeyDown="(ev) => this.onKeyDown(ev, item_index)"
+          focused="item_index === this.state.focusedValueIndex"
           onBlur.bind="onBlurInput"
           disableFormulas="props.disableFormulas"
         />
         <div
           class="o-dv-list-item-delete ms-2 o-button-icon"
-          t-on-click="() => this.removeItem(value_index)">
+          t-on-click="() => this.removeItem(item_index)">
           <t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
         </div>
       </div>
@@ -2968,27 +2970,31 @@
       </div>
 
       <t t-set="definition" t-value="getChartDefinition(this.chartId)"/>
-      <div class="o-panel-content" t-ref="panelContent">
-        <div t-att-class="store.panel !== 'configuration' ? 'd-none' : ''">
-          <ChartTypePicker chartId="chartId" chartPanelStore="store"/>
-          <t
-            t-component="chartPanel.configuration"
-            definition="definition"
-            chartId="chartId"
-            updateChart.bind="updateChart"
-            canUpdateChart.bind="canUpdateChart"
-            t-key="chartId + definition.type"
-          />
+      <div class="o-panel-content h-100 overflow-y-hidden">
+        <div class="h-100" t-att-class="store.panel !== 'configuration' ? 'd-none' : ''">
+          <div class="h-100 overflow-y-auto">
+            <ChartTypePicker chartId="chartId" chartPanelStore="store"/>
+            <t
+              t-component="chartPanel.configuration"
+              definition="definition"
+              chartId="chartId"
+              updateChart.bind="updateChart"
+              canUpdateChart.bind="canUpdateChart"
+              t-key="chartId + definition.type"
+            />
+          </div>
         </div>
-        <div t-att-class="store.panel !== 'design' ? 'd-none' : ''">
-          <t
-            t-component="chartPanel.design"
-            definition="definition"
-            chartId="chartId"
-            updateChart.bind="updateChart"
-            canUpdateChart.bind="canUpdateChart"
-            t-key="chartId + definition.type"
-          />
+        <div class="h-100" t-att-class="store.panel !== 'design' ? 'd-none' : ''">
+          <div class="h-100 overflow-y-auto">
+            <t
+              t-component="chartPanel.design"
+              definition="definition"
+              chartId="chartId"
+              updateChart.bind="updateChart"
+              canUpdateChart.bind="canUpdateChart"
+              t-key="chartId + definition.type"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -4648,13 +4654,12 @@
         <button class="o-button o-add-selection" t-if="canAddRange" t-on-click="addEmptyInput">
           Add range
         </button>
-        <div class="ms-auto" t-if="store.hasFocus">
+        <div class="ms-auto" t-if="store.hasFocus or isResettable">
           <button class="o-button o-selection-ko" t-if="isResettable" t-on-click="reset">
             Reset
           </button>
           <button
             class="o-button primary ms-2 o-selection-ok"
-            t-if="store.hasFocus"
             t-att-disabled="!isConfirmable"
             t-on-click="confirm">
             Confirm
@@ -4807,7 +4812,7 @@
   </t>
 
   <t t-name="o-spreadsheet-Menu-Popover">
-    <Popover t-if="props.menuItems" t-props="popoverProps">
+    <Popover t-if="menuItems.length" t-props="popoverProps">
       <div
         t-ref="menu"
         class="o-menu-wrapper bg-white"
@@ -4840,7 +4845,7 @@
       t-on-pointerdown.prevent=""
       t-on-click.stop=""
       t-on-contextmenu.prevent="">
-      <t t-foreach="menuItemsAndSeparators" t-as="menuItem" t-key="menuItem_index">
+      <t t-foreach="props.menuItems" t-as="menuItem" t-key="menuItem_index">
         <div t-if="menuItem === 'separator'" class="o-separator border-bottom"/>
         <t t-else="">
           <t t-set="isMenuRoot" t-value="isRoot(menuItem)"/>
@@ -6568,7 +6573,11 @@
         anchorRect="menuState.anchorRect"
         onClose="() => this.closeMenu()"
       />
-      <t t-foreach="staticTables" t-as="table" t-key="table.id">
+      <t
+        t-if="!env.model.getters.isReadonly()"
+        t-foreach="staticTables"
+        t-as="table"
+        t-key="table.id">
         <TableResizer table="table"/>
       </t>
       <VerticalScrollBar topOffset="HEADER_HEIGHT"/>
@@ -6625,8 +6634,8 @@
 
   <t t-name="o-spreadsheet-FilterMenuValueList">
     <div class="o-filter-menu-actions d-flex">
-      <div class="o-button-link me-4" t-on-click="selectAll">Select all</div>
-      <div class="o-button-link me-4" t-on-click="clearAll">Clear</div>
+      <div class="o-button-link me-4" t-on-click="this.selectAll">Select all</div>
+      <div class="o-button-link me-4" t-on-click="this.clearAll">Clear</div>
     </div>
     <div class="position-relative">
       <input
@@ -7070,7 +7079,7 @@
           t-ref="masterChartCanvas"
           t-on-dblclick="onMasterChartDoubleClick"
           t-on-pointerdown="onMasterChartPointerDown"
-          t-on-pointermove="onMasterChartPointerMove"
+          t-on-pointermove="updateMasterChartCursor"
           t-on-mouseleave="onMasterChartMouseLeave"
         />
       </div>

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.1.4",
+  "version": "19.1.18",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
   "browser": "dist/o-spreadsheet.iife.js",
   "module": "dist/o-spreadsheet.esm.js",
-  "types": "dist/o-spreadsheet.d.ts",
+  "types": "dist/types/index.d.ts",
   "files": [
     "dist/*.js",
     "dist/*.d.ts",
@@ -16,11 +16,8 @@
   "engines": {
     "node": ">=22.0.0"
   },
-  "workspaces": [
-    "packages/o-spreadsheet-engine"
-  ],
   "scripts": {
-    "prepare": "husky install",
+    "postinstall": "husky install",
     "prettier": "prettier . --write",
     "check-formatting": "prettier . --check && eslint",
     "lint": "eslint --fix",
@@ -30,22 +27,20 @@
     "build:watch": "npm-run-all --parallel transpile-js:watch bundle:iife:watch bundle:xml:watch bundle:css:watch",
     "transpile-js": "tsc --build --incremental --preserveWatchOutput",
     "transpile-js:watch": "npm run transpile-js -- --watch",
-    "bundle:cjs": "rollup -c -m -- --format cjs",
-    "bundle:esm": "rollup -c -m -- --format esm",
-    "bundle:iife": "rollup -c -m -- --format iife",
+    "bundle:cjs": "rolldown -c --format cjs",
+    "bundle:esm": "rolldown -c --format esm",
+    "bundle:iife": "rolldown -c --format iife",
     "bundle:iife:watch": "wait-on build/js/src/index.js && npm run bundle:iife -- --watch",
     "bundle:xml": "node tools/bundle_xml/main.cjs",
     "bundle:xml:watch": "node tools/bundle_xml/watch_xml_templates.cjs",
     "bundle:css": "node tools/bundle_css/main.cjs",
     "bundle:css:watch": "node tools/bundle_css/watch_css_files.cjs",
-    "serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,demo",
+    "serve-static": "live-server --host=127.0.0.1 --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,demo",
     "serve-static:wait": "wait-on build/o_spreadsheet.iife.js build/o_spreadsheet.xml build/o_spreadsheet.css && npm run serve-static",
     "server": "node tools/server/main.cjs",
-    "predist": "npm run dist --workspaces --if-present",
-    "dist": "tsc --module es6 --declaration --declarationDir dist/types && rollup -c",
+    "dist": "tsc --module es6 --declaration --declarationDir dist/types && rolldown -c",
     "postdist": " npm run bundle:xml -- --outDir dist && npm run bundle:css -- --out dist",
-    "pretest": "npm run test --workspaces --if-present",
-    "test": "tsc --noEmit --project tsconfig.jest.json && jest",
+    "test": "tsc --noEmit --project tests/tsconfig.json && jest",
     "monkey": "SPREADSHEET_MONKEY_COUNT=$npm_config_monkey_count jest 'tests/collaborative/collaborative_monkey_party.test.ts'",
     "zipXlsx": "node tools/bundle_xlsx/zip_xlsx_demo.cjs",
     "unzipXlsx": "node tools/bundle_xlsx/unzip_xlsx_demo.cjs"
@@ -71,18 +66,17 @@
   "homepage": "https://github.com/odoo/o-spreadsheet#readme",
   "devDependencies": {
     "@prettier/plugin-xml": "^2.2.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-node-resolve": "^15.2.0",
-    "@rollup/plugin-terser": "^0.4.3",
     "@swc/core": "1.6.7",
     "@swc/jest": "0.2.36",
-    "@types/jest": "^27.0.1",
+    "@types/jest": "^30.0.0",
+    "@types/jest-image-snapshot": "^6.4.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",
+    "canvas": "^3.0.0",
+    "chart.js": "4.5.0",
     "chartjs-adapter-luxon": "^1.3.1",
     "chartjs-chart-geo": "^4.3.2",
     "cors": "^2.8.5",
@@ -92,8 +86,9 @@
     "file-saver": "^2.0.5",
     "glob": "^11.0.1",
     "husky": "^7.0.4",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jest-image-snapshot": "^6.5.2",
     "jszip": "^3.6.0",
     "lint-staged": "^12.1.2",
     "live-server": "^1.2.1",
@@ -104,11 +99,9 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.0",
     "prettier-plugin-organize-imports": "^3.2.2",
-    "rollup": "^3.28.0",
-    "rollup-plugin-dts": "^5.3.1",
-    "rollup-plugin-typescript2": "^0.35.0",
+    "rolldown": "^1.0.0-rc.15",
     "seedrandom": "^3.0.5",
-    "typescript": "^5.8.2",
+    "typescript": "^6.0.2",
     "typescript-eslint": "^8.30.1",
     "wait-on": "^9.0.1",
     "xml-formatter": "^2.4.0"
@@ -123,7 +116,22 @@
     "@swc/core-linux-x64-musl": "1.6.7",
     "@swc/core-win32-arm64-msvc": "1.6.7",
     "@swc/core-win32-ia32-msvc": "1.6.7",
-    "@swc/core-win32-x64-msvc": "1.6.7"
+    "@swc/core-win32-x64-msvc": "1.6.7",
+    "@rolldown/binding-android-arm64": "1.0.0-rc.15",
+    "@rolldown/binding-darwin-arm64": "1.0.0-rc.15",
+    "@rolldown/binding-darwin-x64": "1.0.0-rc.15",
+    "@rolldown/binding-freebsd-x64": "1.0.0-rc.15",
+    "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15",
+    "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15",
+    "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15",
+    "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15",
+    "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15",
+    "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15",
+    "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15",
+    "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15",
+    "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15",
+    "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15",
+    "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15"
   },
   "prettier": {
     "printWidth": 100,
@@ -132,7 +140,7 @@
     "xmlSelfClosingSpace": false
   },
   "dependencies": {
-    "@odoo/owl": "2.8.1",
+    "@odoo/owl": "2.8.3",
     "bootstrap": "^5.3.3",
     "font-awesome": "^4.7.0",
     "rbush": "^3.0.1"
@@ -147,10 +155,6 @@
         "@swc/jest"
       ]
     },
-    "moduleNameMapper": {
-      "^@odoo/o-spreadsheet-engine$": "<rootDir>/packages/o-spreadsheet-engine/src",
-      "^@odoo/o-spreadsheet-engine/(.*)$": "<rootDir>/packages/o-spreadsheet-engine/src/$1"
-    },
     "verbose": false,
     "testEnvironment": "jsdom",
     "testRegex": "(/tests/.*(test|spec))\\.ts?$",
@@ -171,11 +175,11 @@
   },
   "lint-staged": {
     "*": [
-      "prettier --write",
-      "eslint --fix"
+      "eslint --fix",
+      "prettier --write"
     ]
   },
   "publishConfig": {
-    "tag": "latest"
+    "tag": "19-1"
   }
 }