@fullcalendar/core 7.0.0-beta.0 → 7.0.0-beta.3

package/index.js

@@ -1,4 +1,4 @@
-import { m as mergeProps, g as guid, i as isArraysEqual, T as Theme, a as mapHash, B as BaseComponent, V as ViewContextType, C as ContentContainer, b as buildViewClassNames, c as greatestDurationDenominator, d as createDuration, e 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 Interaction, Z as getElSeg, _ as elementClosest, $ as EventImpl, a0 as listenBySelector, a1 as listenToHoverBySelector, a2 as PureComponent, a3 as buildViewContext, a4 as parseInteractionSettings, a5 as interactionSettingsStore, a6 as getNow, a7 as getIsHeightAuto, a8 as CalendarImpl, a9 as flushSync, aa as CalendarRoot, ab as RenderId, ac as ensureElHasStyles, ad as applyStyleProp, ae as sliceEventStore } from './internal-common.js';
+import { m as mergeProps, g as guid, i as isArraysEqual, T as Theme, a as mapHash, B as BaseComponent, V as ViewContextType, C as ContentContainer, b as buildViewClassName, c as greatestDurationDenominator, d as createDuration, e 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 joinClassNames, Z as Interaction, _ as getElEventRange, $ as EventImpl, a0 as listenBySelector, a1 as listenToHoverBySelector, a2 as PureComponent, a3 as buildViewContext, a4 as parseInteractionSettings, a5 as interactionSettingsStore, a6 as getNow, a7 as getIsHeightAuto, a8 as CalendarImpl, a9 as flushSync, aa as CalendarRoot, ab as RenderId, ac as ensureElHasStyles, ad as applyStyleProp, ae as sliceEventStore } from './internal-common.js';
 export { af as JsonRequestError } from './internal-common.js';
 import { createElement, Component, Fragment, render } from 'preact';
 import 'preact/compat';
