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

package/dist/npm/dateinput/models/DateInputSettings.d.ts

@@ -1,99 +0,0 @@
-import { DateInputFormatPlaceholder } from './format-placeholder';
-import { DateInputIncrementalSteps } from './incremental-steps';
-import { DateFormatOptions } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface DateInputSettings {
-    /**
-     * Specifies the `date` format which is used for formatting the value ([see example]({% slug formats_dateinput %})). If not set, the default format will be used.
-     */
-    format?: string | DateFormatOptions;
-    /**
-     * Specifies the descriptions of the format sections in the input field ([more information and example]({% slug placeholders_dateinput %})).
-     */
-    formatPlaceholder?: DateInputFormatPlaceholder;
-    /**
-     * Specifies the width of the DateInput.
-     */
-    width?: number | string;
-    /**
-     * Sets the `tabIndex` property of the DateInput.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the title of the `input` element of the DateInput.
-     */
-    title?: string;
-    /**
-     * Specifies the incremental steps of the DateInput ([see example]({% slug incrementalsteps_dateinput %})).
-     *
-     * The available options are:
-     * - `year: Number`—Controls the incremental step of the year value.
-     * - `month: Number`—Controls the incremental step of the month value.
-     * - `day: Number`—Controls the incremental step of the day value.
-     * - `hour: Number`—Controls the incremental step of the hour value.
-     * - `minute: Number`—Controls the incremental step of the minute value.
-     * - `second: Number`—Controls the incremental step of the second value.
-     */
-    steps?: DateInputIncrementalSteps;
-    /**
-     * Specifies the smallest date that is valid ([see example]({% slug dateranges_dateinput %})).
-     */
-    min?: Date;
-    /**
-     * Specifies the greatest date that is valid ([see example]({% slug dateranges_dateinput %})).
-     */
-    max?: Date;
-    /**
-     * Specifies the smallest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range)).
-     */
-    minTime?: Date;
-    /**
-     * Specifies the greatest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range)).
-     */
-    maxTime?: Date;
-    /**
-     * Determines whether the DateInput is disabled ([see example]({% slug disabled_dateinput %})).
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_dateinput %})).
-     */
-    spinners?: boolean;
-    /**
-     * Specifies the name property of the input DOM element.
-     */
-    name?: string;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Renders a floating label for the DateInput.
-     */
-    label?: string;
-    /**
-     * Sets the `id` of the `input` DOM element.
-     */
-    id?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
-     * For more information, refer to the article on
-     * [placeholders]({% slug placeholders_dateinput %}).
-     */
-    placeholder?: string | null;
-}

package/dist/npm/dateinput/models/DateInputSettings.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/dateinput/models/format-placeholder.d.ts

@@ -1,39 +0,0 @@
-/**
- * The interface which defines a custom-format placeholder structure in the DateInput.
- */
-export interface DateInputCustomFormatPlaceholder {
-    /**
-     * Defines the description for the `year` format section.
-     */
-    year?: string;
-    /**
-     * Defines the description for the `month` format section.
-     */
-    month?: string;
-    /**
-     * Defines the description for the `day` format section.
-     */
-    day?: string;
-    /**
-     * Defines the description for the `hour` format section.
-     */
-    hour?: string;
-    /**
-     * Defines the description for the `minute` format section.
-     */
-    minute?: string;
-    /**
-     * Defines the description for the `second` format section.
-     */
-    second?: string;
-}
-/**
- * The union type which defines all possible format options of the DateInput placeholder.
- *
- * The available options are:
- * * `'wide'`—Displays the full description of the format section. For example, turns `MM` into `month`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'narrow'`—Displays the narrow description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'short'`—Displays the short description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'formatPattern'`—Directly displays the format section. For example, turns `MM` into `MM`.
- */
-export declare type DateInputFormatPlaceholder = 'wide' | 'narrow' | 'short' | 'formatPattern' | DateInputCustomFormatPlaceholder;

package/dist/npm/dateinput/models/format-placeholder.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/dateinput/models/incremental-steps.d.ts

