@skbkontur/react-ui 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d

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

@@ -5,26 +5,59 @@ var inputNumber = function inputNumber(
 type,
 prev,
 key,
-inputMode)
+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 };
+};exports.inputNumber = inputNumber;
+
+function addKey(prev, key, length) {
+  var value = key;
+  if (prev !== null) {
+    value = "" + prev + 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;
-  var length = _constants.LENGTH_YEAR;
   if (type === _types.InternalDateComponentType.Month) {
     first = 1;
+  }
+  if (type === _types.InternalDateComponentType.Date) {
+    first = Math.floor(maxValue / 10);
+  }
+  return first;
+}
+
+function getMaxLength(type) {
+  var length = _constants.LENGTH_YEAR;
+  if (type === _types.InternalDateComponentType.Month) {
     length = _constants.LENGTH_MONTH;
   }
   if (type === _types.InternalDateComponentType.Date) {
-    first = 3;
     length = _constants.LENGTH_DATE;
   }
-  if (!inputMode) {
-    nextValue = key;
-    nextInputMode = Number(key) <= first;
-  } else {
-    nextValue = ("" + (prev === null ? '' : prev) + key).slice(-length);
-    nextInputMode = nextValue.length < length;
-  }
-  return { nextValue: nextValue, nextInputMode: nextInputMode };
-};exports.inputNumber = inputNumber;
+  return length;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["inputNumber.tsx"],"names":["inputNumber","type","prev","key","inputMode","nextInputMode","nextValue","first","length","LENGTH_YEAR","InternalDateComponentType","Month","LENGTH_MONTH","Date","LENGTH_DATE","Number","slice"],"mappings":"oEAAA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAK2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAIC,KAAK,GAAG,EAAZ;AACA,MAAIC,MAAc,GAAGC,sBAArB;AACA,MAAIR,IAAI,KAAKS,iCAA0BC,KAAvC,EAA8C;AAC5CJ,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGI,uBAAT;AACD;AACD,MAAIX,IAAI,KAAKS,iCAA0BG,IAAvC,EAA6C;AAC3CN,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGM,sBAAT;AACD;AACD,MAAI,CAACV,SAAL,EAAgB;AACdE,IAAAA,SAAS,GAAGH,GAAZ;AACAE,IAAAA,aAAa,GAAGU,MAAM,CAACZ,GAAD,CAAN,IAAeI,KAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAG,OAAGJ,IAAI,KAAK,IAAT,GAAgB,EAAhB,GAAqBA,IAAxB,IAA+BC,GAA/B,EAAqCa,KAArC,CAA2C,CAACR,MAA5C,CAAZ;AACAH,IAAAA,aAAa,GAAGC,SAAS,CAACE,MAAV,GAAmBA,MAAnC;AACD;AACD,SAAO,EAAEF,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CA1BM,C","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\r\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\r\n\r\nexport const inputNumber = (\r\n  type: InternalDateComponentType | null,\r\n  prev: InternalDateComponentRaw,\r\n  key: string,\r\n  inputMode: boolean,\r\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\r\n  let nextInputMode = false;\r\n  let nextValue: string;\r\n  let first = 10;\r\n  let length: number = LENGTH_YEAR;\r\n  if (type === InternalDateComponentType.Month) {\r\n    first = 1;\r\n    length = LENGTH_MONTH;\r\n  }\r\n  if (type === InternalDateComponentType.Date) {\r\n    first = 3;\r\n    length = LENGTH_DATE;\r\n  }\r\n  if (!inputMode) {\r\n    nextValue = key;\r\n    nextInputMode = Number(key) <= first;\r\n  } else {\r\n    nextValue = `${prev === null ? '' : prev}${key}`.slice(-length);\r\n    nextInputMode = nextValue.length < length;\r\n  }\r\n  return { nextValue, nextInputMode };\r\n};\r\n"]}
+{"version":3,"sources":["inputNumber.tsx"],"names":["inputNumber","type","prev","key","inputMode","maxValue","nextInputMode","nextValue","firstDigits","getFirstDigits","maxLength","getMaxLength","Number","addKey","length","isCorrectDate","value","slice","first","InternalDateComponentType","Month","Date","Math","floor","LENGTH_YEAR","LENGTH_MONTH","LENGTH_DATE"],"mappings":"oEAAA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAKzBC,QALyB;AAM2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAMC,WAAW,GAAGC,cAAc,CAACR,IAAD,EAAOI,QAAP,CAAlC;AACA,MAAMK,SAAS,GAAGC,YAAY,CAACV,IAAD,CAA9B;;AAEA,MAAI,CAACG,SAAL,EAAgB;AACdG,IAAAA,SAAS,GAAGJ,GAAZ;AACAG,IAAAA,aAAa,GAAGM,MAAM,CAACT,GAAD,CAAN,IAAeK,WAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAGM,MAAM,CAACX,IAAD,EAAOC,GAAP,EAAYO,SAAZ,CAAlB;AACAJ,IAAAA,aAAa,GAAGC,SAAS,CAACO,MAAV,GAAmBJ,SAAnC;AACA,QAAI,CAACK,aAAa,CAACR,SAAD,EAAYF,QAAZ,EAAsBK,SAAtB,CAAlB,EAAoD;AAClDH,MAAAA,SAAS,GAAGL,IAAI,GAAG,EAAnB;AACAI,MAAAA,aAAa,GAAG,IAAhB;AACD;AACF;;AAED,SAAO,EAAEC,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CAzBM,C;;AA2BP,SAASO,MAAT,CAAgBX,IAAhB,EAAgDC,GAAhD,EAA6DW,MAA7D,EAA6E;AAC3E,MAAIE,KAAK,GAAGb,GAAZ;AACA,MAAID,IAAI,KAAK,IAAb,EAAmB;AACjBc,IAAAA,KAAK,QAAMd,IAAN,GAAaC,GAAlB;AACD;AACD,SAAOa,KAAK,CAACC,KAAN,CAAY,CAACH,MAAb,CAAP;AACD;;AAED,SAASC,aAAT,CAAuBC,KAAvB,EAAsCX,QAAtC,EAAwDS,MAAxD,EAAwE;AACtE,SAAOF,MAAM,CAACI,KAAD,CAAN,IAAiBX,QAAjB,KAA8BO,MAAM,CAACI,KAAD,CAAN,KAAkB,CAAlB,IAAuBA,KAAK,CAACF,MAAN,KAAiBA,MAAtE,CAAP;AACD;;AAED,SAASL,cAAT,CAAwBR,IAAxB,EAAgEI,QAAhE,EAAkF;AAChF,MAAIa,KAAK,GAAG,EAAZ;AACA,MAAIjB,IAAI,KAAKkB,iCAA0BC,KAAvC,EAA8C;AAC5CF,IAAAA,KAAK,GAAG,CAAR;AACD;AACD,MAAIjB,IAAI,KAAKkB,iCAA0BE,IAAvC,EAA6C;AAC3CH,IAAAA,KAAK,GAAGI,IAAI,CAACC,KAAL,CAAWlB,QAAQ,GAAG,EAAtB,CAAR;AACD;AACD,SAAOa,KAAP;AACD;;AAED,SAASP,YAAT,CAAsBV,IAAtB,EAA8D;AAC5D,MAAIa,MAAM,GAAGU,sBAAb;AACA,MAAIvB,IAAI,KAAKkB,iCAA0BC,KAAvC,EAA8C;AAC5CN,IAAAA,MAAM,GAAGW,uBAAT;AACD;AACD,MAAIxB,IAAI,KAAKkB,iCAA0BE,IAAvC,EAA6C;AAC3CP,IAAAA,MAAM,GAAGY,sBAAT;AACD;AACD,SAAOZ,MAAP;AACD","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\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/cjs/components/DateInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateInput';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateInput';\n"]}

