@fullcalendar/core 6.0.0-beta.3 → 6.0.0-beta.4

package/index.cjs

@@ -1534,7 +1534,7 @@ function sliceEvents(props, allDay) {
     return internalCommon.sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
 }
 
-const version = '6.0.0-beta.3';
+const version = '6.0.0-beta.4';
 
 exports.JsonRequestError = internalCommon.JsonRequestError;
 exports.createPlugin = internalCommon.createPlugin;

package/index.global.js

@@ -1,5 +1,5 @@
 /*!
-FullCalendar Core v6.0.0-beta.3
+FullCalendar Core v6.0.0-beta.4
 Docs & License: https://fullcalendar.io/
 (c) 2022 Adam Shaw
 */
@@ -1474,6 +1474,7 @@ var FullCalendar = (function (exports) {
         // (can't be part of plugin system b/c must be provided at runtime)
         handleCustomRendering: identity,
         customRenderingMetaMap: identity,
+        customRenderingReplacesEl: Boolean,
     };
     // do NOT give a type here. need `typeof BASE_OPTION_DEFAULTS` to give real results.
     // raw values.
@@ -5060,6 +5061,11 @@ var FullCalendar = (function (exports) {
             this.id = guid();
             this.currentDomNodes = [];
             this.queuedDomNodes = [];
+            this.handleEl = (el) => {
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, el);
+                }
+            };
         }
         render() {
             const { props, context } = this;
@@ -5068,7 +5074,12 @@ var FullCalendar = (function (exports) {
             const attrs = buildElAttrs(props);
             let innerContent;
             let queuedDomNodes = [];
-            if (!hasCustomRenderingHandler(props.generatorName, options)) {
+            if (hasCustomRenderingHandler(props.generatorName, options)) {
+                if (options.customRenderingReplacesEl) {
+                    delete attrs.elRef; // because handleEl will be used
+                }
+            }
+            else {
                 const customContent = typeof generator === 'function' ?
                     generator(renderProps, h) :
                     generator;
@@ -5093,7 +5104,7 @@ var FullCalendar = (function (exports) {
             this.applyQueueudDomNodes();
             this.triggerCustomRendering(true);
         }
-        componentDidUpdate(oldProps) {
+        componentDidUpdate() {
             this.applyQueueudDomNodes();
             this.triggerCustomRendering(true);
         }
@@ -5106,7 +5117,7 @@ var FullCalendar = (function (exports) {
             if (handleCustomRendering) {
                 const customRenderingMeta = customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
                 if (customRenderingMeta) {
-                    handleCustomRendering(Object.assign({ id: this.id, isActive, containerEl: this.base, generatorMeta: customRenderingMeta }, props));
+                    handleCustomRendering(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.handleEl, generatorMeta: customRenderingMeta }, props));
                 }
             }
         }
@@ -7024,7 +7035,12 @@ var FullCalendar = (function (exports) {
     class EventContainer extends BaseComponent {
         constructor() {
             super(...arguments);
-            this.elRef = y();
+            this.handleEl = (el) => {
+                if (el) {
+                    setElSeg(el, this.props.seg);
+                }
+                // TODO: when null, should unset to avoid memory leaks?
+            };
         }
         render() {
             const { props, context } = this;
@@ -7052,15 +7068,12 @@ var FullCalendar = (function (exports) {
                 isDragging: Boolean(props.isDragging),
                 isResizing: Boolean(props.isResizing),
             };
-            return (h(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.elRef, elClasses: [
+            return (h(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, elClasses: [
                     ...getEventClassNames(renderProps),
                     ...seg.eventRange.ui.classNames,
                     ...(props.elClasses || []),
                 ], renderProps: renderProps, generatorName: "eventContent", generator: options.eventContent || props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
         }
-        componentDidMount() {
-            setElSeg(this.elRef.current, this.props.seg);
-        }
     }
 
     // should not be a purecomponent
@@ -9576,7 +9589,7 @@ var FullCalendar = (function (exports) {
         return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
     }
 
-    const version = '6.0.0-beta.3';
+    const version = '6.0.0-beta.4';
 
     exports.Calendar = Calendar;
     exports.Internal = internal;