@@ -1,11 +0,0 @@
-/**
- * The interface which defines all possible incremental steps in the DateInput.
- */
-export interface DateInputIncrementalSteps {
-    year?: number;
-    month?: number;
-    day?: number;
-    hour?: number;
-    minute?: number;
-    second?: number;
-}

package/dist/npm/dateinput/models/incremental-steps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/dateinput/models/index.d.ts

@@ -1,7 +0,0 @@
-import { DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder } from './format-placeholder';
-import { DateInputIncrementalSteps } from './incremental-steps';
-import { DateInputSettings } from './DateInputSettings';
-import { DatePart, KendoDate } from './kendo-date';
-import { Mask } from './mask';
-import { Selection } from './selection';
-export { DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DateInputIncrementalSteps, DateInputSettings, DatePart, KendoDate, Mask, Selection };

package/dist/npm/dateinput/models/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mask = exports.KendoDate = void 0;
-var kendo_date_1 = require("./kendo-date");
-Object.defineProperty(exports, "KendoDate", { enumerable: true, get: function () { return kendo_date_1.KendoDate; } });
-var mask_1 = require("./mask");
-Object.defineProperty(exports, "Mask", { enumerable: true, get: function () { return mask_1.Mask; } });

package/dist/npm/dateinput/models/kendo-date.d.ts