package/cjs/components/DatePicker/DatePicker.d.ts

@@ -1,18 +1,26 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export declare const MIN_WIDTH = 120;
 export interface DatePickerProps<T> extends CommonProps {
     autoFocus?: boolean;
     disabled?: boolean;
     enableTodayLink?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
-    minDate: T;
-    maxDate: T;
+    minDate?: T;
+    maxDate?: T;
     menuAlign?: 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
     value?: T | null;
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
-    width: number | string;
+    width?: number | string;
     onBlur?: () => void;
     /**
      * Вызывается при изменении `value`
@@ -25,6 +33,12 @@ export interface DatePickerProps<T> extends CommonProps {
     onMouseEnter?: (e: React.MouseEvent<any>) => void;
     onMouseLeave?: (e: React.MouseEvent<any>) => void;
     onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /**
+     * Использовать на мобильных устройствах нативный календарь для выбора дат.
+     *
+     * - На iOS нативный календарь не умеет работать с minDate и maxDate
+     */
+    useMobileNativeDatePicker?: boolean;
     /**
      * Функция для определения праздничных дней
      * @default (_day, isWeekend) => isWeekend
@@ -33,13 +47,20 @@ export interface DatePickerProps<T> extends CommonProps {
      *
      * @returns {boolean} `true` для выходного или `false` для рабочего дня
      */
-    isHoliday: (day: T, isWeekend: boolean) => boolean;
+    isHoliday?: (day: T, isWeekend: boolean) => boolean;
 }
 export interface DatePickerState {
     opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
 }
 declare type DatePickerValue = string;
