@odoo/o-spreadsheet 18.1.6 → 18.1.7

package/dist/o-spreadsheet.cjs.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.1.6
- * @date 2025-02-05T07:18:57.089Z
- * @hash f5b97e0
+ * @version 18.1.7
+ * @date 2025-02-10T09:00:28.556Z
+ * @hash 338d8a1
  */
 
 'use strict';
@@ -770,9 +770,16 @@ function deepEqualsArray(arr1, arr2) {
     }
     return true;
 }
-/** Check if the given array contains all the values of the other array. */
+/**
+ * Check if the given array contains all the values of the other array.
+ * It makes the assumption that both array do not contain duplicates.
+ */
 function includesAll(arr, values) {
-    return values.every((value) => arr.includes(value));
+    if (arr.length < values.length) {
+        return false;
+    }
+    const set = new Set(arr);
+    return values.every((value) => set.has(value));
 }
 /**
  * Return an object with all the keys in the object that have a falsy value removed.
@@ -41031,8 +41038,8 @@ function useDragAndDropListItems() {
         document.body.style.cursor = "move";
         state.draggedItemId = args.draggedItemId;
         const container = direction === "horizontal"
-            ? new HorizontalContainer(args.containerEl)
-            : new VerticalContainer(args.containerEl);
+            ? new HorizontalContainer(args.scrollableContainerEl)
+            : new VerticalContainer(args.scrollableContainerEl);
         dndHelper = new DOMDndHelper({
             ...args,
             container,
@@ -41043,8 +41050,8 @@ function useDragAndDropListItems() {
         const stopListening = startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
         cleanupFns.push(stopListening);
         const onScroll = dndHelper.onScroll.bind(dndHelper);
-        args.containerEl.addEventListener("scroll", onScroll);
-        cleanupFns.push(() => args.containerEl.removeEventListener("scroll", onScroll));
+        args.scrollableContainerEl.addEventListener("scroll", onScroll);
+        cleanupFns.push(() => args.scrollableContainerEl.removeEventListener("scroll", onScroll));
         cleanupFns.push(dndHelper.destroy.bind(dndHelper));
     };
     owl.onWillUnmount(() => {
@@ -41501,7 +41508,7 @@ class ConditionalFormatPreviewList extends owl.Component {
             draggedItemId: cf.id,
             initialMousePosition: event.clientY,
             items: items,
-            containerEl: this.cfListRef.el,
+            scrollableContainerEl: this.cfListRef.el,
             onDragEnd: (cfId, finalIndex) => this.onDragEnd(cfId, finalIndex),
         });
     }
@@ -44683,6 +44690,7 @@ class PivotLayoutConfigurator extends owl.Component {
         unusedGranularities: Object,
         dateGranularities: Array,
         datetimeGranularities: Array,
+        getScrollableContainerEl: { type: Function, optional: true },
         pivotId: String,
     };
     dimensionsRef = owl.useRef("pivot-dimensions");
@@ -44716,7 +44724,7 @@ class PivotLayoutConfigurator extends owl.Component {
             draggedItemId: dimension.nameWithGranularity,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (dimensionName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === dimensionName);
                 if (originalIndex === finalIndex) {
@@ -44765,7 +44773,7 @@ class PivotLayoutConfigurator extends owl.Component {
             draggedItemId: measure.id,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (measureName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === measureName);
                 if (originalIndex === finalIndex) {
@@ -45398,7 +45406,7 @@ class SpreadsheetPivotTable {
     rowTreeToRows(tree, parentRow) {
         return tree.flatMap((node) => {
             const row = {
-                indent: parentRow ? parentRow.indent + 1 : 0,
+                indent: parentRow ? parentRow.indent + 1 : 1,
                 fields: [...(parentRow?.fields || []), node.field],
                 values: [...(parentRow?.values || []), node.value],
             };
@@ -45454,7 +45462,7 @@ function dataEntriesToRows(dataEntries, index, rows, fields, values) {
         pivotTableRows.push({
             fields: _fields,
             values: _values,
-            indent: index,
+            indent: index + 1,
         });
         const record = groups[value];
         if (record) {
@@ -46452,6 +46460,7 @@ class PivotSpreadsheetSidePanel extends owl.Component {
     };
     store;
     state;
+    pivotSidePanelRef = owl.useRef("pivotSidePanel");
     setup() {
         this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
         this.state = owl.useState({
@@ -46480,6 +46489,9 @@ class PivotSpreadsheetSidePanel extends owl.Component {
     get definition() {
         return this.store.definition;
     }
+    getScrollableContainerEl() {
+        return this.pivotSidePanelRef.el;
+    }
     onSelectionChanged(ranges) {
         this.state.rangeHasChanged = true;
         this.state.range = ranges[0];
@@ -68961,7 +68973,7 @@ class BottomBar extends owl.Component {
             draggedItemId: sheetId,
             initialMousePosition: event.clientX,
             items: sheets,
-            containerEl: this.sheetListRef.el,
+            scrollableContainerEl: this.sheetListRef.el,
             onDragEnd: (sheetId, finalIndex) => this.onDragEnd(sheetId, finalIndex),
         });
     }
@@ -75100,6 +75112,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.1.6";
-__info__.date = "2025-02-05T07:18:57.089Z";
-__info__.hash = "f5b97e0";
+__info__.version = "18.1.7";
+__info__.date = "2025-02-10T09:00:28.556Z";
+__info__.hash = "338d8a1";

package/dist/o-spreadsheet.d.ts

@@ -9555,7 +9555,7 @@ interface DndPartialArgs {
     draggedItemId: UID;
     initialMousePosition: Pixel;
     items: DragAndDropItemsPartial[];
-    containerEl: HTMLElement;
+    scrollableContainerEl: HTMLElement;
     onChange?: () => void;
     onCancel?: () => void;
     onDragEnd?: (itemId: UID, indexAtEnd: Pixel) => void;
@@ -10076,6 +10076,7 @@ interface Props$f {
     unusedGranularities: Record<string, Set<string>>;
     dateGranularities: string[];
     datetimeGranularities: string[];
+    getScrollableContainerEl?: () => HTMLElement;
     pivotId: UID;
 }
 declare class PivotLayoutConfigurator extends Component<Props$f, SpreadsheetChildEnv> {
@@ -10096,6 +10097,10 @@ declare class PivotLayoutConfigurator extends Component<Props$f, SpreadsheetChil
         unusedGranularities: ObjectConstructor;
         dateGranularities: ArrayConstructor;
         datetimeGranularities: ArrayConstructor;
+        getScrollableContainerEl: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
         pivotId: StringConstructor;
     };
     private dimensionsRef;

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.1.6
- * @date 2025-02-05T07:18:57.089Z
- * @hash f5b97e0
+ * @version 18.1.7
+ * @date 2025-02-10T09:00:28.556Z
+ * @hash 338d8a1
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -768,9 +768,16 @@ function deepEqualsArray(arr1, arr2) {
     }
     return true;
 }
-/** Check if the given array contains all the values of the other array. */
+/**
+ * Check if the given array contains all the values of the other array.
+ * It makes the assumption that both array do not contain duplicates.
+ */
 function includesAll(arr, values) {
-    return values.every((value) => arr.includes(value));
+    if (arr.length < values.length) {
+        return false;
+    }
+    const set = new Set(arr);
+    return values.every((value) => set.has(value));
 }
 /**
  * Return an object with all the keys in the object that have a falsy value removed.
@@ -41029,8 +41036,8 @@ function useDragAndDropListItems() {
         document.body.style.cursor = "move";
         state.draggedItemId = args.draggedItemId;
         const container = direction === "horizontal"
-            ? new HorizontalContainer(args.containerEl)
-            : new VerticalContainer(args.containerEl);
+            ? new HorizontalContainer(args.scrollableContainerEl)
+            : new VerticalContainer(args.scrollableContainerEl);
         dndHelper = new DOMDndHelper({
             ...args,
             container,
@@ -41041,8 +41048,8 @@ function useDragAndDropListItems() {
         const stopListening = startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
         cleanupFns.push(stopListening);
         const onScroll = dndHelper.onScroll.bind(dndHelper);
-        args.containerEl.addEventListener("scroll", onScroll);
-        cleanupFns.push(() => args.containerEl.removeEventListener("scroll", onScroll));
+        args.scrollableContainerEl.addEventListener("scroll", onScroll);
+        cleanupFns.push(() => args.scrollableContainerEl.removeEventListener("scroll", onScroll));
         cleanupFns.push(dndHelper.destroy.bind(dndHelper));
     };
     onWillUnmount(() => {
@@ -41499,7 +41506,7 @@ class ConditionalFormatPreviewList extends Component {
             draggedItemId: cf.id,
             initialMousePosition: event.clientY,
             items: items,
-            containerEl: this.cfListRef.el,
+            scrollableContainerEl: this.cfListRef.el,
             onDragEnd: (cfId, finalIndex) => this.onDragEnd(cfId, finalIndex),
         });
     }
@@ -44681,6 +44688,7 @@ class PivotLayoutConfigurator extends Component {
         unusedGranularities: Object,
         dateGranularities: Array,
         datetimeGranularities: Array,
+        getScrollableContainerEl: { type: Function, optional: true },
         pivotId: String,
     };
     dimensionsRef = useRef("pivot-dimensions");
@@ -44714,7 +44722,7 @@ class PivotLayoutConfigurator extends Component {
             draggedItemId: dimension.nameWithGranularity,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (dimensionName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === dimensionName);
                 if (originalIndex === finalIndex) {
@@ -44763,7 +44771,7 @@ class PivotLayoutConfigurator extends Component {
             draggedItemId: measure.id,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (measureName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === measureName);
                 if (originalIndex === finalIndex) {
@@ -45396,7 +45404,7 @@ class SpreadsheetPivotTable {
     rowTreeToRows(tree, parentRow) {
         return tree.flatMap((node) => {
             const row = {
-                indent: parentRow ? parentRow.indent + 1 : 0,
+                indent: parentRow ? parentRow.indent + 1 : 1,
                 fields: [...(parentRow?.fields || []), node.field],
                 values: [...(parentRow?.values || []), node.value],
             };
@@ -45452,7 +45460,7 @@ function dataEntriesToRows(dataEntries, index, rows, fields, values) {
         pivotTableRows.push({
             fields: _fields,
             values: _values,
-            indent: index,
+            indent: index + 1,
         });
         const record = groups[value];
         if (record) {
@@ -46450,6 +46458,7 @@ class PivotSpreadsheetSidePanel extends Component {
     };
     store;
     state;
+    pivotSidePanelRef = useRef("pivotSidePanel");
     setup() {
         this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
         this.state = useState({
@@ -46478,6 +46487,9 @@ class PivotSpreadsheetSidePanel extends Component {
     get definition() {
         return this.store.definition;
     }
+    getScrollableContainerEl() {
+        return this.pivotSidePanelRef.el;
+    }
     onSelectionChanged(ranges) {
         this.state.rangeHasChanged = true;
         this.state.range = ranges[0];
@@ -68959,7 +68971,7 @@ class BottomBar extends Component {
             draggedItemId: sheetId,
             initialMousePosition: event.clientX,
             items: sheets,
-            containerEl: this.sheetListRef.el,
+            scrollableContainerEl: this.sheetListRef.el,
             onDragEnd: (sheetId, finalIndex) => this.onDragEnd(sheetId, finalIndex),
         });
     }
@@ -75054,6 +75066,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.1.6";
-__info__.date = "2025-02-05T07:18:57.089Z";
-__info__.hash = "f5b97e0";
+__info__.version = "18.1.7";
+__info__.date = "2025-02-10T09:00:28.556Z";
+__info__.hash = "338d8a1";

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.1.6
- * @date 2025-02-05T07:18:57.089Z
- * @hash f5b97e0
+ * @version 18.1.7
+ * @date 2025-02-10T09:00:28.556Z
+ * @hash 338d8a1
  */
 
 (function (exports, owl) {
@@ -769,9 +769,16 @@
       }
       return true;
   }
