@fullcalendar/core 6.0.3 → 6.1.0

package/index.d.ts

@@ -22,7 +22,7 @@ declare class Calendar extends CalendarImpl {
     batchRendering(func: any): void;
     pauseRendering(): void;
     resumeRendering(): void;
-    resetOptions(optionOverrides: any, append?: any): void;
+    resetOptions(optionOverrides: any, changedOptionNames?: string[]): void;
     private setClassNames;
     private setHeight;
 }

package/index.esm.js

@@ -1,5 +1,5 @@
-import { i as injectStyles, m as mergeProps, g as guid, a as isArraysEqual, T as Theme, b as mapHash, V as ViewContextType, C as ContentContainer, c as buildViewClassNames, d as greatestDurationDenominator, e as createDuration, B as BASE_OPTION_DEFAULTS, f as arrayToHash, h as filterHash, j as buildEventSourceRefiners, p as parseEventSource, k as formatWithOrdinals, u as unpromisify, l as buildRangeApiWithTimeZone, n as identity, r as requestJson, s as subtractDurations, o as intersectRanges, q as startOfDay, t as addDays, v as hashValuesToArray, w as buildEventApis, D as DelayedRunner, x as createFormatter, y as diffWholeDays, z as memoize, A as memoizeObjArg, E as isPropsEqual, F as Emitter, G as getInitialDate, H as rangeContainsMarker, I as createEmptyEventStore, J as reduceCurrentDate, K as reduceEventStore, L as rezoneEventStoreDates, M as mergeRawOptions, N as BASE_OPTION_REFINERS, O as CALENDAR_LISTENER_REFINERS, P as CALENDAR_OPTION_REFINERS, Q as COMPLEX_OPTION_COMPARATORS, R as VIEW_OPTION_REFINERS, S as DateEnv, U as DateProfileGenerator, W as createEventUi, X as parseBusinessHours, Y as BaseComponent, Z as setRef, _ as Interaction, $ as getElSeg, a0 as elementClosest, a1 as EventImpl, a2 as listenBySelector, a3 as listenToHoverBySelector, a4 as PureComponent, a5 as buildViewContext, a6 as getUniqueDomId, a7 as parseInteractionSettings, a8 as interactionSettingsStore, a9 as getNow, aa as CalendarImpl, ab as flushSync, ac as CalendarRoot, ad as RenderId, ae as applyStyleProp, af as sliceEventStore } from './internal-common.esm.js';
-export { ag as JsonRequestError } from './internal-common.esm.js';
+import { i as injectStyles, m as mergeProps, g as guid, a as isArraysEqual, T as Theme, b as mapHash, V as ViewContextType, C as ContentContainer, c as buildViewClassNames, d as greatestDurationDenominator, e as createDuration, B as BASE_OPTION_DEFAULTS, f as arrayToHash, h as filterHash, j as buildEventSourceRefiners, p as parseEventSource, k as formatWithOrdinals, u as unpromisify, l as buildRangeApiWithTimeZone, n as identity, r as requestJson, s as subtractDurations, o as intersectRanges, q as startOfDay, t as addDays, v as hashValuesToArray, w as buildEventApis, D as DelayedRunner, x as createFormatter, y as diffWholeDays, z as memoize, A as memoizeObjArg, E as isPropsEqual, F as Emitter, G as getInitialDate, H as rangeContainsMarker, I as createEmptyEventStore, J as reduceCurrentDate, K as reduceEventStore, L as rezoneEventStoreDates, M as mergeRawOptions, N as BASE_OPTION_REFINERS, O as CALENDAR_LISTENER_REFINERS, P as CALENDAR_OPTION_REFINERS, Q as COMPLEX_OPTION_COMPARATORS, R as VIEW_OPTION_REFINERS, S as DateEnv, U as DateProfileGenerator, W as createEventUi, X as parseBusinessHours, Y as BaseComponent, Z as setRef, _ as Interaction, $ as getElSeg, a0 as elementClosest, a1 as EventImpl, a2 as listenBySelector, a3 as listenToHoverBySelector, a4 as PureComponent, a5 as buildViewContext, a6 as getUniqueDomId, a7 as parseInteractionSettings, a8 as interactionSettingsStore, a9 as getNow, aa as CalendarImpl, ab as flushSync, ac as CalendarRoot, ad as RenderId, ae as ensureElHasStyles, af as applyStyleProp, ag as sliceEventStore } from './internal-common.esm.js';
+export { ah as JsonRequestError } from './internal-common.esm.js';
 import { createElement, createRef, Fragment, render } from 'preact';
 import 'preact/compat';
 
