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

package/dist/es/timepicker/TimeSelector.js

@@ -1,261 +0,0 @@
-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);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { cloneDate } from '@progress/kendo-date-math';
-import { classNames, getActiveElement, Keys } from '@progress/kendo-react-common';
-import { provideIntlService, registerForIntl, registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, timePickerCancel, timePickerSet } from '../messages';
-import { MIN_TIME, MAX_TIME, MIDNIGHT_DATE } from '../utils';
-import { generateGetters, getNow, valueMerger } from './utils';
-import { TimePart } from './TimePart';
-import { Button } from '@progress/kendo-react-buttons';
-/**
- * @hidden
- */
-export var Direction;
-(function (Direction) {
-    Direction[Direction["Left"] = 0] = "Left";
-    Direction[Direction["Right"] = 1] = "Right";
-})(Direction || (Direction = {}));
-/**
- * @hidden
- */
-var TimeSelector = /** @class */ (function (_super) {
-    __extends(TimeSelector, _super);
-    function TimeSelector(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this._cancelButton = null;
-        _this._acceptButton = null;
-        _this.timePart = null;
-        _this.focusActiveList = function () {
-            if (!_this.timePart) {
-                return;
-            }
-            _this.timePart.focus({ preventScroll: true });
-        };
-        _this.handleKeyDown = function (event) {
-            var keyCode = event.keyCode;
-            switch (keyCode) {
-                case Keys.enter:
-                    if (!_this.hasActiveButton()) {
-                        _this.handleAccept(event);
-                    }
-                    return;
-                default:
-                    return;
-            }
-        };
-        _this.handleAccept = function (event) {
-            var value = _this.mergeValue(cloneDate(_this.value || getNow()), _this.timePart ? _this.timePart.value : _this.current);
-            _this.setState({ value: value });
-            _this.valueDuringOnChange = value;
-            var onChange = _this.props.onChange;
-            if (onChange) {
-                onChange.call(undefined, {
-                    syntheticEvent: event,
-                    nativeEvent: event.nativeEvent,
-                    value: _this.value,
-                    target: _this
-                });
-            }
-            _this.valueDuringOnChange = undefined;
-        };
-        _this.handleReject = function (event) {
-            _this.setState({ current: _this.value });
-            var onReject = _this.props.onReject;
-            if (onReject) {
-                onReject.call(undefined, event);
-            }
-        };
-        _this.handleNowClick = function (event) {
-            var now = _this.mergeValue(cloneDate(_this.value || getNow()), getNow());
-            _this.setState({
-                current: now,
-                value: now
-            });
-            _this.valueDuringOnChange = now;
-            var onChange = _this.props.onChange;
-            if (onChange) {
-                onChange.call(undefined, {
-                    syntheticEvent: event,
-                    nativeEvent: event.nativeEvent,
-                    value: _this.value,
-                    target: _this
-                });
-            }
-            _this.valueDuringOnChange = undefined;
-        };
-        _this.handleChange = function (candidate) {
-            _this.setState({ current: candidate });
-            var handleTimeChange = _this.props.handleTimeChange;
-            if (handleTimeChange) {
-                handleTimeChange.call(undefined, {
-                    time: candidate
-                });
-            }
-        };
-        _this.dateFormatParts = _this.intl.splitDateFormat(_this.props.format || TimeSelector.defaultProps.format);
-        _this.mergeValue = valueMerger(generateGetters(_this.dateFormatParts));
-        _this.hasActiveButton = _this.hasActiveButton.bind(_this);
-        _this.state = {
-            current: _this.props.value || MIDNIGHT_DATE,
-            value: _this.props.value || TimeSelector.defaultProps.value
-        };
-        return _this;
-    }
-    Object.defineProperty(TimeSelector.prototype, "element", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimeSelector.prototype, "value", {
-        get: function () {
-            var value = this.valueDuringOnChange !== undefined
-                ? this.valueDuringOnChange
-                : this.props.value !== undefined
-                    ? this.props.value
-                    : this.state.value;
-            return (value !== null)
-                ? cloneDate(value)
-                : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimeSelector.prototype, "intl", {
-        get: function () {
-            return provideIntlService(this);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimeSelector.prototype, "current", {
-        get: function () {
-            return this.state.current !== null
-                ? cloneDate(this.state.current)
-                : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    TimeSelector.prototype.componentWillUnmount = function () {
-        clearTimeout(this.nextTickId);
-    };
-    /**
-     * @hidden
-     */
-    TimeSelector.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, format = _a.format, cancelButton = _a.cancelButton, disabled = _a.disabled, tabIndex = _a.tabIndex, className = _a.className, smoothScroll = _a.smoothScroll, min = _a.min, max = _a.max, boundRange = _a.boundRange, nowButton = _a.nowButton, steps = _a.steps, show = _a.show, mobileMode = _a.mobileMode;
-        var localizationService = provideLocalizationService(this);
-        var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);
-        var setMessage = localizationService.toLanguageString(timePickerSet, messages[timePickerSet]);
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: classNames('k-timeselector', className, {
-                'k-disabled': disabled
-            }), onKeyDown: this.handleKeyDown },
-            React.createElement(TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: show, mobileMode: mobileMode }),
-            this.props.footer && React.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" },
-                cancelButton &&
-                    React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
-                React.createElement(Button, __assign({ type: "button", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", themeColor: 'primary', onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));
-    };
-    TimeSelector.prototype.nextTick = function (f) {
-        // XXX: use window.setTimeout due to async focus/blur events in IE, and missing relatedTarget prop.
-        // XXX: https://github.com/facebook/react/issues/3751
-        clearTimeout(this.nextTickId);
-        this.nextTickId = window.setTimeout(function () { return f(); });
-    };
-    TimeSelector.prototype.hasActiveButton = function () {
-        if (!this._acceptButton || !this._acceptButton.element) {
-            return false;
-        }
-        var activeElement = getActiveElement(document);
-        return (this._acceptButton && activeElement === this._acceptButton.element)
-            || (this._cancelButton && activeElement === this._cancelButton.element);
-    };
-    TimeSelector.propTypes = {
-        cancelButton: PropTypes.bool,
-        className: PropTypes.string,
-        disabled: PropTypes.bool,
-        format: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.shape({
-                skeleton: PropTypes.string,
-                pattern: PropTypes.string,
-                date: PropTypes.oneOf(['short', 'medium', 'long', 'full']),
-                time: PropTypes.oneOf(['short', 'medium', 'long', 'full']),
-                datetime: PropTypes.oneOf(['short', 'medium', 'long', 'full']),
-                era: PropTypes.oneOf(['narrow', 'short', 'long']),
-                year: PropTypes.oneOf(['numeric', '2-digit']),
-                month: PropTypes.oneOf(['numeric', '2-digit', 'narrow', 'short', 'long']),
-                day: PropTypes.oneOf(['numeric', '2-digit']),
-                weekday: PropTypes.oneOf(['narrow', 'short', 'long']),
-                hour: PropTypes.oneOf(['numeric', '2-digit']),
-                hour12: PropTypes.bool,
-                minute: PropTypes.oneOf(['numeric', '2-digit']),
-                second: PropTypes.oneOf(['numeric', '2-digit']),
-                timeZoneName: PropTypes.oneOf(['short', 'long'])
-            })
-        ]),
-        max: PropTypes.instanceOf(Date),
-        min: PropTypes.instanceOf(Date),
-        nowButton: PropTypes.bool,
-        steps: PropTypes.shape({
-            hour: PropTypes.number,
-            minute: PropTypes.number,
-            second: PropTypes.number
-        }),
-        smoothScroll: PropTypes.bool,
-        tabIndex: PropTypes.number,
-        value: PropTypes.instanceOf(Date),
-        show: PropTypes.bool
-    };
-    TimeSelector.defaultProps = {
-        value: null,
-        disabled: false,
-        cancelButton: true,
-        format: 't',
-        min: MIN_TIME,
-        max: MAX_TIME,
-        boundRange: false,
-        footer: true
-    };
-    return TimeSelector;
-}(React.Component));
-export { TimeSelector };
-registerForIntl(TimeSelector);
-registerForLocalization(TimeSelector);

package/dist/es/timepicker/models/IncrementalSteps.d.ts

@@ -1,8 +0,0 @@
-/**
- * The interface which defines all possible incremental steps in the TimePicker.
- */
-export interface TimePickerIncrementalSteps {
-    hour?: number;
-    minute?: number;
-    second?: number;
-}

package/dist/es/timepicker/models/IncrementalSteps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/timepicker/models/ListItem.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export interface ListItem {
-    text: string;
-    value: Date;
-}

package/dist/es/timepicker/models/ListItem.js

@@ -1 +0,0 @@
-export {};

package/dist/es/timepicker/models/ListService.js

@@ -1 +0,0 @@
-export {};

package/dist/es/timepicker/models/ListServiceSettings.d.ts

@@ -1,12 +0,0 @@
-import { DateFormatPart } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface ListServiceSettings {
-    boundRange: boolean;
-    insertUndividedMax: boolean;
-    min: Date;
-    max: Date;
-    part: DateFormatPart;
-    step: number;
-}

package/dist/es/timepicker/models/ListServiceSettings.js

@@ -1 +0,0 @@
-export {};

package/dist/es/timepicker/models/TimePart.d.ts

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export declare const TIME_PART: {
-    dayperiod: string;
-    hour: string;
-    millisecond: string;
-    minute: string;
-    second: string;
-};

package/dist/es/timepicker/models/TimePart.js

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export var TIME_PART = {
-    dayperiod: 'dayperiod',
-    hour: 'hour',
-    millisecond: 'millisecond',
-    minute: 'minute',
-    second: 'second'
-};

package/dist/es/timepicker/models/TimePickerSettings.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/timepicker/models/index.d.ts

@@ -1,7 +0,0 @@
-import { TimePickerIncrementalSteps } from './IncrementalSteps';
-import { TimePickerSettings } from './TimePickerSettings';
-import { ListItem } from './ListItem';
-import { ListService } from './ListService';
-import { ListServiceSettings } from './ListServiceSettings';
-import { TIME_PART } from './TimePart';
-export { TimePickerIncrementalSteps, TimePickerSettings, ListItem, ListService, ListServiceSettings, TIME_PART };

package/dist/es/timepicker/models/index.js

@@ -1,2 +0,0 @@
-import { TIME_PART } from './TimePart';
-export { TIME_PART };

package/dist/es/timepicker/services/DOMService.d.ts

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export declare class DOMService {
-    itemHeight: number;
-    timeListHeight: number;
-    didCalculate: boolean;
-    ensureHeights(): void;
-    calculateHeights(container?: HTMLElement): void;
-}

package/dist/es/timepicker/services/DOMService.js

@@ -1,46 +0,0 @@
-import { domContainerFactory as containerFactory } from '../../utils';
-import { canUseDOM } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var DOMService = /** @class */ (function () {
-    function DOMService() {
-        this.itemHeight = 0;
-        this.timeListHeight = 0;
-        this.didCalculate = false;
-    }
-    DOMService.prototype.ensureHeights = function () {
-        if (this.timeListHeight !== undefined) {
-            return;
-        }
-        this.calculateHeights();
-    };
-    DOMService.prototype.calculateHeights = function (container) {
-        if (!canUseDOM) {
-            return;
-        }
-        var div = containerFactory('div');
-        var span = containerFactory('span');
-        var ul = containerFactory('ul');
-        var li = containerFactory('li');
-        var listItem = function () { return li('<span>02</span>', 'k-item'); };
-        var list = function () { return ul([listItem()], 'k-reset'); };
-        var scrollable = function () { return (div([list()], 'k-content k-scrollable k-time-container')); };
-        var timeListWrapper = function () {
-            return div([
-                span('minute', 'k-title'),
-                div([scrollable()], 'k-time-list')
-            ], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
-        };
-        var timeWrapper = timeListWrapper();
-        var listContainer = container && container.querySelector('.k-time-container');
-        var hostContainer = listContainer || document.body;
-        var wrapper = hostContainer.appendChild(timeWrapper);
-        this.timeListHeight = wrapper.querySelector('.k-scrollable').offsetHeight;
-        this.itemHeight = wrapper.querySelector('li').offsetHeight;
-        hostContainer.removeChild(wrapper);
-        this.didCalculate = true;
-    };
-    return DOMService;
-}());
-export { DOMService };

package/dist/es/timepicker/services/DayPeriodService.d.ts

@@ -1,47 +0,0 @@
-import { IntlService } from '@progress/kendo-react-intl';
-import { ListServiceSettings } from '../models/ListServiceSettings';
-import { ListService } from '../models/ListService';
-import { ListItem } from '../models/ListItem';
-/**
- * @hidden
- */
-export declare class DayPeriodService implements ListService {
-    private intl;
-    private min;
-    private max;
-    private part;
-    constructor(intl: IntlService);
-    /**
-     * @hidden
-     */
-    apply(value: Date, candidate: Date): Date;
-    /**
-     * @hidden
-     */
-    configure(settings: ListServiceSettings): void;
-    /**
-     * @hidden
-     */
-    data(_?: Date): ListItem[];
-    /**
-     * @hidden
-     */
-    isRangeChanged(_: Date, __: Date): boolean;
-    /**
-     * @hidden
-     */
-    limitRange(min: Date, max: Date, _?: Date): Date[];
-    /**
-     * @hidden
-     */
-    total(): number;
-    /**
-     * @hidden
-     */
-    selectedIndex(value: Date): number;
-    /**
-     * @hidden
-     */
-    valueInList(value: Date): boolean;
-    private normalizedRange;
-}

package/dist/es/timepicker/services/DayPeriodService.js

@@ -1,119 +0,0 @@
-import { cloneDate } from '@progress/kendo-date-math';
-var setHours = function (date, hours) {
-    var clone = cloneDate(date);
-    clone.setHours(hours);
-    return clone;
-};
-var isAM = function (value) { return value !== null && value < 12; };
-var isPM = function (value) { return value !== null && (!value || value > 11); };
-var inRange = function (value, min, max) { return ((!min && !max) || (value >= min && value <= max)); };
-var inReverseRange = function (value, min, max) { return ((!min && !max) || value >= min || value <= max); };
-/**
- * @hidden
- */
-var DayPeriodService = /** @class */ (function () {
-    function DayPeriodService(intl) {
-        this.intl = intl;
-        this.min = null;
-        this.max = null;
-        this.part = null;
-    }
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.apply = function (value, candidate) {
-        var hour = value.getHours();
-        var hourAM = isAM(hour);
-        var candidateAM = isAM(candidate.getHours());
-        if ((hourAM && candidateAM) || (!hourAM && !candidateAM)) {
-            return value;
-        }
-        var _a = this.normalizedRange(), min = _a[0], _b = _a[1], max = _b === void 0 ? 24 : _b;
-        var result = hour + (candidateAM ? -12 : 12);
-        return setHours(value, Math.min(Math.max(min, result), (max || 24)));
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.configure = function (settings) {
-        var _a = settings.min, min = _a === void 0 ? this.min : _a, _b = settings.max, max = _b === void 0 ? this.max : _b, _c = settings.part, part = _c === void 0 ? this.part : _c;
-        this.min = min;
-        this.max = max;
-        this.part = part;
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.data = function (_) {
-        var names = this.part && this.part.names;
-        if (!names || !this.min) {
-            return [];
-        }
-        var data = [];
-        var _a = this.normalizedRange(), min = _a[0], max = _a[1];
-        var dayPeriod = this.intl.dateFormatNames(names);
-        if (isAM(min)) {
-            data.push({ text: dayPeriod.am, value: setHours(this.min, min) });
-        }
-        if (isPM(max)) {
-            data.push({ text: dayPeriod.pm, value: setHours(this.min, Math.max(12, max)) });
-        }
-        return this.min.getHours() !== min ? data.reverse() : data;
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.isRangeChanged = function (_, __) {
-        return false;
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.limitRange = function (min, max, _) {
-        return [min, max];
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.total = function () {
-        var _a = this.normalizedRange(), min = _a[0], max = _a[1];
-        if (!min && !max) {
-            return 2;
-        }
-        if (min > 11 || max < 12) {
-            return 1;
-        }
-        return 2;
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.selectedIndex = function (value) {
-        if (!this.valueInList(value) || !this.min) {
-            return -1;
-        }
-        var index = Math.floor(value.getHours() / 12);
-        return this.min.getHours() === this.normalizedRange()[0] ? index : (index === 0 ? 1 : 0);
-    };
-    /**
-     * @hidden
-     */
-    DayPeriodService.prototype.valueInList = function (value) {
-        if (!this.min || !this.max) {
-            return false;
-        }
-        var reverse = this.min.getHours() !== this.normalizedRange()[0];
-        var isInRange = reverse ? inReverseRange : inRange;
-        return isInRange(value.getHours(), this.min.getHours(), this.max.getHours());
-    };
-    DayPeriodService.prototype.normalizedRange = function () {
-        var minHour = this.min.getHours();
-        var maxHour = this.max.getHours();
-        return [
-            Math.min(minHour, maxHour),
-            Math.max(minHour, maxHour)
-        ];
-    };
-    return DayPeriodService;
-}());
-export { DayPeriodService };