@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/DateInput/helpers/InternalDateMediator.js

@@ -0,0 +1,147 @@
+import { InternalDate } from '../../../lib/date/InternalDate.js';
+import { InternalDateGetter } from '../../../lib/date/InternalDateGetter.js';
+import { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer.js';
+import { InternalDateComponentType, InternalDateValidateCheck } from '../../../lib/date/types.js';
+import { inputNumber } from './inputNumber.js';
+var InternalDateMediator = /** @class */ (function () {
+    function InternalDateMediator() {
+        var _this = this;
+        this.iDate = new InternalDate();
+        this.update = function (props, locale) {
+            var start = _this.iDate.getRangeStart();
+            var min = start && start.toInternalString();
+            var end = _this.iDate.getRangeEnd();
+            var max = end && end.toInternalString();
+            var order = locale.order, separator = locale.separator;
+            _this.iDate.setOrder(order).setSeparator(separator);
+            if (props.minDate !== min) {
+                _this.iDate.setRangeStart(props.minDate
+                    ? new InternalDate({
+                        order: order,
+                        separator: separator,
+                        value: props.minDate,
+                    })
+                    : null);
+            }
+            if (props.maxDate !== max) {
+                _this.iDate.setRangeEnd(props.maxDate
+                    ? new InternalDate({
+                        order: order,
+                        separator: separator,
+                        value: props.maxDate,
+                    })
+                    : null);
+            }
+            if (!props.value || props.value !== _this.iDate.toInternalString()) {
+                _this.iDate.parseInternalValue(props.value);
+            }
+            return _this;
+        };
+        this.paste = function (pasted) {
+            _this.iDate.parseValue(pasted).restore().cutOffExcess();
+            return _this;
+        };
+        this.restore = function () {
+            if (_this.iDate.isIncomplete()) {
+                var restored = _this.iDate.clone().restore();
+                if (!_this.iDate.isEqual(restored)) {
+                    _this.iDate.duplicateOf(restored);
+                }
+                return true;
+            }
+            return false;
+        };
+        this.getFragments = function () {
+            return _this.iDate.toFragments({
+                withSeparator: true,
+                withPad: true,
+            });
+        };
+        this.deleteOneCharRight = function (type, inputMode) {
+            var prev = _this.iDate.get(type);
+            prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));
+            var next = prev.replace(/.$/, '') || null;
+            _this.iDate.set(type, next);
+        };
+        this.isChangedLocale = function (locale) {
+            return locale.order !== _this.iDate.getOrder() || locale.separator !== _this.iDate.getSeparator();
+        };
+        this.isNull = function (type) { return _this.iDate.get(type) === null; };
+        this.isEmpty = function () { return _this.iDate.isEmpty(); };
+        this.get = function (type) { return _this.iDate.get(type); };
+        this.clear = function (type) { return _this.iDate.set(type, null); };
+        this.validateString = function (value) {
+            return InternalDateTransformer.parseValueToDate(value, _this.iDate.getOrder()) !== null;
+        };
+        this.getString = function () { return (_this.iDate.isEmpty() ? '' : _this.iDate.toString()); };
+        this.getInternalString = function () { return (_this.iDate.isEmpty() ? '' : _this.iDate.toInternalString()); };
+        this.getTypesOrder = function () {
+            return _this.iDate.toFragments().map(function (_a) {
+                var type = _a.type;
+                return type;
+            });
+        };
+        this.getLeftmostType = function () { return _this.getTypesOrder()[0]; };
+        this.getRightmostType = function () { return _this.getTypesOrder()[2]; };
+    }
+    InternalDateMediator.prototype.inputKey = function (key, type, inputMode) {
+        var prevValue = this.iDate.get(type);
+        if (type === null) {
+            var leftMostType = this.getLeftmostType();
+            this.clear(leftMostType);
+        }
+        if (type !== InternalDateComponentType.Year) {
+            this.iDate.cutOffExcess(type);
+        }
+        else {
+            this.iDate.restore(type);
+        }
+        var maxValue = InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber(), true);
+        var _a = inputNumber(type, prevValue, key, inputMode, maxValue), nextValue = _a.nextValue, nextInputMode = _a.nextInputMode;
+        this.iDate.set(type, nextValue);
+        return { inputMode: nextInputMode, changed: nextValue !== prevValue };
+    };
+    InternalDateMediator.prototype.shiftDateComponent = function (type, step) {
+        var calculatedType = type !== null && type !== void 0 ? type : this.getLeftmostType();
+        var iDate = this.iDate.clone();
+        var start = iDate.getRangeStart();
+        var end = iDate.getRangeEnd();
+        var isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });
+        if (!isValidRange) {
+            // Удерживаем дату в заданном диапазоне
+            if (start && InternalDateGetter.max([iDate, start]) === start) {
+                iDate.duplicateOf(start);
+            }
+            else if (end && InternalDateGetter.min([iDate, end]) === end) {
+                iDate.duplicateOf(end);
+            }
+        }
+        else {
+            var clone = iDate.clone().shift(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });
+            if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {
+                iDate.duplicateOf(clone);
+            }
+        }
+        var changed = !this.iDate.isEqualComponentDate(calculatedType, iDate);
+        this.iDate = iDate;
+        return changed;
+    };
+    InternalDateMediator.prototype.getShiftedType = function (type, step) {
+        var typesOrder = this.getTypesOrder();
+        var index = type === null ? 0 : typesOrder.indexOf(type);
+        var nextIndex = index + step;
+        // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент
+        if (type === InternalDateComponentType.All) {
+            return step < 0 ? typesOrder[0] : typesOrder[2];
+        }
+        // Если текущий компонент "год", и он не пуст, то при перемещении выделения "восстанавливаем" значение года
+        if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {
+            this.iDate.restore(type);
+        }
+        var shiftedType = typesOrder[nextIndex];
+        return typeof shiftedType === 'number' ? shiftedType : type;
+    };
+    return InternalDateMediator;
+}());
+export { InternalDateMediator };
+//# sourceMappingURL=InternalDateMediator.js.map