@@ -356,7 +356,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, customGenerator: options.content, classNameGenerator: options.classNames, didMount: options.didMount, willUnmount: options.willUnmount }))));
+    return (viewProps) => (createElement(ViewContextType.Consumer, null, (context) => (createElement(ContentContainer, { tag: "div", className: buildViewClassName(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) {
@@ -1624,7 +1624,7 @@ class ToolbarSection extends BaseComponent {
     render() {
         let children = this.props.widgetGroups.map((widgetGroup) => this.renderWidgetGroup(widgetGroup));
         return createElement('div', {
-            className: 'fc-toolbar-chunk fc-toolbar-' + this.props.name
+            className: 'fc-toolbar-section fc-toolbar-' + this.props.name
         }, ...children);
     }
     renderWidgetGroup(widgetGroup) {
@@ -1643,15 +1643,11 @@ class ToolbarSection extends BaseComponent {
                 let isDisabled = (!props.isTodayEnabled && buttonName === 'today') ||
                     (!props.isPrevEnabled && buttonName === 'prev') ||
                     (!props.isNextEnabled && buttonName === 'next');
-                let buttonClasses = [`fc-${buttonName}-button`, theme.getClass('button')];
-                if (isPressed) {
-                    buttonClasses.push(theme.getClass('buttonActive'));
-                }
-                children.push(createElement("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: buttonClasses.join(' '), onClick: buttonClick }, buttonText || (buttonIcon ? createElement("span", { className: buttonIcon, role: "img" }) : '')));
+                children.push(createElement("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: joinClassNames(`fc-${buttonName}-button`, theme.getClassName('button'), isPressed && theme.getClassName('buttonActive')), onClick: buttonClick }, buttonText || (buttonIcon ? createElement("span", { className: buttonIcon, role: "img" }) : '')));
             }
         }
         if (children.length > 1) {
-            let groupClassName = (isOnlyButtons && theme.getClass('buttonGroup')) || '';
+            let groupClassName = (isOnlyButtons && theme.getClassName('buttonGroup')) || '';
             return createElement('div', { className: groupClassName }, ...children);
         }
         return children[0];
@@ -1660,7 +1656,7 @@ class ToolbarSection extends BaseComponent {
 
 class Toolbar extends BaseComponent {
     render() {
-        let { model, extraClassName } = this.props;
+        let { model, className } = this.props;
         let forceLtr = false;
         let startContent;
         let endContent;
@@ -1680,12 +1676,7 @@ class Toolbar extends BaseComponent {
         else {
             endContent = sectionWidgets.end;
         }
-        let classNames = [
-            extraClassName || '',
-            'fc-toolbar',
-            forceLtr ? 'fc-toolbar-ltr' : '',
-        ];
-        return (createElement("div", { className: classNames.join(' ') },
+        return (createElement("div", { className: joinClassNames(className, 'fc-toolbar', forceLtr && 'fc-toolbar-ltr') },
             this.renderSection('start', startContent || []),
             this.renderSection('center', centerContent || []),
             this.renderSection('end', endContent || [])));
@@ -1705,22 +1696,15 @@ class EventClicking extends Interaction {
         this.handleSegClick = (ev, segEl) => {
             let { component } = this;
             let { context } = component;
-            let seg = getElSeg(segEl);
-            if (seg && // might be the <div> surrounding the more link
+            let eventRange = getElEventRange(segEl);
+            if (eventRange && // might be the <div> surrounding the more link
                 component.isValidSegDownEl(ev.target)) {
-                // our way to simulate a link click for elements that can't be <a> tags
-                // grab before trigger fired in case trigger trashes DOM thru rerendering
-                let hasUrlContainer = elementClosest(ev.target, '.fc-event-forced-url');
-                let url = hasUrlContainer ? hasUrlContainer.querySelector('a[href]').href : '';
                 context.emitter.trigger('eventClick', {
                     el: segEl,
-                    event: new EventImpl(component.context, seg.eventRange.def, seg.eventRange.instance),
+                    event: new EventImpl(component.context, eventRange.def, eventRange.instance),
                     jsEvent: ev,
                     view: context.viewApi,
                 });
-                if (url && !ev.defaultPrevented) {
-                    window.location.href = url;
-                }
             }
         };
         this.destroy = listenBySelector(settings.el, 'click', '.fc-event', // on both fg and bg events
@@ -1742,7 +1726,7 @@ class EventHovering extends Interaction {
             }
         };
         this.handleSegEnter = (ev, segEl) => {
-            if (getElSeg(segEl)) { // TODO: better way to make sure not hovering over more+ link or its wrapper
+            if (getElEventRange(segEl)) { // TODO: better way to make sure not hovering over more+ link or its wrapper
                 this.currentSegEl = segEl;
                 this.triggerEvent('eventMouseEnter', ev, segEl);
             }
@@ -1762,11 +1746,11 @@ class EventHovering extends Interaction {
     triggerEvent(publicEvName, ev, segEl) {
         let { component } = this;
         let { context } = component;
-        let seg = getElSeg(segEl);
+        let eventRange = getElEventRange(segEl);
         if (!ev || component.isValidSegDownEl(ev.target)) {
             context.emitter.trigger(publicEvName, {
                 el: segEl,
-                event: new EventImpl(context, seg.eventRange.def, seg.eventRange.instance),
+                event: new EventImpl(context, eventRange.def, eventRange.instance),
                 jsEvent: ev,
                 view: context.viewApi,
             });
@@ -1777,16 +1761,12 @@ class EventHovering extends Interaction {
 class ViewHarness extends Component {
     render() {
         const { props } = this;
-        return (createElement("div", { className: [
-                'fc-view-harness',
-                props.height != null
-                    ? 'fc-view-harness-fixedheight'
-                    : props.heightLiquid
-                        ? 'fc-view-harness-liquid'
-                        : props.aspectRatio != null
-                            ? 'fc-view-harness-aspectratio'
-                            : ''
-            ].join(' '), style: {
+        return (createElement("div", { className: joinClassNames('fc-view-outer', props.height != null
+                ? 'fc-view-outer-static'
+                : props.heightLiquid
+                    ? 'fc-view-outer-liquid'
+                    : props.aspectRatio != null
+                        && 'fc-view-outer-aspect-ratio'), style: {
                 height: props.height,
                 paddingBottom: props.aspectRatio != null
                     ? `${(1 / props.aspectRatio) * 100}%`
@@ -1810,7 +1790,10 @@ class CalendarContent extends PureComponent {
                 EventClicking,
                 EventHovering,
             ];
-            let interactionClasses = DEFAULT_INTERACTIONS.concat(this.props.pluginHooks.componentInteractions);
+            let interactionClasses = DEFAULT_INTERACTIONS;
+            if (!settingsInput.disableHits) {
+                interactionClasses = interactionClasses.concat(this.props.pluginHooks.componentInteractions);
+            }
             let interactions = interactionClasses.map((TheInteractionClass) => new TheInteractionClass(settings));
             this.interactionsStore[component.uid] = interactions;
             interactionSettingsStore[component.uid] = settings;
@@ -1849,11 +1832,11 @@ class CalendarContent extends PureComponent {
         }
         let viewContext = this.buildViewContext(props.viewSpec, props.viewApi, props.options, props.dateProfileGenerator, props.dateEnv, props.theme, props.pluginHooks, props.dispatch, props.getCurrentData, props.emitter, props.calendarApi, this.registerInteractiveComponent, this.unregisterInteractiveComponent);
         return (createElement(ViewContextType.Provider, { value: viewContext },
-            toolbarConfig.header && (createElement(Toolbar, Object.assign({ extraClassName: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
+            toolbarConfig.header && (createElement(Toolbar, Object.assign({ className: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
             createElement(ViewHarness, { height: viewHeight, heightLiquid: viewHeightLiquid, aspectRatio: viewAspectRatio },
                 this.renderView(props),
                 this.buildAppendContent()),
-            toolbarConfig.footer && (createElement(Toolbar, Object.assign({ extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
+            toolbarConfig.footer && (createElement(Toolbar, Object.assign({ className: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
     }
     componentDidMount() {
         let { props } = this;
@@ -2074,6 +2057,6 @@ function sliceEvents(props, allDay) {
     return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
 }
 
-const version = '7.0.0-beta.0';
+const version = '7.0.0-beta.3';
 
 export { Calendar, createPlugin, formatDate, formatRange, globalLocales, globalPlugins, sliceEvents, version };