@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/cjs/internal/InternalMenu/InternalMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InternalMenu.styles.ts"],"names":["styles","root","t","css","bgDefault","shadow","header","footer","fixedHeader","fixedFooter","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;AAIgBD,IAAAA,CAAC,CAACE,SAJlB;;AAMD,GARY;;AAUbC,EAAAA,MAVa,oBAUJ;AACP,eAAOF,YAAP;;;;AAID,GAfY;;AAiBbG,EAAAA,MAjBa,oBAiBJ;AACP,eAAOH,YAAP;;;;;;;;;;AAUD,GA5BY;;AA8BbI,EAAAA,MA9Ba,oBA8BJ;AACP,eAAOJ,YAAP;;;;;;;;;;AAUD,GAzCY;;AA2CbK,EAAAA,WA3Ca,yBA2CC;AACZ,eAAOL,YAAP;;;AAGD,GA/CY;;AAiDbM,EAAAA,WAjDa,yBAiDC;AACZ,eAAON,YAAP;;;AAGD,GArDY,EAAf;;;AAwDO,IAAMO,QAAQ,GAAG,2BAAaV,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      overflow: auto;\r\n      padding: 5px 0;\r\n      outline: none;\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n\r\n  shadow() {\r\n    return css`\r\n      border: 1px solid #d5d5d5;\r\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\r\n    `;\r\n  },\r\n\r\n  header() {\r\n    return css`\r\n      top: -5px;\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      line-height: 18px;\r\n      box-sizing: border-box;\r\n      padding: 6px 18px 7px 8px;\r\n    `;\r\n  },\r\n\r\n  footer() {\r\n    return css`\r\n      bottom: -5px;\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      line-height: 18px;\r\n      box-sizing: border-box;\r\n      padding: 6px 18px 7px 8px;\r\n    `;\r\n  },\r\n\r\n  fixedHeader() {\r\n    return css`\r\n      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\r\n    `;\r\n  },\r\n\r\n  fixedFooter() {\r\n    return css`\r\n      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["InternalMenu.styles.ts"],"names":["styles","root","t","css","internalMenuPaddingY","menuPaddingX","bgSecondary","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACaD,IAAAA,CAAC,CAACE,oBADf,EACuCF,CAAC,CAACG,YADzC;;;AAIgBH,IAAAA,CAAC,CAACI,WAJlB;;AAMD,GARgC;;AAUjCC,EAAAA,MAViC,kBAU1BL,CAV0B,EAUhB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACM,UADd;AAEgBN,IAAAA,CAAC,CAACO,UAFlB;;AAID,GAfgC;;AAiBjCC,EAAAA,OAjBiC,qBAiBvB;AACR,eAAOP,YAAP;;;;;;;;AAQD,GA1BgC;;AA4BjCQ,EAAAA,aA5BiC,2BA4BjB;AACd,eAAOR,YAAP;;;AAGD,GAhCgC;;AAkCjCS,EAAAA,aAlCiC,2BAkCjB;AACd,eAAOT,YAAP;;;AAGD,GAtCgC;;AAwCjCU,EAAAA,cAxCiC,4BAwChB;AACf,eAAOV,YAAP;;;AAGD,GA5CgC;;AA8CjCW,EAAAA,oBA9CiC,gCA8CZZ,CA9CY,EA8CF;AAC7B,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACa,wBADd;;AAGD,GAlDgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      padding: ${t.internalMenuPaddingY} ${t.menuPaddingX};\n      outline: none;\n      box-sizing: content-box;\n      background: ${t.bgSecondary};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n});\n"]}

package/cjs/internal/InternalMenu/addIconPaddingIfPartOfMenu.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const addIconPaddingIfPartOfMenu: (child: React.ReactNode, enableIconPadding: boolean) => {} | null | undefined;

package/cjs/internal/InternalMenu/addIconPaddingIfPartOfMenu.js

@@ -0,0 +1,16 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.addIconPaddingIfPartOfMenu = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _MenuItem = require("../../components/MenuItem");
+var _MenuHeader = require("../../components/MenuHeader");
+
+var addIconPaddingIfPartOfMenu = function addIconPaddingIfPartOfMenu(child, enableIconPadding) {
+  var isPartOfMenu = (0, _MenuItem.isMenuItem)(child) || (0, _MenuHeader.isMenuHeader)(child);
+
+  if (enableIconPadding && isPartOfMenu) {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      _enableIconPadding: true });
+
+  }
+
+  return child;
+};exports.addIconPaddingIfPartOfMenu = addIconPaddingIfPartOfMenu;

package/cjs/internal/InternalMenu/addIconPaddingIfPartOfMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["addIconPaddingIfPartOfMenu.ts"],"names":["addIconPaddingIfPartOfMenu","child","enableIconPadding","isPartOfMenu","React","cloneElement","_enableIconPadding"],"mappings":"wKAAA;;AAEA;AACA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAyBC,iBAAzB,EAAwD;AAChG,MAAMC,YAAY,GAAG,0BAAWF,KAAX,KAAqB,8BAAaA,KAAb,CAA1C;;AAEA,MAAIC,iBAAiB,IAAIC,YAAzB,EAAuC;AACrC,wBAAOC,eAAMC,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,MAAAA,kBAAkB,EAAE,IADW,EAA1B,CAAP;;AAGD;;AAED,SAAOL,KAAP;AACD,CAVM,C","sourcesContent":["import React from 'react';\n\nimport { isMenuItem } from '../../components/MenuItem';\nimport { isMenuHeader } from '../../components/MenuHeader';\n\nexport const addIconPaddingIfPartOfMenu = (child: React.ReactNode, enableIconPadding: boolean) => {\n  const isPartOfMenu = isMenuItem(child) || isMenuHeader(child);\n\n  if (enableIconPadding && isPartOfMenu) {\n    return React.cloneElement(child, {\n      _enableIconPadding: true,\n    });\n  }\n\n  return child;\n};\n"]}

package/cjs/internal/InternalMenu/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _InternalMenu = require("./InternalMenu");Object.keys(_InternalMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _InternalMenu[key];});
+"use strict";exports.__esModule = true;var _InternalMenu = require("./InternalMenu");Object.keys(_InternalMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _InternalMenu[key]) return;exports[key] = _InternalMenu[key];});

package/cjs/internal/InternalMenu/index.js.map

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

package/cjs/internal/InternalMenu/isActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\r\n\r\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\r\n\r\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\r\n  return isMenuItem(element) && !element.props.disabled;\r\n}\r\n"]}
+{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\n\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\n\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\n  return isMenuItem(element) && !element.props.disabled;\n}\n"]}

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.d.ts

@@ -0,0 +1,9 @@
+/**
+ * FIGURE SPACE
+ *
+ * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
+ *
+ * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
+ */
+export declare const MASK_CHAR_EXEMPLAR: string;
+export declare const MaskCharLowLine: () => JSX.Element;

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MaskCharLowLine = exports.MASK_CHAR_EXEMPLAR = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _MaskCharLowLine = require("./MaskCharLowLine.styles");
+
+/**
+ * FIGURE SPACE
+ *
+ * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
+ *
+ * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
+ */
+var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);exports.MASK_CHAR_EXEMPLAR = MASK_CHAR_EXEMPLAR;
+
+var MaskCharLowLine = function MaskCharLowLine() {return /*#__PURE__*/_react.default.createElement("span", { className: _MaskCharLowLine.styles.root() }, MASK_CHAR_EXEMPLAR);};exports.MaskCharLowLine = MaskCharLowLine;

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskCharLowLine.tsx"],"names":["MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","styles","root"],"mappings":"0LAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAA3B,C;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,wBAAM,uCAAM,SAAS,EAAEC,wBAAOC,IAAP,EAAjB,IAAiCL,kBAAjC,CAAN,EAAxB,C","sourcesContent":["import React from 'react';\n\nimport { styles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n"]}

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: {
+    root(): string;
+};

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js

@@ -0,0 +1,18 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+
+
+
+
+
+
+
+
+
+
+
+
+  } });exports.styles = styles;

package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["styles","root","css"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;;;;;;;;;AAaD,GAfgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"]}

package/cjs/internal/MaskCharLowLine/index.d.ts

@@ -0,0 +1 @@
+export * from './MaskCharLowLine';

package/cjs/internal/MaskCharLowLine/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MaskCharLowLine = require("./MaskCharLowLine");Object.keys(_MaskCharLowLine).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MaskCharLowLine[key]) return;exports[key] = _MaskCharLowLine[key];});

package/cjs/internal/MaskCharLowLine/index.js.map

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

package/cjs/internal/MaskedInput/MaskedInput.d.ts

@@ -13,17 +13,24 @@ export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputEle
 }
 interface MaskedInputState {
     value: string;
+    originValue: string;
     emptyValue: string;
     focused: boolean;
 }
-export declare class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {
+declare type DefaultProps = Required<Pick<MaskedInputProps, 'maskChar'>>;
+export declare const MaskedInputDataTids: {
+    readonly root: "MaskedInput__root";
+};
+export declare class MaskedInput extends React.PureComponent<MaskedInputProps, MaskedInputState> {
     static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
     input: HTMLInputElement | null;
     private theme;
     private reactInputMask;
     constructor(props: MaskedInputProps);
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps): void;
+    componentDidUpdate(prevProps: MaskedInputProps): void;
     render(): JSX.Element;
     private renderMain;
     private getValue;

package/cjs/internal/MaskedInput/MaskedInput.js

@@ -1,10 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MaskedInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MaskedInputDataTids = exports.MaskedInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
 var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 
+var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+var _MaskCharLowLine = require("../MaskCharLowLine");
+var _Emotion = require("../../lib/theming/Emotion");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+
+var _MaskedInput = require("./MaskedInput.styles");var _excluded = ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"];
+
+
+
+
+
+
 
-var _MaskedInput = require("./MaskedInput.styles");var
 
 
 
@@ -18,12 +31,21 @@ var _MaskedInput = require("./MaskedInput.styles");var
 
 
 
+
+
+
+
+var MaskedInputDataTids = {
+  root: 'MaskedInput__root' };exports.MaskedInputDataTids = MaskedInputDataTids;var
+
+
+MaskedInput = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(MaskedInput, _React$PureComponent);
+
 
 
 
 
 
-MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(MaskedInput, _React$Component);
 
 
 
@@ -31,7 +53,8 @@ MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
 
 
   function MaskedInput(_props) {var _this;
-    _this = _React$Component.call(this, _props) || this;_this.input = null;_this.theme = void 0;_this.reactInputMask = null;_this.
+    _this = _React$PureComponent.call(this, _props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(MaskedInput.defaultProps);_this.input = null;_this.reactInputMask = null;_this.
+
 
 
 
@@ -103,10 +126,29 @@ MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
 
 
 
-    getValue = function (props) {var
-      value = props.value,defaultValue = props.defaultValue;
 
-      return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';
+
+
+
+
+
+
+
+
+
+
+
+
+    getValue = function (props) {
+      if ((0, _utils.isNonNullable)(props.value)) {
+        return props.value.toString();
+      }
+
+      if ((0, _utils.isNonNullable)(props.defaultValue)) {
+        return props.defaultValue.toString();
+      }
+
+      return '';
     };_this.
 
     refInput = function (input) {
@@ -121,7 +163,7 @@ MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
       if (event.target.value === _this.state.value) {
         _this.handleUnexpectedInput();
       } else {
-        _this.setState({ value: event.target.value });
+        _this.setState({ value: event.target.value, originValue: event.target.value });
         if (_this.props.onValueChange) {
           _this.props.onValueChange(event.target.value);
         }
@@ -153,11 +195,12 @@ MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
     userInput,
     options)
     {
-      var visibleMaskChars = new Array(options.mask.length).fill(_this.props.maskChar);
+      var visibleMaskChars = new Array(options.mask.length).fill(_this.getProps().maskChar);
 
       if (newState.value !== oldState.value && userInput === null) {
         _this.setState({
-          value: newState.value });
+          value: newState.value,
+          originValue: newState.value });
 
       }
 
@@ -188,5 +231,5 @@ MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
       if (_this.props.onUnexpectedInput) {
         _this.props.onUnexpectedInput(_this.state.value);
       }
-    };_this.state = { value: _this.getValue(_props), emptyValue: '', focused: false };return _this;}var _proto = MaskedInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.reactInputMask) {// FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (this.props.value !== nextProps.value) {this.setState({ value: nextProps.value ? nextProps.value.toString() : '' });}};_proto.render = function render() {var _this2 = this;return _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,hasLeftIcon = _this$props.hasLeftIcon,hasRightIcon = _this$props.hasRightIcon,maxLength = _this$props.maxLength,onValueChange = _this$props.onValueChange,onUnexpectedInput = _this$props.onUnexpectedInput,defaultValue = _this$props.defaultValue,inputProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue"]);return _react.default.createElement("span", { className: _MaskedInput.jsStyles.container(), "x-ms-format-detection": "none" }, _react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, inputProps, { maskChar: null, beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: this.state.value, inputRef: this.refInput, ref: this.refMaskedInput })), this.isMaskVisible() && _react.default.createElement("span", { className: _MaskedInput.jsStyles.inputMask(this.theme) }, _react.default.createElement("span", { style: { color: 'transparent' } }, this.state.emptyValue.slice(0, this.state.value.length)), this.state.emptyValue.slice(this.state.value.length)));};return MaskedInput;}(_react.default.Component);exports.MaskedInput = MaskedInput;MaskedInput.__KONTUR_REACT_UI__ = 'MaskedInput';
+    };_this.state = { value: _this.getValue(_props), originValue: _this.getValue(_props), emptyValue: '', focused: false };return _this;}var _proto = MaskedInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.reactInputMask) {// FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
+      this.reactInputMask.forceUpdate();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.value !== prevProps.value) {this.setState({ value: this.props.value ? this.props.value.toString() : '' });}};_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$props = this.props,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,hasLeftIcon = _this$props.hasLeftIcon,hasRightIcon = _this$props.hasRightIcon,maxLength = _this$props.maxLength,onValueChange = _this$props.onValueChange,onUnexpectedInput = _this$props.onUnexpectedInput,defaultValue = _this$props.defaultValue,style = _this$props.style,inputProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);var _this$state = this.state,emptyValue = _this$state.emptyValue,value = _this$state.value,originValue = _this$state.originValue;var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/_react.default.createElement("span", { style: { color: 'transparent' } }, emptyValue.slice(0, originValue.length));var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && _MaskedInput.styles.inputMaskLeft();var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {return _char === '_' ? /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i }) : _char;});return /*#__PURE__*/_react.default.createElement("span", { "data-tid": MaskedInputDataTids.root, className: _MaskedInput.styles.container(), "x-ms-format-detection": "none" }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, inputProps, { maskChar: null, beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: value, inputRef: this.refInput, ref: this.refMaskedInput, style: (0, _extends2.default)({}, style) })), this.isMaskVisible() && /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_MaskedInput.styles.inputMask(this.theme), leftClass) }, leftHelper, rightHelper));};return MaskedInput;}(_react.default.PureComponent);exports.MaskedInput = MaskedInput;MaskedInput.__KONTUR_REACT_UI__ = 'MaskedInput';MaskedInput.defaultProps = { maskChar: '_' };

package/cjs/internal/MaskedInput/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInput","props","input","theme","reactInputMask","getValue","value","defaultValue","undefined","toString","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","hasLeftIcon","hasRightIcon","maxLength","inputProps","jsStyles","container","inputMask","color","slice","React","Component","__KONTUR_REACT_UI__"],"mappings":"qcAAA;AACA;;AAEA;;;AAGA,mD;;;;;;;;;;;;;;;;;;;AAmBaA,W;;;;;;;AAOX,uBAAmBC,MAAnB,EAA4C;AAC1C,wCAAMA,MAAN,UAD0C,MAJrCC,KAIqC,GAJJ,IAII,OAHpCC,KAGoC,gBAFpCC,cAEoC,GAFI,IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEpCC,IAAAA,QAzEoC,GAyEzB,UAACJ,KAAD,EAAqC;AAC9CK,MAAAA,KAD8C,GACtBL,KADsB,CAC9CK,KAD8C,CACvCC,YADuC,GACtBN,KADsB,CACvCM,YADuC;;AAGtD,aAAOD,KAAK,KAAKE,SAAV,GAAsBF,KAAK,CAACG,QAAN,EAAtB,GAAyCF,YAAY,KAAKC,SAAjB,GAA6BD,YAAY,CAACE,QAAb,EAA7B,GAAuD,EAAvG;AACD,KA7E2C;;AA+EpCC,IAAAA,QA/EoC,GA+EzB,UAACR,KAAD,EAAoC;AACrD,YAAKA,KAAL,GAAaA,KAAb;AACD,KAjF2C;;AAmFpCS,IAAAA,cAnFoC,GAmFnB,UAACP,cAAD,EAAoC;AAC3D,YAAKA,cAAL,GAAsBA,cAAtB;AACD,KArF2C;;AAuFpCQ,IAAAA,YAvFoC,GAuFrB,UAACC,KAAD,EAAgD;AACrE,UAAIA,KAAK,CAACC,MAAN,CAAaR,KAAb,KAAuB,MAAKS,KAAL,CAAWT,KAAtC,EAA6C;AAC3C,cAAKU,qBAAL;AACD,OAFD,MAEO;AACL,cAAKC,QAAL,CAAc,EAAEX,KAAK,EAAEO,KAAK,CAACC,MAAN,CAAaR,KAAtB,EAAd;AACA,YAAI,MAAKL,KAAL,CAAWiB,aAAf,EAA8B;AAC5B,gBAAKjB,KAAL,CAAWiB,aAAX,CAAyBL,KAAK,CAACC,MAAN,CAAaR,KAAtC;AACD;AACD,YAAI,MAAKL,KAAL,CAAWkB,QAAf,EAAyB;AACvB,gBAAKlB,KAAL,CAAWkB,QAAX,CAAoBN,KAApB;AACD;AACF;AACF,KAnG2C;;AAqGpCO,IAAAA,WArGoC,GAqGtB,UAACP,KAAD,EAA+C;AACnE,YAAKI,QAAL,CAAc,EAAEI,OAAO,EAAE,IAAX,EAAd;;AAEA,UAAI,MAAKpB,KAAL,CAAWqB,OAAf,EAAwB;AACtB,cAAKrB,KAAL,CAAWqB,OAAX,CAAmBT,KAAnB;AACD;AACF,KA3G2C;;AA6GpCU,IAAAA,UA7GoC,GA6GvB,UAACV,KAAD,EAA+C;AAClE,YAAKI,QAAL,CAAc,EAAEI,OAAO,EAAE,KAAX,EAAd;;AAEA,UAAI,MAAKpB,KAAL,CAAWuB,MAAf,EAAuB;AACrB,cAAKvB,KAAL,CAAWuB,MAAX,CAAkBX,KAAlB;AACD;AACF,KAnH2C;;AAqHpCY,IAAAA,UArHoC,GAqHvB;AACnBC,IAAAA,QADmB;AAEnBC,IAAAA,QAFmB;AAGnBC,IAAAA,SAHmB;AAInBC,IAAAA,OAJmB;AAKhB;AACH,UAAMC,gBAAgB,GAAG,IAAIC,KAAJ,CAAUF,OAAO,CAACG,IAAR,CAAaC,MAAvB,EAA+BC,IAA/B,CAAoC,MAAKjC,KAAL,CAAWkC,QAA/C,CAAzB;;AAEA,UAAIT,QAAQ,CAACpB,KAAT,KAAmBqB,QAAQ,CAACrB,KAA5B,IAAqCsB,SAAS,KAAK,IAAvD,EAA6D;AAC3D,cAAKX,QAAL,CAAc;AACZX,UAAAA,KAAK,EAAEoB,QAAQ,CAACpB,KADJ,EAAd;;AAGD;;AAEDuB,MAAAA,OAAO,CAACG,IAAR,CAAaI,KAAb,CAAmB,EAAnB,EAAuBC,OAAvB,CAA+B,UAACC,IAAD,EAAOC,KAAP,EAAiB;AAC9C,YAAIV,OAAO,CAACW,UAAR,CAAmBC,QAAnB,CAA4BF,KAA5B,CAAJ,EAAwC;AACtCT,UAAAA,gBAAgB,CAACS,KAAD,CAAhB,GAA0BD,IAA1B;AACD;;AAED,YAAIZ,QAAQ,CAACpB,KAAT,CAAeiC,KAAf,CAAJ,EAA2B;AACzBT,UAAAA,gBAAgB,CAACS,KAAD,CAAhB,GAA0Bb,QAAQ,CAACpB,KAAT,CAAeiC,KAAf,CAA1B;AACD;AACF,OARD;;AAUA,UAAMG,UAAU,GAAGZ,gBAAgB,CAACa,IAAjB,CAAsB,EAAtB,CAAnB;;AAEA,UAAI,MAAK5B,KAAL,CAAW2B,UAAX,KAA0BA,UAA9B,EAA0C;AACxC,cAAKzB,QAAL,CAAc;AACZyB,UAAAA,UAAU,EAAVA,UADY,EAAd;;AAGD;;AAED,aAAOhB,QAAP;AACD,KAtJ2C;;AAwJpCkB,IAAAA,aAxJoC,GAwJpB,oBAAM,MAAK3C,KAAL,CAAW4C,cAAX,IAA6B,MAAK9B,KAAL,CAAWM,OAA9C,EAxJoB;;AA0JpCL,IAAAA,qBA1JoC,GA0JZ,YAAM;AACpC,UAAI,MAAKf,KAAL,CAAW6C,iBAAf,EAAkC;AAChC,cAAK7C,KAAL,CAAW6C,iBAAX,CAA6B,MAAK/B,KAAL,CAAWT,KAAxC;AACD;AACF,KA9J2C,CAG1C,MAAKS,KAAL,GAAa,EACXT,KAAK,EAAE,MAAKD,QAAL,CAAcJ,MAAd,CADI,EAEXyC,UAAU,EAAE,EAFD,EAGXrB,OAAO,EAAE,KAHE,EAAb,CAH0C,aAQ3C,C,0CAEM0B,iB,GAAP,6BAA2B,CACzB,IAAI,KAAK3C,cAAT,EAAyB,CACvB;AACA,WAAKA,cAAL,CAAoB4C,WAApB,GACD,CACF,C,QAEMC,gC,GAAP,0CAAwCC,SAAxC,EAAqE,CACnE,IAAI,KAAKjD,KAAL,CAAWK,KAAX,KAAqB4C,SAAS,CAAC5C,KAAnC,EAA0C,CACxC,KAAKW,QAAL,CAAc,EACZX,KAAK,EAAE4C,SAAS,CAAC5C,KAAV,GAAkB4C,SAAS,CAAC5C,KAAV,CAAgBG,QAAhB,EAAlB,GAA+C,EAD1C,EAAd,EAGD,CACF,C,QAEM0C,M,GAAP,kBAAgB,mBACd,OACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAhD,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACiD,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,mBAWf,KAAKnD,KAXU,CAEjBkC,QAFiB,eAEjBA,QAFiB,CAGjBU,cAHiB,eAGjBA,cAHiB,CAIjBQ,WAJiB,eAIjBA,WAJiB,CAKjBC,YALiB,eAKjBA,YALiB,CAMjBC,SANiB,eAMjBA,SANiB,CAOjBrC,aAPiB,eAOjBA,aAPiB,CAQjB4B,iBARiB,eAQjBA,iBARiB,CASjBvC,YATiB,eASjBA,YATiB,CAUdiD,UAVc,8LAanB,OACE,uCAAM,SAAS,EAAEC,sBAASC,SAAT,EAAjB,EAAuC,yBAAsB,MAA7D,IACE,6BAAC,uBAAD,6BACMF,UADN,IAEE,QAAQ,EAAE,IAFZ,EAGE,uBAAuB,EAAE,KAAK/B,UAHhC,EAIE,cAAc,EAAE,KAJlB,EAKE,QAAQ,EAAE,KAAKb,YALjB,EAME,OAAO,EAAE,KAAKQ,WANhB,EAOE,MAAM,EAAE,KAAKG,UAPf,EAQE,KAAK,EAAE,KAAKR,KAAL,CAAWT,KARpB,EASE,QAAQ,EAAE,KAAKI,QATjB,EAUE,GAAG,EAAE,KAAKC,cAVZ,IADF,EAaG,KAAKiC,aAAL,MACC,uCAAM,SAAS,EAAEa,sBAASE,SAAT,CAAmB,KAAKxD,KAAxB,CAAjB,IACE,uCAAM,KAAK,EAAE,EAAEyD,KAAK,EAAE,aAAT,EAAb,IAAwC,KAAK7C,KAAL,CAAW2B,UAAX,CAAsBmB,KAAtB,CAA4B,CAA5B,EAA+B,KAAK9C,KAAL,CAAWT,KAAX,CAAiB2B,MAAhD,CAAxC,CADF,EAEG,KAAKlB,KAAL,CAAW2B,UAAX,CAAsBmB,KAAtB,CAA4B,KAAK9C,KAAL,CAAWT,KAAX,CAAiB2B,MAA7C,CAFH,CAdJ,CADF,CAsBD,C,sBA9E8B6B,eAAMC,S,oCAA1B/D,W,CACGgE,mB,GAAsB,a","sourcesContent":["import React from 'react';\r\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MaskedInput.styles';\r\n\r\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  mask: string;\r\n  maskChar?: string | null;\r\n  formatChars?: { [key: string]: string };\r\n  alwaysShowMask?: boolean;\r\n  hasLeftIcon?: boolean;\r\n  hasRightIcon?: boolean;\r\n  onUnexpectedInput?: (value: string) => void;\r\n  onValueChange?: (value: string) => void;\r\n}\r\n\r\ninterface MaskedInputState {\r\n  value: string;\r\n  emptyValue: string;\r\n  focused: boolean;\r\n}\r\n\r\nexport class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\r\n\r\n  public input: HTMLInputElement | null = null;\r\n  private theme!: Theme;\r\n  private reactInputMask: ReactInputMask | null = null;\r\n\r\n  public constructor(props: MaskedInputProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      value: this.getValue(props),\r\n      emptyValue: '',\r\n      focused: false,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.reactInputMask) {\r\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\r\n      this.reactInputMask.forceUpdate();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n    if (this.props.value !== nextProps.value) {\r\n      this.setState({\r\n        value: nextProps.value ? nextProps.value.toString() : '',\r\n      });\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 {\r\n      maskChar,\r\n      alwaysShowMask,\r\n      hasLeftIcon,\r\n      hasRightIcon,\r\n      maxLength,\r\n      onValueChange,\r\n      onUnexpectedInput,\r\n      defaultValue,\r\n      ...inputProps\r\n    } = this.props;\r\n\r\n    return (\r\n      <span className={jsStyles.container()} x-ms-format-detection=\"none\">\r\n        <ReactInputMask\r\n          {...inputProps}\r\n          maskChar={null}\r\n          beforeMaskedValueChange={this.preprocess}\r\n          alwaysShowMask={false}\r\n          onChange={this.handleChange}\r\n          onFocus={this.handleFocus}\r\n          onBlur={this.handleBlur}\r\n          value={this.state.value}\r\n          inputRef={this.refInput}\r\n          ref={this.refMaskedInput}\r\n        />\r\n        {this.isMaskVisible() && (\r\n          <span className={jsStyles.inputMask(this.theme)}>\r\n            <span style={{ color: 'transparent' }}>{this.state.emptyValue.slice(0, this.state.value.length)}</span>\r\n            {this.state.emptyValue.slice(this.state.value.length)}\r\n          </span>\r\n        )}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private getValue = (props: MaskedInputProps): string => {\r\n    const { value, defaultValue } = props;\r\n\r\n    return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';\r\n  };\r\n\r\n  private refInput = (input: HTMLInputElement | null) => {\r\n    this.input = input;\r\n  };\r\n\r\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\r\n    this.reactInputMask = reactInputMask;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value === this.state.value) {\r\n      this.handleUnexpectedInput();\r\n    } else {\r\n      this.setState({ value: event.target.value });\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(event.target.value);\r\n      }\r\n      if (this.props.onChange) {\r\n        this.props.onChange(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private preprocess = (\r\n    newState: InputState,\r\n    oldState: InputState,\r\n    userInput: string,\r\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\r\n  ) => {\r\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\r\n\r\n    if (newState.value !== oldState.value && userInput === null) {\r\n      this.setState({\r\n        value: newState.value,\r\n      });\r\n    }\r\n\r\n    options.mask.split('').forEach((char, index) => {\r\n      if (options.permanents.includes(index)) {\r\n        visibleMaskChars[index] = char;\r\n      }\r\n\r\n      if (newState.value[index]) {\r\n        visibleMaskChars[index] = newState.value[index];\r\n      }\r\n    });\r\n\r\n    const emptyValue = visibleMaskChars.join('');\r\n\r\n    if (this.state.emptyValue !== emptyValue) {\r\n      this.setState({\r\n        emptyValue,\r\n      });\r\n    }\r\n\r\n    return newState;\r\n  };\r\n\r\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\r\n\r\n  private handleUnexpectedInput = () => {\r\n    if (this.props.onUnexpectedInput) {\r\n      this.props.onUnexpectedInput(this.state.value);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInputDataTids","root","MaskedInput","props","getProps","defaultProps","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","theme","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","React","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './MaskedInput.styles';\n\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<MaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\nexport class MaskedInput extends React.PureComponent<MaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(MaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: MaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: MaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\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 {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: MaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"]}

package/cjs/internal/MaskedInput/MaskedInput.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const jsStyles: {
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
     container(): string;
-    inputMask(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    inputMask(t: Theme): string;
+    inputMaskLeft(): string;
 };

package/cjs/internal/MaskedInput/MaskedInput.styles.js

@@ -1,23 +1,9 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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;
 
 
-var _font = _interopRequireDefault(require("./mask-char-font/font.eot"));
-var _font2 = _interopRequireDefault(require("./mask-char-font/font.woff"));
-var _font3 = _interopRequireDefault(require("./mask-char-font/font.woff2"));function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */\n      font-family: kontur-mask-char, Segoe UI, Helevetica Neue; /* IE use Times New Roman as default font */\n      font-size: inherit;\n      flex: 100% 1 1;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n  @font-face {\n    font-family: kontur-mask-char;\n    src: url('", "'); /* For IE11 in IE8 mode. */\n    src: url('", "?#iefix') format('embedded-opentype'),\n    url('", "') format('woff2'), url('", "') format('woff');\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}
-
-(0, _Emotion.injectGlobal)(_templateObject(),
-
-
-_font.default,
-_font.default,
-_font3.default, _font2.default);
-
-
-
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   container: function container() {
-    return (0, _Emotion.css)(_templateObject2());
-
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "])));
 
 
 
@@ -25,18 +11,19 @@ var styles = {
 
   },
   inputMask: function inputMask(t) {
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "])),
     t.placeholderColor);
 
 
 
 
 
+  },
+  inputMaskLeft: function inputMaskLeft() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
 
 
 
 
-  } };
-
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/MaskedInput/MaskedInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MaskedInput.styles.ts"],"names":["maskCharFontEot","maskCharFontWoff2","maskCharFontWoff","styles","container","css","inputMask","t","placeholderColor","jsStyles"],"mappings":"8QAAA;;;AAGA;AACA;AACA,4E;;AAEA;;;AAGgBA,aAHhB;AAIgBA,aAJhB;AAKWC,cALX,EAKwDC,cALxD;;;;AASA,IAAMC,MAAM,GAAG;AACbC,EAAAA,SADa,uBACD;AACV,eAAOC,YAAP;;;;;;;AAOD,GATY;AAUbC,EAAAA,SAVa,qBAUHC,CAVG,EAUO;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,gBADb;;;;;;;;;;AAWD,GAtBY,EAAf;;;AAyBO,IAAMC,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, injectGlobal, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport maskCharFontEot from './mask-char-font/font.eot';\r\nimport maskCharFontWoff from './mask-char-font/font.woff';\r\nimport maskCharFontWoff2 from './mask-char-font/font.woff2';\r\n\r\ninjectGlobal`\r\n  @font-face {\r\n    font-family: kontur-mask-char;\r\n    src: url('${maskCharFontEot}'); /* For IE11 in IE8 mode. */\r\n    src: url('${maskCharFontEot}?#iefix') format('embedded-opentype'),\r\n    url('${maskCharFontWoff2}') format('woff2'), url('${maskCharFontWoff}') format('woff');\r\n  }\r\n`;\r\n\r\nconst styles = {\r\n  container() {\r\n    return css`\r\n      position: relative;\r\n      /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */\r\n      font-family: kontur-mask-char, Segoe UI, Helevetica Neue; /* IE use Times New Roman as default font */\r\n      font-size: inherit;\r\n      flex: 100% 1 1;\r\n    `;\r\n  },\r\n  inputMask(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      pointer-events: none;\r\n      font-size: inherit;\r\n      z-index: 5;\r\n      user-select: none;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["MaskedInput.styles.ts"],"names":["styles","container","css","inputMask","t","placeholderColor","inputMaskLeft"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,SADiC,uBACrB;AACV,eAAOC,YAAP;;;;;;AAMD,GARgC;AASjCC,EAAAA,SATiC,qBASvBC,CATuB,EASb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,GAjBgC;AAkBjCC,EAAAA,aAlBiC,2BAkBjB;AACd,eAAOJ,YAAP;;;;;;AAMD,GAzBgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"]}

package/cjs/internal/MaskedInput/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _MaskedInput = require("./MaskedInput");Object.keys(_MaskedInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _MaskedInput[key];});
+"use strict";exports.__esModule = true;var _MaskedInput = require("./MaskedInput");Object.keys(_MaskedInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MaskedInput[key]) return;exports[key] = _MaskedInput[key];});

package/cjs/internal/MaskedInput/index.js.map

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

package/cjs/internal/Menu/Menu.d.ts

@@ -6,25 +6,32 @@ export interface MenuProps {
     onItemClick?: () => void;
     width?: number | string;
     preventWindowScroll?: boolean;
+    /**
+     * Отключение кастомного скролла контейнера
+     */
+    disableScrollContainer?: boolean;
+    align?: 'left' | 'right';
 }
 export interface MenuState {
     highlightedIndex: number;
 }
+export declare const MenuDataTids: {
+    readonly root: "Menu__root";
+};
+declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;
 export declare class Menu extends React.Component<MenuProps, MenuState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         highlightedIndex: number;
     };
     private theme;
     private scrollContainer;
+    private isMobileLayout;
     private highlighted;
     private unmounted;
+    private setRootNode;
     componentWillUnmount(): void;
     render(): JSX.Element;
     /**
@@ -49,6 +56,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     hasHighlightedItem(): boolean;
     highlightItem(index: number): void;
     private renderMain;
+    private getChildList;
     private refScrollContainer;
     private refHighlighted;
     private scrollToSelected;
@@ -60,3 +68,4 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     private move;
     private isEmpty;
 }
+export {};