@momentum-design/components 0.124.1 → 0.125.1

package/dist/react/index.d.ts

@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Bullet } from './bullet';
 export { default as Brandvisual } from './brandvisual';
+export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -74,9 +74,9 @@ export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
-export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';
+export { default as StepperItem } from './stepperitem';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';

package/dist/react/index.js

@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Bullet } from './bullet';
 export { default as Brandvisual } from './brandvisual';
+export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -74,9 +74,9 @@ export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
-export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';
+export { default as StepperItem } from './stepperitem';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';

package/dist/utils/controllers/ElementStore.d.ts

@@ -135,6 +135,16 @@ export declare class ElementStore<TItem extends HTMLElement> implements Reactive
      * @param index - The index at which to add the item.
      */
     addAt(newItem: Element, index: number): void;
+    /**
+     * Implements binary search on the cache, to get the index of the nearest newItem position.
+     *
+     * @param cache - The array which contains the list of dom node elements.
+     * @param newItem - The new node element which is needed to be added in the list item.
+     * @returns either:
+     *  - the index where the new item need to be inserted or
+     *  - -1 when the item must be appended to the end of the list item.
+     */
+    private getIndexToInsertInCache;
     /**
      * Adds an item to the cache at the specified index.
      * When the index

package/dist/utils/controllers/ElementStore.js

@@ -1,5 +1,5 @@
 import { LIFE_CYCLE_EVENTS } from '../mixins/lifecycle/lifecycle.contants';
-import { isBefore } from '../dom';
+import { isAfter, isBefore } from '../dom';
 const defaultIsValidFn = (item) => !!item;
 /**
  * ElementStore is a controller that manages a collection of elements.
@@ -133,6 +133,34 @@ export class ElementStore {
     addAt(newItem, index) {
         this.addItem(newItem, index);
     }
+    /**
+     * Implements binary search on the cache, to get the index of the nearest newItem position.
+     *
+     * @param cache - The array which contains the list of dom node elements.
+     * @param newItem - The new node element which is needed to be added in the list item.
+     * @returns either:
+     *  - the index where the new item need to be inserted or
+     *  - -1 when the item must be appended to the end of the list item.
+     */
+    getIndexToInsertInCache(newItem) {
+        // If the new item is located at the last place, then we can check the last -1 cache item and return if valid
+        if (!this.cache.length || !isAfter(this.cache.at(-1), newItem)) {
+            return -1;
+        }
+        // Fall back to binary search
+        let begin = 0;
+        let end = this.cache.length - 1;
+        while (begin <= end) {
+            const middle = Math.floor((begin + end) / 2);
+            if (isBefore(this.cache[middle], newItem)) {
+                begin = middle + 1;
+            }
+            else {
+                end = middle - 1;
+            }
+        }
+        return begin;
+    }
     /**
      * Adds an item to the cache at the specified index.
      * When the index
@@ -148,7 +176,7 @@ export class ElementStore {
         var _a;
         const newItem = item;
         if (this.isValidItem(newItem) && !this.cache.includes(newItem)) {
-            const idx = index === undefined ? this.cache.findIndex(e => isBefore(newItem, e)) : index;
+            const idx = index === undefined ? this.getIndexToInsertInCache(newItem) : index;
             if (this.onStoreUpdate) {
                 (_a = this.onStoreUpdate) === null || _a === void 0 ? void 0 : _a.call(this, newItem, 'added', idx === -1 ? this.cache.length : idx, this.cache.slice());
             }

package/dist/utils/dom.d.ts

@@ -1,3 +1,16 @@
+/**
+ * nodeB precedes nodeA in either a pre-order depth-first traversal of a tree containing both
+ * (e.g., as a descendant or preceding sibling or a descendant of a preceding sibling or
+ * preceding sibling of an ancestor) or (if they are disconnected) in an arbitrary but
+ * consistent ordering.
+ *
+ * @param nodeA - The first node to compare.
+ * @param nodeB - The second node to compare.
+ * @returns - True if nodeA is after nodeB, false otherwise.
+ *
+ * @see [compareDocumentPosition](https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition)
+ */
+export declare const isAfter: (nodeA: Element, nodeB: Element) => boolean;
 /**
  * nodeB follows nodeA in either a pre-order depth-first traversal of a tree containing both
  * (e.g., as a descendant or following sibling or a descendant of a following sibling or

package/dist/utils/dom.js

@@ -1,4 +1,17 @@
 /* eslint-disable max-classes-per-file,no-bitwise */
+/**
+ * nodeB precedes nodeA in either a pre-order depth-first traversal of a tree containing both
+ * (e.g., as a descendant or preceding sibling or a descendant of a preceding sibling or
+ * preceding sibling of an ancestor) or (if they are disconnected) in an arbitrary but
+ * consistent ordering.
+ *
+ * @param nodeA - The first node to compare.
+ * @param nodeB - The second node to compare.
+ * @returns - True if nodeA is after nodeB, false otherwise.
+ *
+ * @see [compareDocumentPosition](https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition)
+ */
+export const isAfter = (nodeA, nodeB) => !!(nodeA.compareDocumentPosition(nodeB) & Node.DOCUMENT_POSITION_PRECEDING);
 /**
  * nodeB follows nodeA in either a pre-order depth-first traversal of a tree containing both
  * (e.g., as a descendant or following sibling or a descendant of a following sibling or

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.124.1",
+  "version": "0.125.1",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"