package/components/DateInput/helpers/InternalDateMediator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDateMediator.js","sourceRoot":"","sources":["../../../../components/DateInput/helpers/InternalDateMediator.ts"],"names":[],"mappings":"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","sourcesContent":["import { InternalDate } from '../../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../../lib/date/InternalDateGetter.js';\nimport { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer.js';\nimport type {\n  InputKeyResult,\n  InternalDateComponentRaw,\n  InternalDateFragment,\n  InternalDateTypesOrder,\n} from '../../../lib/date/types.js';\nimport { InternalDateComponentType, InternalDateValidateCheck } from '../../../lib/date/types.js';\nimport type { DatePickerLocale } from '../../DatePicker/locale/index.js';\nimport type { DateInputProps } from '../DateInput.js';\n\nimport { inputNumber } from './inputNumber.js';\n\nexport class InternalDateMediator {\n  public iDate: InternalDate = new InternalDate();\n\n  public update = (props: DateInputProps, locale: DatePickerLocale): InternalDateMediator => {\n    const start = this.iDate.getRangeStart();\n    const min = start && start.toInternalString();\n    const end = this.iDate.getRangeEnd();\n    const max = end && end.toInternalString();\n    const { order, separator } = locale;\n    this.iDate.setOrder(order).setSeparator(separator);\n    if (props.minDate !== min) {\n      this.iDate.setRangeStart(\n        props.minDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.minDate,\n            })\n          : null,\n      );\n    }\n    if (props.maxDate !== max) {\n      this.iDate.setRangeEnd(\n        props.maxDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.maxDate,\n            })\n          : null,\n      );\n    }\n    if (!props.value || props.value !== this.iDate.toInternalString()) {\n      this.iDate.parseInternalValue(props.value);\n    }\n    return this;\n  };\n\n  public inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult {\n    const prevValue = this.iDate.get(type);\n    if (type === null) {\n      const leftMostType = this.getLeftmostType();\n      this.clear(leftMostType);\n    }\n\n    if (type !== InternalDateComponentType.Year) {\n      this.iDate.cutOffExcess(type);\n    } else {\n      this.iDate.restore(type);\n    }\n    const maxValue = InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber(), true);\n    const { nextValue, nextInputMode } = inputNumber(type, prevValue, key, inputMode, maxValue);\n    this.iDate.set(type, nextValue);\n    return { inputMode: nextInputMode, changed: nextValue !== prevValue };\n  }\n\n  public paste = (pasted: string): InternalDateMediator => {\n    this.iDate.parseValue(pasted).restore().cutOffExcess();\n    return this;\n  };\n\n  public restore = (): boolean => {\n    if (this.iDate.isIncomplete()) {\n      const restored = this.iDate.clone().restore();\n      if (!this.iDate.isEqual(restored)) {\n        this.iDate.duplicateOf(restored);\n      }\n      return true;\n    }\n    return false;\n  };\n\n  public shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean {\n    const calculatedType = type ?? this.getLeftmostType();\n\n    const iDate = this.iDate.clone();\n    const start = iDate.getRangeStart();\n    const end = iDate.getRangeEnd();\n\n    const isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });\n    if (!isValidRange) {\n      // Удерживаем дату в заданном диапазоне\n      if (start && InternalDateGetter.max([iDate, start]) === start) {\n        iDate.duplicateOf(start);\n      } else if (end && InternalDateGetter.min([iDate, end]) === end) {\n        iDate.duplicateOf(end);\n      }\n    } else {\n      const clone = iDate.clone().shift(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });\n      if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {\n        iDate.duplicateOf(clone);\n      }\n    }\n\n    const changed = !this.iDate.isEqualComponentDate(calculatedType, iDate);\n    this.iDate = iDate;\n    return changed;\n  }\n\n  public getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null {\n    const typesOrder = this.getTypesOrder();\n    const index = type === null ? 0 : typesOrder.indexOf(type);\n    const nextIndex = index + step;\n\n    // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент\n    if (type === InternalDateComponentType.All) {\n      return step < 0 ? typesOrder[0] : typesOrder[2];\n    }\n\n    // Если текущий компонент \"год\", и он не пуст, то при перемещении выделения \"восстанавливаем\" значение года\n    if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {\n      this.iDate.restore(type);\n    }\n\n    const shiftedType = typesOrder[nextIndex];\n    return typeof shiftedType === 'number' ? shiftedType : type;\n  }\n\n  public getFragments = (): InternalDateFragment[] =>\n    this.iDate.toFragments({\n      withSeparator: true,\n      withPad: true,\n    });\n\n  public deleteOneCharRight = (type: InternalDateComponentType, inputMode: boolean): void => {\n    let prev = this.iDate.get(type);\n    prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));\n    const next = prev.replace(/.$/, '') || null;\n    this.iDate.set(type, next);\n  };\n\n  public isChangedLocale = (locale: DatePickerLocale): boolean =>\n    locale.order !== this.iDate.getOrder() || locale.separator !== this.iDate.getSeparator();\n\n  public isNull = (type: InternalDateComponentType | null): boolean => this.iDate.get(type) === null;\n\n  public isEmpty = (): boolean => this.iDate.isEmpty();\n\n  public get = (type: InternalDateComponentType | null): InternalDateComponentRaw => this.iDate.get(type);\n\n  public clear = (type: InternalDateComponentType | null): InternalDate => this.iDate.set(type, null);\n\n  public validateString = (value: string): boolean =>\n    InternalDateTransformer.parseValueToDate(value, this.iDate.getOrder()) !== null;\n\n  public getString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toString());\n\n  public getInternalString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toInternalString());\n\n  public getTypesOrder = (): InternalDateTypesOrder =>\n    this.iDate.toFragments().map(({ type }) => type) as InternalDateTypesOrder;\n\n  public getLeftmostType = (): InternalDateComponentType => this.getTypesOrder()[0];\n\n  public getRightmostType = (): InternalDateComponentType => this.getTypesOrder()[2];\n}\n"]}

package/components/DateInput/helpers/inputNumber.d.ts

@@ -1,5 +1,5 @@
-import type { InternalDateComponentRaw } from '../../../lib/date/types';
-import { InternalDateComponentType } from '../../../lib/date/types';
+import type { InternalDateComponentRaw } from '../../../lib/date/types.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
 export declare const inputNumber: (type: InternalDateComponentType | null, prev: InternalDateComponentRaw, key: string, inputMode: boolean, maxValue: number) => {
     nextValue: InternalDateComponentRaw;
     nextInputMode: boolean;

package/components/DateInput/helpers/inputNumber.js

@@ -0,0 +1,52 @@
+import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
+export var inputNumber = function (type, prev, key, inputMode, maxValue) {
+    var nextInputMode = false;
+    var nextValue;
+    var firstDigits = getFirstDigits(type, maxValue);
+    var maxLength = getMaxLength(type);
+    if (!inputMode) {
+        nextValue = key;
+        nextInputMode = Number(key) <= firstDigits;
+    }
+    else {
+        nextValue = addKey(prev, key, maxLength);
+        nextInputMode = nextValue.length < maxLength;
+        if (!isCorrectDate(nextValue, maxValue, maxLength)) {
+            nextValue = prev + '';
+            nextInputMode = true;
+        }
+    }
+    return { nextValue: nextValue, nextInputMode: nextInputMode };
+};
+function addKey(prev, key, length) {
+    var value = key;
+    if (prev !== null) {
+        value = "".concat(prev).concat(key);
+    }
+    return value.slice(-length);
+}
+function isCorrectDate(value, maxValue, length) {
+    return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);
+}
+function getFirstDigits(type, maxValue) {
+    var first = 10;
+    if (type === InternalDateComponentType.Month) {
+        first = 1;
+    }
+    if (type === InternalDateComponentType.Date) {
+        first = Math.floor(maxValue / 10);
+    }
+    return first;
+}
+function getMaxLength(type) {
+    var length = LENGTH_YEAR;
+    if (type === InternalDateComponentType.Month) {
+        length = LENGTH_MONTH;
+    }
+    if (type === InternalDateComponentType.Date) {
+        length = LENGTH_DATE;
+    }
+    return length;
+}
+//# sourceMappingURL=inputNumber.js.map

package/components/DateInput/helpers/inputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputNumber.js","sourceRoot":"","sources":["../../../../components/DateInput/helpers/inputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAExF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,CAAC,IAAM,WAAW,GAAG,UACzB,IAAsC,EACtC,IAA8B,EAC9B,GAAW,EACX,SAAkB,EAClB,QAAgB;IAEhB,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,SAAS,CAAC;IACd,IAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,SAAS,GAAG,GAAG,CAAC;QAChB,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QACzC,aAAa,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC;QAC7C,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;YACnD,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;YACtB,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,SAAS,WAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,IAA8B,EAAE,GAAW,EAAE,MAAc;IACzE,IAAI,KAAK,GAAG,GAAG,CAAC;IAChB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,KAAK,GAAG,UAAG,IAAI,SAAG,GAAG,CAAE,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,aAAa,CAAC,KAAa,EAAE,QAAgB,EAAE,MAAc;IACpE,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;AACvF,CAAC;AAED,SAAS,cAAc,CAAC,IAAsC,EAAE,QAAgB;IAC9E,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,IAAI,KAAK,yBAAyB,CAAC,KAAK,EAAE,CAAC;QAC7C,KAAK,GAAG,CAAC,CAAC;IACZ,CAAC;IACD,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,EAAE,CAAC;QAC5C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,YAAY,CAAC,IAAsC;IAC1D,IAAI,MAAM,GAAG,WAAW,CAAC;IACzB,IAAI,IAAI,KAAK,yBAAyB,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,GAAG,YAAY,CAAC;IACxB,CAAC;IACD,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,GAAG,WAAW,CAAC;IACvB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants.js';\nimport type { InternalDateComponentRaw } from '../../../lib/date/types.js';\nimport { InternalDateComponentType } from '../../../lib/date/types.js';\n\nexport const inputNumber = (\n  type: InternalDateComponentType | null,\n  prev: InternalDateComponentRaw,\n  key: string,\n  inputMode: boolean,\n  maxValue: number,\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\n  let nextInputMode = false;\n  let nextValue;\n  const firstDigits = getFirstDigits(type, maxValue);\n  const maxLength = getMaxLength(type);\n\n  if (!inputMode) {\n    nextValue = key;\n    nextInputMode = Number(key) <= firstDigits;\n  } else {\n    nextValue = addKey(prev, key, maxLength);\n    nextInputMode = nextValue.length < maxLength;\n    if (!isCorrectDate(nextValue, maxValue, maxLength)) {\n      nextValue = prev + '';\n      nextInputMode = true;\n    }\n  }\n\n  return { nextValue, nextInputMode };\n};\n\nfunction addKey(prev: InternalDateComponentRaw, key: string, length: number) {\n  let value = key;\n  if (prev !== null) {\n    value = `${prev}${key}`;\n  }\n  return value.slice(-length);\n}\n\nfunction isCorrectDate(value: string, maxValue: number, length: number) {\n  return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);\n}\n\nfunction getFirstDigits(type: InternalDateComponentType | null, maxValue: number) {\n  let first = 10;\n  if (type === InternalDateComponentType.Month) {\n    first = 1;\n  }\n  if (type === InternalDateComponentType.Date) {\n    first = Math.floor(maxValue / 10);\n  }\n  return first;\n}\n\nfunction getMaxLength(type: InternalDateComponentType | null) {\n  let length = LENGTH_YEAR;\n  if (type === InternalDateComponentType.Month) {\n    length = LENGTH_MONTH;\n  }\n  if (type === InternalDateComponentType.Date) {\n    length = LENGTH_DATE;\n  }\n  return length;\n}\n"]}

package/components/DateInput/index.d.ts

@@ -1 +1 @@
-export * from './DateInput';
+export * from './DateInput.js';

package/components/DateInput/index.js

@@ -0,0 +1,2 @@
+export * from './DateInput.js';
+//# sourceMappingURL=index.js.map

package/components/DateInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './DateInput.js';\n"]}

package/components/DatePicker/DatePicker.d.ts

@@ -1,10 +1,10 @@
 import type { HTMLAttributes } from 'react';
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { CalendarDateShape, CalendarProps } from '../Calendar';
-import type { SizeProp } from '../../lib/types/props';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { CalendarDateShape, CalendarProps } from '../Calendar/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
 export declare const MIN_WIDTH = 120;
 export interface DatePickerProps extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     /** Устанавливает фокус на контроле после окончания загрузки страницы. */
@@ -74,12 +74,14 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private emotion;
+    private styles;
     private theme;
     private readonly locale;
     private canOpenPopup;
     static validate: (value: Nullable<string>, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
+        minDate?: string;
+        maxDate?: string;
     }) => boolean;
     state: DatePickerState;
     private input;

