@odoo/o-spreadsheet 19.1.0-alpha.2 → 19.1.0-alpha.4

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.0-alpha.2
- @date 2025-09-19T07:27:40.524Z
- @hash 8cc543d
+ @version 19.1.0-alpha.4
+ @date 2025-10-07T10:04:11.357Z
+ @hash b7cfed8
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -361,7 +361,7 @@
       t-att-style="getStyle()">
       <t t-if="env.isDashboard()">
         <SpreadsheetDashboard getGridSize.bind="getGridSize"/>
-        <FullScreenChart/>
+        <FullScreenFigure/>
       </t>
       <t t-else="">
         <div class="o-spreadsheet-topbar-wrapper o-two-columns">
@@ -398,9 +398,14 @@
         <RibbonMenu onClose="() => this.menuState.isOpen=false"/>
       </t>
       <t t-else="">
-        <div class="o-small-composer px-2 py-2">
+        <div class="o-small-composer px-2 py-2 position-relative">
           <div class="w-100" t-ref="bottombarComposer">
             <Composer t-props="composerProps"/>
+            <span
+              t-if="showFxIcon"
+              class="position-absolute top-50 translate-middle-y ps-2 pe-none">
+              <t t-call="o-spreadsheet-Icon.FX_SVG"/>
+            </span>
           </div>
           <span
             class="align-items-center d-flex justify-content-center o-selection-button"
@@ -4154,7 +4159,7 @@
               />
             </div>
             <div class="ms-auto"/>
-            <div class="flex-shrink-0 d-flex align-self-start me-1">
+            <div class="flex-shrink-0 d-flex me-1">
               <CogWheelMenu items="getCogWheelMenuItems(item)"/>
             </div>
           </div>
@@ -5552,6 +5557,14 @@
       />
     </svg>
   </t>
+  <t t-name="o-spreadsheet-Icon.FX_SVG">
+    <svg class="o-icon" viewBox="0 0 121.8 122.9">
+      <path
+        fill="#BDBDBD"
+        d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z'
+      />
+    </svg>
+  </t>
 
   <t t-name="o-spreadsheet-IconPicker">
     <div class="o-icon-picker">
@@ -6029,8 +6042,8 @@
     </div>
   </t>
 
-  <t t-name="o-spreadsheet-FullScreenChart">
-    <div class="position-absolute o-fullscreen-chart-overlay w-100 h-100 d-flex" t-if="chartId">
+  <t t-name="o-spreadsheet-FullScreenFigure">
+    <div class="position-absolute o-fullscreen-figure-overlay w-100 h-100 d-flex" t-if="figureUI">
       <div
         class="position-absolute top-0 start-0 end-0 bottom-0"
         t-on-click="exitFullScreen"
@@ -6043,15 +6056,20 @@
       </button>
       <div class="flex-fill">
         <div
-          class="o-fullscreen-chart o-figure position-relative border rounded shadow"
+          class="o-fullscreen-figure o-figure position-relative border rounded shadow"
           tabindex="1"
-          t-ref="fullScreenChart"
+          t-ref="fullScreenFigure"
           t-on-click.stop=""
           t-on-keydown="(ev) => this.onKeyDown(ev)">
-          <t t-component="chartComponent" chartId="chartId" isFullScreen="true" t-key="chartId"/>
-          <div class="position-absolute top-0 end-0">
-            <ChartDashboardMenu chartId="chartId"/>
-          </div>
+          <t>
+            <t
+              t-component="figureComponent"
+              figureUI="figureUI"
+              isFullScreen="true"
+              onFigureDeleted="() => {}"
+              t-key="figureUI.id"
+            />
+          </t>
         </div>
       </div>
     </div>
@@ -6136,7 +6154,7 @@
       </div>
       <div
         t-if="state.displayedValues.length === 0"
-        class="o-filter-menu-no-values d-flex align-items-center justify-content-center w-100 h-100 ">
+        class="o-filter-menu-no-values d-flex align-items-center justify-content-center w-100 h-100 text-muted fst-italic">
         No results
       </div>
     </div>
@@ -6278,7 +6296,12 @@
 
   <t t-name="o-spreadsheet-ChartFigure">
     <div class="o-chart-container w-100 h-100" t-on-dblclick="onDoubleClick">
-      <t t-component="chartComponent" chartId="chartId" t-key="chartId"/>
+      <t
+        t-component="chartComponent"
+        chartId="chartId"
+        t-key="chartId"
+        isFullScreen="props.isFullScreen"
+      />
     </div>
     <div t-if="env.isDashboard()" class="position-absolute top-0 end-0">
       <ChartDashboardMenu chartId="chartId"/>
@@ -6302,7 +6325,7 @@
           t-att-style="titleStyle"
         />
         <div class="o-carousel-tabs d-flex flex-fill justify-content-end" t-ref="carouselTabs">
-          <t t-foreach="carousel.items" t-as="item" t-key="item_index">
+          <t t-foreach="visibleCarouselItems" t-as="item" t-key="item_index">
             <div
               class="o-carousel-tab text-truncate px-2 mt-1 flex-shrink-0"
               t-att-class="{ 'selected': isItemSelected(item) }"
@@ -6312,7 +6335,7 @@
           </t>
         </div>
         <div
