@forcecalendar/interface 1.0.4 → 1.0.6

package/package.json

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

package/src/components/EventForm.js

@@ -414,6 +414,6 @@ export class EventForm extends BaseComponent {
     }
 }
 
-if (!customElements.get('fc-calendar-event-form')) {
-    customElements.define('fc-calendar-event-form', EventForm);
+if (!customElements.get('forcecal-event-form')) {
+    customElements.define('forcecal-event-form', EventForm);
 }

package/src/components/ForceCalendar.js

@@ -17,14 +17,14 @@ import { DayView } from './views/DayView.js';
 import { EventForm } from './EventForm.js'; // Import EventForm
 
 // Register view components
-if (!customElements.get('fc-calendar-month')) {
-    customElements.define('fc-calendar-month', MonthView);
+if (!customElements.get('forcecal-month')) {
+    customElements.define('forcecal-month', MonthView);
 }
-if (!customElements.get('fc-calendar-week')) {
-    customElements.define('fc-calendar-week', WeekView);
+if (!customElements.get('forcecal-week')) {
+    customElements.define('forcecal-week', WeekView);
 }
-if (!customElements.get('fc-calendar-day')) {
-    customElements.define('fc-calendar-day', DayView);
+if (!customElements.get('forcecal-day')) {
+    customElements.define('forcecal-day', DayView);
 }
 // EventForm is self-registering in its file
 
@@ -273,9 +273,9 @@ export class ForceCalendar extends BaseComponent {
             }
 
             /* Ensure view components have proper dimensions */
-            fc-calendar-month,
-            fc-calendar-week,
-            fc-calendar-day {
+            forcecal-month,
+            forcecal-week,
+            forcecal-day {
                 display: block;
                 width: 100%;
                 height: 100%;
@@ -415,7 +415,7 @@ export class ForceCalendar extends BaseComponent {
                     `}
                 </div>
                 
-                <fc-calendar-event-form id="event-modal"></fc-calendar-event-form>
+                <forcecal-event-form id="event-modal"></forcecal-event-form>
             </div>
         `;
     }
@@ -425,15 +425,27 @@ export class ForceCalendar extends BaseComponent {
             return '<div>Loading view...</div>';
         }
 
-        const tagName = `fc-calendar-${this.currentView}`;
+        const tagName = `forcecal-${this.currentView}`;
         return `<${tagName} id="calendar-view"></${tagName}>`;
     }
 
     afterRender() {
         // Set up view component
         const viewElement = this.$('#calendar-view');
+        console.log('[ForceCalendar] afterRender - viewElement:', viewElement);
+        console.log('[ForceCalendar] afterRender - stateManager:', !!this.stateManager);
         if (viewElement && this.stateManager) {
-            viewElement.stateManager = 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;
+            }
+        } else {
+            console.log('[ForceCalendar] Could not set stateManager - viewElement:', !!viewElement, 'stateManager:', !!this.stateManager);
         }
 
         // Add event listeners for buttons using tracked addListener
@@ -585,6 +597,6 @@ export class ForceCalendar extends BaseComponent {
 }
 
 // Register component
-if (!customElements.get('fc-calendar')) {
-    customElements.define('fc-calendar', ForceCalendar);
+if (!customElements.get('forcecal-main')) {
+    customElements.define('forcecal-main', ForceCalendar);
 }

package/src/components/views/DayView.js

@@ -18,6 +18,12 @@ export class DayView extends BaseComponent {
     }
 
     set stateManager(manager) {
+        this.setStateManager(manager);
+    }
+
+    // Method alternative for Salesforce Locker Service compatibility
+    setStateManager(manager) {
+        if (this._stateManager === manager) return;
         this._stateManager = manager;
         if (manager) {
             this.unsubscribe = manager.subscribe(this.handleStateUpdate.bind(this));

package/src/components/views/MonthView.js

@@ -20,8 +20,21 @@ export class MonthView extends BaseComponent {
     }
 
     set stateManager(manager) {
+        console.log('[MonthView] stateManager setter called with:', !!manager);
+        this.setStateManager(manager);
+    }
+
+    // Method alternative for Salesforce Locker Service compatibility
+    setStateManager(manager) {
+        console.log('[MonthView] setStateManager method called with:', !!manager);
+        // Prevent re-initialization if same manager
+        if (this._stateManager === manager) {
+            console.log('[MonthView] stateManager already set, skipping');
+            return;
+        }
         this._stateManager = manager;
         if (manager) {
+            console.log('[MonthView] Subscribing to state changes and loading view data');
             // Subscribe to state changes
             this.unsubscribe = manager.subscribe(this.handleStateUpdate.bind(this));
             this.loadViewData();
@@ -67,11 +80,15 @@ export class MonthView extends BaseComponent {
     }
 
     loadViewData() {
+        console.log('[MonthView] loadViewData called, stateManager:', !!this.stateManager);
         if (!this.stateManager) return;
 
         const viewData = this.stateManager.getViewData();
+        console.log('[MonthView] viewData from stateManager:', viewData);
         this.viewData = this.processViewData(viewData);
+        console.log('[MonthView] processed viewData:', this.viewData);
         this.render();
+        console.log('[MonthView] render completed');
     }
 
     processViewData(viewData) {

package/src/components/views/WeekView.js

@@ -18,6 +18,12 @@ export class WeekView extends BaseComponent {
     }
 
     set stateManager(manager) {
+        this.setStateManager(manager);
+    }
+
+    // Method alternative for Salesforce Locker Service compatibility
+    setStateManager(manager) {
+        if (this._stateManager === manager) return;
         this._stateManager = manager;
         if (manager) {
             this.unsubscribe = manager.subscribe(this.handleStateUpdate.bind(this));