package/components/DatePicker/DatePicker.js

@@ -0,0 +1,308 @@
+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);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import { Popup } from '../../internal/Popup/index.js';
+import { LocaleContext } from '../../lib/locale/index.js';
+import { locale } from '../../lib/locale/decorators.js';
+import { InternalDateGetter } from '../../lib/date/InternalDateGetter.js';
+import { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js';
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+import { InternalDate } from '../../lib/date/InternalDate.js';
+import { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';
+import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types.js';
+import { DateInput } from '../DateInput/index.js';
+import { filterProps } from '../../lib/filterProps.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { isMobile } from '../../lib/client.js';
+import { NativeDateInput } from '../../internal/NativeDateInput/index.js';
+import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
+import { isNonNullable } from '../../lib/utils.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { Calendar } from '../Calendar/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Button } from '../Button/index.js';
+import { getTodayDate } from '../Calendar/CalendarUtils.js';
+import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
+import { getMenuPositions } from '../../lib/getMenuPositions.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './DatePicker.styles.js';
+import { DatePickerLocaleHelper } from './locale/index.js';
+import { MobilePicker } from './MobilePicker.js';
+var INPUT_PASS_PROPS = {
+    autoFocus: true,
+    disabled: true,
+    warning: true,
+    error: true,
+    size: true,
+    onKeyDown: true,
+};
+export var MIN_WIDTH = 120;
+export var DatePickerDataTids = {
+    root: 'DatePicker__root',
+    input: 'DatePicker__input',
+    label: 'DatePicker__label',
+    pickerRoot: 'Picker__root',
+    pickerTodayWrapper: 'Picker__todayWrapper',
+};
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */
+var DatePicker = /** @class */ (function (_super) {
+    __extends(DatePicker, _super);
+    function DatePicker() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(DatePicker_1.defaultProps);
+        _this.canOpenPopup = true;
+        _this.state = { opened: false, canUseMobileNativeDatePicker: false, today: getTodayDate() };
+        _this.input = null;
+        _this.focused = false;
+        _this.renderMain = function (props) {
+            var picker = null;
+            var _a = _this.getProps(), minDate = _a.minDate, maxDate = _a.maxDate, menuPos = _a.menuPos, menuAlign = _a.menuAlign;
+            var isMobile = _this.isMobileLayout;
+            if (_this.state.opened) {
+                if (isMobile) {
+                    picker = (React.createElement(MobilePicker, { value: _this.props.value, minDate: _this.parseValueToDate(minDate), maxDate: _this.parseValueToDate(maxDate), onValueChange: _this.props.onValueChange, enableTodayLink: _this.props.enableTodayLink, isHoliday: _this.props.isHoliday, onCloseRequest: _this.handleMobileCloseRequest, renderDay: props.renderDay, onMonthChange: props.onMonthChange }));
+                }
+                else {
+                    picker = (React.createElement(LocaleContext.Provider, { value: {
+                            locale: {
+                                Calendar: {
+                                    months: _this.locale.months,
+                                    dayCellChooseDateAriaLabel: _this.locale.dayCellChooseDateAriaLabel,
+                                    selectMonthAriaLabel: _this.locale.selectMonthAriaLabel,
+                                    selectYearAriaLabel: _this.locale.selectYearAriaLabel,
+                                    selectChosenAriaLabel: _this.locale.selectChosenAriaLabel,
+                                },
+                            },
+                        } },
+                        React.createElement(Popup, { opened: true, hasShadow: true, priority: ZIndex.priorities.PopupMenu, positions: getMenuPositions(menuPos, menuAlign), "data-tid": DatePickerDataTids.root, anchorElement: _this.getParent(), margin: parseInt(_this.theme.datePickerMenuOffsetY) },
+                            React.createElement("div", { "data-tid": DatePickerDataTids.pickerRoot, className: _this.styles.calendarWrapper(_this.theme), onMouseDown: function (e) { return e.preventDefault(); } },
+                                React.createElement(Calendar, { maxDate: _this.parseValueToDate(maxDate), minDate: _this.parseValueToDate(minDate), onValueChange: _this.handleValueChange, isHoliday: _this.props.isHoliday, value: _this.parseValueToDate(_this.props.value), renderDay: _this.props.renderDay, onMonthChange: _this.props.onMonthChange }),
+                                _this.props.enableTodayLink && _this.renderTodayLink(),
+                                ' '))));
+                }
+            }
+            return (React.createElement("label", { className: _this.styles.root(), style: _this.getRootStyle(), onMouseEnter: _this.props.onMouseEnter, onMouseLeave: _this.props.onMouseLeave, onMouseOver: _this.props.onMouseOver, "data-tid": DatePickerDataTids.label },
+                React.createElement(DateInput, __assign({ id: _this.props.id }, filterProps(props, INPUT_PASS_PROPS), { ref: _this.getInputRef, value: _this.props.value || '', width: "100%", withIcon: true, minDate: minDate, maxDate: maxDate, onBlur: isMobile ? undefined : _this.handleBlur, onFocus: _this.handleFocus, onValueChange: _this.props.onValueChange, onClick: _this.openPickerPopup, onKeyDown: _this.handleKeyDown, "data-tid": DatePickerDataTids.input })),
+                _this.state.canUseMobileNativeDatePicker ? (React.createElement(NativeDateInput, { onValueChange: _this.props.onValueChange, value: _this.props.value || '', minDate: minDate, maxDate: maxDate, disabled: _this.props.disabled })) : (picker)));
+        };
+        _this.getParent = function () {
+            return getRootNode(_this);
+        };
+        _this.getRootStyle = function () {
+            var width = _this.props.width;
+            return isNonNullable(width) ? { width: width } : { minWidth: MIN_WIDTH };
+        };
+        _this.getInputRef = function (ref) {
+            _this.input = ref;
+        };
+        _this.openPickerPopup = function () {
+            _this.setState({ opened: true });
+        };
+        _this.handleFocus = function () {
+            if (_this.focused) {
+                return;
+            }
+            if (!_this.canOpenPopup) {
+                _this.canOpenPopup = true;
+            }
+            else {
+                _this.openPickerPopup();
+            }
+            _this.focused = true;
+            if (_this.props.onFocus) {
+                _this.props.onFocus();
+            }
+        };
+        _this.handleKeyDown = function (e) {
+            if (!_this.state.opened) {
+                _this.openPickerPopup();
+            }
+            if (_this.props.onKeyDown) {
+                _this.props.onKeyDown(e);
+            }
+        };
+        _this.handleBlur = function () {
+            if (!_this.focused) {
+                return;
+            }
+            _this.focused = false;
+            _this.close();
+            if (_this.props.onBlur) {
+                _this.props.onBlur();
+            }
+        };
+        _this.handleValueChange = function (value) {
+            _this.handleSelect(value);
+            _this.blur();
+        };
+        _this.handleSelect = function (value) {
+            if (!value) {
+                return null;
+            }
+            if (_this.props.onValueChange) {
+                _this.props.onValueChange(value);
+            }
+        };
+        _this.handleMobileCloseRequest = function () {
+            _this.close();
+        };
+        return _this;
+    }
+    DatePicker_1 = DatePicker;
+    DatePicker.prototype.componentDidMount = function () {
+        if (this.props.useMobileNativeDatePicker && isMobile) {
+            this.setState({
+                canUseMobileNativeDatePicker: true,
+            });
+        }
+        if (this.props.autoFocus) {
+            this.focus();
+        }
+    };
+    DatePicker.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var disabled = this.props.disabled;
+        var opened = this.state.opened;
+        if (disabled && opened) {
+            this.close();
+        }
+        if (prevState.opened && !opened && this.isMobileLayout) {
+            this.handleBlur();
+        }
+    };
+    /**
+     * @public
+     */
+    DatePicker.prototype.blur = function () {
+        if (this.input) {
+            this.input.blur();
+        }
+        this.handleBlur();
+    };
+    /**
+     * @public
+     */
+    DatePicker.prototype.focus = function (opts) {
+        if (this.props.disabled) {
+            return;
+        }
+        if (opts === null || opts === void 0 ? void 0 : opts.withoutOpenDropdown) {
+            this.canOpenPopup = false;
+        }
+        if (this.input) {
+            this.input.focus();
+        }
+    };
+    /**
+     * Закрывает выпадашку выбора дня
+     * @public
+     */
+    DatePicker.prototype.close = function () {
+        this.setState({ opened: false });
+    };
+    DatePicker.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return (React.createElement(ThemeContext.Provider, { value: ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) },
+                React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain)));
+        }));
+    };
+    DatePicker.prototype.parseValueToDate = function (value) {
+        if (value === undefined || value === null) {
+            return undefined;
+        }
+        var date = new InternalDate({ value: value });
+        if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {
+            return date.toString({ withPad: true });
+        }
+        return undefined;
+    };
+    DatePicker.prototype.renderTodayLink = function () {
+        var _this = this;
+        var _a = this.locale, order = _a.order, separator = _a.separator;
+        var today = new InternalDate({ order: order, separator: separator })
+            .setComponents(InternalDateGetter.getTodayComponents())
+            .toString({ withPad: true, withSeparator: true });
+        return (React.createElement("div", { style: { margin: 8 } },
+            React.createElement(Button, { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: function () {
+                    _this.handleSelect(today);
+                }, icon: React.createElement(ArrowAUpIcon16Light, null) }, this.locale.today)));
+    };
+    var DatePicker_1;
+    DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';
+    DatePicker.displayName = 'DatePicker';
+    DatePicker.defaultProps = {
+        minDate: MIN_FULLDATE,
+        maxDate: MAX_FULLDATE,
+    };
+    DatePicker.validate = function (value, range) {
+        if (range === void 0) { range = {}; }
+        if (!value) {
+            return false;
+        }
+        var _a = range.minDate, minDate = _a === void 0 ? MIN_FULLDATE : _a, _b = range.maxDate, maxDate = _b === void 0 ? MAX_FULLDATE : _b;
+        var internalDate = new InternalDate({
+            order: InternalDateOrder.DMY,
+            separator: InternalDateSeparator.Dot,
+        })
+            .setRangeStart(new InternalDate({ value: minDate }))
+            .setRangeEnd(new InternalDate({ value: maxDate }))
+            .parseValue(value);
+        return internalDate.validate({
+            checks: [
+                InternalDateValidateCheck.NotNull,
+                InternalDateValidateCheck.Number,
+                InternalDateValidateCheck.Native,
+                InternalDateValidateCheck.Limits,
+                InternalDateValidateCheck.Range,
+            ],
+        });
+    };
+    DatePicker = DatePicker_1 = __decorate([
+        withRenderEnvironment,
+        responsiveLayout,
+        rootNode,
+        locale('DatePicker', DatePickerLocaleHelper)
+    ], DatePicker);
+    return DatePicker;
+}(React.PureComponent));
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map