@momentum-design/components 0.116.0 → 0.116.2

package/dist/react/index.d.ts

@@ -12,9 +12,9 @@ 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';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
+export { default as ButtonLink } from './buttonlink';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';

package/dist/react/index.js

@@ -12,9 +12,9 @@ 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';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
+export { default as ButtonLink } from './buttonlink';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';

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

@@ -1,11 +1,27 @@
 import { ReactiveController } from 'lit';
 import type { Component } from '../../models';
 export type ElementStoreChangeTypes = 'added' | 'removed';
-interface ElementStoreOptions {
+interface ElementStoreOptions<TItem extends HTMLElement = HTMLElement> {
     /**
-     * - A function to determine if an item is valid for caching.
+     * Checks if the item is valid.
+     * Invalid items will not be collected or processed.
+     * This method can be overridden by subclasses to define custom validation logic.
+     *
+     * @param item - The item to validate.
+     * @returns - True if the item is valid, false otherwise.
      */
     isValidItem: (item: any) => boolean;
+    /**
+     * Callback function that is called before the store is updated.
+     *
+     * Not called when the store is reset.
+     *
+     * @param item - The item that is being added or removed.
+     * @param changeType - The type of change ('added' or 'removed').
+     * @param index - Index at which the item is added or removed.
+     * @param store - The current state of the store.
+     */
+    onStoreUpdate?: (item: TItem, changeType: ElementStoreChangeTypes, index: number, store: TItem[]) => void;
 }
 /**
  * ElementStore is a controller that manages a collection of elements.
@@ -35,15 +51,10 @@ interface ElementStoreOptions {
  */
 export declare class ElementStore<TItem extends HTMLElement> implements ReactiveController {
     private host;
-    /**
-     * Checks if the item is valid.
-     * Invalid items will not be collected or processed.
-     * This method can be overridden by subclasses to define custom validation logic.
-     *
-     * @param item - The item to validate.
-     * @returns - True if the item is valid, false otherwise.
-     */
+    /** Checks if the item is valid. */
     private readonly isValidItem;
+    /** Callback function that is called before the store is updated. */
+    private readonly onStoreUpdate;
     /** Stored items */
     private cache;
     /** Access to stored items */

package/dist/utils/controllers/ElementStore.js

@@ -97,6 +97,7 @@ export class ElementStore {
         this.host = host;
         host.addController(this);
         this.isValidItem = (options === null || options === void 0 ? void 0 : options.isValidItem) || defaultIsValidFn;
+        this.onStoreUpdate = options === null || options === void 0 ? void 0 : options.onStoreUpdate;
         this.host.addEventListener(LIFE_CYCLE_EVENTS.CREATED, this.itemCreationHandler);
         this.host.addEventListener(LIFE_CYCLE_EVENTS.DESTROYED, this.itemDestroyHandler);
     }
@@ -136,9 +137,13 @@ export class ElementStore {
      * @param index - The index at which to add the item. If `undefined`, the item is added automatically.
      */
     addItem(item, index = undefined) {
+        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;
+            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());
+            }
             if (idx === -1) {
                 this.cache.push(newItem);
             }
@@ -153,8 +158,12 @@ export class ElementStore {
      * @param item - The item to remove from the cache.
      */
     delete(item) {
+        var _a;
         const idx = this.cache.indexOf(item);
         if (idx !== -1) {
+            if (this.onStoreUpdate) {
+                (_a = this.onStoreUpdate) === null || _a === void 0 ? void 0 : _a.call(this, item, 'removed', idx, this.cache.slice());
+            }
             this.cache.splice(idx, 1);
         }
     }

package/package.json

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