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

package/dist/npm/timepicker/TimePart.d.ts

@@ -1,136 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { DateFormatPart, IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
-import { TimePickerIncrementalSteps } from './models/IncrementalSteps';
-/**
- * @hidden
- */
-export declare enum Direction {
-    Left = 0,
-    Right = 1
-}
-/**
- * @hidden
- */
-export interface TimePartChangeEvent {
-    nativeEvent: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date;
-    target: TimePart;
-}
-/**
- * @hidden
- */
-export interface TimePartProps {
-    disabled?: boolean;
-    format?: string | DateFormatOptions;
-    max?: Date;
-    min?: Date;
-    nowButton?: boolean;
-    onChange?: any;
-    steps?: TimePickerIncrementalSteps;
-    smoothScroll?: boolean;
-    tabIndex?: number;
-    value?: Date | null;
-    boundRange?: boolean;
-    onNowClick?: any;
-    className?: string;
-    onMount?: (value: Date) => void;
-    show?: boolean;
-    mobileMode?: boolean;
-}
-/**
- * @hidden
- */
-export interface TimePartState {
-    activeListIndex: number;
-}
-/**
- * @hidden
- */
-export declare class TimePart extends React.Component<TimePartProps, TimePartState> {
-    static propTypes: {
-        cancelButton: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-            skeleton: PropTypes.Requireable<string>;
-            pattern: PropTypes.Requireable<string>;
-            date: PropTypes.Requireable<string>;
-            time: PropTypes.Requireable<string>;
-            datetime: PropTypes.Requireable<string>;
-            era: PropTypes.Requireable<string>;
-            year: PropTypes.Requireable<string>;
-            month: PropTypes.Requireable<string>;
-            day: PropTypes.Requireable<string>;
-            weekday: PropTypes.Requireable<string>;
-            hour: PropTypes.Requireable<string>;
-            hour12: PropTypes.Requireable<boolean>;
-            minute: PropTypes.Requireable<string>;
-            second: PropTypes.Requireable<string>;
-            timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
-        max: PropTypes.Requireable<Date>;
-        min: PropTypes.Requireable<Date>;
-        nowButton: PropTypes.Requireable<boolean>;
-        steps: PropTypes.Requireable<PropTypes.InferProps<{
-            hour: PropTypes.Requireable<number>;
-            minute: PropTypes.Requireable<number>;
-            second: PropTypes.Requireable<number>;
-        }>>;
-        smoothScroll: PropTypes.Requireable<boolean>;
-        tabIndex: PropTypes.Requireable<number>;
-        value: PropTypes.Requireable<Date>;
-        show: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        value: null;
-        disabled: boolean;
-        nowButton: boolean;
-        cancelButton: boolean;
-        format: string;
-        min: Date;
-        max: Date;
-        steps: {};
-        boundRange: boolean;
-    };
-    readonly state: TimePartState;
-    private _element;
-    private _nowButton;
-    private dateFormatParts;
-    private timeLists;
-    private snapTime;
-    private nextTickId;
-    constructor(props: TimePartProps);
-    /**
-     * @hidden
-     */
-    get element(): HTMLSpanElement | null;
-    get value(): Date;
-    protected get intl(): IntlService;
-    private get min();
-    private get max();
-    private get steps();
-    protected get boundRange(): boolean;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    focus: (args?: any) => void;
-    protected timeFormatReducer: (acc: string, current: DateFormatPart) => string;
-    protected timeFormatFilter: (part: DateFormatPart, index: number, all: DateFormatPart[]) => boolean;
-    protected nextTick(f: () => any): void;
-    protected hasActiveButton(): boolean | null;
-    protected focusList: (dir: Direction) => void;
-    protected listReducer: (state: any, list: any, idx: number, all: any) => any;
-    protected showNowButton: () => boolean | undefined;
-    protected hasSteps(): boolean;
-    private handleKeyDown;
-    private handleListBlur;
-    private handleListFocus;
-    private handleChange;
-}

package/dist/npm/timepicker/TimePart.js

@@ -1,310 +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.TimePart = exports.Direction = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("../messages");
-var TimeList_1 = require("./TimeList");
-var utils_1 = require("../utils");
-var TimePart_1 = require("./models/TimePart");
-var utils_2 = require("./utils");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var formatRegExp = new RegExp("".concat(TimePart_1.TIME_PART.hour, "|").concat(TimePart_1.TIME_PART.minute, "|").concat(TimePart_1.TIME_PART.second, "|").concat(TimePart_1.TIME_PART.dayperiod, "|literal"));
-/**
- * @hidden
- */
-var Direction;
-(function (Direction) {
-    Direction[Direction["Left"] = 0] = "Left";
-    Direction[Direction["Right"] = 1] = "Right";
-})(Direction = exports.Direction || (exports.Direction = {}));
-/**
- * @hidden
- */
-var TimePart = /** @class */ (function (_super) {
-    __extends(TimePart, _super);
-    function TimePart(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this._nowButton = null;
-        _this.dateFormatParts = [];
-        _this.timeLists = [];
-        _this.focus = function (args) {
-            Promise.resolve().then(function () {
-                var timeList = _this.timeLists[0];
-                if ((_this.state.activeListIndex === -1) && !_this.hasActiveButton() && timeList && timeList.element) {
-                    timeList.focus(args);
-                }
-            });
-        };
-        _this.timeFormatReducer = function (acc, current) { return acc + current.pattern; };
-        // Filtering only the time part of the format.
-        // Literal types are added if the previous part is
-        // part of a time format.
-        _this.timeFormatFilter = function (part, index, all) {
-            var prevItem = index >= 1 && all[index - 1];
-            if (!prevItem) {
-                return formatRegExp.test(part.type || '');
-            }
-            if (prevItem && part.type === 'literal') {
-                return formatRegExp.test(prevItem.type || '');
-            }
-            return formatRegExp.test(part.type || '');
-        };
-        _this.focusList = function (dir) {
-            if (!_this.timeLists.length) {
-                return;
-            }
-            _this.timeLists.reduce(_this.listReducer, ([]))
-                .map(function (state) { return dir === Direction.Right ? state.next : state.prev; })
-                .map(function (list) { return list && list.element && list.element.focus({ preventScroll: true }); });
-        };
-        _this.listReducer = function (state, list, idx, all) {
-            if (state.length || list.props.id !== _this.state.activeListIndex) {
-                return state;
-            }
-            return [{
-                    next: all[idx + 1] || list,
-                    prev: all[idx - 1] || list
-                }];
-        };
-        _this.showNowButton = function () {
-            return !_this.hasSteps() && _this.props.nowButton && (0, utils_2.isInTimeRange)((0, utils_2.getNow)(), _this.min, _this.max);
-        };
-        _this.handleKeyDown = function (event) {
-            var keyCode = event.keyCode;
-            switch (keyCode) {
-                case kendo_react_common_1.Keys.left:
-                    event.preventDefault();
-                    _this.focusList(Direction.Left);
-                    return;
-                case kendo_react_common_1.Keys.right:
-                    event.preventDefault();
-                    _this.focusList(Direction.Right);
-                    return;
-                default:
-                    return;
-            }
-        };
-        _this.handleListBlur = function () {
-            _this.nextTick(function () {
-                _this.setState({ activeListIndex: -1 });
-            });
-        };
-        _this.handleListFocus = function (idx) {
-            clearTimeout(_this.nextTickId);
-            _this.setState({
-                activeListIndex: idx
-            });
-        };
-        _this.handleChange = function (candidate) {
-            var onChange = _this.props.onChange;
-            if (onChange) {
-                onChange.call(undefined, candidate);
-            }
-        };
-        _this.snapTime = (0, utils_2.snapTime)((0, utils_2.generateSnappers)(_this.props.steps, _this.props.min || TimePart.defaultProps.min));
-        _this.state = {
-            activeListIndex: -1
-        };
-        _this.hasActiveButton = _this.hasActiveButton.bind(_this);
-        return _this;
-    }
-    Object.defineProperty(TimePart.prototype, "element", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "value", {
-        get: function () {
-            return (0, utils_2.timeInRange)(this.snapTime((0, kendo_date_math_1.cloneDate)(this.props.value || utils_1.MIDNIGHT_DATE)), this.min, this.max);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "intl", {
-        get: function () {
-            return (0, kendo_react_intl_1.provideIntlService)(this);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "min", {
-        get: function () {
-            return this.snapTime(this.props.min || TimePart.defaultProps.min);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "max", {
-        get: function () {
-            return this.snapTime(this.props.max || TimePart.defaultProps.max);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "steps", {
-        get: function () {
-            return this.props.steps || TimePart.defaultProps.steps;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TimePart.prototype, "boundRange", {
-        get: function () {
-            return this.props.boundRange !== undefined
-                ? this.props.boundRange
-                : TimePart.defaultProps.boundRange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    TimePart.prototype.componentWillUnmount = function () {
-        clearTimeout(this.nextTickId);
-    };
-    TimePart.prototype.componentDidMount = function () {
-        var onMount = this.props.onMount;
-        if (onMount) {
-            onMount.call(undefined, this.value);
-        }
-    };
-    /**
-     * @hidden
-     */
-    TimePart.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, format = _a.format, smoothScroll = _a.smoothScroll, onNowClick = _a.onNowClick, className = _a.className, disabled = _a.disabled, mobileMode = _a.mobileMode, show = _a.show;
-        this.snapTime = (0, utils_2.snapTime)((0, utils_2.generateSnappers)(this.steps, this.min));
-        this.dateFormatParts = this.intl
-            .splitDateFormat(format || TimePart.defaultProps.format)
-            .filter(this.timeFormatFilter);
-        var rootClassName = (0, kendo_react_common_1.classNames)({
-            'k-disabled': disabled,
-            'k-time-part': mobileMode
-        }, className);
-        this.timeLists = [];
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var selectNowMessage = localizationService.toLanguageString(messages_1.selectNow, messages_1.messages[messages_1.selectNow]);
-        return (React.createElement("div", { className: rootClassName },
-            React.createElement("div", { className: "k-time-header" },
-                React.createElement("span", { className: "k-title" }, this.intl.formatDate(this.value, this.dateFormatParts.reduce(this.timeFormatReducer, ''))),
-                this.showNowButton() &&
-                    React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._nowButton = btn; }, className: "k-time-now", fillMode: "flat", themeColor: 'primary', title: selectNowMessage }, { 'aria-label': selectNowMessage }, { onClick: onNowClick, tabIndex: disabled ? -1 : 0 }), localizationService.toLanguageString(messages_1.now, messages_1.messages[messages_1.now]))),
-            React.createElement("div", { className: "k-time-list-container", onKeyDown: this.handleKeyDown },
-                React.createElement("span", { className: "k-time-highlight" }),
-                this.dateFormatParts.map(function (part, idx) {
-                    return (part.type !== 'literal'
-                        ? React.createElement("div", { key: idx, className: (0, kendo_react_common_1.classNames)('k-time-list-wrapper', {
-                                'k-focus': idx === _this.state.activeListIndex
-                            }), role: "presentation", tabIndex: -1 },
-                            React.createElement("span", { className: "k-title", onMouseDown: function (e) { e.preventDefault(); } }, _this.intl.dateFieldName(part)),
-                            React.createElement(TimeList_1.TimeList, { min: _this.min, max: _this.max, boundRange: _this.boundRange, part: part, step: part.type ? _this.steps[part.type] : 1, smoothScroll: smoothScroll, ref: function (el) { if (!el) {
-                                    return;
-                                } _this.timeLists.push(el); }, id: idx, onFocus: function () { _this.handleListFocus(idx); }, onBlur: _this.handleListBlur, onChange: _this.handleChange, value: _this.value, disabled: disabled, show: show, mobileMode: mobileMode }))
-                        : React.createElement("div", { key: idx, className: "k-time-separator" }, part.pattern));
-                }))));
-    };
-    TimePart.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(); });
-    };
-    TimePart.prototype.hasActiveButton = function () {
-        var activeElement = (0, kendo_react_common_1.getActiveElement)(document);
-        return (this._nowButton && activeElement === this._nowButton.element);
-    };
-    TimePart.prototype.hasSteps = function () {
-        var _this = this;
-        var keys = Object.keys(this.steps);
-        return keys.length !== keys.reduce(function (acc, k) { return acc + _this.steps[k]; }, 0);
-    };
-    TimePart.propTypes = {
-        cancelButton: PropTypes.bool,
-        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
-    };
-    TimePart.defaultProps = {
-        value: null,
-        disabled: false,
-        nowButton: true,
-        cancelButton: true,
-        format: 'hh:mm a',
-        min: utils_1.MIN_TIME,
-        max: utils_1.MAX_TIME,
-        steps: {},
-        boundRange: false
-    };
-    return TimePart;
-}(React.Component));
-exports.TimePart = TimePart;
-(0, kendo_react_intl_1.registerForIntl)(TimePart);
-(0, kendo_react_intl_1.registerForLocalization)(TimePart);