@@ -355,7 +355,7 @@ function parseViewConfig(input) {
     };
 }
 function createViewHookComponent(options) {
-    return (viewProps) => (createElement(ViewContextType.Consumer, null, (context) => (createElement(ContentContainer, { elTag: "div", elClasses: buildViewClassNames(context.viewSpec), renderProps: Object.assign(Object.assign({}, viewProps), { nextDayThreshold: context.options.nextDayThreshold }), generatorName: undefined, generator: options.content, classNameGenerator: options.classNames, didMount: options.didMount, willUnmount: options.willUnmount }))));
+    return (viewProps) => (createElement(ViewContextType.Consumer, null, (context) => (createElement(ContentContainer, { elTag: "div", elClasses: buildViewClassNames(context.viewSpec), renderProps: Object.assign(Object.assign({}, viewProps), { nextDayThreshold: context.options.nextDayThreshold }), generatorName: undefined, customGenerator: options.content, classNameGenerator: options.classNames, didMount: options.didMount, willUnmount: options.willUnmount }))));
 }
 
 function buildViewSpecs(defaultInputs, optionOverrides, dynamicOptionOverrides, localeDefaults) {
@@ -1031,6 +1031,16 @@ BUG: if `event` was supplied, all previously-given `eventSources` will be wiped
 */
 function handleEventSources(inputs, context) {
     let unfoundSources = hashValuesToArray(context.getCurrentData().eventSources);
+    if (unfoundSources.length === 1 &&
+        inputs.length === 1 &&
+        Array.isArray(unfoundSources[0]._raw) &&
+        Array.isArray(inputs[0])) {
+        context.dispatch({
+            type: 'RESET_RAW_EVENTS',
+            sourceId: unfoundSources[0].sourceId,
+            rawEvents: inputs[0],
+        });
+    }
     let newInputs = [];
     for (let input of inputs) {
         let inputFound = false;
@@ -1168,7 +1178,6 @@ function buildTitleFormat(dateProfile) {
 // also, whatever is happening in constructor, have it happen in action queue too
 class CalendarDataManager {
     constructor(props) {
-        this.computeOptionsData = memoize(this._computeOptionsData);
         this.computeCurrentViewData = memoize(this._computeCurrentViewData);
         this.organizeRawLocales = memoize(organizeRawLocales);
         this.buildLocale = memoize(buildLocale);
@@ -1191,6 +1200,8 @@ class CalendarDataManager {
         this.currentViewOptionsInput = {};
         this.currentViewOptionsRefined = {};
         this.currentCalendarOptionsRefiners = {};
+        this.optionsForRefining = [];
+        this.optionsForHandling = [];
         this.getCurrentData = () => this.data;
         this.dispatch = (action) => {
             this.actionRunner.request(action); // protects against recursive calls to _handleAction
@@ -1253,13 +1264,20 @@ class CalendarDataManager {
         this.updateData();
         this.actionRunner.resume();
     }
-    resetOptions(optionOverrides, append) {
+    resetOptions(optionOverrides, changedOptionNames) {
         let { props } = this;
-        props.optionOverrides = append
-            ? Object.assign(Object.assign({}, props.optionOverrides), optionOverrides) : optionOverrides;
-        this.actionRunner.request({
-            type: 'NOTHING',
-        });
+        if (changedOptionNames === undefined) {
+            props.optionOverrides = optionOverrides;
+        }
+        else {
+            props.optionOverrides = Object.assign(Object.assign({}, (props.optionOverrides || {})), optionOverrides);
+            this.optionsForRefining.push(...changedOptionNames);
+        }
+        if (changedOptionNames === undefined || changedOptionNames.length) {
+            this.actionRunner.request({
+                type: 'NOTHING',
+            });
+        }
     }
     _handleAction(action) {
         let { props, state, emitter } = this;
@@ -1351,24 +1369,31 @@ class CalendarDataManager {
                 state.eventStore = data.eventStore = rezoneEventStoreDates(data.eventStore, oldData.dateEnv, data.dateEnv);
             }
             for (let optionName in changeHandlers) {
-                if (oldCalendarOptions[optionName] !== newCalendarOptions[optionName]) {
+                if (this.optionsForHandling.indexOf(optionName) !== -1 ||
+                    oldCalendarOptions[optionName] !== newCalendarOptions[optionName]) {
                     changeHandlers[optionName](newCalendarOptions[optionName], data);
                 }
             }
         }
+        this.optionsForHandling = [];
         if (props.onData) {
             props.onData(data);
         }
     }
-    _computeOptionsData(optionOverrides, dynamicOptionOverrides, calendarApi) {
+    computeOptionsData(optionOverrides, dynamicOptionOverrides, calendarApi) {
         // TODO: blacklist options that are handled by optionChangeHandlers
+        if (!this.optionsForRefining.length &&
+            optionOverrides === this.stableOptionOverrides &&
+            dynamicOptionOverrides === this.stableDynamicOptionOverrides) {
+            return this.stableCalendarOptionsData;
+        }
         let { refinedOptions, pluginHooks, localeDefaults, availableLocaleData, extra, } = this.processRawCalendarOptions(optionOverrides, dynamicOptionOverrides);
         warnUnknownOptions(extra);
         let dateEnv = this.buildDateEnv(refinedOptions.timeZone, refinedOptions.locale, refinedOptions.weekNumberCalculation, refinedOptions.firstDay, refinedOptions.weekText, pluginHooks, availableLocaleData, refinedOptions.defaultRangeSeparator);
-        let viewSpecs = this.buildViewSpecs(pluginHooks.views, optionOverrides, dynamicOptionOverrides, localeDefaults);
+        let viewSpecs = this.buildViewSpecs(pluginHooks.views, this.stableOptionOverrides, this.stableDynamicOptionOverrides, localeDefaults);
         let theme = this.buildTheme(refinedOptions, pluginHooks);
-        let toolbarConfig = this.parseToolbars(refinedOptions, optionOverrides, theme, viewSpecs, calendarApi);
-        return {
+        let toolbarConfig = this.parseToolbars(refinedOptions, this.stableOptionOverrides, theme, viewSpecs, calendarApi);
+        return this.stableCalendarOptionsData = {
             calendarOptions: refinedOptions,
             pluginHooks,
             dateEnv,
@@ -1403,26 +1428,27 @@ class CalendarDataManager {
         let currentRefined = this.currentCalendarOptionsRefined;
         let anyChanges = false;
         for (let optionName in raw) {
-            if (optionName !== 'plugins') { // because plugins is special-cased
-                if (raw[optionName] === currentRaw[optionName] ||
-                    (COMPLEX_OPTION_COMPARATORS[optionName] &&
-                        (optionName in currentRaw) &&
-                        COMPLEX_OPTION_COMPARATORS[optionName](currentRaw[optionName], raw[optionName]))) {
-                    refined[optionName] = currentRefined[optionName];
-                }
-                else if (refiners[optionName]) {
-                    refined[optionName] = refiners[optionName](raw[optionName]);
-                    anyChanges = true;
-                }
-                else {
-                    extra[optionName] = currentRaw[optionName];
-                }
+            if (this.optionsForRefining.indexOf(optionName) === -1 && (raw[optionName] === currentRaw[optionName] || (COMPLEX_OPTION_COMPARATORS[optionName] &&
+                (optionName in currentRaw) &&
+                COMPLEX_OPTION_COMPARATORS[optionName](currentRaw[optionName], raw[optionName])))) {
+                refined[optionName] = currentRefined[optionName];
+            }
+            else if (refiners[optionName]) {
+                refined[optionName] = refiners[optionName](raw[optionName]);
+                anyChanges = true;
+            }
+            else {
+                extra[optionName] = currentRaw[optionName];
             }
         }
         if (anyChanges) {
             this.currentCalendarOptionsInput = raw;
             this.currentCalendarOptionsRefined = refined;
+            this.stableOptionOverrides = optionOverrides;
+            this.stableDynamicOptionOverrides = dynamicOptionOverrides;
         }
+        this.optionsForHandling.push(...this.optionsForRefining);
+        this.optionsForRefining = [];
         return {
             rawOptions: this.currentCalendarOptionsInput,
             refinedOptions: this.currentCalendarOptionsRefined,
@@ -1457,7 +1483,6 @@ class CalendarDataManager {
             nowInput: refinedOptions.now,
             validRangeInput: refinedOptions.validRange,
             visibleRangeInput: refinedOptions.visibleRange,
-            monthMode: refinedOptions.monthMode,
             fixedWeekCount: refinedOptions.fixedWeekCount,
         });
         let viewApi = this.buildViewApi(viewType, this.getCurrentData, optionsData.dateEnv);
@@ -1666,8 +1691,7 @@ class Toolbar extends BaseComponent {
     }
 }
 
-// TODO: do function component?
-class ViewContainer extends BaseComponent {
+class ViewHarness extends BaseComponent {
     constructor() {
         super(...arguments);
         this.state = {
@@ -1883,7 +1907,7 @@ class CalendarContent extends PureComponent {
             : '';
         return (createElement(ViewContextType.Provider, { value: viewContext },
             toolbarConfig.header && (createElement(Toolbar, Object.assign({ ref: this.headerRef, extraClassName: "fc-header-toolbar", model: toolbarConfig.header, titleId: viewLabelId }, toolbarProps))),
-            createElement(ViewContainer, { liquid: viewVGrow, height: viewHeight, aspectRatio: viewAspectRatio, labeledById: viewLabelId },
+            createElement(ViewHarness, { liquid: viewVGrow, height: viewHeight, aspectRatio: viewAspectRatio, labeledById: viewLabelId },
                 this.renderView(props),
                 this.buildAppendContent()),
             toolbarConfig.footer && (createElement(Toolbar, Object.assign({ ref: this.footerRef, extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer, titleId: "" }, toolbarProps)))));
@@ -2002,6 +2026,7 @@ class Calendar extends CalendarImpl {
                 this.setHeight('');
             }
         };
+        ensureElHasStyles(el);
         this.el = el;
         this.renderRunner = new DelayedRunner(this.handleRenderRequest);
         new CalendarDataManager({
@@ -2046,8 +2071,8 @@ class Calendar extends CalendarImpl {
     resumeRendering() {
         this.renderRunner.resume('pauseRendering', true);
     }
-    resetOptions(optionOverrides, append) {
-        this.currentDataManager.resetOptions(optionOverrides, append);
+    resetOptions(optionOverrides, changedOptionNames) {
+        this.currentDataManager.resetOptions(optionOverrides, changedOptionNames);
     }
     setClassNames(classNames) {
         if (!isArraysEqual(classNames, this.currentClassNames)) {
@@ -2107,6 +2132,6 @@ function sliceEvents(props, allDay) {
     return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
 }
 
-const version = '6.0.3';
+const version = '6.1.0';
 
 export { Calendar, createPlugin, formatDate, formatRange, globalLocales, globalPlugins, sliceEvents, version };