-export declare class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+declare type DefaultProps<T> = Required<Pick<DatePickerProps<T>, 'minDate' | 'maxDate' | 'isHoliday'>>;
+export declare class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -53,7 +74,7 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
          * Максимальная дата в календаре.
          */
         maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<"left" | "right">;
+        menuAlign: PropTypes.Requireable<string>;
         /**
          * Минимальная дата в календаре.
          */
@@ -73,24 +94,18 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
         onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
         isHoliday: PropTypes.Validator<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        width: number;
-        minDate: string;
-        maxDate: string;
-        isHoliday: (_day: string, isWeekend: boolean) => boolean;
-    };
-    static validate: (value: string | null | undefined, range?: {
+    static defaultProps: DefaultProps<string>;
+    private getProps;
+    static validate: (value: Nullable<string>, range?: {
         minDate?: string | undefined;
         maxDate?: string | undefined;
     }) => boolean;
     state: DatePickerState;
     private input;
     private focused;
-    private internalDate?;
-    private minDate?;
-    private maxDate?;
+    private setRootNode;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>): void;
+    componentDidUpdate(): void;
     /**
      * @public
      */
@@ -105,7 +120,9 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
      */
     close(): void;
     render(): JSX.Element;
-    renderMain: (props: Pick<Pick<DatePickerProps<string>, "onValueChange" | "autoFocus" | "disabled" | "size" | "value" | "width" | "onFocus" | "onBlur" | "onKeyDown" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "error" | "warning" | "menuAlign" | "minDate" | "maxDate" | "isHoliday" | "enableTodayLink">, "onValueChange" | "autoFocus" | "disabled" | "size" | "value" | "width" | "onFocus" | "onBlur" | "onKeyDown" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "error" | "warning" | "menuAlign" | "minDate" | "maxDate" | "isHoliday" | "enableTodayLink">) => JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => JSX.Element;
+    getParent: () => Nullable<Element>;
+    private getRootStyle;
     private getInputRef;
     private parseValueToDate;
     private handleFocus;

package/cjs/components/DatePicker/DatePicker.js

@@ -1,6 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MIN_WIDTH = exports.DatePickerDataTids = exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
 
 var _InternalDate = require("../../lib/date/InternalDate");
 var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
@@ -12,9 +11,14 @@ var _DateInput = require("../DateInput");
 var _DropdownContainer = require("../../internal/DropdownContainer");
 var _filterProps = require("../../lib/filterProps");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _client = require("../../lib/client");
+var _NativeDateInput = require("../../internal/NativeDateInput");
+var _rootNode = require("../../lib/rootNode");
+var _utils = require("../../lib/utils");
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _Picker = require("./Picker");
-var _DatePicker = require("./DatePicker.styles");
+var _DatePicker = require("./DatePicker.styles");var _class, _class2, _temp;
 
 var INPUT_PASS_PROPS = {
   autoFocus: true,
@@ -22,9 +26,10 @@ var INPUT_PASS_PROPS = {
   warning: true,
   error: true,
   size: true,
-  onKeyDown: true };var
+  onKeyDown: true };
 
 
+var MIN_WIDTH = 120;exports.MIN_WIDTH = MIN_WIDTH;
 
 
 
@@ -67,7 +72,6 @@ var INPUT_PASS_PROPS = {
 
 
 
-DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePicker, _React$Component);function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -82,11 +86,16 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+var DatePickerDataTids = {
+  root: 'DatePicker__root',
+  pickerRoot: 'Picker__root',
+  pickerTodayWrapper: 'Picker__todayWrapper' };exports.DatePickerDataTids = DatePickerDataTids;var
 
 
 
 
 
+DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DatePicker, _React$PureComponent);function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -145,6 +154,7 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(DatePicker.defaultProps);_this.
 
 
 