@@ -1,53 +0,0 @@
-import { DateInputFormatPlaceholder } from './format-placeholder';
-import { IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface DatePart {
-    value: Date | null;
-}
-/**
- * @hidden
- */
-export declare class KendoDate {
-    year: boolean;
-    month: boolean;
-    date: boolean;
-    hours: boolean;
-    minutes: boolean;
-    seconds: boolean;
-    milliseconds: boolean;
-    formatPlaceholder: DateInputFormatPlaceholder;
-    format: string | DateFormatOptions;
-    private leadingZero;
-    private monthNames;
-    private typedMonthPart;
-    private knownParts;
-    private symbols;
-    private intlProvider;
-    get intl(): IntlService;
-    private _value;
-    get value(): Date;
-    constructor(intlProvider: () => IntlService, formatPlaceholder: DateInputFormatPlaceholder, format: string | DateFormatOptions);
-    setValue(value: Date | null): void;
-    hasValue(): boolean;
-    getDateObject(): Date | null;
-    getTextAndFormat(): {
-        text: string;
-        format: string;
-    };
-    modifyExisting(value: boolean): void;
-    getExisting(symbol: string): boolean;
-    setExisting(symbol: string, value: boolean): void;
-    modifyPart(symbol: string, offset: number): void;
-    parsePart(symbol: string, currentChar: string): DatePart;
-    symbolMap(symbol: string): string;
-    resetLeadingZero(): boolean;
-    private isAbbrMonth;
-    private partPattern;
-    private matchMonth;
-    private allFormatedMonths;
-    private dateFormatString;
-    private merge;
-    private dateFieldName;
-}

package/dist/npm/dateinput/models/kendo-date.js

@@ -1,341 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KendoDate = void 0;
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var mask_1 = require("./mask");
-var utils_1 = require("./../utils");
-/**
- * @hidden
- */
-var KendoDate = /** @class */ (function () {
-    function KendoDate(intlProvider, formatPlaceholder, format) {
-        this.year = true;
-        this.month = true;
-        this.date = true;
-        this.hours = true;
-        this.minutes = true;
-        this.seconds = true;
-        this.milliseconds = true;
-        this.leadingZero = null;
-        this.typedMonthPart = '';
-        this.knownParts = 'adHhmMsEy';
-        this.symbols = {
-            'E': 'E',
-            'H': 'H',
-            'M': 'M',
-            'a': 'a',
-            'd': 'd',
-            'h': 'h',
-            'm': 'm',
-            's': 's',
-            'y': 'y'
-        };
-        this._value = (0, kendo_date_math_1.getDate)(new Date());
-        this.intlProvider = intlProvider;
-        this.formatPlaceholder = formatPlaceholder;
-        this.format = format;
-        this.monthNames = this.allFormatedMonths();
-    }
-    Object.defineProperty(KendoDate.prototype, "intl", {
-        get: function () {
-            return this.intlProvider();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(KendoDate.prototype, "value", {
-        get: function () {
-            return this._value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    KendoDate.prototype.setValue = function (value) {
-        if (!value) {
-            this._value = (0, kendo_date_math_1.getDate)(new Date());
-            this.modifyExisting(false);
-        }
-        else if (!(0, kendo_date_math_1.isEqual)(value, this._value)) {
-            this._value = (0, kendo_date_math_1.cloneDate)(value);
-            this.modifyExisting(true);
-        }
-    };
-    KendoDate.prototype.hasValue = function () {
-        var _this = this;
-        var pred = function (a, p) { return a || p.type !== 'literal' && p.type !== 'dayperiod' && _this.getExisting(p.pattern[0]); };
-        return this.intl.splitDateFormat(this.format).reduce(pred, false);
-    };
-    KendoDate.prototype.getDateObject = function () {
-        for (var i = 0; i < this.knownParts.length; i++) {
-            if (!this.getExisting(this.knownParts[i])) {
-                return null;
-            }
-        }
-        return (0, kendo_date_math_1.cloneDate)(this.value);
-    };
-    KendoDate.prototype.getTextAndFormat = function () {
-        return this.merge(this.intl.formatDate(this.value, this.format), this.dateFormatString(this.value, this.format));
-    };
-    KendoDate.prototype.modifyExisting = function (value) {
-        var sampleFormat = this.dateFormatString(this.value, this.format).symbols;
-        for (var i = 0; i < sampleFormat.length; i++) {
-            this.setExisting(sampleFormat[i], value);
-        }
-    };
-    KendoDate.prototype.getExisting = function (symbol) {
-        switch (symbol) {
-            case 'y': return this.year;
-            case 'M':
-            case 'L': return this.month;
-            case 'd': return this.date;
-            case 'E': return this.date && this.month && this.year;
-            case 'h':
-            case 'H': return this.hours;
-            case 'm': return this.minutes;
-            case 's': return this.seconds;
-            default: return true;
-        }
-    };
-    KendoDate.prototype.setExisting = function (symbol, value) {
-        switch (symbol) {
-            case 'y':
-                // allow 2/29 dates
-                this.year = value;
-                if (value === false) {
-                    this._value.setFullYear(2000);
-                }
-                break;
-            case 'M':
-                // make sure you can type 31 in the day part
-                this.month = value;
-                if (value === false) {
-                    this._value.setMonth(0);
-                }
-                break;
-            case 'd':
-                this.date = value;
-                break;
-            case 'h':
-            case 'H':
-                this.hours = value;
-                break;
-            case 'm':
-                this.minutes = value;
-                break;
-            case 's':
-                this.seconds = value;
-                break;
-            default: return;
-        }
-    };
-    KendoDate.prototype.modifyPart = function (symbol, offset) {
-        var newValue = (0, kendo_date_math_1.cloneDate)(this.value);
-        switch (symbol) {
-            case 'y':
-                newValue.setFullYear(newValue.getFullYear() + offset);
-                break;
-            case 'M':
-                newValue = (0, kendo_date_math_1.addMonths)(this.value, offset);
-                break;
-            case 'd':
-            case 'E':
-                newValue.setDate(newValue.getDate() + offset);
-                break;
-            case 'h':
-            case 'H':
-                newValue.setHours(newValue.getHours() + offset);
-                break;
-            case 'm':
-                newValue.setMinutes(newValue.getMinutes() + offset);
-                break;
-            case 's':
-                newValue.setSeconds(newValue.getSeconds() + offset);
-                break;
-            case 'a':
-                newValue.setHours(newValue.getHours() + (12 * offset));
-                break;
-            default: break;
-        }
-        this.setExisting(symbol, true);
-        this._value = newValue;
-    };
-    KendoDate.prototype.parsePart = function (symbol, currentChar) {
-        var _a;
-        this.resetLeadingZero();
-        if (!currentChar) {
-            this.setExisting(symbol, false);
-            return { value: null };
-        }
-        var baseDate = this.intl.formatDate(this.value, this.format);
-        var dateParts = this.dateFormatString(this.value, this.format);
-        var baseFormat = dateParts.symbols;
-        var replaced = false;
-        var prefix = '';
-        var current = '';
-        var suffix = '';
-        for (var i = 0; i < baseDate.length; i++) {
-            if (baseFormat[i] === symbol) {
-                current += this.getExisting(symbol) ? baseDate[i] : '0';
-                replaced = true;
-            }
-            else if (!replaced) {
-                prefix += baseDate[i];
-            }
-            else {
-                suffix += baseDate[i];
-            }
-        }
-        var parsedDate = null;
-        var month = this.matchMonth(currentChar);
-        while (current.length > 0 && current.charAt(0) === '0') {
-            current = current.slice(1);
-        }
-        if (current.length >= 4) {
-            current = '';
-        }
-        for (var i = 0; i < 2; i++) {
-            var middle = current + currentChar;
-            var middleNumber = parseInt(middle, 10);
-            parsedDate = this.intl.parseDate(prefix + middle + suffix, this.format);
-            if (!parsedDate && !isNaN(middleNumber) && !isNaN(parseInt(currentChar, 10))) {
-                if (symbol === 'M' && !month) {
-                    var monthNumber = middleNumber - 1;
-                    if (monthNumber > -1 && monthNumber < 12) {
-                        parsedDate = (0, kendo_date_math_1.cloneDate)(this.value);
-                        parsedDate.setMonth(monthNumber);
-                        if (parsedDate.getMonth() !== monthNumber) {
-                            parsedDate = (0, kendo_date_math_1.lastDayOfMonth)((0, kendo_date_math_1.addMonths)(parsedDate, -1));
-                        }
-                    }
-                }
-                if (symbol === 'y') {
-                    parsedDate = (0, kendo_date_math_1.createDate)(parseInt(middle, 10), this.month ? this.value.getMonth() : 0, this.date ? this.value.getDate() : 1, this.hours ? this.value.getHours() : 0, this.minutes ? this.value.getMinutes() : 0, this.seconds ? this.value.getSeconds() : 0, this.milliseconds ? this.value.getMilliseconds() : 0);
-                    if (this.date && parsedDate.getDate() !== this.value.getDate()) {
-                        parsedDate = (0, kendo_date_math_1.lastDayOfMonth)((0, kendo_date_math_1.addMonths)(parsedDate, -1));
-                    }
-                }
-            }
-            if (parsedDate) {
-                this._value = parsedDate;
-                this.setExisting(symbol, true);
-                return { value: this.value };
-            }
-            current = '';
-        }
-        if (month) {
-            parsedDate = this.intl.parseDate(prefix + month + suffix, this.format);
-            if (parsedDate) {
-                this._value = parsedDate;
-                this.setExisting(symbol, true);
-                return { value: this.value };
-            }
-        }
-        if (currentChar === '0') {
-            this.leadingZero = !this.isAbbrMonth(dateParts.partMap, symbol) ? (_a = {}, _a[symbol] = true, _a) : null;
-            this.setExisting(symbol, false);
-        }
-        return { value: null };
-    };
-    KendoDate.prototype.symbolMap = function (symbol) {
-        return this.intl.splitDateFormat(this.format).reduce(utils_1.dateSymbolMap, {})[symbol];
-    };
-    KendoDate.prototype.resetLeadingZero = function () {
-        var hasLeadingZero = this.leadingZero !== null;
-        this.leadingZero = null;
-        return hasLeadingZero;
-    };
-    KendoDate.prototype.isAbbrMonth = function (parts, symbol) {
-        var pattern = this.partPattern(parts, symbol);
-        return pattern.type === 'month' && pattern.names;
-    };
-    KendoDate.prototype.partPattern = function (parts, symbol) {
-        return parts.filter(function (part) { return part.pattern.indexOf(symbol) !== -1; })[0];
-    };
-    KendoDate.prototype.matchMonth = function (typedChar) {
-        this.typedMonthPart += typedChar.toLowerCase();
-        if (this.monthNames.length === 0) {
-            return '';
-        }
-        while (this.typedMonthPart.length > 0) {
-            for (var i = 0; i < this.monthNames.length; i++) {
-                if (this.monthNames[i].toLowerCase().indexOf(this.typedMonthPart) === 0) {
-                    return this.monthNames[i];
-                }
-            }
-            var monthAsNum = parseInt(this.typedMonthPart, 10);
-            /* ensure they exact match */
-            if (monthAsNum >= 1 && monthAsNum <= 12 && monthAsNum.toString() === this.typedMonthPart) {
-                return this.monthNames[monthAsNum - 1];
-            }
-            this.typedMonthPart = this.typedMonthPart.substring(1, this.typedMonthPart.length);
-        }
-        return '';
-    };
-    KendoDate.prototype.allFormatedMonths = function () {
-        var dateFormatParts = this.intl.splitDateFormat(this.format);
-        for (var i = 0; i < dateFormatParts.length; i++) {
-            if (dateFormatParts[i].type === 'month' && dateFormatParts[i].names) {
-                return this.intl.dateFormatNames(dateFormatParts[i].names);
-            }
-        }
-        return [];
-    };
-    KendoDate.prototype.dateFormatString = function (date, format) {
-        var dateFormatParts = this.intl.splitDateFormat(format);
-        var parts = [];
-        var partMap = [];
-        for (var i = 0; i < dateFormatParts.length; i++) {
-            var partLength = this.intl.formatDate(date, { pattern: dateFormatParts[i].pattern }).length;
-            while (partLength > 0) {
-                parts.push(this.symbols[dateFormatParts[i].pattern[0]] || '_');
-                partMap.push(dateFormatParts[i]);
-                partLength--;
-            }
-        }
-        var returnValue = new mask_1.Mask();
-        returnValue.symbols = parts.join('');
-        returnValue.partMap = partMap;
-        return returnValue;
-    };
-    KendoDate.prototype.merge = function (text, mask) {
-        // Important: right to left.
-        var resultText = '';
-        var resultFormat = '';
-        var format = mask.symbols;
-        for (var r = format.length - 1; r >= 0; r--) {
-            if (this.knownParts.indexOf(format[r]) === -1 || this.getExisting(format[r])) {
-                resultText = text[r] + resultText;
-                resultFormat = format[r] + resultFormat;
-            }
-            else {
-                var currentSymbol = format[r];
-                while (r >= 0 && currentSymbol === format[r]) {
-                    r--;
-                }
-                r++;
-                if (this.leadingZero && this.leadingZero[currentSymbol]) {
-                    resultText = '0' + resultText;
-                }
-                else {
-                    resultText = this.dateFieldName(mask.partMap[r]) + resultText;
-                }
-                while (resultFormat.length < resultText.length) {
-                    resultFormat = format[r] + resultFormat;
-                }
-            }
-        }
-        return { text: resultText, format: resultFormat };
-    };
-    KendoDate.prototype.dateFieldName = function (part) {
-        var formatPlaceholder = (this.formatPlaceholder || 'wide');
-        if (formatPlaceholder[part.type]) {
-            return formatPlaceholder[part.type];
-        }
-        if (formatPlaceholder === 'formatPattern') {
-            return part.pattern;
-        }
-        return this.intl.dateFieldName(Object.assign(part, { nameType: formatPlaceholder }));
-    };
-    return KendoDate;
-}());
-exports.KendoDate = KendoDate;

package/dist/npm/dateinput/models/mask.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export declare class Mask {
-    symbols: string;
-    partMap: any[];
-}

package/dist/npm/dateinput/models/mask.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mask = void 0;
-/**
- * @hidden
- */
-var Mask = /** @class */ (function () {
-    function Mask() {
-        this.symbols = '';
-        this.partMap = [];
-    }
-    return Mask;
-}());
-exports.Mask = Mask;

package/dist/npm/dateinput/models/selection.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export declare type Selection = {
-    start: number;
-    end: number;
-};

package/dist/npm/dateinput/models/selection.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });