Merge branch '5.0RC'5.0

1 files changed, 63 insertions, 48 deletions

diff --git a/library/fullcalendar/packages/list/main.js b/library/fullcalendar/packages/list/main.js
index abd7c1192..84b12341e 100644
--- a/library/fullcalendar/packages/list/main.js
+++ b/library/fullcalendar/packages/list/main.js
@@ -1,8 +1,9 @@
 /*!
-FullCalendar List View Plugin v4.0.2
+FullCalendar List View Plugin v4.4.2
 Docs & License: https://fullcalendar.io/
 (c) 2019 Adam Shaw
 */
+
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fullcalendar/core')) :
     typeof define === 'function' && define.amd ? define(['exports', '@fullcalendar/core'], factory) :
@@ -10,18 +11,18 @@ Docs & License: https://fullcalendar.io/
 }(this, function (exports, core) { 'use strict';
 
     /*! *****************************************************************************

-    Copyright (c) Microsoft Corporation. All rights reserved.

-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use

-    this file except in compliance with the License. You may obtain a copy of the

-    License at http://www.apache.org/licenses/LICENSE-2.0

+    Copyright (c) Microsoft Corporation.

 

-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED

-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,

-    MERCHANTABLITY OR NON-INFRINGEMENT.

+    Permission to use, copy, modify, and/or distribute this software for any

+    purpose with or without fee is hereby granted.

 

-    See the Apache Version 2.0 License for specific language governing permissions

-    and limitations under the License.

+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH

+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY

+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,

+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM

+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR

+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR

+    PERFORMANCE OF THIS SOFTWARE.

     ***************************************************************************** */

     /* global Reflect, Promise */

 

@@ -41,7 +42,7 @@ Docs & License: https://fullcalendar.io/
     var ListEventRenderer = /** @class */ (function (_super) {
         __extends(ListEventRenderer, _super);
         function ListEventRenderer(listView) {
-            var _this = _super.call(this, listView.context) || this;
+            var _this = _super.call(this) || this;
             _this.listView = listView;
             return _this;
         }
@@ -57,7 +58,7 @@ Docs & License: https://fullcalendar.io/
         };
         // generates the HTML for a single event row
         ListEventRenderer.prototype.renderSegHtml = function (seg) {
-            var _a = this.context, view = _a.view, theme = _a.theme;
+            var _a = this.context, theme = _a.theme, options = _a.options;
             var eventRange = seg.eventRange;
             var eventDef = eventRange.def;
             var eventInstance = eventRange.instance;
@@ -67,7 +68,7 @@ Docs & License: https://fullcalendar.io/
             var bgColor = eventUi.backgroundColor;
             var timeHtml;
             if (eventDef.allDay) {
-                timeHtml = core.getAllDayHtml(view);
+                timeHtml = core.getAllDayHtml(options);
             }
             else if (core.isMultiDayRange(eventRange.range)) {
                 if (seg.isStart) {
@@ -79,7 +80,7 @@ Docs & License: https://fullcalendar.io/
                     ));
                 }
                 else { // inner segment that lasts the whole day
-                    timeHtml = core.getAllDayHtml(view);
+                    timeHtml = core.getAllDayHtml(options);
                 }
             }
             else {
@@ -125,40 +126,53 @@ Docs & License: https://fullcalendar.io/
     */
     var ListView = /** @class */ (function (_super) {
         __extends(ListView, _super);
-        function ListView(context, viewSpec, dateProfileGenerator, parentEl) {
-            var _this = _super.call(this, context, viewSpec, dateProfileGenerator, parentEl) || this;
+        function ListView(viewSpec, parentEl) {
+            var _this = _super.call(this, viewSpec, parentEl) || this;
             _this.computeDateVars = core.memoize(computeDateVars);
             _this.eventStoreToSegs = core.memoize(_this._eventStoreToSegs);
+            _this.renderSkeleton = core.memoizeRendering(_this._renderSkeleton, _this._unrenderSkeleton);
             var eventRenderer = _this.eventRenderer = new ListEventRenderer(_this);
-            _this.renderContent = core.memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer));
-            _this.el.classList.add('fc-list-view');
-            var listViewClassNames = (_this.theme.getClass('listView') || '').split(' '); // wish we didn't have to do this
+            _this.renderContent = core.memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer), [_this.renderSkeleton]);
+            return _this;
+        }
+        ListView.prototype.firstContext = function (context) {
+            context.calendar.registerInteractiveComponent(this, {
+                el: this.el
+                // TODO: make aware that it doesn't do Hits
+            });
+        };
+        ListView.prototype.render = function (props, context) {
+            _super.prototype.render.call(this, props, context);
+            var _a = this.computeDateVars(props.dateProfile), dayDates = _a.dayDates, dayRanges = _a.dayRanges;
+            this.dayDates = dayDates;
+            this.renderSkeleton(context);
+            this.renderContent(context, this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges));
+        };
+        ListView.prototype.destroy = function () {
+            _super.prototype.destroy.call(this);
+            this.renderSkeleton.unrender();
+            this.renderContent.unrender();
+            this.context.calendar.unregisterInteractiveComponent(this);
+        };
+        ListView.prototype._renderSkeleton = function (context) {
+            var theme = context.theme;
+            this.el.classList.add('fc-list-view');
+            var listViewClassNames = (theme.getClass('listView') || '').split(' '); // wish we didn't have to do this
             for (var _i = 0, listViewClassNames_1 = listViewClassNames; _i < listViewClassNames_1.length; _i++) {
                 var listViewClassName = listViewClassNames_1[_i];
                 if (listViewClassName) { // in case input was empty string
-                    _this.el.classList.add(listViewClassName);
+                    this.el.classList.add(listViewClassName);
                 }
             }
-            _this.scroller = new core.ScrollComponent('hidden', // overflow x
+            this.scroller = new core.ScrollComponent('hidden', // overflow x
             'auto' // overflow y
             );
-            _this.el.appendChild(_this.scroller.el);
-            _this.contentEl = _this.scroller.el; // shortcut
-            context.calendar.registerInteractiveComponent(_this, {
-                el: _this.el
-                // TODO: make aware that it doesn't do Hits
-            });
-            return _this;
-        }
-        ListView.prototype.render = function (props) {
-            var _a = this.computeDateVars(props.dateProfile), dayDates = _a.dayDates, dayRanges = _a.dayRanges;
-            this.dayDates = dayDates;
-            this.renderContent(this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges));
+            this.el.appendChild(this.scroller.el);
+            this.contentEl = this.scroller.el; // shortcut
         };
-        ListView.prototype.destroy = function () {
-            _super.prototype.destroy.call(this);
+        ListView.prototype._unrenderSkeleton = function () {
+            // TODO: remove classNames
             this.scroller.destroy(); // will remove the Grid too
-            this.calendar.unregisterInteractiveComponent(this);
         };
         ListView.prototype.updateSize = function (isResize, viewHeight, isAuto) {
             _super.prototype.updateSize.call(this, isResize, viewHeight, isAuto);
@@ -174,7 +188,7 @@ Docs & License: https://fullcalendar.io/
                 core.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
         };
         ListView.prototype._eventStoreToSegs = function (eventStore, eventUiBases, dayRanges) {
-            return this.eventRangesToSegs(core.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.nextDayThreshold).fg, dayRanges);
+            return this.eventRangesToSegs(core.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.context.nextDayThreshold).fg, dayRanges);
         };
         ListView.prototype.eventRangesToSegs = function (eventRanges, dayRanges) {
             var segs = [];
@@ -185,7 +199,7 @@ Docs & License: https://fullcalendar.io/
             return segs;
         };
         ListView.prototype.eventRangeToSegs = function (eventRange, dayRanges) {
-            var _a = this, dateEnv = _a.dateEnv, nextDayThreshold = _a.nextDayThreshold;
+            var _a = this.context, dateEnv = _a.dateEnv, nextDayThreshold = _a.nextDayThreshold;
             var range = eventRange.range;
             var allDay = eventRange.def.allDay;
             var dayIndex;
@@ -224,18 +238,19 @@ Docs & License: https://fullcalendar.io/
                 '<div class="fc-list-empty-wrap2">' + // TODO: try less wraps
                     '<div class="fc-list-empty-wrap1">' +
                     '<div class="fc-list-empty">' +
-                    core.htmlEscape(this.opt('noEventsMessage')) +
+                    core.htmlEscape(this.context.options.noEventsMessage) +
                     '</div>' +
                     '</div>' +
                     '</div>';
         };
         // called by ListEventRenderer
         ListView.prototype.renderSegList = function (allSegs) {
+            var theme = this.context.theme;
             var segsByDay = this.groupSegsByDay(allSegs); // sparse array
             var dayIndex;
             var daySegs;
             var i;
-            var tableEl = core.htmlToElement('<table class="fc-list-table ' + this.calendar.theme.getClass('tableList') + '"><tbody></tbody></table>');
+            var tableEl = core.htmlToElement('<table class="fc-list-table ' + theme.getClass('tableList') + '"><tbody></tbody></table>');
             var tbodyEl = tableEl.querySelector('tbody');
             for (dayIndex = 0; dayIndex < segsByDay.length; dayIndex++) {
                 daySegs = segsByDay[dayIndex];
@@ -265,20 +280,20 @@ Docs & License: https://fullcalendar.io/
         };
         // generates the HTML for the day headers that live amongst the event rows
         ListView.prototype.buildDayHeaderRow = function (dayDate) {
-            var dateEnv = this.dateEnv;
-            var mainFormat = core.createFormatter(this.opt('listDayFormat')); // TODO: cache
-            var altFormat = core.createFormatter(this.opt('listDayAltFormat')); // TODO: cache
+            var _a = this.context, theme = _a.theme, dateEnv = _a.dateEnv, options = _a.options;
+            var mainFormat = core.createFormatter(options.listDayFormat); // TODO: cache
+            var altFormat = core.createFormatter(options.listDayAltFormat); // TODO: cache
             return core.createElement('tr', {
                 className: 'fc-list-heading',
                 'data-date': dateEnv.formatIso(dayDate, { omitTime: true })
-            }, '<td class="' + (this.calendar.theme.getClass('tableListHeading') ||
-                this.calendar.theme.getClass('widgetHeader')) + '" colspan="3">' +
+            }, '<td class="' + (theme.getClass('tableListHeading') ||
+                theme.getClass('widgetHeader')) + '" colspan="3">' +
                 (mainFormat ?
-                    core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-main' }, core.htmlEscape(dateEnv.format(dayDate, mainFormat)) // inner HTML
+                    core.buildGotoAnchorHtml(options, dateEnv, dayDate, { 'class': 'fc-list-heading-main' }, core.htmlEscape(dateEnv.format(dayDate, mainFormat)) // inner HTML
                     ) :
                     '') +
                 (altFormat ?
-                    core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-alt' }, core.htmlEscape(dateEnv.format(dayDate, altFormat)) // inner HTML
+                    core.buildGotoAnchorHtml(options, dateEnv, dayDate, { 'class': 'fc-list-heading-alt' }, core.htmlEscape(dateEnv.format(dayDate, altFormat)) // inner HTML
                     ) :
                     '') +
                 '</td>');