@@ -152,13 +162,36 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
-    state = { opened: false };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    state = { opened: false, canUseMobileNativeDatePicker: false };_this.
 
     input = null;_this.
     focused = false;_this.
-    internalDate = _this.parseValueToDate(_this.props.value);_this.
-    minDate = _this.parseValueToDate(_this.props.minDate);_this.
-    maxDate = _this.parseValueToDate(_this.props.maxDate);_this.
+
+
+
+
+
+
+
 
 
 
@@ -214,14 +247,31 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
     renderMain = function (props) {
       var picker = null;
-      var date = _this.internalDate ? _this.internalDate.toNativeFormat() : null;
+
+      var value = _this.props.value;
+      var _this$getProps = _this.getProps(),minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;
+
+      var internalDate = _this.parseValueToDate(value);
+      var date = internalDate ? internalDate.toNativeFormat() : null;
+
+      var parsedMinDate = _this.parseValueToDate(minDate);
+      var formattedMinDate = parsedMinDate && parsedMinDate.toNativeFormat() || undefined;
+
+      var parsedMaxDate = _this.parseValueToDate(maxDate);
+      var formattedMaxDate = parsedMaxDate && parsedMaxDate.toNativeFormat() || undefined;
+
       if (_this.state.opened) {
         picker = /*#__PURE__*/
-        _react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: function getParent() {return (0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(_this));}, offsetY: 2, align: _this.props.menuAlign }, /*#__PURE__*/
+        _react.default.createElement(_DropdownContainer.DropdownContainer, {
+          "data-tid": DatePickerDataTids.root,
+          getParent: _this.getParent,
+          offsetY: 2,
+          align: _this.props.menuAlign }, /*#__PURE__*/
+
         _react.default.createElement(_Picker.Picker, {
           value: date,
-          minDate: _this.minDate && _this.minDate.toNativeFormat() || undefined,
-          maxDate: _this.maxDate && _this.maxDate.toNativeFormat() || undefined,
+          minDate: formattedMinDate,
+          maxDate: formattedMaxDate,
           onPick: _this.handlePick,
           onSelect: _this.handleSelect,
           enableTodayLink: _this.props.enableTodayLink,
@@ -233,8 +283,8 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
       return /*#__PURE__*/(
         _react.default.createElement("label", {
-          className: _DatePicker.jsStyles.root(),
-          style: { width: _this.props.width },
+          className: _DatePicker.styles.root(),
+          style: _this.getRootStyle(),
           onMouseEnter: _this.props.onMouseEnter,
           onMouseLeave: _this.props.onMouseLeave,
           onMouseOver: _this.props.onMouseOver }, /*#__PURE__*/
@@ -245,15 +295,33 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
           value: _this.props.value || '',
           width: "100%",
           withIcon: true,
-          minDate: _this.props.minDate,
-          maxDate: _this.props.maxDate,
+          minDate: minDate,
+          maxDate: maxDate,
           onBlur: _this.handleBlur,
           onFocus: _this.handleFocus,
           onValueChange: _this.props.onValueChange })),
 
-        picker));
+        _this.state.canUseMobileNativeDatePicker && /*#__PURE__*/
+        _react.default.createElement(_NativeDateInput.NativeDateInput, {
+          onValueChange: _this.props.onValueChange,
+          value: _this.props.value || '',
+          minDate: minDate,
+          maxDate: maxDate,
+          disabled: _this.props.disabled }),
+
+
+        !_this.state.canUseMobileNativeDatePicker && picker));
+
+
+    };_this.
 
