From 56ec55110a27a13cc2c7d1fb09f1650f8c4cd842 Mon Sep 17 00:00:00 2001 From: Mario Date: Mon, 15 Jun 2020 08:19:13 +0000 Subject: update fullcalendar to version 4.4.2 --- library/fullcalendar/packages/list/main.js | 111 ++++++++++++++++------------- 1 file changed, 63 insertions(+), 48 deletions(-) (limited to 'library/fullcalendar/packages/list/main.js') 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/ '
' + // TODO: try less wraps '
' + '
' + - core.htmlEscape(this.opt('noEventsMessage')) + + core.htmlEscape(this.context.options.noEventsMessage) + '
' + '
' + '
'; }; // 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('
'); + var tableEl = core.htmlToElement('
'); 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 }) - }, '' + + }, '' + (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 ) : '') + ''); -- cgit v1.2.3