@odoo/o-spreadsheet 18.3.27 → 18.3.31

package/dist/o_spreadsheet.css

@@ -0,0 +1,44 @@
+
+/*
+ * This file is generated by o-spreadsheet build tools. Do not edit it.
+ * @see https://github.com/odoo/o-spreadsheet
+ * @version 18.3.31
+ * @date 2025-12-26T10:18:57.059Z
+ * @hash 1e143e1
+ */
+/* Originates from src/components/top_bar/top_bar.scss */
+@media (max-width: 900px) {
+  .o-spreadsheet .o-topbar-responsive {
+    flex-direction: column !important;
+  }
+}
+@media (max-width: 768px) {
+  .o-spreadsheet .irregularity-map span {
+    overflow: auto;
+    align-items: normal !important;
+  }
+}
+
+/* Originates from src/components/top_bar/dropdown_action/dropdown_action.scss */
+.o-spreadsheet .o-dropdown {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.o-spreadsheet .o-dropdown-content {
+  background-color: white;
+}
+.o-spreadsheet .o-dropdown-content .o-dropdown-line {
+  display: flex;
+}
+.o-spreadsheet .o-dropdown-content .o-dropdown-line > span {
+  padding: 4px;
+}
+
+/* Originates from src/components/spreadsheet/spreadsheet.scss */
+.o-spreadsheet {
+  color: #374151;
+}
+.o-spreadsheet input {
+  background-color: white;
+}

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.27
- @date 2025-11-24T07:41:17.890Z
- @hash 57b11b8
+ @version 18.3.31
+ @date 2025-12-26T10:18:56.247Z
+ @hash 1e143e1
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -1584,46 +1584,43 @@
   <t t-name="o-spreadsheet-ConditionalFormatPreview">
     <t t-set="cf" t-value="props.conditionalFormat"/>
     <div
-      class="o-cf-preview w-100"
+      class="o-cf-preview w-100 d-flex align-items-center"
       t-ref="cfPreview"
       t-att-class="props.class"
       t-att-data-id="cf.id"
       t-on-click="props.onPreviewClick"
       t-on-pointerdown="(ev) => this.onMouseDown(ev)">
-      <div class="position-relative h-100 w-100 d-flex align-items-center">
+      <div class="o-cf-drag-handle h-100 position-absolute d-flex align-items-center o-button-icon">
+        <t t-call="o-spreadsheet-Icon.THIN_DRAG_HANDLE"/>
+      </div>
+      <t t-if="cf.rule.type==='IconSetRule'">
+        <div class="o-cf-preview-icon d-flex justify-content-around align-items-center me-3">
+          <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.upper].template}}"/>
+          <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.middle].template}}"/>
+          <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.lower].template}}"/>
+        </div>
+      </t>
+      <t t-else="">
         <div
-          class="o-cf-drag-handle h-100 position-absolute d-flex align-items-center o-button-icon">
-          <t t-call="o-spreadsheet-Icon.THIN_DRAG_HANDLE"/>
+          t-att-style="getPreviewImageStyle(cf.rule)"
+          class="o-cf-preview-icon d-flex justify-content-around align-items-center me-3 flex-shrink-0">
+          123
         </div>
-        <t t-if="cf.rule.type==='IconSetRule'">
-          <div class="o-cf-preview-icon d-flex justify-content-around align-items-center me-2">
-            <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.upper].template}}"/>
-            <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.middle].template}}"/>
-            <t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.lower].template}}"/>
-          </div>
-        </t>
-        <t t-else="">
-          <div
-            t-att-style="getPreviewImageStyle(cf.rule)"
-            class="o-cf-preview-icon d-flex justify-content-around align-items-center me-2">
-            123
-          </div>
-        </t>
-        <div class="o-cf-preview-description">
-          <div class="o-cf-preview-ruletype">
-            <div class="o-cf-preview-description-rule o-fw-bold text-truncate">
-              <t t-esc="getDescription(cf)"/>
-            </div>
+      </t>
+      <div class="o-cf-preview-description me-3 overflow-auto">
+        <div class="o-cf-preview-ruletype">
+          <div class="o-cf-preview-description-rule o-fw-bold text-truncate">
+            <t t-esc="getDescription(cf)"/>
           </div>
-          <div class="o-cf-preview-range text-truncate" t-esc="cf.ranges"/>
         </div>
-        <div class="o-cf-delete">
-          <div
-            class="o-cf-delete-button o-button-icon"
-            t-on-click.stop="(ev) => this.deleteConditionalFormat(cf, ev)"
-            title="Remove rule">
-            <t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
-          </div>
+        <div class="o-cf-preview-range text-truncate" t-esc="cf.ranges"/>
+      </div>
+      <div class="o-cf-delete ms-auto">
+        <div
+          class="o-cf-delete-button o-button-icon"
+          t-on-click.stop="(ev) => this.deleteConditionalFormat(cf, ev)"
+          title="Remove rule">
+          <t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
         </div>
       </div>
     </div>
@@ -5470,7 +5467,7 @@
 
   <t t-name="o-spreadsheet-GridOverlay">
     <div class="position-absolute" t-att-style="style">
-      <FiguresContainer onFigureDeleted="props.onFigureDeleted"/>
+      <FiguresContainer/>
     </div>
     <div
       t-ref="gridOverlay"
@@ -5485,7 +5482,6 @@
       <GridAddRowsFooter
         t-if="!env.model.getters.isReadonly()"
         t-key="env.model.getters.getActiveSheetId()"
-        focusGrid="props.onFigureDeleted"
       />
       <t t-slot="default"/>
     </div>
@@ -5542,7 +5538,6 @@
         onGridResized.bind="onGridResized"
         onGridMoved.bind="moveCanvas"
         gridOverlayDimensions="gridOverlayDimensions"
-        onFigureDeleted.bind="focusDefaultElement"
       />
       <HeadersOverlay onOpenContextMenu="(type, x, y) => this.toggleContextMenu(type, x, y)"/>
       <GridComposer
@@ -5744,7 +5739,6 @@
             t-att-style="container.inverseViewportStyle">
             <t t-foreach="container.figures" t-as="figureUI" t-key="figureUI.id">
               <FigureComponent
-                onFigureDeleted="this.props.onFigureDeleted"
                 figureUI="figureUI"
                 style="getFigureStyle(figureUI)"
                 onMouseDown="(ev) => this.startDraggingFigure(figureUI, ev)"
@@ -5796,7 +5790,6 @@
         <t
           t-component="figureRegistry.get(props.figureUI.tag).Component"
           t-key="props.figureUI.id"
-          onFigureDeleted="props.onFigureDeleted"
           figureUI="props.figureUI"
         />
         <div class="o-figure-menu position-absolute m-2" t-if="!env.isDashboard()">
@@ -6445,6 +6438,7 @@
         t-on-pointerdown="(ev) => this.onMouseDown(ev)"
         t-on-contextmenu.prevent="(ev) => this.onContextMenu(ev)"
         t-ref="sheetDiv"
+        t-key="sheetName"
         t-att-style="props.style"
         t-att-title="sheetName"
         t-att-data-id="props.sheetId"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.3.27",
+  "version": "18.3.31",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -10,7 +10,8 @@
   "files": [
     "dist/*.js",
     "dist/*.d.ts",
-    "dist/*.xml"
+    "dist/*.xml",
+    "dist/*.css"
   ],
   "scripts": {
     "serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,main.css,demo",