+    getParent = function () {
+      return (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
+    };_this.
 
+    getRootStyle = function () {
+      var width = _this.props.width;
+      return (0, _utils.isNonNullable)(width) ? { width: width } : { minWidth: MIN_WIDTH };
     };_this.
 
     getInputRef = function (ref) {
@@ -303,29 +371,37 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
       _this.blur();
     };_this.
 
-    handleSelect = function (_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;
-      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
+    handleSelect = function (dateShape) {
+      if (!dateShape) {
+        return null;
+      }
+
+      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({
+        date: dateShape.date,
+        month: dateShape.month + 1,
+        year: dateShape.year });
+
       if (_this.props.onValueChange) {
         _this.props.onValueChange(value);
       }
     };_this.
 
-    isHoliday = function (_ref2) {var date = _ref2.date,month = _ref2.month,year = _ref2.year,isWeekend = _ref2.isWeekend;
+    isHoliday = function (_ref) {var date = _ref.date,month = _ref.month,year = _ref.year,isWeekend = _ref.isWeekend;
       var dateString = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
-      return _this.props.isHoliday(dateString, isWeekend);
-    };return _this;}var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {this.focus();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {var disabled = nextProps.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}this.internalDate = this.parseValueToDate(nextProps.value);this.minDate = this.parseValueToDate(nextProps.minDate);this.maxDate = this.parseValueToDate(nextProps.maxDate);} /**
-   * @public
-   */;_proto.blur = function blur() {if (this.input) {this.input.blur();}this.handleBlur();} /**
-   * @public
-   */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
-   * Закрывает выпадашку выбора дня
-   * @public
-   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.Component);exports.DatePicker = DatePicker;DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';DatePicker.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
-   * Включает кнопку сегодня в календаре
-   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
-   * Максимальная дата в календаре.
-   */maxDate: _propTypes.default.string.isRequired, menuAlign: _propTypes.default.oneOf(['left', 'right']), /**
-   * Минимальная дата в календаре.
-   */minDate: _propTypes.default.string.isRequired, /**
-   * Строка формата `dd.mm.yyyy`
-   */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired };DatePicker.defaultProps = { width: 120, minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} };DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });};
+      return _this.getProps().isHoliday(dateString, isWeekend);
+    };return _this;}var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.useMobileNativeDatePicker && _client.isMobile) {this.setState({ canUseMobileNativeDatePicker: true });}if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate() {var disabled = this.props.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}} /**
+   * @public
+   */;_proto.blur = function blur() {if (this.input) {this.input.blur();}this.handleBlur();} /**
+   * @public
+   */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
+   * Закрывает выпадашку выбора дня
+   * @public
+   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
+   * Включает кнопку сегодня в календаре
+   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
+   * Максимальная дата в календаре.
+   */maxDate: _propTypes.default.string.isRequired, menuAlign: _propTypes.default.oneOf(['left', 'right']), /**
+   * Минимальная дата в календаре.
+   */minDate: _propTypes.default.string.isRequired, /**
+   * Строка формата `dd.mm.yyyy`
+   */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired }, _class2.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _class2.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _temp)) || _class;exports.DatePicker = DatePicker;

