@alfalab/core-components-date-input 5.0.0 → 5.1.0-snapshot-92b8690

package/dynamic-mixins/Component.d.ts

@@ -0,0 +1,46 @@
+import React, { ChangeEvent } from 'react';
+import { InputProps } from '@alfalab/core-components-input';
+export declare type DateInputProps = Omit<InputProps, 'onChange'> & {
+    /**
+     * Управление нативным режимом на мобильных устройствах
+     */
+    mobileMode?: 'input' | 'native';
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        date: Date;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        date: Date;
+        value: string;
+    }) => void;
+};
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
+    /**
+     * Управление нативным режимом на мобильных устройствах
+     */
+    mobileMode?: "input" | "native" | undefined;
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        date: Date;
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        date: Date;
+        value: string;
+    }) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/Component.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var dynamicMixins = require('@alfalab/core-components-input/dynamic-mixins');
+var format = require('./utils/format.js');
+var nativeSupports = require('./utils/native-supports.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+var DateInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.mobileMode, mobileMode = _b === void 0 ? 'input' : _b, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, rightAddons = _a.rightAddons, error = _a.error, propValue = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, onComplete = _a.onComplete, restProps = tslib.__rest(_a, ["mobileMode", "defaultValue", "rightAddons", "error", "value", "onBlur", "onChange", "onComplete"]);
+    var inputRef = React.useRef(null);
+    var _d = React.useState(false), shouldRenderNative = _d[0], setShouldRenderNative = _d[1];
+    var _e = React.useState(propValue || defaultValue), value = _e[0], setValue = _e[1];
+    var moveCaretTo = function (pos) {
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+        });
+    };
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        var caretPos = event.target.selectionStart || 0;
+        // Позволяем вводить только цифры и точки
+        if (/[^\d.]/.test(newValue)) {
+            moveCaretTo(caretPos - 1);
+            return;
+        }
+        // Не даем вводить больше, чем 2 точки
+        if (getDotsCount(newValue) > 2) {
+            moveCaretTo(caretPos - 1);
+            return;
+        }
+        // Форматируем введенное значение (добавляем точки)
+        var formattedValue = format.format(newValue);
+        var date = format.parseDateString(formattedValue);
+        // Управляем кареткой, если она находится не в конце инпута
+        if (caretPos !== newValue.length) {
+            if (formattedValue === value) {
+                moveCaretTo(caretPos);
+            }
+            else if (newValue.length - formattedValue.length === 1) {
+                moveCaretTo(caretPos);
+            }
+            else if (formattedValue.length - newValue.length === 1 &&
+                getDotsCount(formattedValue) > getDotsCount(newValue)) {
+                moveCaretTo(caretPos);
+            }
+        }
+        setValue(formattedValue);
+        if (onChange)
+            onChange(event, { date: date, value: formattedValue });
+        if (format.isCompleteDateInput(formattedValue)) {
+            var valid = formattedValue.length > 0 && format.isValid(formattedValue);
+            if (!valid)
+                return;
+            if (onComplete)
+                onComplete(event, { date: date, value: formattedValue });
+        }
+    };
+    var handleNativeInputChange = function (event) {
+        var newDate = format.parseDateString(event.target.value, format.NATIVE_DATE_FORMAT);
+        var newValue = event.target.value === '' ? '' : format.formatDate(newDate);
+        setValue(newValue);
+        if (onComplete)
+            onComplete(event, { date: newDate, value: newValue });
+        if (onChange)
+            onChange(event, { date: newDate, value: newValue });
+    };
+    var handleBlur = function (event) {
+        if (onBlur)
+            onBlur(event);
+    };
+    React.useEffect(function () {
+        if (mobileMode === 'native' && nativeSupports.isInputDateSupported()) {
+            setShouldRenderNative(true);
+        }
+    }, [mobileMode]);
+    React.useEffect(function () {
+        if (typeof propValue !== 'undefined') {
+            setValue(propValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [propValue]);
+    return (React__default.default.createElement(dynamicMixins.Input, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+            rightAddons,
+            shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: index_module.nativeInput }))) })));
+});
+function getDotsCount(value) {
+    return (value.match(/\./g) || []).length;
+}
+
+exports.DateInput = DateInput;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, FocusEvent, forwardRef, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport {\n    format,\n    formatDate,\n    isCompleteDateInput,\n    isInputDateSupported,\n    isValid,\n    NATIVE_DATE_FORMAT,\n    parseDateString,\n} from './utils';\n\nimport styles from './index.module.css';\n\nexport type DateInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Управление нативным режимом на мобильных устройствах\n     */\n    mobileMode?: 'input' | 'native';\n\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { date: Date; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { date: Date; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(\n    (\n        {\n            mobileMode = 'input',\n            defaultValue = '',\n            rightAddons,\n            error,\n            value: propValue,\n            onBlur,\n            onChange,\n            onComplete,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const [shouldRenderNative, setShouldRenderNative] = useState(false);\n\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const moveCaretTo = (pos: number) => {\n            requestAnimationFrame(() => {\n                inputRef.current?.setSelectionRange(pos, pos);\n            });\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n            const caretPos = event.target.selectionStart || 0;\n\n            // Позволяем вводить только цифры и точки\n            if (/[^\\d.]/.test(newValue)) {\n                moveCaretTo(caretPos - 1);\n\n                return;\n            }\n\n            // Не даем вводить больше, чем 2 точки\n            if (getDotsCount(newValue) > 2) {\n                moveCaretTo(caretPos - 1);\n\n                return;\n            }\n\n            // Форматируем введенное значение (добавляем точки)\n            const formattedValue = format(newValue);\n            const date = parseDateString(formattedValue);\n\n            // Управляем кареткой, если она находится не в конце инпута\n            if (caretPos !== newValue.length) {\n                if (formattedValue === value) {\n                    moveCaretTo(caretPos);\n                } else if (newValue.length - formattedValue.length === 1) {\n                    moveCaretTo(caretPos);\n                } else if (\n                    formattedValue.length - newValue.length === 1 &&\n                    getDotsCount(formattedValue) > getDotsCount(newValue)\n                ) {\n                    moveCaretTo(caretPos);\n                }\n            }\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { date, value: formattedValue });\n\n            if (isCompleteDateInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValid(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) onComplete(event, { date, value: formattedValue });\n            }\n        };\n\n        const handleNativeInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);\n            const newValue = event.target.value === '' ? '' : formatDate(newDate);\n\n            setValue(newValue);\n\n            if (onComplete) onComplete(event, { date: newDate, value: newValue });\n            if (onChange) onChange(event, { date: newDate, value: newValue });\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n            if (onBlur) onBlur(event);\n        };\n\n        useEffect(() => {\n            if (mobileMode === 'native' && isInputDateSupported()) {\n                setShouldRenderNative(true);\n            }\n        }, [mobileMode]);\n\n        useEffect(() => {\n            if (typeof propValue !== 'undefined') {\n                setValue(propValue);\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [propValue]);\n\n        return (\n            <Input\n                {...restProps}\n                ref={mergeRefs([ref, inputRef])}\n                value={value}\n                inputMode='decimal'\n                pattern='[0-9\\.]*'\n                onChange={handleChange}\n                onBlur={handleBlur}\n                placeholder='ДД.ММ.ГГГГ'\n                error={error}\n                rightAddons={\n                    <React.Fragment>\n                        {rightAddons}\n\n                        {shouldRenderNative && (\n                            <input\n                                type='date'\n                                ref={ref}\n                                defaultValue={defaultValue}\n                                onChange={handleNativeInputChange}\n                                className={styles.nativeInput}\n                            />\n                        )}\n                    </React.Fragment>\n                }\n            />\n        );\n    },\n);\n\nfunction getDotsCount(value: string) {\n    return (value.match(/\\./g) || []).length;\n}\n"],"names":["forwardRef","__rest","useRef","useState","format","parseDateString","isCompleteDateInput","isValid","NATIVE_DATE_FORMAT","formatDate","useEffect","isInputDateSupported","React","Input","__assign","mergeRefs","styles"],"mappings":"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"}

package/dynamic-mixins/index.css

@@ -0,0 +1,18 @@
+:root {
+    --gap-0: 0px;
+} .date-input__nativeInput_1n1gh {
+    opacity: 0;
+    position: absolute;
+    top: var(--gap-0);
+    left: var(--gap-0);
+    width: 100%;
+    height: 100%;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    z-index: 1
+} .date-input__nativeInput_1n1gh::-webkit-calendar-picker-indicator {
+        display: none;
+    } .date-input__nativeInput_1n1gh::-webkit-inner-spin-button {
+        display: none;
+    }

package/dynamic-mixins/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Component';
+export * from './utils';

package/dynamic-mixins/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+var format = require('./utils/format.js');
+var nativeSupports = require('./utils/native-supports.js');
+
+
+
+exports.DateInput = Component.DateInput;
+exports.DATE_FORMAT = format.DATE_FORMAT;
+exports.DATE_MASK = format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = format.NATIVE_DATE_FORMAT;
+exports.format = format.format;
+exports.formatDate = format.formatDate;
+exports.isCompleteDateInput = format.isCompleteDateInput;
+exports.isValid = format.isValid;
+exports.parseDateString = format.parseDateString;
+exports.isInputDateSupported = nativeSupports.isInputDateSupported;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"nativeInput":"date-input__nativeInput_1n1gh"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/dynamic-mixins/utils/format.d.ts

@@ -0,0 +1,8 @@
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const isCompleteDateInput: (input: string) => boolean;
+export declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+export declare const isValid: (inputValue?: string) => boolean;
+export declare const format: (value: string) => string;

package/dynamic-mixins/utils/format.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dateFnsFormat = require('date-fns/format');
+var dateFnsIsValid = require('date-fns/isValid');
+var parse = require('date-fns/parse');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsFormat__default = /*#__PURE__*/_interopDefaultCompat(dateFnsFormat);
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
+
+var DATE_FORMAT = 'dd.MM.yyyy';
+var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
+var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
+var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
+var formatDate = function (date, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return dateFnsFormat__default.default(date, dateFormat);
+};
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
+var isValid = function (inputValue) {
+    return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default.default(parseDateString(inputValue)));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
+        .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
+        .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d).*/, '$1') // 12.12.20056 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
+        .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
+        .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005
+        .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
+        .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
+        .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
+        .replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005
+        .replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005
+        .replace(/^()\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005
+        .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3');
+}; // .2.2005123123 => .2.2005
+
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
+exports.format = format;
+exports.formatDate = formatDate;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.parseDateString = parseDateString;
+//# sourceMappingURL=format.js.map

package/dynamic-mixins/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/utils/format.ts"],"sourcesContent":["import dateFnsFormat from 'date-fns/format';\nimport dateFnsIsValid from 'date-fns/isValid';\nimport parse from 'date-fns/parse';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';\nexport const DATE_MASK = [/\\d/, /\\d/, '.', /\\d/, /\\d/, '.', /\\d/, /\\d/, /\\d/, /\\d/];\n\nexport const isCompleteDateInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const formatDate = (date: Date | number, dateFormat = DATE_FORMAT) =>\n    dateFnsFormat(date, dateFormat);\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\nexport const isValid = (inputValue?: string) =>\n    !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid(parseDateString(inputValue)));\n\nexport const format = (value: string): string =>\n    value\n        .replace(/^(\\d\\d)(\\d)$/, '$1.$2') // 121 => 12.1\n        .replace(/^(\\d\\d)\\.(\\d\\d)(\\d)$/, '$1.$2.$3') // 12.122 => 12.12.2\n        .replace(/^(\\d\\d)\\d\\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d)\\d\\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d).*/, '$1') // 12.12.20056 => 12.12.2005\n        .replace(/\\.$/, '') // 12. => 12\n        .replace(/^(\\d\\d\\.\\d\\d)(\\d\\d\\d\\d)/, '$1.$2') // 12.122005 => 12.12.2005\n        .replace(/^(\\d\\d)(\\d\\d\\.\\d\\d\\d\\d)/, '$1.$2') // 1212.2005 => 12.12.2005\n        .replace(/^(\\d\\.\\d\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005\n        .replace(/^(\\d\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005\n        .replace(/^(\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005\n        .replace(/^(\\d)\\.(\\d\\d)([0-9]*)\\.(\\d\\d\\d\\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005\n        .replace(/^(\\d\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005\n        .replace(/^(\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005\n        .replace(/^()\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005\n        .replace(/^()\\.(\\d)\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005\n"],"names":["dateFnsFormat","parse","dateFnsIsValid"],"mappings":";;;;;;;;;;;;;;AAIO,IAAM,WAAW,GAAG;AACpB,IAAM,kBAAkB,GAAG;AACrB,IAAA,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAErE,IAAA,mBAAmB,GAAG,UAAC,KAAa,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAA;AAE1E,IAAA,UAAU,GAAG,UAAC,IAAmB,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;AACpE,IAAA,OAAAA,8BAAa,CAAC,IAAI,EAAE,UAAU,CAAC;AAA/B;AAES,IAAA,eAAe,GAAG,UAAC,KAAa,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;IACnE,OAAAC,sBAAK,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC;AAApC;AAEG,IAAM,OAAO,GAAG,UAAC,UAAmB,EAAA;AACvC,IAAA,OAAA,CAAC,UAAU,KAAK,mBAAmB,CAAC,UAAU,CAAC,IAAIC,+BAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AAA/F;AAEG,IAAM,MAAM,GAAG,UAAC,KAAa,EAAA;AAChC,IAAA,OAAA;AACK,SAAA,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC;AAChC,SAAA,OAAO,CAAC,sBAAsB,EAAE,UAAU,CAAC;AAC3C,SAAA,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;AACnC,SAAA,OAAO,CAAC,uBAAuB,EAAE,OAAO,CAAC;AACzC,SAAA,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC;AAC1C,SAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAClB,SAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,SAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,SAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,SAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,SAAA,OAAO,CAAC,6BAA6B,EAAE,IAAI,CAAC;AAC5C,SAAA,OAAO,CAAC,mCAAmC,EAAE,UAAU,CAAC;AACxD,SAAA,OAAO,CAAC,iCAAiC,EAAE,UAAU,CAAC;AACtD,SAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC;AACpD,SAAA,OAAO,CAAC,6BAA6B,EAAE,UAAU,CAAC;AAClD,SAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC;AAhBzD,EAgB0D;;;;;;;;;;;"}

package/dynamic-mixins/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './format';
+export * from './native-supports';

package/dynamic-mixins/utils/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var format = require('./format.js');
+var nativeSupports = require('./native-supports.js');
+
+
+
+exports.DATE_FORMAT = format.DATE_FORMAT;
+exports.DATE_MASK = format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = format.NATIVE_DATE_FORMAT;
+exports.format = format.format;
+exports.formatDate = format.formatDate;
+exports.isCompleteDateInput = format.isCompleteDateInput;
+exports.isValid = format.isValid;
+exports.parseDateString = format.parseDateString;
+exports.isInputDateSupported = nativeSupports.isInputDateSupported;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dynamic-mixins/utils/native-supports.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Возвращает `true`, если поддерживается `input[type="date"]`
+ */
+export declare function isInputDateSupported(): boolean;

package/dynamic-mixins/utils/native-supports.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Возвращает `true`, если поддерживается `input[type="date"]`
+ */
+function isInputDateSupported() {
+    var input = document.createElement('input');
+    var value = 'a';
+    input.setAttribute('type', 'date');
+    input.setAttribute('value', value);
+    return input.value !== value;
+}
+
+exports.isInputDateSupported = isInputDateSupported;
+//# sourceMappingURL=native-supports.js.map

package/dynamic-mixins/utils/native-supports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-supports.js","sources":["../../src/utils/native-supports.ts"],"sourcesContent":["/**\n * Возвращает `true`, если поддерживается `input[type=\"date\"]`\n */\nexport function isInputDateSupported() {\n    const input = document.createElement('input');\n    const value = 'a';\n\n    input.setAttribute('type', 'date');\n    input.setAttribute('value', value);\n\n    return input.value !== value;\n}\n"],"names":[],"mappings":";;;;AAAA;;AAEG;SACa,oBAAoB,GAAA;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;IAC7C,IAAM,KAAK,GAAG,GAAG;AAEjB,IAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;AAClC,IAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;AAElC,IAAA,OAAO,KAAK,CAAC,KAAK,KAAK,KAAK;AAChC;;;;"}

package/esm/index.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .date-input__nativeInput_4b3ht {
+} .date-input__nativeInput_1n1gh {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -11,8 +11,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_4b3ht::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1n1gh::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_4b3ht::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1n1gh::-webkit-inner-spin-button {
         display: none;
     }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"nativeInput":"date-input__nativeInput_4b3ht"};
+var styles = {"nativeInput":"date-input__nativeInput_1n1gh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/index.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .date-input__nativeInput_4b3ht {
+} .date-input__nativeInput_1n1gh {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -11,8 +11,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_4b3ht::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1n1gh::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_4b3ht::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1n1gh::-webkit-inner-spin-button {
         display: none;
     }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"nativeInput":"date-input__nativeInput_4b3ht"};
+var styles = {"nativeInput":"date-input__nativeInput_1n1gh"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/modern/index.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .date-input__nativeInput_4b3ht {
+} .date-input__nativeInput_1n1gh {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -11,8 +11,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_4b3ht::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1n1gh::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_4b3ht::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1n1gh::-webkit-inner-spin-button {
         display: none;
     }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"nativeInput":"date-input__nativeInput_4b3ht"};
+const styles = {"nativeInput":"date-input__nativeInput_1n1gh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/moderncssm/index.module.css

@@ -1,3 +1,5 @@
+
+
 .nativeInput {
     opacity: 0;
     position: absolute;
@@ -10,11 +12,9 @@
             appearance: none;
     z-index: 1
 }
-
 .nativeInput::-webkit-calendar-picker-indicator {
         display: none;
     }
-
 .nativeInput::-webkit-inner-spin-button {
         display: none;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-input",
-    "version": "5.0.0",
+    "version": "5.1.0-snapshot-92b8690",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-input": "^16.0.0",
+        "@alfalab/core-components-input": "16.1.0-snapshot-92b8690",
         "date-fns": "^2.16.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0-snapshot-92b8690",
+    "varsVersion": "10.1.0-snapshot-92b8690"
 }

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .nativeInput {
     opacity: 0;