@odoo/o-spreadsheet 19.2.0-alpha.2 → 19.2.0-alpha.3

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.2.0-alpha.2
- @date 2026-01-07T16:22:28.451Z
- @hash ac2fa3e
+ @version 19.2.0-alpha.3
+ @date 2026-01-14T10:03:04.642Z
+ @hash e5cbf18
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -271,15 +271,17 @@
             t-esc="categories[category_value]"
           />
         </div>
-        <div class="d-flex flex-wrap px-4">
+        <div
+          class="d-flex flex-wrap px-4"
+          t-att-class="props.type === 'pivot' ? 'o-pivot-previews' : 'o-table-previews'">
           <t t-foreach="displayedStyles" t-as="styleId" t-key="styleId">
             <TableStylePreview
-              class="'o-table-style-popover-preview'"
               styleId="styleId"
               selected="styleId === props.selectedStyleId"
               tableConfig="props.tableConfig"
-              tableStyle="env.model.getters.getTableStyle(styleId)"
+              tableStyle="props.tableStyles[styleId]"
               onClick="() => this.props.onStylePicked(styleId)"
+              type="props.type"
             />
           </t>
           <div
@@ -301,7 +303,7 @@
       t-att-title="styleName"
       t-on-click="props.onClick"
       t-on-contextmenu.prevent="(ev) => this.onContextMenu(ev)">
-      <div t-att-class="props.class">
+      <div class="o-table-preview">
         <canvas t-ref="canvas" class="w-100 h-100"/>
       </div>
       <div
@@ -322,15 +324,17 @@
 
   <t t-name="o-spreadsheet-TableStylePicker">
     <div class="o-table-style-picker d-flex flew-row justify-content-between ps-1 border rounded">
-      <div class="d-flex flex-row overflow-hidden ps-2">
+      <div
+        class="d-flex flex-row overflow-hidden"
+        t-att-class="props.type === 'pivot' ? 'o-pivot-previews' : 'o-table-previews ps-2'">
         <t t-foreach="getDisplayedTableStyles()" t-as="styleId" t-key="styleId">
           <TableStylePreview
-            class="'o-table-style-picker-preview'"
-            selected="styleId === props.table.config.styleId"
-            tableConfig="props.table.config"
-            tableStyle="env.model.getters.getTableStyle(styleId)"
+            selected="styleId === props.tableConfig.styleId"
+            tableConfig="props.tableConfig"
+            tableStyle="props.tableStyles[styleId]"
             styleId="styleId"
             onClick="() => this.onStylePicked(styleId)"
+            type="props.type"
           />
         </t>
       </div>
@@ -341,11 +345,13 @@
       </div>
     </div>
     <TableStylesPopover
-      tableConfig="props.table.config"
-      selectedStyleId="props.table.config.styleId"
+      tableConfig="props.tableConfig"
+      selectedStyleId="props.tableConfig.styleId"
       onStylePicked.bind="onStylePicked"
       popoverProps="state.popoverProps"
       closePopover.bind="closePopover"
+      tableStyles="props.tableStyles"
+      type="props.type"
     />
   </t>
 
@@ -371,6 +377,8 @@
       onStylePicked.bind="onStylePicked"
       popoverProps="state.popoverProps"
       closePopover.bind="closePopover"
+      tableStyles="tableStyles"
+      type="'table'"
     />
   </t>
 
@@ -499,11 +507,11 @@
         <div class="d-flex flex-wrap">
           <t t-foreach="tableTemplates" t-as="templateName" t-key="templateName">
             <TableStylePreview
-              class="'o-table-style-edit-template-preview'"
               selected="templateName === state.selectedTemplateName"
               tableConfig="previewTableConfig"
               tableStyle="computeTableStyle(templateName)"
               onClick="() => this.onTemplatePicked(templateName)"
+              type="'table'"
             />
           </t>
         </div>
@@ -587,7 +595,12 @@
         </div>
       </Section>
       <Section>