-  /** Check if the given array contains all the values of the other array. */
+  /**
+   * Check if the given array contains all the values of the other array.
+   * It makes the assumption that both array do not contain duplicates.
+   */
   function includesAll(arr, values) {
-      return values.every((value) => arr.includes(value));
+      if (arr.length < values.length) {
+          return false;
+      }
+      const set = new Set(arr);
+      return values.every((value) => set.has(value));
   }
   /**
    * Return an object with all the keys in the object that have a falsy value removed.
@@ -41030,8 +41037,8 @@ stores.inject(MyMetaStore, storeInstance);
           document.body.style.cursor = "move";
           state.draggedItemId = args.draggedItemId;
           const container = direction === "horizontal"
-              ? new HorizontalContainer(args.containerEl)
-              : new VerticalContainer(args.containerEl);
+              ? new HorizontalContainer(args.scrollableContainerEl)
+              : new VerticalContainer(args.scrollableContainerEl);
           dndHelper = new DOMDndHelper({
               ...args,
               container,
@@ -41042,8 +41049,8 @@ stores.inject(MyMetaStore, storeInstance);
           const stopListening = startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
           cleanupFns.push(stopListening);
           const onScroll = dndHelper.onScroll.bind(dndHelper);
-          args.containerEl.addEventListener("scroll", onScroll);
-          cleanupFns.push(() => args.containerEl.removeEventListener("scroll", onScroll));
+          args.scrollableContainerEl.addEventListener("scroll", onScroll);
+          cleanupFns.push(() => args.scrollableContainerEl.removeEventListener("scroll", onScroll));
           cleanupFns.push(dndHelper.destroy.bind(dndHelper));
       };
       owl.onWillUnmount(() => {
@@ -41500,7 +41507,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: cf.id,
               initialMousePosition: event.clientY,
               items: items,
-              containerEl: this.cfListRef.el,
+              scrollableContainerEl: this.cfListRef.el,
               onDragEnd: (cfId, finalIndex) => this.onDragEnd(cfId, finalIndex),
           });
       }
@@ -44682,6 +44689,7 @@ stores.inject(MyMetaStore, storeInstance);
           unusedGranularities: Object,
           dateGranularities: Array,
           datetimeGranularities: Array,
+          getScrollableContainerEl: { type: Function, optional: true },
           pivotId: String,
       };
       dimensionsRef = owl.useRef("pivot-dimensions");
@@ -44715,7 +44723,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: dimension.nameWithGranularity,
               initialMousePosition: event.clientY,
               items: draggableItems,
-              containerEl: this.dimensionsRef.el,
+              scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
               onDragEnd: (dimensionName, finalIndex) => {
                   const originalIndex = draggableIds.findIndex((id) => id === dimensionName);
                   if (originalIndex === finalIndex) {
@@ -44764,7 +44772,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: measure.id,
               initialMousePosition: event.clientY,
               items: draggableItems,
-              containerEl: this.dimensionsRef.el,
+              scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
               onDragEnd: (measureName, finalIndex) => {
                   const originalIndex = draggableIds.findIndex((id) => id === measureName);
                   if (originalIndex === finalIndex) {
@@ -45397,7 +45405,7 @@ stores.inject(MyMetaStore, storeInstance);
       rowTreeToRows(tree, parentRow) {
           return tree.flatMap((node) => {
               const row = {
-                  indent: parentRow ? parentRow.indent + 1 : 0,
+                  indent: parentRow ? parentRow.indent + 1 : 1,
                   fields: [...(parentRow?.fields || []), node.field],
                   values: [...(parentRow?.values || []), node.value],
               };
@@ -45453,7 +45461,7 @@ stores.inject(MyMetaStore, storeInstance);
           pivotTableRows.push({
               fields: _fields,
               values: _values,
-              indent: index,
+              indent: index + 1,
           });
           const record = groups[value];
           if (record) {
@@ -46451,6 +46459,7 @@ stores.inject(MyMetaStore, storeInstance);
       };
       store;
       state;
+      pivotSidePanelRef = owl.useRef("pivotSidePanel");
       setup() {
           this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
           this.state = owl.useState({
@@ -46479,6 +46488,9 @@ stores.inject(MyMetaStore, storeInstance);
       get definition() {
           return this.store.definition;
       }
+      getScrollableContainerEl() {
+          return this.pivotSidePanelRef.el;
+      }
       onSelectionChanged(ranges) {
           this.state.rangeHasChanged = true;
           this.state.range = ranges[0];
@@ -68960,7 +68972,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: sheetId,
               initialMousePosition: event.clientX,
               items: sheets,
-              containerEl: this.sheetListRef.el,
+              scrollableContainerEl: this.sheetListRef.el,
               onDragEnd: (sheetId, finalIndex) => this.onDragEnd(sheetId, finalIndex),
           });
       }
@@ -75099,9 +75111,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.1.6";
-  __info__.date = "2025-02-05T07:18:57.089Z";
-  __info__.hash = "f5b97e0";
+  __info__.version = "18.1.7";
+  __info__.date = "2025-02-10T09:00:28.556Z";
+  __info__.hash = "338d8a1";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);