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

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

@@ -1,145 +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 __());
-    };
-})();
-import * as React from 'react';
-import { View } from './View';
-import { CalendarViewEnum } from '../models';
-import { classNames } from '@progress/kendo-react-common';
-import { cloneDate } from '@progress/kendo-date-math';
-import { MAX_DATE, MIN_DATE } from '../../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: 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 === 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 = 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 === CalendarViewEnum.month,
-            'k-calendar-yearview': this.props.activeView === CalendarViewEnum.year,
-            'k-calendar-decadeview': this.props.activeView === CalendarViewEnum.decade,
-            'k-calendar-centuryview': this.props.activeView === 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, { 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: MIN_DATE,
-        max: MAX_DATE
-    };
-    return HorizontalViewList;
-}(React.Component));
-export { HorizontalViewList };

package/dist/es/calendar/components/MultiViewCalendar.d.ts

@@ -1,208 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Action, ActiveView, SelectionRange, CalendarViewEnum, SelectionRangeEnd, MultiViewCalendarSettings } from '../models';
-/**
- * The arguments for the `onChange` event of the MultiViewCalendar. * The generic argument sets the target type of the event. Defaults to `MultiViewCalendar`.
- */
-export interface MultiViewCalendarChangeEvent<T = MultiViewCalendar> {
-    syntheticEvent: React.SyntheticEvent<any>;
-    nativeEvent?: any;
-    value: Date | Date[] | SelectionRange | null;
-    target: T;
-}
-/**
- * Represents the props of the [KendoReact MultiViewCalendar component]({% slug overview_multiviewcalendar %}). The generic argument is passed to the `onChange` property and is used as a target in the [`MultiViewCalendarChangeEvent`]({% slug api_dateinputs_multiviewcalendarchangeevent %}) interface.
- */
-export interface MultiViewCalendarProps<T = any> extends MultiViewCalendarSettings {
-    /** @hidden */
-    _ref?: (instance: {
-        element: HTMLDivElement | null;
-    }) => void;
-    /**
-     * Sets the default value of the MultiViewCalendar.
-     */
-    defaultValue?: Date | Date[] | SelectionRange | null;
-    /**
-     * An event that is called after the value of the MultiViewCalendar has changed. The new value is generated based on the current `mode` of the MultiViewCalendar.
-     */
-    onChange?: (event: MultiViewCalendarChangeEvent<T>) => void;
-    /**
-     * Sets the value of the MultiViewCalendar. Based on the value type, the MultiViewcalendar renders a single, multiple, or range selection.
-     */
-    value?: Date | Date[] | SelectionRange | null;
-    /** @hidden */
-    mobileMode?: boolean;
-    /**
-     * @hidden
-     */
-    dir?: string;
-}
-/**
- * @hidden
- */
-export interface MultiViewCalendarState {
-    value: Date | Date[] | SelectionRange | null;
-    activeView: CalendarViewEnum;
-    focusedDate: Date;
-    navigateDate: Date;
-}
-/** @hidden */
-export declare class MultiViewCalendarWithoutContext extends React.Component<MultiViewCalendarProps, MultiViewCalendarState> {
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        activeRangeEnd: PropTypes.Requireable<"end" | "start">;
-        allowReverse: PropTypes.Requireable<boolean>;
-        bottomView: PropTypes.Requireable<ActiveView>;
-        className: PropTypes.Requireable<string>;
-        defaultActiveView: PropTypes.Requireable<ActiveView>;
-        defaultValue: PropTypes.Requireable<any>;
-        disabled: PropTypes.Requireable<boolean>;
-        focusedDate: PropTypes.Requireable<Date>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        max: PropTypes.Requireable<Date>;
-        min: PropTypes.Requireable<Date>;
-        mode: PropTypes.Requireable<"multiple" | "range" | "single">;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        tabIndex: PropTypes.Requireable<number>;
-        topView: PropTypes.Requireable<ActiveView>;
-        value: PropTypes.Requireable<any>;
-        views: (props: MultiViewCalendarProps, propName: keyof MultiViewCalendarProps<any>, componentName: string) => Error | null;
-        weekNumber: PropTypes.Requireable<boolean>;
-        dir: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        disabled: boolean;
-        min: Date;
-        max: Date;
-        navigation: boolean;
-        defaultActiveView: ActiveView;
-        defaultValue: null;
-        topView: ActiveView;
-        tabIndex: number;
-        bottomView: ActiveView;
-        views: number;
-        allowReverse: boolean;
-    };
-    protected dates: any[];
-    private lastView;
-    private lastViewsCount;
-    protected selectedDate: Date | null;
-    protected selectedMultiple: Date[] | null;
-    protected selectedRange: SelectionRange;
-    protected _focusedDate: Date;
-    protected cellUID: string;
-    private valueDuringOnChange?;
-    private activeRangeEnd;
-    private _element;
-    private bus;
-    private navigation;
-    private intl;
-    private localization;
-    private service;
-    private wrapperID;
-    private calendarViewList;
-    private isActive;
-    private calculateFocusFromValue;
-    private get isRtl();
-    /**
-     * Gets the wrapping element of the MultiViewCalendar component.
-     */
-    get element(): HTMLDivElement | null;
-    /**
-     * Gets the value of the MultiViewCalendar.
-     */
-    get value(): Date | Date[] | SelectionRange | null;
-    /**
-     * Gets the current focused date of the MultiViewCalendar.
-     */
-    get focusedDate(): Date;
-    protected get min(): Date;
-    protected get max(): Date;
-    protected get bottomView(): CalendarViewEnum;
-    protected get topView(): CalendarViewEnum;
-    protected get activeRange(): SelectionRangeEnd;
-    protected get todayIsInRange(): boolean;
-    constructor(props: MultiViewCalendarProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    protected clampRange: (value: Date) => SelectionRange;
-    protected rangeWithFocused: (range: SelectionRange, focusedDate: Date) => SelectionRange;
-    protected generateRange: (candidate: Date, value: SelectionRange) => SelectionRange;
-    protected canNavigate: (action: Action) => boolean;
-    protected isInMonth(date: Date, month: Date): boolean;
-    protected navigate: (action: Action, date: Date) => void;
-    protected move: (action: Action, date: Date) => Date;
-    protected clampDate: (value: Date) => Date;
-    protected shouldAutoCorrect: (candidate: Date, value: SelectionRange) => boolean;
-    private handleCellEnter;
-    private handleMouseDown;
-    private handleClick;
-    private handleFocus;
-    private handleBlur;
-    private handleTodayClick;
-    private handlePrevButtonClick;
-    private handleNextButtonClick;
-    private handleKeyDown;
-    private handleViewChange;
-    private handleDateChange;
-}
-/**
- * Represents the PropsContext of the `MultiViewCalendar` component.
- * Used for global configuration of all `MultiViewCalendar` instances.
- *
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
- */
-export declare const MultiViewCalendarPropsContext: React.Context<(p: MultiViewCalendarProps<any>) => MultiViewCalendarProps<any>>;
-/**
- * Represent the `ref` of the MultiViewCalendar component.
- */
-export interface MultiViewCalendarHandle extends Pick<MultiViewCalendarWithoutContext, keyof MultiViewCalendarWithoutContext> {
-    /**
-     * Returns the HTML element of the MultiViewCalendar component.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Gets the current focused date of the MultiViewCalendar.
-     */
-    focusedDate: Date;
-    /**
-     * Gets the value of the MultiViewCalendar.
-     */
-    value: Date | Date[] | SelectionRange | null;
-}
-/** @hidden */
-export declare type MultiViewCalendar = MultiViewCalendarHandle;
-/**
- * Represents the KendoReact MultiViewCalendar Component.
- *
- * Accepts properties of type [MultiViewCalendarProps]({% slug api_dateinputs_multiviewcalendarprops %}).
- * Obtaining the `ref` returns an object of type [MultiViewCalendarHandle]({% slug api_dateinputs_multiviewcalendarhandle %}).
- */
-export declare const MultiViewCalendar: React.ForwardRefExoticComponent<MultiViewCalendarProps<any> & React.RefAttributes<any>>;