-        <TableStylePicker table="props.table"/>
+        <TableStylePicker
+          tableConfig="props.table.config"
+          onStylePicked.bind="onStylePicked"
+          tableStyles="env.model.getters.getTableStyles()"
+          type="'table'"
+        />
       </Section>
       <Section title.translate="Data range">
         <SelectionInput
@@ -898,7 +911,7 @@
   </t>
 
   <t t-name="o-spreadsheet-PivotSidePanel">
-    <div class="d-flex flex-column h-100">
+    <div class="o-pivot-panel d-flex flex-column h-100">
       <div class="o-panel d-flex">
         <div
           class="o-sidePanel-tab o-panel-configuration d-flew flex-grow-1 text-center"
@@ -918,7 +931,11 @@
 
       <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' }">
-          <t t-component="sidePanelEditor" t-props="props"/>
+          <t
+            t-component="sidePanelEditor"
+            pivotId="props.pivotId"
+            onCloseSidePanel="props.onCloseSidePanel"
+          />
         </div>
         <div t-att-class="state.panel !== 'design' ? 'd-none' : ''">
           <PivotDesignPanel pivotId="props.pivotId"/>
@@ -1035,6 +1052,47 @@
         </div>
       </div>
     </Section>
+
+    <Section class="'o-pivot-table-style'" title.translate="Pivot table style">
+      <div class="row mb-2 align-items-center pt-2">
+        <div class="col-6">Banded rows:</div>
+        <div class="col-6 d-flex align-items-center">
+          <Checkbox
+            name="'bandedRows'"
+            value="pivotStyle.bandedRows ?? defaultStyle.bandedRows"
+            onChange="(val) => this.updatePivotStyleProperty('bandedRows', val)"
+          />
+        </div>
+      </div>
+      <div class="row mb-2 align-items-center">
+        <div class="col-6">Banded columns</div>
+        <div class="col-6 d-flex align-items-center">
+          <Checkbox
+            name="'bandedColumns'"
+            value="pivotStyle.bandedColumns ?? defaultStyle.bandedColumns"
+            onChange="(val) => this.updatePivotStyleProperty('bandedColumns', val)"
+          />
+        </div>
+      </div>
+      <div class="row mb-2 align-items-center">
+        <div class="col-6">Filter button</div>
+        <div class="col-6 d-flex align-items-center">
+          <Checkbox
+            name="'hasFilters'"
+            value="pivotStyle.hasFilters ?? defaultStyle.hasFilters"
+            onChange="(val) => this.updatePivotStyleProperty('hasFilters', val)"
+          />
+        </div>
+      </div>
+      <div class="mt-4">
+        <TableStylePicker
+          tableConfig="tableConfig"
+          onStylePicked.bind="onStylePicked"
+          tableStyles="tableStyles"
+          type="'pivot'"
+        />
+      </div>
+    </Section>
   </t>
 
   <t t-name="o-spreadsheet-PivotMeasureDisplayPanel">
@@ -1583,7 +1641,8 @@
         </select>
         <div t-if="searchOptions.searchScope === 'specificRange'">
           <SelectionInput
-            ranges="[this.state.dataRange]"
+            t-key="selectionInputKey"
+            ranges="[specificRange]"
             onSelectionChanged="(ranges) => this.onSearchRangeChanged(ranges)"
             onSelectionConfirmed.bind="updateDataRange"
             hasSingleRange="true"
@@ -6833,6 +6892,7 @@
             <div
               class="o-carousel-tab text-truncate px-2 mt-1 flex-shrink-0"
               t-att-class="{ 'selected': isItemSelected(item) }"
+              t-att-data-type="item.type"
               t-esc="getItemTitle(item)"
               t-on-click.stop="() => this.onCarouselTabClick(item)"
             />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.2.0-alpha.2",
+  "version": "19.2.0-alpha.3",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -171,8 +171,8 @@
   },
   "lint-staged": {
     "*": [
-      "prettier --write",
-      "eslint --fix"
+      "eslint --fix",
+      "prettier --write"
     ]
   },
   "publishConfig": {