@progress/kendo-react-dateinputs 6.1.1 → 7.0.0-develop.1

package/dist/npm/calendar/components/CalendarHeaderTitle.js

@@ -1,64 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarHeaderTitle = void 0;
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var React = require("react");
-/**
- * The `CalendarHeaderTitle` component is internally used for rendering the title of the current calendar view. Also used as a custom `headerTitle` for the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-headertitle) components.
- *
- * * [Customizing the title for the current Calendar view]({% slug custom_rendering_calendar %}#toc-cells-inside-the-view)
- * * [Customizing the title for the current MultiViewCalendar view]({% slug custom_rendering_multiviewcalendar %}#toc-cells-inside-the-view)
- */
-var CalendarHeaderTitle = /** @class */ (function (_super) {
-    __extends(CalendarHeaderTitle, _super);
-    function CalendarHeaderTitle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @return
-     * Returns a `<span />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
-     */
-    CalendarHeaderTitle.prototype.render = function () {
-        var _a = this.props, view = _a.view, props = __rest(_a, ["view"]);
-        return (React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", fillMode: "flat" }, props), this.props.children));
-    };
-    return CalendarHeaderTitle;
-}(React.PureComponent));
-exports.CalendarHeaderTitle = CalendarHeaderTitle;

package/dist/npm/calendar/components/CalendarNavigationItem.js

@@ -1,69 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarNavigationItem = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * The `CalendarNavigationItem` component is internally used for rendering the items in the side navigation of the Calendar. Also used as a custom navigation item for the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-navigationitem) ([see example]({% slug custom_rendering_calendar %}#toc-items-in-the-side-navigation)).
- */
-var CalendarNavigationItem = /** @class */ (function (_super) {
-    __extends(CalendarNavigationItem, _super);
-    function CalendarNavigationItem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.handleClick = function (event) {
-            var _a = _this.props, onClick = _a.onClick, value = _a.value;
-            if (onClick) {
-                onClick.call(undefined, value, event);
-            }
-        };
-        return _this;
-    }
-    /**
-     * @return
-     * Returns a `<li />` element with a `<span />` inside. The text inside represents the [`value`]({% slug api_dateinputs_calendarnavigationitemprops %}#toc-value) of the `navigationItem`.
-     */
-    CalendarNavigationItem.prototype.render = function () {
-        var _a = this.props, isRangeStart = _a.isRangeStart, value = _a.value, text = _a.text, other = __rest(_a, ["isRangeStart", "value", "text"]);
-        return (React.createElement("li", __assign({}, other, { onClick: this.handleClick }),
-            React.createElement("span", { className: (0, kendo_react_common_1.classNames)({ 'k-calendar-navigation-marker': isRangeStart }) }, this.props.children)));
-    };
-    return CalendarNavigationItem;
-}(React.Component));
-exports.CalendarNavigationItem = CalendarNavigationItem;

package/dist/npm/calendar/components/CalendarWeekCell.js

@@ -1,64 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarWeekCell = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * The `CalendarWeekCell` component is internally used for rendering the week cells inside the `month` view of the Calendar. Also used as a [custom week cell for the Calendar]({% slug api_dateinputs_calendarprops %}#toc-weekcell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-weekcell) components.
- *
- * * [Customizing week-column cells in the Calendar]({% slug custom_rendering_calendar %}#toc-cells-inside-the-week-column)
- * * [Customizing week-column cells in the MultiViewCalendar]({% slug custom_rendering_multiviewcalendar %}#toc-cells-inside-the-week-column)
- */
-var CalendarWeekCell = /** @class */ (function (_super) {
-    __extends(CalendarWeekCell, _super);
-    function CalendarWeekCell() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @return
-     * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
-     */
-    CalendarWeekCell.prototype.render = function () {
-        var _a = this.props, className = _a.className, firstDate = _a.firstDate, other = __rest(_a, ["className", "firstDate"]);
-        return (React.createElement("td", __assign({ className: (0, kendo_react_common_1.classNames)('k-calendar-td', className) }, other), this.props.children));
-    };
-    return CalendarWeekCell;
-}(React.Component));
-exports.CalendarWeekCell = CalendarWeekCell;

package/dist/npm/calendar/components/Header.js

@@ -1,132 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var CalendarHeaderTitle_1 = require("./CalendarHeaderTitle");
-var utils_1 = require("../../utils");
-/**
- * @hidden
- */
-var Header = /** @class */ (function (_super) {
-    __extends(Header, _super);
-    function Header() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.getTitle = function () {
-            if (!_this.props.currentDate) {
-                return '';
-            }
-            var take = _this.rangeLength - 1;
-            var title = _this.props.service.title(_this.props.currentDate);
-            var nextDate = _this.props.service.addToDate(_this.props.currentDate, take);
-            if (take < 1 || !_this.props.service.isInRange(nextDate, _this.min, _this.max)) {
-                return title;
-            }
-            return "".concat(title, " - ").concat(_this.props.service.title(nextDate));
-        };
-        _this.handleTitleClick = function (event) {
-            if (!_this.canMoveUp) {
-                return;
-            }
-            _this.props.bus.moveUp(_this.props.activeView, event);
-        };
-        return _this;
-    }
-    Object.defineProperty(Header.prototype, "min", {
-        get: function () {
-            return this.props.min !== undefined
-                ? this.props.min
-                : Header.defaultProps.min;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Header.prototype, "max", {
-        get: function () {
-            return this.props.max !== undefined
-                ? this.props.max
-                : Header.defaultProps.max;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Header.prototype, "rangeLength", {
-        get: function () {
-            return this.props.rangeLength !== undefined ? this.props.rangeLength : Header.defaultProps.rangeLength;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Header.prototype, "canMoveUp", {
-        get: function () {
-            return this.props.bus.canMoveUp(this.props.activeView);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Header.prototype.render = function () {
-        var title = this.getTitle();
-        var titleClassNames = (0, kendo_react_common_1.classNames)('k-calendar-title');
-        var headerTitleProps = {
-            children: title,
-            value: title,
-            view: this.props.activeView,
-            className: titleClassNames,
-            onClick: this.handleTitleClick,
-            disabled: !this.canMoveUp
-        };
-        var headerTitle = this.props.headerTitle
-            ? React.createElement(this.props.headerTitle, __assign({}, headerTitleProps), title)
-            : React.createElement(CalendarHeaderTitle_1.CalendarHeaderTitle, __assign({}, headerTitleProps), title);
-        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-calendar-header', {
-                'k-vstack': this.props.verticalView,
-                'k-hstack': !this.props.verticalView
-            }) },
-            headerTitle,
-            React.createElement("span", { className: "k-spacer" }),
-            React.createElement("span", { className: "k-calendar-nav k-hstack" }, this.props.commands)));
-    };
-    Header.propTypes = {
-        activeView: PropTypes.number.isRequired,
-        currentDate: PropTypes.instanceOf(Date).isRequired,
-        max: PropTypes.instanceOf(Date).isRequired,
-        min: PropTypes.instanceOf(Date).isRequired,
-        rangeLength: PropTypes.number
-    };
-    Header.defaultProps = {
-        rangeLength: 1,
-        min: utils_1.MIN_DATE,
-        max: utils_1.MAX_DATE
-    };
-    return Header;
-}(React.Component));
-exports.Header = Header;
-(0, kendo_react_intl_1.registerForLocalization)(Header);

package/dist/npm/calendar/components/HorizontalViewList.js

@@ -1,148 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HorizontalViewList = void 0;
-var React = require("react");
-var View_1 = require("./View");
-var models_1 = require("../models");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var utils_1 = require("../../utils");
-var DEFAULT_FETCH_MONTHS_COUNT = 2;
-/**
- * @hidden
- */
-var HorizontalViewList = /** @class */ (function (_super) {
-    __extends(HorizontalViewList, _super);
-    function HorizontalViewList(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this.isActive = false;
-        _this.focusActiveDate = function () {
-            if (!_this._element) {
-                return;
-            }
-            var focusedCell = _this._element.querySelector('td.k-focus');
-            var nextActiveCell = _this._element.querySelector('.k-state-pending-focus');
-            if (focusedCell && focusedCell[0]) {
-                focusedCell[0].classList.remove('k-focus');
-            }
-            if (nextActiveCell) {
-                nextActiveCell.classList.add('k-focus');
-            }
-            _this.isActive = true;
-        };
-        _this.blurActiveDate = function () {
-            if (!_this._element) {
-                return;
-            }
-            var focusedCell = _this._element.querySelector('td.k-focus');
-            if (focusedCell) {
-                focusedCell.classList.remove('k-focus');
-            }
-            _this.isActive = false;
-        };
-        _this.rotateSelectionRange = function (selectionRange) {
-            if (selectionRange.start === null || selectionRange.end === null) {
-                return selectionRange;
-            }
-            var needRotate = selectionRange.end < selectionRange.start;
-            return {
-                start: needRotate ? selectionRange.end : selectionRange.start,
-                end: needRotate ? selectionRange.start : selectionRange.end
-            };
-        };
-        _this.handleDateChange = function (event, isTodayClick) {
-            if (isTodayClick === void 0) { isTodayClick = false; }
-            var onChange = _this.props.onChange;
-            if (onChange) {
-                var args = {
-                    syntheticEvent: event.syntheticEvent,
-                    nativeEvent: event.nativeEvent,
-                    value: (0, kendo_date_math_1.cloneDate)(event.value),
-                    target: _this,
-                    isTodayClick: isTodayClick
-                };
-                onChange.call(undefined, args);
-            }
-        };
-        return _this;
-    }
-    Object.defineProperty(HorizontalViewList.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HorizontalViewList.prototype, "weekNumber", {
-        get: function () {
-            return Boolean(this.props.showWeekNumbers && this.props.activeView === models_1.CalendarViewEnum.month);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HorizontalViewList.prototype, "min", {
-        get: function () {
-            return this.props.min !== undefined
-                ? this.props.min
-                : HorizontalViewList.defaultProps.min;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HorizontalViewList.prototype, "max", {
-        get: function () {
-            return this.props.max !== undefined
-                ? this.props.max
-                : HorizontalViewList.defaultProps.max;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    HorizontalViewList.prototype.componentDidUpdate = function () {
-        if (this.isActive) {
-            this.focusActiveDate();
-        }
-    };
-    HorizontalViewList.prototype.render = function () {
-        var _this = this;
-        var selectionRange = this.props.allowReverse
-            ? this.rotateSelectionRange(this.props.selectionRange)
-            : this.props.selectionRange;
-        var rootClassNames = (0, kendo_react_common_1.classNames)('k-calendar-view k-align-items-start k-justify-content-center', {
-            'k-vstack': this.props.verticalView,
-            'k-hstack': !this.props.verticalView,
-            'k-calendar-monthview': this.props.activeView === models_1.CalendarViewEnum.month,
-            'k-calendar-yearview': this.props.activeView === models_1.CalendarViewEnum.year,
-            'k-calendar-decadeview': this.props.activeView === models_1.CalendarViewEnum.decade,
-            'k-calendar-centuryview': this.props.activeView === models_1.CalendarViewEnum.century
-        });
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: rootClassNames }, this.props.dates.map(function (date) { return (React.createElement("table", { className: "k-calendar-table k-content", key: date.getTime(), role: "grid" },
-            React.createElement(View_1.View, { bus: _this.props.bus, service: _this.props.service, key: date.getTime(), direction: "horizontal", activeView: _this.props.activeView, cellUID: _this.props.cellUID, viewDate: date, min: _this.min, max: _this.max, focusedDate: _this.props.focusedDate, selectionRange: selectionRange, selectedDate: _this.props.value, showWeekNumbers: _this.weekNumber, onChange: _this.handleDateChange, onCellEnter: _this.props.onCellEnter, cell: _this.props.cell, weekCell: _this.props.weekCell }))); })));
-    };
-    HorizontalViewList.defaultProps = {
-        showWeekNumbers: false,
-        views: DEFAULT_FETCH_MONTHS_COUNT,
-        take: DEFAULT_FETCH_MONTHS_COUNT,
-        allowReverse: true,
-        min: utils_1.MIN_DATE,
-        max: utils_1.MAX_DATE
-    };
-    return HorizontalViewList;
-}(React.Component));
-exports.HorizontalViewList = HorizontalViewList;