@skbkontur/react-ui 0.0.0-4cd450ed1e → 0.0.0-4da47ece08

package/cjs/components/DateInput/DateFragmentsView.styles.js

@@ -1,11 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      background-color: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n    "])));
 
 
+  },
+
+  selected: function selected(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "])),
 
     t.dateInputComponentSelectedBgColor,
 
@@ -15,24 +19,29 @@ var styles = {
 
   },
 
-  selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject2(),
-    t.dateInputComponentSelectedBgColor,
-    t.dateInputComponentSelectedBgColor);
+  selectedFor22Themes: function selectedFor22Themes(t) {
+    var getSelection = function getSelection(background, color) {return (
+        (background || color) && "& ::selection {\n      background: " +
+
+        background + ";\n      color: " +
+        color + ";\n    }");};
+
+
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      ", "\n    "])),
+
+
+    getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor));
 
   },
 
   mask: function mask(t) {
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.dateInputMaskColor);
 
   },
 
   delimiterFilled: function delimiterFilled() {
-    return (0, _Emotion.css)(_templateObject4());
-
-
-  } };
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/components/DateInput/DateFragmentsView.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["styles","root","t","css","dateInputComponentSelectedBgColor","selected","mask","dateInputMaskColor","delimiterFilled","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;AAIkBD,IAAAA,CAAC,CAACE,iCAJpB;;;AAOkBF,IAAAA,CAAC,CAACE,iCAPpB;;;AAUD,GAZY;;AAcbC,EAAAA,QAda,oBAcJH,CAdI,EAcM;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACE,iCADpB;AAEsBF,IAAAA,CAAC,CAACE,iCAFxB;;AAID,GAnBY;;AAqBbE,EAAAA,IArBa,gBAqBRJ,CArBQ,EAqBE;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,kBADb;;AAGD,GAzBY;;AA2BbC,EAAAA,eA3Ba,6BA2BK;AAChB,eAAOL,YAAP;;;AAGD,GA/BY,EAAf;;;AAkCO,IAAMM,QAAQ,GAAG,2BAAaT,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      cursor: text;\r\n\r\n      & ::selection {\r\n        background: ${t.dateInputComponentSelectedBgColor};\r\n      }\r\n      & ::-moz-selection {\r\n        background: ${t.dateInputComponentSelectedBgColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  selected(t: Theme) {\r\n    return css`\r\n      border-color: ${t.dateInputComponentSelectedBgColor};\r\n      background-color: ${t.dateInputComponentSelectedBgColor};\r\n    `;\r\n  },\r\n\r\n  mask(t: Theme) {\r\n    return css`\r\n      color: ${t.dateInputMaskColor};\r\n    `;\r\n  },\r\n\r\n  delimiterFilled() {\r\n    return css`\r\n      color: inherit !important;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["styles","root","css","selected","t","dateInputComponentSelectedBgColor","selectedFor22Themes","getSelection","background","color","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"mappings":"oRAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;AAGD,GALgC;;AAOjCC,EAAAA,QAPiC,oBAOxBC,CAPwB,EAOd;AACjB,eAAOF,YAAP;;AAEkBE,IAAAA,CAAC,CAACC,iCAFpB;;;AAKkBD,IAAAA,CAAC,CAACC,iCALpB;;;AAQD,GAhBgC;;AAkBjCC,EAAAA,mBAlBiC,+BAkBbF,CAlBa,EAkBH;AAC5B,QAAMG,YAAY,GAAG,SAAfA,YAAe,CAACC,UAAD,EAAqBC,KAArB;AACnB,SAACD,UAAU,IAAIC,KAAf;;AAEcD,QAAAA,UAFd;AAGSC,QAAAA,KAHT,aADmB,GAArB;;;AAOA,eAAOP,YAAP;;;AAGIK,IAAAA,YAAY,CAACH,CAAC,CAACC,iCAAH,EAAsCD,CAAC,CAACM,mCAAxC,CAHhB;;AAKD,GA/BgC;;AAiCjCC,EAAAA,IAjCiC,gBAiC5BP,CAjC4B,EAiClB;AACb,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACQ,kBADb;;AAGD,GArCgC;;AAuCjCC,EAAAA,eAvCiC,6BAuCf;AAChB,eAAOX,YAAP;;;AAGD,GA3CgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      cursor: text;\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      & ::selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n      & ::-moz-selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n    `;\n  },\n\n  selectedFor22Themes(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n      background: ${background};\n      color: ${color};\n    }`;\n\n    return css`\n      cursor: text;\n\n      ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.dateInputMaskColor};\n    `;\n  },\n\n  delimiterFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n});\n"]}

