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

package/index.cjs

@@ -359,7 +359,7 @@ function parseViewConfig(input) {
     };
 }
 function createViewHookComponent(options) {
-    return (viewProps) => (preact.createElement(internalCommon.ViewContextType.Consumer, null, (context) => (preact.createElement(internalCommon.ContentContainer, { elTag: "div", elClasses: internalCommon.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) => (preact.createElement(internalCommon.ViewContextType.Consumer, null, (context) => (preact.createElement(internalCommon.ContentContainer, { tag: "div", className: internalCommon.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) {
@@ -1627,7 +1627,7 @@ class ToolbarSection extends internalCommon.BaseComponent {
     render() {
         let children = this.props.widgetGroups.map((widgetGroup) => this.renderWidgetGroup(widgetGroup));
         return preact.createElement('div', {
-            className: 'fc-toolbar-chunk fc-toolbar-' + this.props.name
+            className: 'fc-toolbar-section fc-toolbar-' + this.props.name
         }, ...children);
     }
     renderWidgetGroup(widgetGroup) {
@@ -1646,15 +1646,11 @@ class ToolbarSection extends internalCommon.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(preact.createElement("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: buttonClasses.join(' '), onClick: buttonClick }, buttonText || (buttonIcon ? preact.createElement("span", { className: buttonIcon, role: "img" }) : '')));
+                children.push(preact.createElement("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: internalCommon.joinClassNames(`fc-${buttonName}-button`, theme.getClassName('button'), isPressed && theme.getClassName('buttonActive')), onClick: buttonClick }, buttonText || (buttonIcon ? preact.createElement("span", { className: buttonIcon, role: "img" }) : '')));
             }
         }
         if (children.length > 1) {
-            let groupClassName = (isOnlyButtons && theme.getClass('buttonGroup')) || '';
+            let groupClassName = (isOnlyButtons && theme.getClassName('buttonGroup')) || '';
             return preact.createElement('div', { className: groupClassName }, ...children);
         }
         return children[0];
@@ -1663,7 +1659,7 @@ class ToolbarSection extends internalCommon.BaseComponent {
 
 class Toolbar extends internalCommon.BaseComponent {
     render() {
-        let { model, extraClassName } = this.props;
+        let { model, className } = this.props;
         let forceLtr = false;
         let startContent;
         let endContent;
@@ -1683,12 +1679,7 @@ class Toolbar extends internalCommon.BaseComponent {
         else {
             endContent = sectionWidgets.end;
         }
-        let classNames = [
-            extraClassName || '',
-            'fc-toolbar',
-            forceLtr ? 'fc-toolbar-ltr' : '',
-        ];
-        return (preact.createElement("div", { className: classNames.join(' ') },
+        return (preact.createElement("div", { className: internalCommon.joinClassNames(className, 'fc-toolbar', forceLtr && 'fc-toolbar-ltr') },
             this.renderSection('start', startContent || []),
             this.renderSection('center', centerContent || []),
             this.renderSection('end', endContent || [])));
@@ -1711,19 +1702,12 @@ class EventClicking extends internalCommon.Interaction {
             let eventRange = internalCommon.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 = internalCommon.elementClosest(ev.target, '.fc-event-forced-url');
-                let url = hasUrlContainer ? hasUrlContainer.querySelector('a[href]').href : '';
                 context.emitter.trigger('eventClick', {
                     el: segEl,
                     event: new internalCommon.EventImpl(component.context, eventRange.def, eventRange.instance),
                     jsEvent: ev,
                     view: context.viewApi,
                 });
-                if (url && !ev.defaultPrevented) {
-                    window.location.href = url;
-                }
             }
         };
         this.destroy = internalCommon.listenBySelector(settings.el, 'click', '.fc-event', // on both fg and bg events
@@ -1780,16 +1764,12 @@ class EventHovering extends internalCommon.Interaction {
 class ViewHarness extends preact.Component {
     render() {
         const { props } = this;
-        return (preact.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 (preact.createElement("div", { className: internalCommon.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}%`
@@ -1813,7 +1793,10 @@ class CalendarContent extends internalCommon.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;
             internalCommon.interactionSettingsStore[component.uid] = settings;
@@ -1852,11 +1835,11 @@ class CalendarContent extends internalCommon.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 (preact.createElement(internalCommon.ViewContextType.Provider, { value: viewContext },
-            toolbarConfig.header && (preact.createElement(Toolbar, Object.assign({ extraClassName: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
+            toolbarConfig.header && (preact.createElement(Toolbar, Object.assign({ className: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
             preact.createElement(ViewHarness, { height: viewHeight, heightLiquid: viewHeightLiquid, aspectRatio: viewAspectRatio },
                 this.renderView(props),
                 this.buildAppendContent()),
-            toolbarConfig.footer && (preact.createElement(Toolbar, Object.assign({ extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
+            toolbarConfig.footer && (preact.createElement(Toolbar, Object.assign({ className: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
     }
     componentDidMount() {
         let { props } = this;
@@ -2077,7 +2060,7 @@ function sliceEvents(props, allDay) {
     return internalCommon.sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
 }
 
-const version = '7.0.0-beta.1';
+const version = '7.0.0-beta.3';
 
 exports.JsonRequestError = internalCommon.JsonRequestError;
 exports.Calendar = Calendar;

package/index.d.ts

@@ -3,7 +3,6 @@ export { U as AllDayContentArg, X as AllDayMountArg, A as AllowFunc, B as Busine
 import 'preact';
 import './preact.js';
 import './index.js';
-import './internal.js';
 
 declare class Calendar extends CalendarImpl {
     el: HTMLElement;