@odoo/o-spreadsheet 17.4.21 → 17.4.22

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 17.4.21
- * @date 2025-02-05T06:46:54.366Z
- * @hash 0c55e18
+ * @version 17.4.22
+ * @date 2025-02-10T09:14:48.889Z
+ * @hash 667f2b1
  */
 
 'use strict';
@@ -748,9 +748,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.
@@ -33547,8 +33554,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,
@@ -33559,8 +33566,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(() => {
@@ -34008,7 +34015,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),
         });
     }
@@ -36020,6 +36027,7 @@ class PivotLayoutConfigurator extends owl.Component {
         unusedMeasureFields: Array,
         unusedDateTimeGranularities: Object,
         allGranularities: Array,
+        getScrollableContainerEl: { type: Function, optional: true },
     };
     dimensionsRef = owl.useRef("pivot-dimensions");
     dragAndDrop = useDragAndDropListItems();
@@ -36048,7 +36056,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) {
@@ -36088,7 +36096,7 @@ class PivotLayoutConfigurator extends owl.Component {
             draggedItemId: measure.name,
             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) {
@@ -37527,6 +37535,7 @@ class PivotSpreadsheetSidePanel extends owl.Component {
     };
     store;
     state;
+    pivotSidePanelRef = owl.useRef("pivotSidePanel");
     setup() {
         this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
         this.state = owl.useState({
@@ -37555,6 +37564,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];
@@ -62948,7 +62960,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),
         });
     }
@@ -68910,6 +68922,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.4.21";
-__info__.date = "2025-02-05T06:46:54.366Z";
-__info__.hash = "0c55e18";
+__info__.version = "17.4.22";
+__info__.date = "2025-02-10T09:14:48.889Z";
+__info__.hash = "667f2b1";

package/dist/o-spreadsheet.d.ts

@@ -8977,7 +8977,7 @@ interface DndPartialArgs {
     draggedItemId: UID;
     initialMousePosition: Pixel;
     items: DragAndDropItemsPartial[];
-    containerEl: HTMLElement;
+    scrollableContainerEl: HTMLElement;
     onChange?: () => void;
     onCancel?: () => void;
     onDragEnd?: (itemId: UID, indexAtEnd: Pixel) => void;
@@ -9367,6 +9367,7 @@ interface Props$d {
     unusedMeasureFields: PivotField[];
     unusedDateTimeGranularities: Record<string, Set<string>>;
     allGranularities: string[];
+    getScrollableContainerEl?: () => HTMLElement;
 }
 declare class PivotLayoutConfigurator extends Component<Props$d, SpreadsheetChildEnv> {
     static template: string;
@@ -9383,6 +9384,10 @@ declare class PivotLayoutConfigurator extends Component<Props$d, SpreadsheetChil
         unusedMeasureFields: ArrayConstructor;
         unusedDateTimeGranularities: ObjectConstructor;
         allGranularities: ArrayConstructor;
+        getScrollableContainerEl: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
     };
     private dimensionsRef;
     private dragAndDrop;

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 17.4.21
- * @date 2025-02-05T06:46:54.366Z
- * @hash 0c55e18
+ * @version 17.4.22
+ * @date 2025-02-10T09:14:48.889Z
+ * @hash 667f2b1
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -746,9 +746,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.
@@ -33545,8 +33552,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,
@@ -33557,8 +33564,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(() => {
@@ -34006,7 +34013,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),
         });
     }
@@ -36018,6 +36025,7 @@ class PivotLayoutConfigurator extends Component {
         unusedMeasureFields: Array,
         unusedDateTimeGranularities: Object,
         allGranularities: Array,
+        getScrollableContainerEl: { type: Function, optional: true },
     };
     dimensionsRef = useRef("pivot-dimensions");
     dragAndDrop = useDragAndDropListItems();
@@ -36046,7 +36054,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) {
@@ -36086,7 +36094,7 @@ class PivotLayoutConfigurator extends Component {
             draggedItemId: measure.name,
             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) {
@@ -37525,6 +37533,7 @@ class PivotSpreadsheetSidePanel extends Component {
     };
     store;
     state;
+    pivotSidePanelRef = useRef("pivotSidePanel");
     setup() {
         this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
         this.state = useState({
@@ -37553,6 +37562,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];
@@ -62946,7 +62958,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),
         });
     }
@@ -68865,6 +68877,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, 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 = "17.4.21";
-__info__.date = "2025-02-05T06:46:54.366Z";
-__info__.hash = "0c55e18";
+__info__.version = "17.4.22";
+__info__.date = "2025-02-10T09:14:48.889Z";
+__info__.hash = "667f2b1";

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 17.4.21
- * @date 2025-02-05T06:46:54.366Z
- * @hash 0c55e18
+ * @version 17.4.22
+ * @date 2025-02-10T09:14:48.889Z
+ * @hash 667f2b1
  */
 
 (function (exports, owl) {
@@ -747,9 +747,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.
@@ -33546,8 +33553,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,
@@ -33558,8 +33565,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(() => {
@@ -34007,7 +34014,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),
           });
       }
@@ -36019,6 +36026,7 @@ stores.inject(MyMetaStore, storeInstance);
           unusedMeasureFields: Array,
           unusedDateTimeGranularities: Object,
           allGranularities: Array,
+          getScrollableContainerEl: { type: Function, optional: true },
       };
       dimensionsRef = owl.useRef("pivot-dimensions");
       dragAndDrop = useDragAndDropListItems();
@@ -36047,7 +36055,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) {
@@ -36087,7 +36095,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: measure.name,
               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) {
@@ -37526,6 +37534,7 @@ stores.inject(MyMetaStore, storeInstance);
       };
       store;
       state;
+      pivotSidePanelRef = owl.useRef("pivotSidePanel");
       setup() {
           this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
           this.state = owl.useState({
@@ -37554,6 +37563,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];
@@ -62947,7 +62959,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),
           });
       }
@@ -68909,9 +68921,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.4.21";
-  __info__.date = "2025-02-05T06:46:54.366Z";
-  __info__.hash = "0c55e18";
+  __info__.version = "17.4.22";
+  __info__.date = "2025-02-10T09:14:48.889Z";
+  __info__.hash = "667f2b1";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);