@forcecalendar/interface 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forcecalendar/interface",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "description": "Official interface layer for forceCalendar Core - Enterprise calendar components",
   "main": "dist/force-calendar-interface.umd.js",

package/src/components/ForceCalendar.js

@@ -430,20 +430,20 @@ export class ForceCalendar extends BaseComponent {
     }
 
     afterRender() {
-        // Set up view component
+        // Set up view component using global registry for Locker Service compatibility
         const viewElement = this.$('#calendar-view');
         console.log('[ForceCalendar] afterRender - viewElement:', viewElement);
         console.log('[ForceCalendar] afterRender - stateManager:', !!this.stateManager);
+
         if (viewElement && this.stateManager) {
-            // Use method call for Salesforce Locker Service compatibility
-            // Property setters may not work through Locker Service proxies
-            if (typeof viewElement.setStateManager === 'function') {
-                console.log('[ForceCalendar] Using setStateManager method');
-                viewElement.setStateManager(this.stateManager);
-            } else {
-                console.log('[ForceCalendar] Using stateManager property setter');
-                viewElement.stateManager = this.stateManager;
-            }
+            // Store stateManager in global registry (bypasses Locker Service proxy issues)
+            const registryId = this._registryId || (this._registryId = 'fc-' + Math.random().toString(36).substr(2, 9));
+            window.__forceCalendarRegistry = window.__forceCalendarRegistry || {};
+            window.__forceCalendarRegistry[registryId] = this.stateManager;
+
+            // Pass registry ID via attribute (attributes work through Locker Service)
+            viewElement.setAttribute('data-state-registry', registryId);
+            console.log('[ForceCalendar] Set registry ID:', registryId);
         } else {
             console.log('[ForceCalendar] Could not set stateManager - viewElement:', !!viewElement, 'stateManager:', !!this.stateManager);
         }

package/src/components/views/DayView.js

@@ -15,13 +15,46 @@ export class DayView extends BaseComponent {
         this._stateManager = null;
         this.viewData = null;
         this.hours = Array.from({ length: 24 }, (_, i) => i);
+        this._registryCheckInterval = null;
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this._startRegistryPolling();
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._registryCheckInterval) {
+            clearInterval(this._registryCheckInterval);
+        }
+    }
+
+    _startRegistryPolling() {
+        this._checkRegistry();
+        let attempts = 0;
+        this._registryCheckInterval = setInterval(() => {
+            attempts++;
+            if (this._stateManager || attempts > 50) {
+                clearInterval(this._registryCheckInterval);
+                return;
+            }
+            this._checkRegistry();
+        }, 100);
+    }
+
+    _checkRegistry() {
+        const registryId = this.getAttribute('data-state-registry');
+        if (registryId && window.__forceCalendarRegistry && window.__forceCalendarRegistry[registryId]) {
+            clearInterval(this._registryCheckInterval);
+            this.setStateManager(window.__forceCalendarRegistry[registryId]);
+        }
     }
 
     set stateManager(manager) {
         this.setStateManager(manager);
     }
 
-    // Method alternative for Salesforce Locker Service compatibility
     setStateManager(manager) {
         if (this._stateManager === manager) return;
         this._stateManager = manager;

package/src/components/views/MonthView.js

@@ -17,6 +17,53 @@ export class MonthView extends BaseComponent {
         this.config = {
             maxEventsToShow: 3,
         };
+        this._registryCheckInterval = null;
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        console.log('[MonthView] connectedCallback - starting registry polling');
+        // Poll for registry since attributeChangedCallback doesn't work in Locker Service
+        this._startRegistryPolling();
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._stopRegistryPolling();
+    }
+
+    _startRegistryPolling() {
+        // Check immediately
+        this._checkRegistry();
+
+        // Then poll every 100ms until we find it (max 5 seconds)
+        let attempts = 0;
+        this._registryCheckInterval = setInterval(() => {
+            attempts++;
+            if (this._stateManager || attempts > 50) {
+                this._stopRegistryPolling();
+                return;
+            }
+            this._checkRegistry();
+        }, 100);
+    }
+
+    _stopRegistryPolling() {
+        if (this._registryCheckInterval) {
+            clearInterval(this._registryCheckInterval);
+            this._registryCheckInterval = null;
+        }
+    }
+
+    _checkRegistry() {
+        const registryId = this.getAttribute('data-state-registry');
+        console.log('[MonthView] Checking registry for ID:', registryId);
+        if (registryId && window.__forceCalendarRegistry && window.__forceCalendarRegistry[registryId]) {
+            const manager = window.__forceCalendarRegistry[registryId];
+            console.log('[MonthView] Found stateManager in registry');
+            this._stopRegistryPolling();
+            this.setStateManager(manager);
+        }
     }
 
     set stateManager(manager) {

package/src/components/views/WeekView.js

@@ -15,13 +15,46 @@ export class WeekView extends BaseComponent {
         this._stateManager = null;
         this.viewData = null;
         this.hours = Array.from({ length: 24 }, (_, i) => i); // 0-23
+        this._registryCheckInterval = null;
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this._startRegistryPolling();
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._registryCheckInterval) {
+            clearInterval(this._registryCheckInterval);
+        }
+    }
+
+    _startRegistryPolling() {
+        this._checkRegistry();
+        let attempts = 0;
+        this._registryCheckInterval = setInterval(() => {
+            attempts++;
+            if (this._stateManager || attempts > 50) {
+                clearInterval(this._registryCheckInterval);
+                return;
+            }
+            this._checkRegistry();
+        }, 100);
+    }
+
+    _checkRegistry() {
+        const registryId = this.getAttribute('data-state-registry');
+        if (registryId && window.__forceCalendarRegistry && window.__forceCalendarRegistry[registryId]) {
+            clearInterval(this._registryCheckInterval);
+            this.setStateManager(window.__forceCalendarRegistry[registryId]);
+        }
     }
 
     set stateManager(manager) {
         this.setStateManager(manager);
     }
 
-    // Method alternative for Salesforce Locker Service compatibility
     setStateManager(manager) {
         if (this._stateManager === manager) return;
         this._stateManager = manager;