@smartnet360/svelte-components 0.0.127 → 0.0.128

package/dist/map-v3/features/cells/custom/stores/custom-cell-sets.svelte.d.ts

@@ -2,10 +2,13 @@
  * Custom Cell Sets Store
  *
  * Manages multiple custom cell sets, each loaded from a CSV file.
- * Resolves cell data from the parent CellDataStore.
+ * Resolves cell data from a provided cell array.
  */
+import type { Cell } from '../../types';
 import type { CellDataStore } from '../../stores/cell.data.svelte';
 import type { CustomCellSet, CustomCellImportResult } from '../types';
+/** Function that returns the current cells array */
+type CellsGetter = () => Cell[];
 /**
  * Store for managing custom cell sets
  */
@@ -14,11 +17,16 @@ export declare class CustomCellSetsStore {
     sets: CustomCellSet[];
     /** Version counter for reactivity */
     version: number;
-    /** Reference to parent cell data store */
-    private cellDataStore;
+    /** Function to get current cells */
+    private getCells;
     /** Storage key for persistence */
     private storageKey;
-    constructor(cellDataStore: CellDataStore, namespace?: string);
+    /**
+     * Create a new CustomCellSetsStore
+     * @param cells - Either a Cell array or a getter function that returns cells
+     * @param namespace - Storage namespace for persistence
+     */
+    constructor(cells: Cell[] | CellsGetter, namespace?: string);
     /**
      * Import a CSV file and create a new custom cell set
      */
@@ -74,5 +82,8 @@ export declare class CustomCellSetsStore {
 }
 /**
  * Factory function to create a custom cell sets store
+ * @param cells - Cell array, getter function, or CellDataStore
+ * @param namespace - Storage namespace for persistence
  */
-export declare function createCustomCellSetsStore(cellDataStore: CellDataStore, namespace?: string): CustomCellSetsStore;
+export declare function createCustomCellSetsStore(cells: Cell[] | CellsGetter | CellDataStore, namespace?: string): CustomCellSetsStore;
+export {};

package/dist/map-v3/features/cells/custom/stores/custom-cell-sets.svelte.js

@@ -2,7 +2,7 @@
  * Custom Cell Sets Store
  *
  * Manages multiple custom cell sets, each loaded from a CSV file.
- * Resolves cell data from the parent CellDataStore.
+ * Resolves cell data from a provided cell array.
  */
 import { browser } from '$app/environment';
 import { CUSTOM_CELL_PALETTE } from '../types';
@@ -21,12 +21,18 @@ export class CustomCellSetsStore {
     sets = $state([]);
     /** Version counter for reactivity */
     version = $state(0);
-    /** Reference to parent cell data store */
-    cellDataStore;
+    /** Function to get current cells */
+    getCells;
     /** Storage key for persistence */
     storageKey;
-    constructor(cellDataStore, namespace = 'default') {
-        this.cellDataStore = cellDataStore;
+    /**
+     * Create a new CustomCellSetsStore
+     * @param cells - Either a Cell array or a getter function that returns cells
+     * @param namespace - Storage namespace for persistence
+     */
+    constructor(cells, namespace = 'default') {
+        // Normalize to a getter function
+        this.getCells = typeof cells === 'function' ? cells : () => cells;
         this.storageKey = `${namespace}:custom-cell-sets`;
         if (browser) {
             this.load();
@@ -36,14 +42,15 @@ export class CustomCellSetsStore {
                 const _v = this.version;
                 this.save();
             });
-            // Re-resolve cells when main cell data changes
+            // Re-resolve cells when cell data changes (only works if getter is reactive)
             $effect(() => {
-                const cellCount = this.cellDataStore.rawCells.length;
+                const currentCells = this.getCells();
+                const cellCount = currentCells.length;
                 if (cellCount > 0 && this.sets.length > 0) {
                     // Check if any cells need resolution
                     const needsResolution = this.sets.some(set => set.cells.some(c => !c.resolvedCell));
                     if (needsResolution) {
-                        console.log('[CustomCellSetsStore] Re-resolving cells after main data loaded');
+                        console.log('[CustomCellSetsStore] Re-resolving cells after data loaded');
                         this.refreshResolutions();
                     }
                 }
@@ -54,8 +61,8 @@ export class CustomCellSetsStore {
      * Import a CSV file and create a new custom cell set
      */
     importFromCsv(csvContent, fileName) {
-        // Build lookup from all cells (unfiltered)
-        const cellLookup = buildCellLookup(this.cellDataStore.rawCells);
+        // Build lookup from all cells
+        const cellLookup = buildCellLookup(this.getCells());
         // Parse CSV
         const result = parseCustomCellsCsv(csvContent, cellLookup);
         return result;
@@ -180,7 +187,7 @@ export class CustomCellSetsStore {
      * Re-resolve cells after main cell data changes
      */
     refreshResolutions() {
-        const cellLookup = buildCellLookup(this.cellDataStore.rawCells);
+        const cellLookup = buildCellLookup(this.getCells());
         for (const set of this.sets) {
             for (const cell of set.cells) {
                 cell.resolvedCell = cellLookup.get(cell.txId);
@@ -236,7 +243,13 @@ export class CustomCellSetsStore {
 }
 /**
  * Factory function to create a custom cell sets store
+ * @param cells - Cell array, getter function, or CellDataStore
+ * @param namespace - Storage namespace for persistence
  */
-export function createCustomCellSetsStore(cellDataStore, namespace = 'default') {
-    return new CustomCellSetsStore(cellDataStore, namespace);
+export function createCustomCellSetsStore(cells, namespace = 'default') {
+    // Handle CellDataStore by extracting a getter
+    if (cells && typeof cells === 'object' && 'rawCells' in cells) {
+        return new CustomCellSetsStore(() => cells.rawCells, namespace);
+    }
+    return new CustomCellSetsStore(cells, namespace);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.127",
+	"version": "0.0.128",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",