package/cjs/components/DateInput/DateInput.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { InternalDateComponentType } from '../../lib/date/types';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
 export interface DateInputState {
     selected: InternalDateComponentType | null;
     valueFormatted: string;
@@ -8,22 +9,31 @@ export interface DateInputState {
     focused: boolean;
     dragged: boolean;
 }
+export declare const DateInputDataTids: {
+    readonly icon: "DateInput__icon";
+};
 export interface DateInputProps extends CommonProps {
     autoFocus?: boolean;
-    value: string;
+    value?: string;
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
     disabled?: boolean;
     /**
      * Минимальная дата.
      * @default '01.01.1900'
      */
-    minDate: string;
+    minDate?: string;
     /**
      * Максимальная дата
      * @default '31.12.2099'
      */
-    maxDate: string;
+    maxDate?: string;
     /**
      * Ширина поля
      * @default 125
@@ -34,8 +44,9 @@ export interface DateInputProps extends CommonProps {
      * Размер поля
      * @default 'small'
      */
-    size: 'small' | 'large' | 'medium';
+    size?: SizeProp;
     onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
+    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
     onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
     /**
      * Вызывается при изменении `value`
@@ -45,15 +56,12 @@ export interface DateInputProps extends CommonProps {
     onValueChange?: (value: string) => void;
     onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
 }
+declare type DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;
 export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        value: string;
-        minDate: string;
-        maxDate: string;
-        size: string;
-        width: number;
-    };
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
     private iDateMediator;
     private inputLikeText;
     private dateFragmentsView;
@@ -63,9 +71,10 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private locale;
     private blurEvent;
     private theme;
+    private setRootNode;
     private conditionalHandler;
     constructor(props: DateInputProps);
-    componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState): void;
+    componentDidUpdate(prevProps: DateInputProps): void;
     selectNode: () => void;
     componentDidMount(): void;
     blur(): void;
@@ -75,6 +84,7 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private renderMain;
     private renderIcon;
     private handleFocus;
+    private resetFocus;
     private handleBlur;
     private handleMouseDownCapture;
     private handleSelectDateComponent;
@@ -97,3 +107,4 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private shiftSelection;
     private inputValue;
 }
+export {};

package/cjs/components/DateInput/DateInput.js

@@ -1,5 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DateInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateInputDataTids = exports.DateInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _globalObject = require("@skbkontur/global-object");
 
 var _ConditionalHandler = require("../../lib/ConditionalHandler");
 var _constants = require("../../lib/date/constants");
@@ -11,11 +12,36 @@ var _decorators = require("../../lib/locale/decorators");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
+var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
+
+var _CalendarIcon = require("./CalendarIcon");
 var _DateFragmentsView = require("./DateFragmentsView");
 var _DateInput = require("./DateInput.styles");
 var _DateInputKeyboardActions = require("./helpers/DateInputKeyboardActions");
-var _InternalDateMediator = require("./helpers/InternalDateMediator");var _dec, _class, _class2, _temp;var
+var _InternalDateMediator = require("./helpers/InternalDateMediator");var _dec, _class, _class2, _temp;
+
+
+
+
+
+
+
+
+
+var DateInputDataTids = {
+  icon: 'DateInput__icon' };exports.DateInputDataTids = DateInputDataTids;var
+
+
+
+
+
+
+
 
 
 
@@ -60,11 +86,11 @@ var _InternalDateMediator = require("./helpers/InternalDateMediator");var _dec,
 
 
 
+DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateInput, _React$Component);
 
 
 
 
-DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateInput, _React$Component);
 
 
 
@@ -100,7 +126,8 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
 
   function DateInput(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.iDateMediator = new _InternalDateMediator.InternalDateMediator();_this.inputLikeText = null;_this.dateFragmentsView = null;_this.isMouseDown = false;_this.isMouseFocus = false;_this.ignoringDelimiter = false;_this.locale = void 0;_this.blurEvent = null;_this.theme = void 0;_this.conditionalHandler = new _ConditionalHandler.ConditionalHandler().add(_DateInputKeyboardActions.Actions.MoveSelectionLeft, function () {return _this.shiftSelection(-1);}).add(_DateInputKeyboardActions.Actions.MoveSelectionRight, function () {return _this.shiftSelection(1);}).add(_DateInputKeyboardActions.Actions.Separator, function () {return _this.pressDelimiter();}).add(_DateInputKeyboardActions.Actions.MoveSelectionFirst, function () {return _this.selectDateComponent(_this.iDateMediator.getLeftmostType());}).add(_DateInputKeyboardActions.Actions.MoveSelectionLast, function () {return _this.selectDateComponent(_this.iDateMediator.getRightmostType());}).add(_DateInputKeyboardActions.Actions.Increment, function () {return _this.shiftDateComponent(1);}).add(_DateInputKeyboardActions.Actions.Decrement, function () {return _this.shiftDateComponent(-1);}).add(_DateInputKeyboardActions.Actions.Digit, function (e) {return _this.inputValue(e);}).add(_DateInputKeyboardActions.Actions.ClearSelection, function () {return _this.clearSelected();}).add(_DateInputKeyboardActions.Actions.ClearOneChar, function () {return _this.clearOneChar();}).add(_DateInputKeyboardActions.Actions.FullSelection, function () {return _this.fullSelection();}).add(_DateInputKeyboardActions.Actions.WrongInput, function () {return _this.blink();}).build();_this.
+    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(DateInput.defaultProps);_this.iDateMediator = new _InternalDateMediator.InternalDateMediator();_this.inputLikeText = null;_this.dateFragmentsView = null;_this.isMouseDown = false;_this.isMouseFocus = false;_this.ignoringDelimiter = false;_this.blurEvent = null;_this.conditionalHandler = new _ConditionalHandler.ConditionalHandler().add(_DateInputKeyboardActions.Actions.MoveSelectionLeft, function () {return _this.shiftSelection(-1);}).add(_DateInputKeyboardActions.Actions.MoveSelectionRight, function () {return _this.shiftSelection(1);}).add(_DateInputKeyboardActions.Actions.Separator, function () {return _this.pressDelimiter();}).add(_DateInputKeyboardActions.Actions.MoveSelectionFirst, function () {return _this.selectDateComponent(_this.iDateMediator.getLeftmostType());}).add(_DateInputKeyboardActions.Actions.MoveSelectionLast, function () {return _this.selectDateComponent(_this.iDateMediator.getRightmostType());}).add(_DateInputKeyboardActions.Actions.Increment, function () {return _this.shiftDateComponent(1);}).add(_DateInputKeyboardActions.Actions.Decrement, function () {return _this.shiftDateComponent(-1);}).add(_DateInputKeyboardActions.Actions.Digit, function (e) {return _this.inputValue(e);}).add(_DateInputKeyboardActions.Actions.ClearSelection, function () {return _this.clearSelected();}).add(_DateInputKeyboardActions.Actions.ClearOneChar, function () {return _this.clearOneChar();}).add(_DateInputKeyboardActions.Actions.FullSelection, function () {return _this.fullSelection();}).add(_DateInputKeyboardActions.Actions.WrongInput, function () {return _this.blink();}).build();_this.
+
 
 
 
@@ -211,21 +238,31 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
 
 
-    renderIcon = function () {var _this$props =
-      _this.props,withIcon = _this$props.withIcon,size = _this$props.size,_this$props$disabled = _this$props.disabled,disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
 
-      if (withIcon) {var _cn;
+
+
+
+
+
+
+
+    renderIcon = function () {
+      var _this$props = _this.props,withIcon = _this$props.withIcon,_this$props$disabled = _this$props.disabled,disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
+      var size = _this.getProps().size;
+
+      if (withIcon) {var _cx;
         var theme = _this.theme;
-        var iconStyles = (0, _classnames.default)((_cn = {}, _cn[
-        _DateInput.jsStyles.icon(theme)] = true, _cn[
-        _DateInput.jsStyles.iconSmall(theme)] = size === 'small', _cn[
-        _DateInput.jsStyles.iconMedium(theme)] = size === 'medium', _cn[
-        _DateInput.jsStyles.iconLarge(theme)] = size === 'large', _cn[
-        _DateInput.jsStyles.iconDisabled(theme)] = disabled, _cn));
+        var icon = (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/_react.default.createElement(_CalendarIcon.CalendarIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_px.CalendarIcon, null);
+        var iconStyles = (0, _Emotion.cx)((_cx = {}, _cx[
+        _DateInput.styles.icon(theme)] = true, _cx[
+        _DateInput.styles.iconSmall(theme)] = size === 'small', _cx[
+        _DateInput.styles.iconMedium(theme)] = size === 'medium', _cx[
+        _DateInput.styles.iconLarge(theme)] = size === 'large', _cx[
+        _DateInput.styles.iconDisabled(theme)] = disabled, _cx));
 
         return /*#__PURE__*/(
-          _react.default.createElement("span", { className: iconStyles }, /*#__PURE__*/
-          _react.default.createElement(_px.CalendarIcon, null)));
+          _react.default.createElement("span", { className: iconStyles, "data-tid": DateInputDataTids.icon },
+          icon));
 
 
       }