package/cjs/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","DatePicker","state","opened","input","focused","internalDate","parseValueToDate","props","value","minDate","maxDate","renderMain","picker","date","toNativeFormat","menuAlign","undefined","handlePick","handleSelect","enableTodayLink","isHoliday","jsStyles","root","width","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","ref","setState","onFocus","close","onBlur","dateShape","blur","month","year","InternalDateTransformer","dateToInternalString","isWeekend","dateString","componentDidMount","focus","UNSAFE_componentWillReceiveProps","nextProps","render","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","defaultProps","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { InternalDate } from '../../lib/date/InternalDate';\r\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\r\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\r\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CalendarDateShape } from '../../internal/Calendar';\r\nimport { DateInput } from '../DateInput';\r\nimport { DropdownContainer } from '../../internal/DropdownContainer';\r\nimport { filterProps } from '../../lib/filterProps';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { Picker } from './Picker';\r\nimport { jsStyles } from './DatePicker.styles';\r\n\r\nconst INPUT_PASS_PROPS = {\r\n  autoFocus: true,\r\n  disabled: true,\r\n  warning: true,\r\n  error: true,\r\n  size: true,\r\n  onKeyDown: true,\r\n};\r\n\r\nexport interface DatePickerProps<T> extends CommonProps {\r\n  autoFocus?: boolean;\r\n  disabled?: boolean;\r\n  enableTodayLink?: boolean;\r\n  error?: boolean;\r\n  minDate: T;\r\n  maxDate: T;\r\n  menuAlign?: 'left' | 'right';\r\n  size?: 'small' | 'medium' | 'large';\r\n  value?: T | null;\r\n  warning?: boolean;\r\n  width: number | string;\r\n  onBlur?: () => void;\r\n  /**\r\n   * Вызывается при изменении `value`\r\n   *\r\n   * @param value - строка в формате `dd.mm.yyyy`.\r\n   */\r\n  onValueChange: (value: T) => void;\r\n  onFocus?: () => void;\r\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\r\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\r\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\r\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\r\n\r\n  /**\r\n   * Функция для определения праздничных дней\r\n   * @default (_day, isWeekend) => isWeekend\r\n   * @param {T} day - строка в формате `dd.mm.yyyy`\r\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\r\n   *\r\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\r\n   */\r\n  isHoliday: (day: T, isWeekend: boolean) => boolean;\r\n}\r\n\r\nexport interface DatePickerState {\r\n  opened: boolean;\r\n}\r\n\r\ntype DatePickerValue = string;\r\n\r\nexport class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {\r\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\r\n\r\n  public static propTypes = {\r\n    autoFocus: PropTypes.bool,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Включает кнопку сегодня в календаре\r\n     */\r\n    enableTodayLink: PropTypes.bool,\r\n\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Максимальная дата в календаре.\r\n     */\r\n    maxDate: PropTypes.string.isRequired,\r\n\r\n    menuAlign: PropTypes.oneOf(['left', 'right'] as Array<'left' | 'right'>),\r\n\r\n    /**\r\n     * Минимальная дата в календаре.\r\n     */\r\n    minDate: PropTypes.string.isRequired,\r\n\r\n    /**\r\n     * Строка формата `dd.mm.yyyy`\r\n     */\r\n    value: PropTypes.string,\r\n\r\n    warning: PropTypes.bool,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\r\n\r\n    onBlur: PropTypes.func,\r\n\r\n    onValueChange: PropTypes.func.isRequired,\r\n\r\n    onFocus: PropTypes.func,\r\n\r\n    onKeyDown: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n\r\n    isHoliday: PropTypes.func.isRequired,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    width: 120,\r\n    minDate: MIN_FULLDATE,\r\n    maxDate: MAX_FULLDATE,\r\n    isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\r\n  };\r\n\r\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\r\n    if (!value) {\r\n      return false;\r\n    }\r\n\r\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\r\n    const internalDate = new InternalDate({\r\n      order: InternalDateOrder.DMY,\r\n      separator: InternalDateSeparator.Dot,\r\n    })\r\n      .setRangeStart(new InternalDate({ value: minDate }))\r\n      .setRangeEnd(new InternalDate({ value: maxDate }))\r\n      .parseValue(value);\r\n\r\n    return internalDate.validate({\r\n      checks: [\r\n        InternalDateValidateCheck.NotNull,\r\n        InternalDateValidateCheck.Number,\r\n        InternalDateValidateCheck.Native,\r\n        InternalDateValidateCheck.Limits,\r\n        InternalDateValidateCheck.Range,\r\n      ],\r\n    });\r\n  };\r\n\r\n  public state: DatePickerState = { opened: false };\r\n\r\n  private input: DateInput | null = null;\r\n  private focused = false;\r\n  private internalDate?: InternalDate = this.parseValueToDate(this.props.value);\r\n  private minDate?: InternalDate = this.parseValueToDate(this.props.minDate);\r\n  private maxDate?: InternalDate = this.parseValueToDate(this.props.maxDate);\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>) {\r\n    const { disabled } = nextProps;\r\n    const { opened } = this.state;\r\n    if (disabled && opened) {\r\n      this.close();\r\n    }\r\n    this.internalDate = this.parseValueToDate(nextProps.value);\r\n    this.minDate = this.parseValueToDate(nextProps.minDate);\r\n    this.maxDate = this.parseValueToDate(nextProps.maxDate);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n    this.handleBlur();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n    this.handleFocus();\r\n  }\r\n\r\n  /**\r\n   * Закрывает выпадашку выбора дня\r\n   * @public\r\n   */\r\n  public close() {\r\n    this.setState({ opened: false });\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\r\n    let picker = null;\r\n    const date = this.internalDate ? this.internalDate.toNativeFormat() : null;\r\n    if (this.state.opened) {\r\n      picker = (\r\n        <DropdownContainer getParent={() => findDOMNode(this)} offsetY={2} align={this.props.menuAlign}>\r\n          <Picker\r\n            value={date}\r\n            minDate={(this.minDate && this.minDate.toNativeFormat()) || undefined}\r\n            maxDate={(this.maxDate && this.maxDate.toNativeFormat()) || undefined}\r\n            onPick={this.handlePick}\r\n            onSelect={this.handleSelect}\r\n            enableTodayLink={this.props.enableTodayLink}\r\n            isHoliday={this.isHoliday}\r\n          />\r\n        </DropdownContainer>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <label\r\n        className={jsStyles.root()}\r\n        style={{ width: this.props.width }}\r\n        onMouseEnter={this.props.onMouseEnter}\r\n        onMouseLeave={this.props.onMouseLeave}\r\n        onMouseOver={this.props.onMouseOver}\r\n      >\r\n        <DateInput\r\n          {...filterProps(props, INPUT_PASS_PROPS)}\r\n          ref={this.getInputRef}\r\n          value={this.props.value || ''}\r\n          width=\"100%\"\r\n          withIcon\r\n          minDate={this.props.minDate}\r\n          maxDate={this.props.maxDate}\r\n          onBlur={this.handleBlur}\r\n          onFocus={this.handleFocus}\r\n          onValueChange={this.props.onValueChange}\r\n        />\r\n        {picker}\r\n      </label>\r\n    );\r\n  };\r\n\r\n  private getInputRef = (ref: DateInput | null) => {\r\n    this.input = ref;\r\n  };\r\n\r\n  private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\r\n    if (value === undefined || value === null) {\r\n      return undefined;\r\n    }\r\n    const date = new InternalDate({ value });\r\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\r\n      return date;\r\n    }\r\n    return undefined;\r\n  }\r\n\r\n  private handleFocus = () => {\r\n    if (this.focused) {\r\n      return;\r\n    }\r\n\r\n    this.focused = true;\r\n\r\n    this.setState({ opened: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus();\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (!this.focused) {\r\n      return;\r\n    }\r\n\r\n    this.focused = false;\r\n    this.close();\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur();\r\n    }\r\n  };\r\n\r\n  private handlePick = (dateShape: CalendarDateShape) => {\r\n    this.handleSelect(dateShape);\r\n    this.blur();\r\n  };\r\n\r\n  private handleSelect = ({ date, month, year }: CalendarDateShape) => {\r\n    const value = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  };\r\n\r\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\r\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\r\n    return this.props.isHoliday(dateString, isWeekend);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","pickerRoot","pickerTodayWrapper","DatePicker","rootNode","getProps","defaultProps","state","opened","canUseMobileNativeDatePicker","input","focused","renderMain","props","picker","value","minDate","maxDate","internalDate","parseValueToDate","date","toNativeFormat","parsedMinDate","formattedMinDate","undefined","parsedMaxDate","formattedMaxDate","getParent","menuAlign","handlePick","handleSelect","enableTodayLink","isHoliday","styles","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","width","minWidth","ref","setState","onFocus","close","onBlur","dateShape","blur","InternalDateTransformer","dateToInternalString","month","year","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","isMobile","focus","componentDidUpdate","render","setRootNode","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\n\nconst INPUT_PASS_PROPS = {\n  autoFocus: true,\n  disabled: true,\n  warning: true,\n  error: true,\n  size: true,\n  onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps<T> extends CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  minDate?: T;\n  maxDate?: T;\n  menuAlign?: 'left' | 'right';\n  size?: 'small' | 'medium' | 'large';\n  value?: T | null;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: number | string;\n  onBlur?: () => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange: (value: T) => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\n  /**\n   * Использовать на мобильных устройствах нативный календарь для выбора дат.\n   *\n   * - На iOS нативный календарь не умеет работать с minDate и maxDate\n   */\n  useMobileNativeDatePicker?: boolean;\n\n  /**\n   * Функция для определения праздничных дней\n   * @default (_day, isWeekend) => isWeekend\n   * @param {T} day - строка в формате `dd.mm.yyyy`\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n   *\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\n   */\n  isHoliday?: (day: T, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n}\n\ntype DatePickerValue = string;\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<DatePickerProps<T>, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n@rootNode\nexport class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n\n  public static propTypes = {\n    autoFocus: PropTypes.bool,\n\n    disabled: PropTypes.bool,\n\n    /**\n     * Включает кнопку сегодня в календаре\n     */\n    enableTodayLink: PropTypes.bool,\n\n    error: PropTypes.bool,\n\n    /**\n     * Максимальная дата в календаре.\n     */\n    maxDate: PropTypes.string.isRequired,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    /**\n     * Минимальная дата в календаре.\n     */\n    minDate: PropTypes.string.isRequired,\n\n    /**\n     * Строка формата `dd.mm.yyyy`\n     */\n    value: PropTypes.string,\n\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n\n    onBlur: PropTypes.func,\n\n    onValueChange: PropTypes.func.isRequired,\n\n    onFocus: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    isHoliday: PropTypes.func.isRequired,\n  };\n\n  public static defaultProps: DefaultProps<string> = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n    if (!value) {\n      return false;\n    }\n\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n    const internalDate = new InternalDate({\n      order: InternalDateOrder.DMY,\n      separator: InternalDateSeparator.Dot,\n    })\n      .setRangeStart(new InternalDate({ value: minDate }))\n      .setRangeEnd(new InternalDate({ value: maxDate }))\n      .parseValue(value);\n\n    return internalDate.validate({\n      checks: [\n        InternalDateValidateCheck.NotNull,\n        InternalDateValidateCheck.Number,\n        InternalDateValidateCheck.Native,\n        InternalDateValidateCheck.Limits,\n        InternalDateValidateCheck.Range,\n      ],\n    });\n  };\n\n  public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.useMobileNativeDatePicker && isMobile) {\n      this.setState({\n        canUseMobileNativeDatePicker: true,\n      });\n    }\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate() {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.input) {\n      this.input.blur();\n    }\n    this.handleBlur();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.focus();\n    }\n    this.handleFocus();\n  }\n\n  /**\n   * Закрывает выпадашку выбора дня\n   * @public\n   */\n  public close() {\n    this.setState({ opened: false });\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\n    let picker = null;\n\n    const { value } = this.props;\n    const { minDate, maxDate } = this.getProps();\n\n    const internalDate = this.parseValueToDate(value);\n    const date = internalDate ? internalDate.toNativeFormat() : null;\n\n    const parsedMinDate = this.parseValueToDate(minDate);\n    const formattedMinDate = (parsedMinDate && parsedMinDate.toNativeFormat()) || undefined;\n\n    const parsedMaxDate = this.parseValueToDate(maxDate);\n    const formattedMaxDate = (parsedMaxDate && parsedMaxDate.toNativeFormat()) || undefined;\n\n    if (this.state.opened) {\n      picker = (\n        <DropdownContainer\n          data-tid={DatePickerDataTids.root}\n          getParent={this.getParent}\n          offsetY={2}\n          align={this.props.menuAlign}\n        >\n          <Picker\n            value={date}\n            minDate={formattedMinDate}\n            maxDate={formattedMaxDate}\n            onPick={this.handlePick}\n            onSelect={this.handleSelect}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.isHoliday}\n          />\n        </DropdownContainer>\n      );\n    }\n\n    return (\n      <label\n        className={styles.root()}\n        style={this.getRootStyle()}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n      >\n        <DateInput\n          {...filterProps(props, INPUT_PASS_PROPS)}\n          ref={this.getInputRef}\n          value={this.props.value || ''}\n          width=\"100%\"\n          withIcon\n          minDate={minDate}\n          maxDate={maxDate}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n        />\n        {this.state.canUseMobileNativeDatePicker && (\n          <NativeDateInput\n            onValueChange={this.props.onValueChange}\n            value={this.props.value || ''}\n            minDate={minDate}\n            maxDate={maxDate}\n            disabled={this.props.disabled}\n          />\n        )}\n        {!this.state.canUseMobileNativeDatePicker && picker}\n      </label>\n    );\n  };\n\n  public getParent = () => {\n    return getRootNode(this);\n  };\n\n  private getRootStyle = () => {\n    const { width } = this.props;\n    return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n  };\n\n  private getInputRef = (ref: DateInput | null) => {\n    this.input = ref;\n  };\n\n  private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date;\n    }\n    return undefined;\n  }\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n\n    this.setState({ opened: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      return;\n    }\n\n    this.focused = false;\n    this.close();\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handlePick = (dateShape: CalendarDateShape) => {\n    this.handleSelect(dateShape);\n    this.blur();\n  };\n\n  private handleSelect = (dateShape: CalendarDateShape | null) => {\n    if (!dateShape) {\n      return null;\n    }\n\n    const value = InternalDateTransformer.dateToInternalString({\n      date: dateShape.date,\n      month: dateShape.month + 1,\n      year: dateShape.year,\n    });\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n    return this.getProps().isHoliday(dateString, isWeekend);\n  };\n}\n"]}