@odoo/o-spreadsheet 18.5.0-alpha.4 → 18.5.0-alpha.6

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.5.0-alpha.4
- @date 2025-07-30T11:24:09.087Z
- @hash 34a4ab3
+ @version 18.5.0-alpha.6
+ @date 2025-08-05T06:28:37.212Z
+ @hash 67e091f
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -989,6 +989,12 @@
               allGranularities="getGranularitiesFor(col)"
             />
             <PivotDimensionOrder dimension="col" onUpdated.bind="this.updateOrder"/>
+            <PivotCustomGroupsCollapsible
+              t-if="col.isCustomField"
+              pivotId="props.pivotId"
+              customField="getCustomField(col)"
+              onCustomFieldUpdated="props.onDimensionsUpdated"
+            />
           </PivotDimension>
         </div>
       </t>
@@ -1015,6 +1021,12 @@
               allGranularities="getGranularitiesFor(row)"
             />
             <PivotDimensionOrder dimension="row" onUpdated.bind="this.updateOrder"/>
+            <PivotCustomGroupsCollapsible
+              t-if="row.isCustomField"
+              pivotId="props.pivotId"
+              customField="getCustomField(row)"
+              onCustomFieldUpdated="props.onDimensionsUpdated"
+            />
           </PivotDimension>
         </div>
       </t>
@@ -1243,6 +1255,42 @@
     </Section>
   </t>
 
+  <t t-name="o-spreadsheet-PivotCustomGroupsCollapsible">
+    <SidePanelCollapsible
+      class="'o-pivot-custom-groups'"
+      isInitiallyCollapsed="true"
+      title.translate="Groups">
+      <t t-set-slot="content">
+        <div class="ps-4">
+          <div
+            t-foreach="groups"
+            t-as="group"
+            t-key="group_index"
+            class="o-pivot-custom-group pb-1">
+            <div
+              class="d-flex align-items-center justify-content-between small"
+              t-on-pointerdown.stop="">
+              <TextInput
+                value="group.name"
+                onChange="(newName) => this.onRenameGroup(group_index, newName)"
+              />
+              <i
+                class="o-button-icon ps-3 fa fa-trash"
+                t-on-click="() => this.onDeleteGroup(group_index)"
+              />
+            </div>
+          </div>
+          <div
+            t-if="!hasOthersGroup"
+            class="o-button-link o-add-others-group small pb-1"
+            t-on-click="() => this.addOthersGroup()">
+            <span>+ &quot;Others&quot; group</span>
+          </div>
+        </div>
+      </t>
+    </SidePanelCollapsible>
+  </t>
+
   <t t-name="o-spreadsheet-MoreFormatsPanel">
     <div class="o-more-formats-panel">
       <div
@@ -1913,7 +1961,7 @@
     <div class="o-cf-data-bar-editor">
       <div class="o-section-subtitle">Color</div>
       <RoundColorPicker
-        currentColor="colorNumberString(rule.color)"
+        currentColor="colorNumberToHex(rule.color)"
         onColorPicked.bind="updateDataBarColor"
         disableNoColor="true"
       />
@@ -2213,11 +2261,12 @@
 
   <t t-name="o-spreadsheet-SidePanelCollapsible">
     <div class="" t-att-class="props.class">
-      <div class="o_side_panel_collapsible_title o-fw-bold d-flex align-items-center">
+      <div
+        class="o_side_panel_collapsible_title o-fw-bold d-flex align-items-center"
+        t-on-click="() => this.toggle()">
         <div
           class="collapsor w-100 d-flex align-items-center ps-1"
-          t-att-class="state.isCollapsed ? 'collapsed' : ''"
-          t-on-click="() => this.toggle()">
+          t-att-class="state.isCollapsed ? 'collapsed' : ''">
           <span class="collapsor-arrow">
             <t t-call="o-spreadsheet-Icon.ANGLE_DOWN"/>
           </span>
@@ -5102,12 +5151,26 @@
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.PLUS_IN_BOX">
-    <svg
-      class="o-icon"
-      width="18"
-      height="18"
-      style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5">
-      <path stroke="currentColor" d="M1.5,1.5h15v15h-15v-15M9,5v8M5,9h8"/>
+    <svg class="o-icon" width="18" height="18" style="">
+      <path
+        fill="currentColor"
+        d="
+        M.5 2A1.5 1.5 0 0 1 2 .5h14A1.5 1.5 0 0 1 17.5 2v14a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 16V2H2v14h14V2H2
+        M4,9.5 h10 v-1.5 h-10
+        M8.25,3.75 v10 h1.5 v-10
+        "
+      />
+    </svg>
+  </t>
+  <t t-name="o-spreadsheet-Icon.MINUS_IN_BOX">
+    <svg class="o-icon" width="18" height="18" style="">
+      <path
+        fill="currentColor"
+        d="
+        M.5 2A1.5 1.5 0 0 1 2 .5h14A1.5 1.5 0 0 1 17.5 2v14a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 16V2H2v14h14V2H2
+        M4,9.5 h10 v-1.5 h-10
+        "
+      />
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.GROUP_ROWS">
@@ -6283,11 +6346,14 @@
             </t>
             )
           </div>
-          <i
-            class="fa fa-caret-up px-2 align-self-start"
+          <div
+            class="collapsor px-2 d-flex align-items-center rounded"
             t-att-class="state.isCollapsed ? 'collapsed' : ''"
-            t-on-click="() => this.toggle()"
-          />
+            t-on-click="() => this.toggle()">
+            <span class="collapsor-arrow d-inline-block">
+              <t t-call="o-spreadsheet-Icon.ANGLE_DOWN"/>
+            </span>
+          </div>
         </div>
 
         <Collapse isCollapsed="state.isCollapsed">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.5.0-alpha.4",
+  "version": "18.5.0-alpha.6",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",