@@ -243,11 +280,13 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
       }
     };_this.
 
+    resetFocus = function () {return _this.updateValue({ focused: false, selected: null, inputMode: false });};_this.
+
     handleBlur = function (e) {
-      var restored = _this.iDateMediator.restore();
-      _this.updateValue({ focused: false, selected: null, inputMode: false });
+      _this.resetFocus();
 
       if (_this.props.onBlur) {
+        var restored = _this.iDateMediator.restore();
         if (restored) {
           e.persist();
           _this.blurEvent = e;
@@ -279,7 +318,7 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
     };_this.
 
     handleMouseDragEnd = function () {
-      var selection = getSelection();
+      var selection = _globalObject.globalObject.getSelection == null ? void 0 : _globalObject.globalObject.getSelection();
       if (
       selection &&
       selection.toString().length === _constants.LENGTH_FULLDATE &&
@@ -322,16 +361,22 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
       _this.setState({ selected: selected, inputMode: false });
     };_this.
 
-    updateValue = function (state) {if (state === void 0) {state = {};}
+    updateValue = function (state, sync) {if (state === void 0) {state = {};}if (sync === void 0) {sync = true;}
       var valueFormatted = _this.iDateMediator.getString();
 
-      _this.setState((0, _extends2.default)({}, state, { valueFormatted: valueFormatted }), _this.emitChange);
+      var update = function update() {return _this.setState((0, _extends2.default)({}, state, { valueFormatted: valueFormatted }), _this.emitChange);};
+
+      if (sync && _react.default.version.search('18') === 0) {
+        _reactDom.default.flushSync(update);
+      } else {
+        update();
+      }
     };_this.
 
-    updateFromProps = function () {
+    updateFromProps = function (sync) {
       _this.iDateMediator.update(_this.props, _this.locale);
 
-      _this.updateValue();
+      _this.updateValue({}, sync);
     };_this.
 
     fullSelection = function () {
@@ -371,8 +416,8 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
     };_this.
 
-    clearOneChar = function () {var _this$state =
-      _this.state,selected = _this$state.selected,inputMode = _this$state.inputMode;
+    clearOneChar = function () {
+      var _this$state = _this.state,selected = _this$state.selected,inputMode = _this$state.inputMode;
       var nextType = selected === null ? _this.iDateMediator.getRightmostType() : selected;
       if (_this.iDateMediator.isNull(nextType)) {
         _this.shiftSelection(-1);
@@ -390,8 +435,8 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
     };_this.
 
-    shiftDateComponent = function (step) {var
-      selected = _this.state.selected;
+    shiftDateComponent = function (step) {
+      var selected = _this.state.selected;
       var changed = _this.iDateMediator.shiftDateComponent(selected, step);
       if (!changed) {
         _this.blink();
@@ -417,11 +462,15 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
         _this.iDateMediator.clear(_types.InternalDateComponentType.All);
         _this.setState({ selected: selected });
       }
-      var inputMode = _this.iDateMediator.inputKey(event.key, selected, _this.state.inputMode);
+      var _this$iDateMediator$i = _this.iDateMediator.inputKey(event.key, selected, _this.state.inputMode),inputMode = _this$iDateMediator$i.inputMode,changed = _this$iDateMediator$i.changed;
+      if (!changed) {
+        _this.blink();
+        return;
+      }
 
       if (!inputMode) {
         _this.ignoringDelimiter = true;
         _this.shiftSelection(1);
       }
       _this.updateValue({ inputMode: inputMode });
-    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevProps.value !== this.props.value || prevProps.minDate !== this.props.minDate || prevProps.maxDate !== this.props.maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps();}this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps();if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$state2 = this.state,focused = _this$state2.focused,selected = _this$state2.selected,inputMode = _this$state2.inputMode,valueFormatted = _this$state2.valueFormatted;var fragments = focused || valueFormatted !== '' ? this.iDateMediator.getFragments() : [];return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { width: this.props.width, ref: this.inputLikeTextRef, size: this.props.size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString() }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: fragments, onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode })));};return DateInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateInput', _class2.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _temp)) || _class);exports.DateInput = DateInput;
+    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),value = _this$getProps.value,minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;if (prevProps.value !== value || prevProps.minDate !== minDate || prevProps.maxDate !== maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps(false);}this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps(false);if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx2;var _this$state2 = this.state,focused = _this$state2.focused,selected = _this$state2.selected,inputMode = _this$state2.inputMode,valueFormatted = _this$state2.valueFormatted;var showValue = Boolean(focused || valueFormatted);var _this$getProps2 = this.getProps(),width = _this$getProps2.width,size = _this$getProps2.size;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { width: width, ref: this.inputLikeTextRef, size: size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.props.onClick, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString(), inputMode: 'numeric', takeContentWidth: true }, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_DateInput.styles.value(), (_cx2 = {}, _cx2[_DateInput.styles.valueVisible()] = showValue, _cx2)) }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: this.iDateMediator.getFragments(), onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode })))));};return DateInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateInput', _class2.displayName = 'DateInput', _class2.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _temp)) || _class) || _class);exports.DateInput = DateInput;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateInput.tsx"],"names":["DateInput","DatePickerLocaleHelper","props","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","locale","blurEvent","theme","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","size","disabled","iconStyles","jsStyles","icon","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","handleBlur","restored","restore","updateValue","inputMode","onBlur","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","valueFormatted","getString","emitChange","updateFromProps","update","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","fragments","getFragments","width","error","warning","React","Component","__KONTUR_REACT_UI__","defaultProps","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\r\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\r\nimport { InternalDateComponentType } from '../../lib/date/types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\r\nimport { InputLikeText } from '../../internal/InputLikeText';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CalendarIcon } from '../../internal/icons/16px';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { DateFragmentsView } from './DateFragmentsView';\r\nimport { jsStyles } from './DateInput.styles';\r\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\r\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\r\n\r\nexport interface DateInputState {\r\n  selected: InternalDateComponentType | null;\r\n  valueFormatted: string;\r\n  inputMode: boolean;\r\n  focused: boolean;\r\n  dragged: boolean;\r\n}\r\n\r\nexport interface DateInputProps extends CommonProps {\r\n  autoFocus?: boolean;\r\n  value: string;\r\n  error?: boolean;\r\n  warning?: boolean;\r\n  disabled?: boolean;\r\n  /**\r\n   * Минимальная дата.\r\n   * @default '01.01.1900'\r\n   */\r\n  minDate: string;\r\n  /**\r\n   * Максимальная дата\r\n   * @default '31.12.2099'\r\n   */\r\n  maxDate: string;\r\n  /**\r\n   * Ширина поля\r\n   * @default 125\r\n   */\r\n  width?: string | number;\r\n  withIcon?: boolean;\r\n  /**\r\n   * Размер поля\r\n   * @default 'small'\r\n   */\r\n  size: 'small' | 'large' | 'medium';\r\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\r\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\r\n  /**\r\n   * Вызывается при изменении `value`\r\n   *\r\n   * @param value - строка в формате `dd.mm.yyyy`.\r\n   */\r\n  onValueChange?: (value: string) => void;\r\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\r\n}\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'DateInput';\r\n\r\n  public static defaultProps = {\r\n    value: '',\r\n    minDate: MIN_FULLDATE,\r\n    maxDate: MAX_FULLDATE,\r\n    size: 'small',\r\n    width: 125,\r\n  };\r\n\r\n  private iDateMediator: InternalDateMediator = new InternalDateMediator();\r\n  private inputLikeText: InputLikeText | null = null;\r\n  private dateFragmentsView: DateFragmentsView | null = null;\r\n  private isMouseDown = false;\r\n  private isMouseFocus = false;\r\n  private ignoringDelimiter = false;\r\n  private locale!: DatePickerLocale;\r\n  private blurEvent: React.FocusEvent<HTMLElement> | null = null;\r\n  private theme!: Theme;\r\n  private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\r\n    .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\r\n    .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\r\n    .add(Actions.Separator, () => this.pressDelimiter())\r\n    .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\r\n    .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\r\n    .add(Actions.Increment, () => this.shiftDateComponent(1))\r\n    .add(Actions.Decrement, () => this.shiftDateComponent(-1))\r\n    .add(Actions.Digit, e => this.inputValue(e))\r\n    .add(Actions.ClearSelection, () => this.clearSelected())\r\n    .add(Actions.ClearOneChar, () => this.clearOneChar())\r\n    .add(Actions.FullSelection, () => this.fullSelection())\r\n    .add(Actions.WrongInput, () => this.blink())\r\n    .build();\r\n\r\n  constructor(props: DateInputProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      valueFormatted: '',\r\n      selected: null,\r\n      inputMode: false,\r\n      focused: false,\r\n      dragged: false,\r\n    };\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState) {\r\n    if (\r\n      prevProps.value !== this.props.value ||\r\n      prevProps.minDate !== this.props.minDate ||\r\n      prevProps.maxDate !== this.props.maxDate ||\r\n      this.iDateMediator.isChangedLocale(this.locale)\r\n    ) {\r\n      this.updateFromProps();\r\n    }\r\n    this.selectNode();\r\n  }\r\n\r\n  public selectNode = () => {\r\n    const type = this.state.selected;\r\n    const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\r\n    if (type === null || !this.inputLikeText || !dateFragmentsView) {\r\n      return;\r\n    }\r\n    if (type === InternalDateComponentType.All) {\r\n      this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\r\n      return;\r\n    }\r\n    const index = this.iDateMediator.getTypesOrder().indexOf(type);\r\n    if (index > -1) {\r\n      this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\r\n    }\r\n  };\r\n\r\n  public componentDidMount(): void {\r\n    this.updateFromProps();\r\n    if (this.props.autoFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  public blur() {\r\n    if (this.inputLikeText) {\r\n      this.inputLikeText.blur();\r\n    }\r\n  }\r\n\r\n  public focus() {\r\n    if (this.inputLikeText) {\r\n      this.inputLikeText.focus();\r\n    }\r\n  }\r\n\r\n  public blink() {\r\n    if (this.inputLikeText) {\r\n      this.inputLikeText.blink();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { focused, selected, inputMode, valueFormatted } = this.state;\r\n    const fragments = focused || valueFormatted !== '' ? this.iDateMediator.getFragments() : [];\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <InputLikeText\r\n          width={this.props.width}\r\n          ref={this.inputLikeTextRef}\r\n          size={this.props.size}\r\n          disabled={this.props.disabled}\r\n          error={this.props.error}\r\n          warning={this.props.warning}\r\n          onBlur={this.handleBlur}\r\n          onFocus={this.handleFocus}\r\n          onKeyDown={this.handleKeyDown}\r\n          onMouseDownCapture={this.handleMouseDownCapture}\r\n          onPaste={this.handlePaste}\r\n          rightIcon={this.renderIcon()}\r\n          onDoubleClickCapture={this.handleDoubleClick}\r\n          onMouseDragStart={this.handleMouseDragStart}\r\n          onMouseDragEnd={this.handleMouseDragEnd}\r\n          value={this.iDateMediator.getInternalString()}\r\n        >\r\n          <DateFragmentsView\r\n            ref={this.dateFragmentsViewRef}\r\n            fragments={fragments}\r\n            onSelectDateComponent={this.handleSelectDateComponent}\r\n            selected={selected}\r\n            inputMode={inputMode}\r\n          />\r\n        </InputLikeText>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderIcon = () => {\r\n    const { withIcon, size, disabled = false } = this.props;\r\n\r\n    if (withIcon) {\r\n      const theme = this.theme;\r\n      const iconStyles = cn({\r\n        [jsStyles.icon(theme)]: true,\r\n        [jsStyles.iconSmall(theme)]: size === 'small',\r\n        [jsStyles.iconMedium(theme)]: size === 'medium',\r\n        [jsStyles.iconLarge(theme)]: size === 'large',\r\n        [jsStyles.iconDisabled(theme)]: disabled,\r\n      });\r\n      return (\r\n        <span className={iconStyles}>\r\n          <CalendarIcon />\r\n        </span>\r\n      );\r\n    }\r\n    return null;\r\n  };\r\n\r\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\r\n    this.setState(prevState => ({\r\n      focused: true,\r\n      selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\r\n    }));\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(e);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\r\n    const restored = this.iDateMediator.restore();\r\n    this.updateValue({ focused: false, selected: null, inputMode: false });\r\n\r\n    if (this.props.onBlur) {\r\n      if (restored) {\r\n        e.persist();\r\n        this.blurEvent = e;\r\n      } else {\r\n        this.props.onBlur(e);\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\r\n    const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\r\n    if (this.state.focused && !isFragment) {\r\n      e.preventDefault();\r\n    }\r\n    this.isMouseFocus = !this.state.focused;\r\n    this.isMouseDown = isFragment;\r\n  };\r\n\r\n  private handleSelectDateComponent = (type: InternalDateComponentType) => {\r\n    if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\r\n      this.selectDateComponent(type);\r\n    }\r\n    this.isMouseFocus = false;\r\n    this.isMouseDown = false;\r\n  };\r\n\r\n  private handleMouseDragStart = () => {\r\n    this.setState({ dragged: true, selected: null });\r\n  };\r\n\r\n  private handleMouseDragEnd = () => {\r\n    const selection = getSelection();\r\n    if (\r\n      selection &&\r\n      selection.toString().length === LENGTH_FULLDATE &&\r\n      this.state.selected !== InternalDateComponentType.All\r\n    ) {\r\n      this.selectDateComponent(InternalDateComponentType.All);\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (this.conditionalHandler(extractAction(e), e)) {\r\n      e.preventDefault();\r\n    }\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n  };\r\n\r\n  private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\r\n    const pasted = e && e.clipboardData.getData('text').trim();\r\n    if (pasted && this.iDateMediator.validateString(pasted)) {\r\n      this.iDateMediator.paste(pasted);\r\n      this.updateValue();\r\n    }\r\n  };\r\n\r\n  private handleDoubleClick = () => {\r\n    this.selectDateComponent(InternalDateComponentType.All);\r\n  };\r\n\r\n  private inputLikeTextRef = (el: InputLikeText | null) => {\r\n    this.inputLikeText = el;\r\n  };\r\n\r\n  private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\r\n    this.dateFragmentsView = el;\r\n  };\r\n\r\n  private selectDateComponent = (selected: InternalDateComponentType | null): void => {\r\n    this.setState({ selected, inputMode: false });\r\n  };\r\n\r\n  private updateValue = (state: Partial<DateInputState> = {}): void => {\r\n    const valueFormatted = this.iDateMediator.getString();\r\n\r\n    this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\r\n  };\r\n\r\n  private updateFromProps = (): void => {\r\n    this.iDateMediator.update(this.props, this.locale);\r\n\r\n    this.updateValue();\r\n  };\r\n\r\n  private fullSelection = (): void => {\r\n    this.selectDateComponent(InternalDateComponentType.All);\r\n  };\r\n\r\n  private pressDelimiter = (): void => {\r\n    const value = this.iDateMediator.get(this.state.selected);\r\n    if (value !== null && value !== '') {\r\n      if (!this.ignoringDelimiter) {\r\n        this.shiftSelection(1);\r\n      }\r\n      this.ignoringDelimiter = false;\r\n    }\r\n  };\r\n\r\n  private emitChange = (): void => {\r\n    const value = this.iDateMediator.getInternalString();\r\n    if (this.props.value === value) {\r\n      return;\r\n    }\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n    if (this.blurEvent && this.props.onBlur) {\r\n      this.props.onBlur(this.blurEvent);\r\n      this.blurEvent = null;\r\n    }\r\n  };\r\n\r\n  private clearSelected = (): void => {\r\n    const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\r\n    this.iDateMediator.clear(selected);\r\n    this.updateValue({\r\n      inputMode: false,\r\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\r\n    });\r\n  };\r\n\r\n  private clearOneChar = (): void => {\r\n    const { selected, inputMode } = this.state;\r\n    const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\r\n    if (this.iDateMediator.isNull(nextType)) {\r\n      this.shiftSelection(-1);\r\n      return;\r\n    }\r\n    if (selected === InternalDateComponentType.All) {\r\n      this.iDateMediator.clear(InternalDateComponentType.All);\r\n      this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\r\n      return;\r\n    }\r\n    this.iDateMediator.deleteOneCharRight(nextType, inputMode);\r\n    this.updateValue({\r\n      inputMode: this.iDateMediator.get(nextType) !== null,\r\n      selected: nextType,\r\n    });\r\n  };\r\n\r\n  private shiftDateComponent = (step: number): void => {\r\n    const { selected } = this.state;\r\n    const changed = this.iDateMediator.shiftDateComponent(selected, step);\r\n    if (!changed) {\r\n      this.blink();\r\n      return;\r\n    }\r\n    this.updateValue({\r\n      inputMode: false,\r\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\r\n    });\r\n  };\r\n\r\n  private shiftSelection = (step: number): void => {\r\n    const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\r\n    if (selected !== this.state.selected) {\r\n      this.setState({ selected, inputMode: false });\r\n    }\r\n  };\r\n\r\n  private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\r\n    let selected = this.state.selected;\r\n    if (selected === InternalDateComponentType.All) {\r\n      selected = this.iDateMediator.getLeftmostType();\r\n      this.iDateMediator.clear(InternalDateComponentType.All);\r\n      this.setState({ selected });\r\n    }\r\n    const inputMode = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\r\n\r\n    if (!inputMode) {\r\n      this.ignoringDelimiter = true;\r\n      this.shiftSelection(1);\r\n    }\r\n    this.updateValue({ inputMode });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DateInput.tsx"],"names":["DateInputDataTids","icon","DateInput","DatePickerLocaleHelper","rootNode","props","getProps","defaultProps","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","disabled","size","theme","iconStyles","styles","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","resetFocus","updateValue","inputMode","handleBlur","onBlur","restored","restore","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","globalObject","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","sync","valueFormatted","getString","update","emitChange","React","version","search","ReactDOM","flushSync","updateFromProps","locale","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","showValue","Boolean","width","setRootNode","error","warning","onClick","valueVisible","getFragments","Component","__KONTUR_REACT_UI__","displayName","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { CalendarIcon as CalendarIcon2022 } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n  selected: InternalDateComponentType | null;\n  valueFormatted: string;\n  inputMode: boolean;\n  focused: boolean;\n  dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n  icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps extends CommonProps {\n  autoFocus?: boolean;\n  value?: string;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Минимальная дата.\n   * @default '01.01.1900'\n   */\n  minDate?: string;\n  /**\n   * Максимальная дата\n   * @default '31.12.2099'\n   */\n  maxDate?: string;\n  /**\n   * Ширина поля\n   * @default 125\n   */\n  width?: string | number;\n  withIcon?: boolean;\n  /**\n   * Размер поля\n   * @default 'small'\n   */\n  size?: SizeProp;\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n  onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange?: (value: string) => void;\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n  public static __KONTUR_REACT_UI__ = 'DateInput';\n  public static displayName = 'DateInput';\n\n  public static defaultProps: DefaultProps = {\n    value: '',\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    size: 'small',\n    width: 125,\n  };\n\n  private getProps = createPropsGetter(DateInput.defaultProps);\n\n  private iDateMediator: InternalDateMediator = new InternalDateMediator();\n  private inputLikeText: InputLikeText | null = null;\n  private dateFragmentsView: DateFragmentsView | null = null;\n  private isMouseDown = false;\n  private isMouseFocus = false;\n  private ignoringDelimiter = false;\n  private locale!: DatePickerLocale;\n  private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n    .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n    .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n    .add(Actions.Separator, () => this.pressDelimiter())\n    .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n    .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n    .add(Actions.Increment, () => this.shiftDateComponent(1))\n    .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n    .add(Actions.Digit, (e) => this.inputValue(e))\n    .add(Actions.ClearSelection, () => this.clearSelected())\n    .add(Actions.ClearOneChar, () => this.clearOneChar())\n    .add(Actions.FullSelection, () => this.fullSelection())\n    .add(Actions.WrongInput, () => this.blink())\n    .build();\n\n  constructor(props: DateInputProps) {\n    super(props);\n\n    this.state = {\n      valueFormatted: '',\n      selected: null,\n      inputMode: false,\n      focused: false,\n      dragged: false,\n    };\n  }\n\n  public componentDidUpdate(prevProps: DateInputProps) {\n    const { value, minDate, maxDate } = this.getProps();\n    if (\n      prevProps.value !== value ||\n      prevProps.minDate !== minDate ||\n      prevProps.maxDate !== maxDate ||\n      this.iDateMediator.isChangedLocale(this.locale)\n    ) {\n      this.updateFromProps(false);\n    }\n    this.selectNode();\n  }\n\n  public selectNode = () => {\n    const type = this.state.selected;\n    const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n    if (type === null || !this.inputLikeText || !dateFragmentsView) {\n      return;\n    }\n    if (type === InternalDateComponentType.All) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n      return;\n    }\n    const index = this.iDateMediator.getTypesOrder().indexOf(type);\n    if (index > -1) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n    }\n  };\n\n  public componentDidMount(): void {\n    this.updateFromProps(false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public blur() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blur();\n    }\n  }\n\n  public focus() {\n    if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  }\n\n  public blink() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blink();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { focused, selected, inputMode, valueFormatted } = this.state;\n    const showValue = Boolean(focused || valueFormatted);\n    const { width, size } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <InputLikeText\n            width={width}\n            ref={this.inputLikeTextRef}\n            size={size}\n            disabled={this.props.disabled}\n            error={this.props.error}\n            warning={this.props.warning}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onClick={this.props.onClick}\n            onKeyDown={this.handleKeyDown}\n            onMouseDownCapture={this.handleMouseDownCapture}\n            onPaste={this.handlePaste}\n            rightIcon={this.renderIcon()}\n            onDoubleClickCapture={this.handleDoubleClick}\n            onMouseDragStart={this.handleMouseDragStart}\n            onMouseDragEnd={this.handleMouseDragEnd}\n            value={this.iDateMediator.getInternalString()}\n            inputMode={'numeric'}\n            takeContentWidth\n          >\n            <span className={cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n              <DateFragmentsView\n                ref={this.dateFragmentsViewRef}\n                fragments={this.iDateMediator.getFragments()}\n                onSelectDateComponent={this.handleSelectDateComponent}\n                selected={selected}\n                inputMode={inputMode}\n              />\n            </span>\n          </InputLikeText>\n        </FocusControlWrapper>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon = () => {\n    const { withIcon, disabled = false } = this.props;\n    const size = this.getProps().size;\n\n    if (withIcon) {\n      const theme = this.theme;\n      const icon = isTheme2022(theme) ? <CalendarIcon2022 size={size} /> : <CalendarIcon />;\n      const iconStyles = cx({\n        [styles.icon(theme)]: true,\n        [styles.iconSmall(theme)]: size === 'small',\n        [styles.iconMedium(theme)]: size === 'medium',\n        [styles.iconLarge(theme)]: size === 'large',\n        [styles.iconDisabled(theme)]: disabled,\n      });\n      return (\n        <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n          {icon}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    this.setState((prevState) => ({\n      focused: true,\n      selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n    }));\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.resetFocus();\n\n    if (this.props.onBlur) {\n      const restored = this.iDateMediator.restore();\n      if (restored) {\n        e.persist();\n        this.blurEvent = e;\n      } else {\n        this.props.onBlur(e);\n      }\n    }\n  };\n\n  private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n    const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n    if (this.state.focused && !isFragment) {\n      e.preventDefault();\n    }\n    this.isMouseFocus = !this.state.focused;\n    this.isMouseDown = isFragment;\n  };\n\n  private handleSelectDateComponent = (type: InternalDateComponentType) => {\n    if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n      this.selectDateComponent(type);\n    }\n    this.isMouseFocus = false;\n    this.isMouseDown = false;\n  };\n\n  private handleMouseDragStart = () => {\n    this.setState({ dragged: true, selected: null });\n  };\n\n  private handleMouseDragEnd = () => {\n    const selection = globalObject.getSelection?.();\n    if (\n      selection &&\n      selection.toString().length === LENGTH_FULLDATE &&\n      this.state.selected !== InternalDateComponentType.All\n    ) {\n      this.selectDateComponent(InternalDateComponentType.All);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.conditionalHandler(extractAction(e), e)) {\n      e.preventDefault();\n    }\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n    const pasted = e && e.clipboardData.getData('text').trim();\n    if (pasted && this.iDateMediator.validateString(pasted)) {\n      this.iDateMediator.paste(pasted);\n      this.updateValue();\n    }\n  };\n\n  private handleDoubleClick = () => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private inputLikeTextRef = (el: InputLikeText | null) => {\n    this.inputLikeText = el;\n  };\n\n  private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n    this.dateFragmentsView = el;\n  };\n\n  private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n    this.setState({ selected, inputMode: false });\n  };\n\n  private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n    const valueFormatted = this.iDateMediator.getString();\n\n    const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(update);\n    } else {\n      update();\n    }\n  };\n\n  private updateFromProps = (sync: boolean): void => {\n    this.iDateMediator.update(this.props, this.locale);\n\n    this.updateValue({}, sync);\n  };\n\n  private fullSelection = (): void => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private pressDelimiter = (): void => {\n    const value = this.iDateMediator.get(this.state.selected);\n    if (value !== null && value !== '') {\n      if (!this.ignoringDelimiter) {\n        this.shiftSelection(1);\n      }\n      this.ignoringDelimiter = false;\n    }\n  };\n\n  private emitChange = (): void => {\n    const value = this.iDateMediator.getInternalString();\n    if (this.props.value === value) {\n      return;\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n    if (this.blurEvent && this.props.onBlur) {\n      this.props.onBlur(this.blurEvent);\n      this.blurEvent = null;\n    }\n  };\n\n  private clearSelected = (): void => {\n    const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n    this.iDateMediator.clear(selected);\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private clearOneChar = (): void => {\n    const { selected, inputMode } = this.state;\n    const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n    if (this.iDateMediator.isNull(nextType)) {\n      this.shiftSelection(-1);\n      return;\n    }\n    if (selected === InternalDateComponentType.All) {\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n      return;\n    }\n    this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n    this.updateValue({\n      inputMode: this.iDateMediator.get(nextType) !== null,\n      selected: nextType,\n    });\n  };\n\n  private shiftDateComponent = (step: number): void => {\n    const { selected } = this.state;\n    const changed = this.iDateMediator.shiftDateComponent(selected, step);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private shiftSelection = (step: number): void => {\n    const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n    if (selected !== this.state.selected) {\n      this.setState({ selected, inputMode: false });\n    }\n  };\n\n  private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n    let selected = this.state.selected;\n    if (selected === InternalDateComponentType.All) {\n      selected = this.iDateMediator.getLeftmostType();\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.setState({ selected });\n    }\n    const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n\n    if (!inputMode) {\n      this.ignoringDelimiter = true;\n      this.shiftSelection(1);\n    }\n    this.updateValue({ inputMode });\n  };\n}\n"]}