-          class="o-carousel-tabs-dropdown flex-shrink-0 rounded"
+          class="o-carousel-tabs-dropdown o-carousel-button flex-shrink-0 rounded p-1"
           t-att-class="{'active': menuState.isOpen}"
           t-ref="carouselTabsDropdown"
           t-on-click="toggleMenu">
@@ -6326,6 +6349,17 @@
             popoverPositioning="'bottom-left'"
           />
         </div>
+        <div
+          t-if="env.isDashboard()"
+          t-att-title="fullScreenButtonTitle"
+          class="o-carousel-full-screen-button fa o-carousel-button rounded p-1 ms-1"
+          t-att-class="{
+            'fa-compress': props.isFullScreen,
+            'fa-expand': !props.isFullScreen,
+            'invisible': selectedCarouselItem?.type !== 'chart',
+          }"
+          t-on-click="toggleFullScreen"
+        />
       </div>
       <div
         t-if="!selectedItem"
@@ -6339,12 +6373,14 @@
           <t
             t-component="chartComponent"
             chartId="selectedItem.chartId"
+            isFullScreen="props.isFullScreen"
             t-key="selectedItem.chartId"
           />
         </div>
         <ChartDashboardMenu
           t-if="env.isDashboard()"
           chartId="selectedItem.chartId"
+          hasFullScreenButton="false"
           t-key="selectedItem.chartId"
         />
       </div>
@@ -6395,18 +6431,22 @@
         <div t-if="!env.isDashboard()" class="position-absolute top-0 start-0 pe-none w-100 h-100">
           <div
             class="o-figure-border pe-auto w-100 h-0 position-absolute pb-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('top')"
           />
           <div
             class="o-figure-border pe-auto h-100 position-absolute start-0 ps-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('left')"
           />
           <div
             class="o-figure-border pe-auto w-100 position-absolute bottom-0 pt-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('bottom')"
           />
           <div
             class="o-figure-border pe-auto h-100 position-absolute end-0 pe-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('right')"
           />
         </div>
@@ -6609,6 +6649,9 @@
           composerStore="composerStore"
           placeholder="composerStore.placeholder"
         />
+        <span t-if="showFxIcon" class="position-absolute top-50 translate-middle-y ps-2 pe-none">
+          <t t-call="o-spreadsheet-Icon.FX_SVG"/>
+        </span>
       </div>
     </div>
   </t>
@@ -7087,6 +7130,7 @@
           t-ref="sheetNameSpan"
           t-esc="sheetName"
           t-on-pointerdown="(ev) => this.onMouseEventSheetName(ev)"
+          t-on-click="(ev) => this.onMouseEventSheetName(ev)"
           t-on-dblclick="() => this.onDblClick()"
           t-on-focusout="() => this.onFocusOut()"
           t-on-keydown="(ev) => this.onKeyDown(ev)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.1.0-alpha.2",
+  "version": "19.1.0-alpha.4",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -12,6 +12,9 @@
     "dist/*.d.ts",
     "dist/*.xml"
   ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,main.css,demo",
     "dev": "npm-run-all --print-label bundle:dev --parallel server serve-static watch",
@@ -20,8 +23,8 @@
     "bundle:iife": "rollup -c -m -- --format iife",
     "bundle:esm": "rollup -c -m -- --format esm",
     "bundle:xml": "node tools/bundle_xml/main.cjs",
-    "bundle:dev": "npm-run-all build:js bundle:iife \"bundle:xml -- --outDir build\" && node tools/bundle_scss/main.cjs --out build",
-    "dist": "tsc --module es6 --declaration --declarationDir dist/types && rollup -c && npm run bundle:xml -- --outDir dist && node tools/bundle_scss/main.cjs --out dist",
+    "bundle:dev": "npm-run-all build:js bundle:iife \"bundle:xml -- --outDir build\" && node tools/bundle_css/main.cjs --out build",
+    "dist": "tsc --module es6 --declaration --declarationDir dist/types && rollup -c && npm run bundle:xml -- --outDir dist && node tools/bundle_css/main.cjs --out dist",
     "monkey": "SPREADSHEET_MONKEY_COUNT=$npm_config_monkey_count jest 'tests/collaborative/collaborative_monkey_party.test.ts'",
     "test": "tsc --noEmit --project tsconfig.jest.json && jest",
     "test:watch": "jest --watch",
@@ -32,10 +35,10 @@
     "watch:bundle": "npm run bundle:iife -- --watch",
     "watch:ts": "npm run build:js -- --watch",
     "watch:xml": "node tools/bundle_xml/watch_xml_templates.cjs",
-    "watch:scss": "node tools/bundle_scss/watch_scss_files.cjs",
+    "watch:css": "node tools/bundle_css/watch_css_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_css/main.cjs --out build",
     "lint": "eslint --fix"
   },
   "browserslist": [
@@ -85,7 +88,7 @@
     "jszip": "^3.6.0",
     "lint-staged": "^12.1.2",
     "live-server": "^1.2.1",
-    "luxon": "^3.5.0",
+    "luxon": "^3.7.2",
     "minimist": "^1.2.8",
     "mockdate": "^3.0.2",
     "node-watch": "^0.7.3",
@@ -95,7 +98,6 @@
     "rollup": "^3.28.0",
     "rollup-plugin-dts": "^5.3.1",
     "rollup-plugin-typescript2": "^0.35.0",
-    "sass": "^1.62.1",
     "seedrandom": "^3.0.5",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.30.1",