@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

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").default;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":"gLAAA;;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/InternalMenu/isIconPaddingEnabled.d.ts

@@ -0,0 +1,2 @@
+import { InternalMenuProps } from './InternalMenu';
+export declare const isIconPaddingEnabled: (children: InternalMenuProps['children'], preventIconsOffset: InternalMenuProps['preventIconsOffset']) => boolean;

package/cjs/internal/InternalMenu/isIconPaddingEnabled.js

@@ -0,0 +1,9 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isIconPaddingEnabled = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+
+var isIconPaddingEnabled = function isIconPaddingEnabled(
+children,
+preventIconsOffset) {return (
+
+    Boolean(!preventIconsOffset && _react.default.Children.toArray(children).some(function (x) {return /*#__PURE__*/_react.default.isValidElement(x) && x.props.icon;})));};exports.isIconPaddingEnabled = isIconPaddingEnabled;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["isIconPaddingEnabled.ts"],"names":["isIconPaddingEnabled","children","preventIconsOffset","Boolean","React","Children","toArray","some","x","isValidElement","props","icon"],"mappings":"0KAAA;;;;AAIO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAClCC,QADkC;AAElCC,kBAFkC;;AAIlCC,IAAAA,OAAO,CAAC,CAACD,kBAAD,IAAuBE,eAAMC,QAAN,CAAeC,OAAf,CAAuBL,QAAvB,EAAiCM,IAAjC,CAAsC,UAACC,CAAD,UAAO,4BAAMC,cAAN,CAAqBD,CAArB,KAA2BA,CAAC,CAACE,KAAF,CAAQC,IAA1C,EAAtC,CAAxB,CAJ2B,GAA7B,C","sourcesContent":["import React from 'react';\n\nimport { InternalMenuProps } from './InternalMenu';\n\nexport const isIconPaddingEnabled = (\n  children: InternalMenuProps['children'],\n  preventIconsOffset: InternalMenuProps['preventIconsOffset'],\n) =>\n  Boolean(!preventIconsOffset && React.Children.toArray(children).some((x) => React.isValidElement(x) && x.props.icon));\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,20 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MaskCharLowLine = exports.MASK_CHAR_EXEMPLAR = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+
+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() {
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MaskCharLowLine.getStyles)(emotion);
+  return /*#__PURE__*/_react.default.createElement("span", { className: 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","emotion","styles","root"],"mappings":"kMAAA;;AAEA;;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,GAAM;AACnC,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,gCAAUD,OAAV,CAAf;AACA,sBAAO,uCAAM,SAAS,EAAEC,MAAM,CAACC,IAAP,EAAjB,IAAiCN,kBAAjC,CAAP;AACD,CAJM,C","sourcesContent":["import React from 'react';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } 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 = () => {\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n  return <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"]}

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

@@ -0,0 +1,4 @@
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
+    root(): string;
+};

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

@@ -0,0 +1,21 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return 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.getStyles = getStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["getStyles","emotion","root","css"],"mappings":";;AAEA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;;;;;AAaD,OAfU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.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/MaskedInputElement/MaskedInputElement.d.ts

@@ -0,0 +1,14 @@
+import { InputElement, InputElementProps } from '../../components/Input';
+export interface MaskedInputElementProps extends InputElementProps {
+    mask: string;
+    maskChar?: string | null;
+    formatChars?: {
+        [key: string]: string;
+    };
+    alwaysShowMask?: boolean;
+    onUnexpectedInput: (value: string) => void;
+}
+export declare const MaskedInputElementDataTids: {
+    readonly root: "MaskedInput__root";
+};
+export declare const MaskedInputElement: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<InputElement, MaskedInputElementProps> & Record<never, never>;

package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.d.ts

@@ -0,0 +1,16 @@
+export declare const DEFAULT_MASK_CHAR = "_";
+export declare const DEFINITIONS: {
+    '9': RegExp;
+    a: RegExp;
+    '*': RegExp;
+};
+export declare function getDefinitions(formatChars: Record<string, string> | undefined): Record<string, RegExp>;
+export declare function getMaskChar(maskChar: string | null | undefined): string;
+interface MaskedInputValues {
+    originValue: string;
+    value: string;
+    emptyValue: string;
+}
+export declare function getFocusPrefix(emptyValue: string, maskChar: string | null | undefined): string;
+export declare function getCurrentValue(values: MaskedInputValues, focused: boolean, maskChar: string | null | undefined): [currentValue: string, left: string, right: string];
+export {};

package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.js

@@ -0,0 +1,52 @@
+"use strict";exports.__esModule = true;exports.DEFINITIONS = exports.DEFAULT_MASK_CHAR = void 0;exports.getCurrentValue = getCurrentValue;exports.getDefinitions = getDefinitions;exports.getFocusPrefix = getFocusPrefix;exports.getMaskChar = getMaskChar;var _utils = require("../../lib/utils");
+
+var DEFAULT_MASK_CHAR = '_';exports.DEFAULT_MASK_CHAR = DEFAULT_MASK_CHAR;
+var DEFINITIONS = { '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ };exports.DEFINITIONS = DEFINITIONS;
+
+function getDefinitions(formatChars) {
+  if ((0, _utils.isNonNullable)(formatChars)) {
+    var chars = {};
+
+    for (var key in formatChars) {
+      chars[key] = new RegExp(formatChars[key]);
+    }
+
+    return chars;
+  }
+
+  return DEFINITIONS;
+}
+
+function getMaskChar(maskChar) {
+  if (maskChar === null) {
+    return '';
+  }
+
+  return maskChar === undefined ? DEFAULT_MASK_CHAR : maskChar;
+}
+
+
+
+
+
+
+
+
+function getFocusPrefix(emptyValue, maskChar) {
+  return emptyValue.slice(0, emptyValue.indexOf(getMaskChar(maskChar)));
+}
+
+function getCurrentValue(
+values,
+focused,
+maskChar)
+{
+  var emptyValue = values.emptyValue,value = values.value,originValue = values.originValue;
+
+  if (focused && originValue.length === 0 && emptyValue.length > 0) {
+    var _currentValue = getFocusPrefix(emptyValue, maskChar);
+    return [_currentValue, _currentValue, emptyValue.slice(_currentValue.length)];
+  }
+
+  return [value, originValue, emptyValue.slice(originValue.length)];
+}

package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskedInputElement.helpers.ts"],"names":["DEFAULT_MASK_CHAR","DEFINITIONS","a","getDefinitions","formatChars","chars","key","RegExp","getMaskChar","maskChar","undefined","getFocusPrefix","emptyValue","slice","indexOf","getCurrentValue","values","focused","value","originValue","length","currentValue"],"mappings":"4PAAA;;AAEO,IAAMA,iBAAiB,GAAG,GAA1B,C;AACA,IAAMC,WAAW,GAAG,EAAE,KAAK,OAAP,EAAgBC,CAAC,EAAE,UAAnB,EAA+B,KAAK,aAApC,EAApB,C;;AAEA,SAASC,cAAT,CAAwBC,WAAxB,EAAiG;AACtG,MAAI,0BAAcA,WAAd,CAAJ,EAAgC;AAC9B,QAAMC,KAA6B,GAAG,EAAtC;;AAEA,SAAK,IAAMC,GAAX,IAAkBF,WAAlB,EAA+B;AAC7BC,MAAAA,KAAK,CAACC,GAAD,CAAL,GAAa,IAAIC,MAAJ,CAAWH,WAAW,CAACE,GAAD,CAAtB,CAAb;AACD;;AAED,WAAOD,KAAP;AACD;;AAED,SAAOJ,WAAP;AACD;;AAEM,SAASO,WAAT,CAAqBC,QAArB,EAAkE;AACvE,MAAIA,QAAQ,KAAK,IAAjB,EAAuB;AACrB,WAAO,EAAP;AACD;;AAED,SAAOA,QAAQ,KAAKC,SAAb,GAAyBV,iBAAzB,GAA6CS,QAApD;AACD;;;;;;;;;AASM,SAASE,cAAT,CAAwBC,UAAxB,EAA4CH,QAA5C,EAAyF;AAC9F,SAAOG,UAAU,CAACC,KAAX,CAAiB,CAAjB,EAAoBD,UAAU,CAACE,OAAX,CAAmBN,WAAW,CAACC,QAAD,CAA9B,CAApB,CAAP;AACD;;AAEM,SAASM,eAAT;AACLC,MADK;AAELC,OAFK;AAGLR,QAHK;AAIgD;AACrD,MAAQG,UAAR,GAA2CI,MAA3C,CAAQJ,UAAR,CAAoBM,KAApB,GAA2CF,MAA3C,CAAoBE,KAApB,CAA2BC,WAA3B,GAA2CH,MAA3C,CAA2BG,WAA3B;;AAEA,MAAIF,OAAO,IAAIE,WAAW,CAACC,MAAZ,KAAuB,CAAlC,IAAuCR,UAAU,CAACQ,MAAX,GAAoB,CAA/D,EAAkE;AAChE,QAAMC,aAAY,GAAGV,cAAc,CAACC,UAAD,EAAaH,QAAb,CAAnC;AACA,WAAO,CAACY,aAAD,EAAeA,aAAf,EAA6BT,UAAU,CAACC,KAAX,CAAiBQ,aAAY,CAACD,MAA9B,CAA7B,CAAP;AACD;;AAED,SAAO,CAACF,KAAD,EAAQC,WAAR,EAAqBP,UAAU,CAACC,KAAX,CAAiBM,WAAW,CAACC,MAA7B,CAArB,CAAP;AACD","sourcesContent":["import { isNonNullable } from '../../lib/utils';\n\nexport const DEFAULT_MASK_CHAR = '_';\nexport const DEFINITIONS = { '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ };\n\nexport function getDefinitions(formatChars: Record<string, string> | undefined): Record<string, RegExp> {\n  if (isNonNullable(formatChars)) {\n    const chars: Record<string, RegExp> = {};\n\n    for (const key in formatChars) {\n      chars[key] = new RegExp(formatChars[key]);\n    }\n\n    return chars;\n  }\n\n  return DEFINITIONS;\n}\n\nexport function getMaskChar(maskChar: string | null | undefined): string {\n  if (maskChar === null) {\n    return '';\n  }\n\n  return maskChar === undefined ? DEFAULT_MASK_CHAR : maskChar;\n}\n\ninterface MaskedInputValues {\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n  value: string;\n  emptyValue: string;\n}\n\nexport function getFocusPrefix(emptyValue: string, maskChar: string | null | undefined): string {\n  return emptyValue.slice(0, emptyValue.indexOf(getMaskChar(maskChar)));\n}\n\nexport function getCurrentValue(\n  values: MaskedInputValues,\n  focused: boolean,\n  maskChar: string | null | undefined,\n): [currentValue: string, left: string, right: string] {\n  const { emptyValue, value, originValue } = values;\n\n  if (focused && originValue.length === 0 && emptyValue.length > 0) {\n    const currentValue = getFocusPrefix(emptyValue, maskChar);\n    return [currentValue, currentValue, emptyValue.slice(currentValue.length)];\n  }\n\n  return [value, originValue, emptyValue.slice(originValue.length)];\n}\n"]}

package/cjs/internal/MaskedInputElement/MaskedInputElement.js

@@ -0,0 +1,198 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MaskedInputElementDataTids = exports.MaskedInputElement = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireWildcard(require("react"));
+var _reactImask = require("react-imask");
+
+var _MaskCharLowLine = require("../MaskCharLowLine");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _useTheme = require("../../lib/theming/useTheme");
+
+var _MaskedInputElement = require("./MaskedInputElement.styles");
+var _MaskedInputElement2 = require("./MaskedInputElement.helpers");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "maxLength", "onUnexpectedInput", "defaultValue", "style"];
+
+
+
+
+
+
+
+
+
+var MaskedInputElementDataTids = {
+  root: 'MaskedInput__root' };exports.MaskedInputElementDataTids = MaskedInputElementDataTids;
+
+
+var MaskedInputElement = (0, _forwardRefAndName.forwardRefAndName)(
+'MaskedInputElement',
+function MaskedInputElement(props, ref) {
+  var _useState = (0, _react.useState)(function () {
+    var value = getValue(props);
+    return { value: value, originValue: value };
+  }),values = _useState[0],setValues = _useState[1];
+  var value = values.value,originValue = values.originValue;
+
+  var _useState2 = (0, _react.useState)(''),emptyValue = _useState2[0],setEmptyValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),focused = _useState3[0],setFocused = _useState3[1];
+  var inputRef = (0, _react.useRef)(null);
+  var rootNodeRef = _react.default.useRef(null);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MaskedInputElement.getStyles)(emotion);
+  var expectedChangesRef = (0, _react.useRef)(false);
+  var isFirstRender = (0, _react.useRef)(true);
+
+  (0, _react.useImperativeHandle)(
+  ref,
+  function () {return {
+      input: inputRef.current,
+      getRootNode: function getRootNode() {return rootNodeRef.current;} };},
+
+  []);
+
+
+  (0, _react.useEffect)(function () {
+    setEmptyValue(getEmptyValue(props.mask, props.maskChar, props.formatChars));
+  }, [props.mask, props.maskChar]);
+
+  (0, _react.useEffect)(function () {
+    if (isFirstRender.current) {
+      return;
+    }
+
+    var value = props.value ? props.value.toString() : '';
+    setValues(function (values) {return (0, _extends2.default)({}, values, { value: value });});
+  }, [props.value]);
+
+  (0, _react.useEffect)(function () {
+    isFirstRender.current = false;
+  }, []);
+
+  var
+  mask =
+
+
+
+
+
+
+
+
+  props.mask,maskChar = props.maskChar,formatChars = props.formatChars,alwaysShowMask = props.alwaysShowMask,maxLength = props.maxLength,onUnexpectedInput = props.onUnexpectedInput,defaultValue = props.defaultValue,style = props.style,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+  var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && styles.inputMaskLeft();
+  var _getCurrentValue = (0, _MaskedInputElement2.getCurrentValue)({ value: value, originValue: originValue, emptyValue: emptyValue }, focused, maskChar),currentValue = _getCurrentValue[0],left = _getCurrentValue[1],right = _getCurrentValue[2];
+
+  /* В rightHelper не DEFAULT_MASK_CHAR, а специальная логика для обработки подчркивания('_').
+   * Не менять на DEFAULT_MASK_CHAR
+   */
+  var rightHelper = right.split('').map(function (_char, i) {return _char === '_' ? /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i }) : _char;});
+  var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/_react.default.createElement("span", { style: { color: 'transparent' } }, left);
+  var isMaskVisible = alwaysShowMask || focused;
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      "data-tid": MaskedInputElementDataTids.root,
+      ref: rootNodeRef,
+      className: styles.container(),
+      "x-ms-format-detection": "none" }, /*#__PURE__*/
+
+    _react.default.createElement(_reactImask.IMaskInput, (0, _extends2.default)({},
+    inputProps, {
+      mask: mask,
+      definitions: (0, _MaskedInputElement2.getDefinitions)(formatChars),
+      eager: true,
+      overwrite: 'shift',
+      onAccept: handleAccept,
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      value: currentValue,
+      inputRef: inputRef,
+      style: (0, _extends2.default)({}, style) })),
+
+    isMaskVisible && /*#__PURE__*/
+    _react.default.createElement("span", { className: emotion.cx(styles.inputMask(theme), leftClass) },
+    leftHelper,
+    rightHelper)));
+
+
+
+
+
+  function getValue(props) {var _ref, _props$value;
+    return ((_ref = (_props$value = props.value) != null ? _props$value : props.defaultValue) != null ? _ref : '').toString();
+  }
+
+  /** В imask вызывается только когда значение с маской меняется*/
+  function handleAccept(value) {
+    expectedChangesRef.current = true;
+    // Если разделить на 2 setState - между первым и вторым происходит рендер и иногда символы "съедаются"
+    setValues({ value: value, originValue: value });
+
+    setTimeout(function () {
+      /** При вводе с клавиатуры срабатывает handleAccept, за ним handleInput
+       * expectedChanges - нужен чтобы сообщить из handleAccept в handleInput, что значение с маской изменилось.
+       * Если маска не изменилась и сработал handleInput, вызываем handleUnexpectedInput. Ввели значение не по маске.
+       * setTimeout нужен чтобы сбросить expectedChanges, например, если изменилось значение в пропах.
+       * Маска изменится, вызовется handleAccept, но не handleInput
+       */
+      expectedChangesRef.current = false;
+    });
+  }
+
+  /** Отслеживаем неправильные нажатия,
+   * handleAccept не вызывается когда значение с маской не меняется, а handleInput вызывается
+   * Сначала вызывается handleAccept, затем handleInput
+   * */
+  function handleInput(e) {
+    var value = e.target.value;
+
+    if (!expectedChangesRef.current && value === originValue) {
+      handleUnexpectedInput();
+    }
+
+    expectedChangesRef.current = false;
+  }
+
+  function handleFocus(event) {
+    setFocused(true);
+
+    expectedChangesRef.current = false;
+
+    if (props.onFocus) {
+      props.onFocus(event);
+    }
+  }
+
+  function handleBlur(event) {
+    if (value === (0, _MaskedInputElement2.getFocusPrefix)(emptyValue, maskChar)) {
+      setValues({ value: '', originValue: '' });
+    }
+
+    setFocused(false);
+
+    if (props.onBlur) {
+      props.onBlur(event);
+    }
+  }
+
+  function handleUnexpectedInput() {
+    if (props.onUnexpectedInput) {
+      props.onUnexpectedInput(value);
+    }
+  }
+
+  function getEmptyValue(
+  mask,
+  maskChar,
+  formatChars)
+  {
+    var maskPattern = _reactImask.IMask.createMask({
+      mask: mask,
+      definitions: (0, _MaskedInputElement2.getDefinitions)(formatChars),
+      lazy: false,
+      placeholderChar: (0, _MaskedInputElement2.getMaskChar)(maskChar) });
+
+    return maskPattern.appendTail('').inserted;
+  }
+});exports.MaskedInputElement = MaskedInputElement;

package/cjs/internal/MaskedInputElement/MaskedInputElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskedInputElement.tsx"],"names":["MaskedInputElementDataTids","root","MaskedInputElement","props","ref","value","getValue","originValue","values","setValues","emptyValue","setEmptyValue","focused","setFocused","inputRef","rootNodeRef","React","useRef","theme","emotion","styles","expectedChangesRef","isFirstRender","input","current","getRootNode","getEmptyValue","mask","maskChar","formatChars","toString","alwaysShowMask","maxLength","onUnexpectedInput","defaultValue","style","inputProps","leftClass","textAlign","inputMaskLeft","currentValue","left","right","rightHelper","split","map","_char","i","leftHelper","color","isMaskVisible","container","handleAccept","handleInput","handleFocus","handleBlur","cx","inputMask","setTimeout","e","target","handleUnexpectedInput","event","onFocus","onBlur","maskPattern","IMask","createMask","definitions","lazy","placeholderChar","appendTail","inserted"],"mappings":"0fAAA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA,mE;;;;;;;;;;AAUO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,IAAI,EAAE,mBADkC,EAAnC,C;;;AAIA,IAAMC,kBAAkB,GAAG;AAChC,oBADgC;AAEhC,SAASA,kBAAT,CAA4BC,KAA5B,EAA4DC,GAA5D,EAA6F;AAC3F,kBAA4B,qBAAiD,YAAM;AACjF,QAAMC,KAAK,GAAGC,QAAQ,CAACH,KAAD,CAAtB;AACA,WAAO,EAAEE,KAAK,EAALA,KAAF,EAASE,WAAW,EAAEF,KAAtB,EAAP;AACD,GAH2B,CAA5B,CAAOG,MAAP,gBAAeC,SAAf;AAIA,MAAQJ,KAAR,GAA+BG,MAA/B,CAAQH,KAAR,CAAeE,WAAf,GAA+BC,MAA/B,CAAeD,WAAf;;AAEA,mBAAoC,qBAAS,EAAT,CAApC,CAAOG,UAAP,iBAAmBC,aAAnB;AACA,mBAA8B,qBAAS,KAAT,CAA9B,CAAOC,OAAP,iBAAgBC,UAAhB;AACA,MAAMC,QAAQ,GAAG,mBAAgC,IAAhC,CAAjB;AACA,MAAMC,WAAW,GAAGC,eAAMC,MAAN,CAA6B,IAA7B,CAApB;AACA,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,mCAAUD,OAAV,CAAf;AACA,MAAME,kBAAkB,GAAG,mBAAO,KAAP,CAA3B;AACA,MAAMC,aAAa,GAAG,mBAAO,IAAP,CAAtB;;AAEA;AACElB,EAAAA,GADF;AAEE,sBAAO;AACLmB,MAAAA,KAAK,EAAET,QAAQ,CAACU,OADX;AAELC,MAAAA,WAAW,EAAE,+BAAMV,WAAW,CAACS,OAAlB,EAFR,EAAP,EAFF;;AAME,IANF;;;AASA,wBAAU,YAAM;AACdb,IAAAA,aAAa,CAACe,aAAa,CAACvB,KAAK,CAACwB,IAAP,EAAaxB,KAAK,CAACyB,QAAnB,EAA6BzB,KAAK,CAAC0B,WAAnC,CAAd,CAAb;AACD,GAFD,EAEG,CAAC1B,KAAK,CAACwB,IAAP,EAAaxB,KAAK,CAACyB,QAAnB,CAFH;;AAIA,wBAAU,YAAM;AACd,QAAIN,aAAa,CAACE,OAAlB,EAA2B;AACzB;AACD;;AAED,QAAMnB,KAAK,GAAGF,KAAK,CAACE,KAAN,GAAcF,KAAK,CAACE,KAAN,CAAYyB,QAAZ,EAAd,GAAuC,EAArD;AACArB,IAAAA,SAAS,CAAC,UAACD,MAAD,qCAAkBA,MAAlB,IAA0BH,KAAK,EAALA,KAA1B,KAAD,CAAT;AACD,GAPD,EAOG,CAACF,KAAK,CAACE,KAAP,CAPH;;AASA,wBAAU,YAAM;AACdiB,IAAAA,aAAa,CAACE,OAAd,GAAwB,KAAxB;AACD,GAFD,EAEG,EAFH;;AAIA;AACEG,EAAAA,IADF;;;;;;;;;AAUIxB,EAAAA,KAVJ,CACEwB,IADF,CAEEC,QAFF,GAUIzB,KAVJ,CAEEyB,QAFF,CAGEC,WAHF,GAUI1B,KAVJ,CAGE0B,WAHF,CAIEE,cAJF,GAUI5B,KAVJ,CAIE4B,cAJF,CAKEC,SALF,GAUI7B,KAVJ,CAKE6B,SALF,CAMEC,iBANF,GAUI9B,KAVJ,CAME8B,iBANF,CAOEC,YAPF,GAUI/B,KAVJ,CAOE+B,YAPF,CAQEC,KARF,GAUIhC,KAVJ,CAQEgC,KARF,CASKC,UATL,+CAUIjC,KAVJ;;AAYA,MAAMkC,SAAS,GAAG,CAAAF,KAAK,QAAL,YAAAA,KAAK,CAAEG,SAAP,MAAqB,OAArB,IAAgClB,MAAM,CAACmB,aAAP,EAAlD;AACA,yBAAoC,0CAAgB,EAAElC,KAAK,EAALA,KAAF,EAASE,WAAW,EAAXA,WAAT,EAAsBG,UAAU,EAAVA,UAAtB,EAAhB,EAAoDE,OAApD,EAA6DgB,QAA7D,CAApC,CAAOY,YAAP,uBAAqBC,IAArB,uBAA2BC,KAA3B;;AAEA;AACJ;AACA;AACI,MAAMC,WAAW,GAAGD,KAAK,CAACE,KAAN,CAAY,EAAZ,EAAgBC,GAAhB,CAAoB,UAACC,KAAD,EAAQC,CAAR,UAAeD,KAAK,KAAK,GAAV,gBAAgB,6BAAC,gCAAD,IAAiB,GAAG,EAAEC,CAAtB,GAAhB,GAA8CD,KAA7D,EAApB,CAApB;AACA,MAAME,UAAU,GAAG,CAAAb,KAAK,QAAL,YAAAA,KAAK,CAAEG,SAAP,MAAqB,OAArB,iBAAgC,uCAAM,KAAK,EAAE,EAAEW,KAAK,EAAE,aAAT,EAAb,IAAwCR,IAAxC,CAAnD;AACA,MAAMS,aAAa,GAAGnB,cAAc,IAAInB,OAAxC;;AAEA;AACE;AACE,kBAAUZ,0BAA0B,CAACC,IADvC;AAEE,MAAA,GAAG,EAAEc,WAFP;AAGE,MAAA,SAAS,EAAEK,MAAM,CAAC+B,SAAP,EAHb;AAIE,+BAAsB,MAJxB;;AAME,iCAAC,sBAAD;AACMf,IAAAA,UADN;AAEE,MAAA,IAAI,EAAET,IAFR;AAGE,MAAA,WAAW,EAAE,yCAAeE,WAAf,CAHf;AAIE,MAAA,KAAK,MAJP;AAKE,MAAA,SAAS,EAAE,OALb;AAME,MAAA,QAAQ,EAAEuB,YANZ;AAOE,MAAA,OAAO,EAAEC,WAPX;AAQE,MAAA,OAAO,EAAEC,WARX;AASE,MAAA,MAAM,EAAEC,UATV;AAUE,MAAA,KAAK,EAAEf,YAVT;AAWE,MAAA,QAAQ,EAAE1B,QAXZ;AAYE,MAAA,KAAK,6BAAOqB,KAAP,CAZP,IANF;;AAoBGe,IAAAA,aAAa;AACZ,2CAAM,SAAS,EAAE/B,OAAO,CAACqC,EAAR,CAAWpC,MAAM,CAACqC,SAAP,CAAiBvC,KAAjB,CAAX,EAAoCmB,SAApC,CAAjB;AACGW,IAAAA,UADH;AAEGL,IAAAA,WAFH,CArBJ,CADF;;;;;;AA8BA,WAASrC,QAAT,CAAkBH,KAAlB,EAA0D;AACxD,WAAO,yBAACA,KAAK,CAACE,KAAP,2BAAgBF,KAAK,CAAC+B,YAAtB,mBAAsC,EAAtC,EAA0CJ,QAA1C,EAAP;AACD;;AAED;AACA,WAASsB,YAAT,CAAsB/C,KAAtB,EAAqC;AACnCgB,IAAAA,kBAAkB,CAACG,OAAnB,GAA6B,IAA7B;AACA;AACAf,IAAAA,SAAS,CAAC,EAAEJ,KAAK,EAALA,KAAF,EAASE,WAAW,EAAEF,KAAtB,EAAD,CAAT;;AAEAqD,IAAAA,UAAU,CAAC,YAAM;AACf;AACR;AACA;AACA;AACA;AACA;AACQrC,MAAAA,kBAAkB,CAACG,OAAnB,GAA6B,KAA7B;AACD,KARS,CAAV;AASD;;AAED;AACJ;AACA;AACA;AACI,WAAS6B,WAAT,CAAqBM,CAArB,EAA6D;AAC3D,QAAMtD,KAAK,GAAGsD,CAAC,CAACC,MAAF,CAASvD,KAAvB;;AAEA,QAAI,CAACgB,kBAAkB,CAACG,OAApB,IAA+BnB,KAAK,KAAKE,WAA7C,EAA0D;AACxDsD,MAAAA,qBAAqB;AACtB;;AAEDxC,IAAAA,kBAAkB,CAACG,OAAnB,GAA6B,KAA7B;AACD;;AAED,WAAS8B,WAAT,CAAqBQ,KAArB,EAAgE;AAC9DjD,IAAAA,UAAU,CAAC,IAAD,CAAV;;AAEAQ,IAAAA,kBAAkB,CAACG,OAAnB,GAA6B,KAA7B;;AAEA,QAAIrB,KAAK,CAAC4D,OAAV,EAAmB;AACjB5D,MAAAA,KAAK,CAAC4D,OAAN,CAAcD,KAAd;AACD;AACF;;AAED,WAASP,UAAT,CAAoBO,KAApB,EAA+D;AAC7D,QAAIzD,KAAK,KAAK,yCAAeK,UAAf,EAA2BkB,QAA3B,CAAd,EAAoD;AAClDnB,MAAAA,SAAS,CAAC,EAAEJ,KAAK,EAAE,EAAT,EAAaE,WAAW,EAAE,EAA1B,EAAD,CAAT;AACD;;AAEDM,IAAAA,UAAU,CAAC,KAAD,CAAV;;AAEA,QAAIV,KAAK,CAAC6D,MAAV,EAAkB;AAChB7D,MAAAA,KAAK,CAAC6D,MAAN,CAAaF,KAAb;AACD;AACF;;AAED,WAASD,qBAAT,GAAiC;AAC/B,QAAI1D,KAAK,CAAC8B,iBAAV,EAA6B;AAC3B9B,MAAAA,KAAK,CAAC8B,iBAAN,CAAwB5B,KAAxB;AACD;AACF;;AAED,WAASqB,aAAT;AACEC,EAAAA,IADF;AAEEC,EAAAA,QAFF;AAGEC,EAAAA,WAHF;AAIU;AACR,QAAMoC,WAAW,GAAGC,kBAAMC,UAAN,CAAiB;AACnCxC,MAAAA,IAAI,EAAJA,IADmC;AAEnCyC,MAAAA,WAAW,EAAE,yCAAevC,WAAf,CAFsB;AAGnCwC,MAAAA,IAAI,EAAE,KAH6B;AAInCC,MAAAA,eAAe,EAAE,sCAAY1C,QAAZ,CAJkB,EAAjB,CAApB;;AAMA,WAAOqC,WAAW,CAACM,UAAZ,CAAuB,EAAvB,EAA2BC,QAAlC;AACD;AACF,CA7K+B,CAA3B,C","sourcesContent":["import React, { ForwardedRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { IMask, IMaskInput } from 'react-imask';\n\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { InputElement, InputElementProps } from '../../components/Input';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MaskedInputElement.styles';\nimport { getCurrentValue, getDefinitions, getFocusPrefix, getMaskChar } from './MaskedInputElement.helpers';\n\nexport interface MaskedInputElementProps extends InputElementProps {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  onUnexpectedInput: (value: string) => void;\n}\n\nexport const MaskedInputElementDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\nexport const MaskedInputElement = forwardRefAndName(\n  'MaskedInputElement',\n  function MaskedInputElement(props: MaskedInputElementProps, ref: ForwardedRef<InputElement>) {\n    const [values, setValues] = useState<{ value: string; originValue: string }>(() => {\n      const value = getValue(props);\n      return { value, originValue: value };\n    });\n    const { value, originValue } = values;\n\n    const [emptyValue, setEmptyValue] = useState('');\n    const [focused, setFocused] = useState(false);\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const rootNodeRef = React.useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const emotion = useEmotion();\n    const styles = getStyles(emotion);\n    const expectedChangesRef = useRef(false);\n    const isFirstRender = useRef(true);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: inputRef.current,\n        getRootNode: () => rootNodeRef.current,\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      setEmptyValue(getEmptyValue(props.mask, props.maskChar, props.formatChars));\n    }, [props.mask, props.maskChar]);\n\n    useEffect(() => {\n      if (isFirstRender.current) {\n        return;\n      }\n\n      const value = props.value ? props.value.toString() : '';\n      setValues((values) => ({ ...values, value }));\n    }, [props.value]);\n\n    useEffect(() => {\n      isFirstRender.current = false;\n    }, []);\n\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask,\n      maxLength,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = props;\n\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n    const [currentValue, left, right] = getCurrentValue({ value, originValue, emptyValue }, focused, maskChar);\n\n    /* В rightHelper не DEFAULT_MASK_CHAR, а специальная логика для обработки подчркивания('_').\n     * Не менять на DEFAULT_MASK_CHAR\n     */\n    const rightHelper = right.split('').map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n    const leftHelper = style?.textAlign !== 'right' && <span style={{ color: 'transparent' }}>{left}</span>;\n    const isMaskVisible = alwaysShowMask || focused;\n\n    return (\n      <span\n        data-tid={MaskedInputElementDataTids.root}\n        ref={rootNodeRef}\n        className={styles.container()}\n        x-ms-format-detection=\"none\"\n      >\n        <IMaskInput\n          {...inputProps}\n          mask={mask}\n          definitions={getDefinitions(formatChars)}\n          eager\n          overwrite={'shift'}\n          onAccept={handleAccept}\n          onInput={handleInput}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          value={currentValue}\n          inputRef={inputRef}\n          style={{ ...style }}\n        />\n        {isMaskVisible && (\n          <span className={emotion.cx(styles.inputMask(theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n\n    function getValue(props: MaskedInputElementProps): string {\n      return (props.value ?? props.defaultValue ?? '').toString();\n    }\n\n    /** В imask вызывается только когда значение с маской меняется*/\n    function handleAccept(value: string) {\n      expectedChangesRef.current = true;\n      // Если разделить на 2 setState - между первым и вторым происходит рендер и иногда символы \"съедаются\"\n      setValues({ value, originValue: value });\n\n      setTimeout(() => {\n        /** При вводе с клавиатуры срабатывает handleAccept, за ним handleInput\n         * expectedChanges - нужен чтобы сообщить из handleAccept в handleInput, что значение с маской изменилось.\n         * Если маска не изменилась и сработал handleInput, вызываем handleUnexpectedInput. Ввели значение не по маске.\n         * setTimeout нужен чтобы сбросить expectedChanges, например, если изменилось значение в пропах.\n         * Маска изменится, вызовется handleAccept, но не handleInput\n         */\n        expectedChangesRef.current = false;\n      });\n    }\n\n    /** Отслеживаем неправильные нажатия,\n     * handleAccept не вызывается когда значение с маской не меняется, а handleInput вызывается\n     * Сначала вызывается handleAccept, затем handleInput\n     * */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const value = e.target.value;\n\n      if (!expectedChangesRef.current && value === originValue) {\n        handleUnexpectedInput();\n      }\n\n      expectedChangesRef.current = false;\n    }\n\n    function handleFocus(event: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n\n      expectedChangesRef.current = false;\n\n      if (props.onFocus) {\n        props.onFocus(event);\n      }\n    }\n\n    function handleBlur(event: React.FocusEvent<HTMLInputElement>) {\n      if (value === getFocusPrefix(emptyValue, maskChar)) {\n        setValues({ value: '', originValue: '' });\n      }\n\n      setFocused(false);\n\n      if (props.onBlur) {\n        props.onBlur(event);\n      }\n    }\n\n    function handleUnexpectedInput() {\n      if (props.onUnexpectedInput) {\n        props.onUnexpectedInput(value);\n      }\n    }\n\n    function getEmptyValue(\n      mask: MaskedInputElementProps['mask'],\n      maskChar: MaskedInputElementProps['maskChar'],\n      formatChars: MaskedInputElementProps['formatChars'],\n    ): string {\n      const maskPattern = IMask.createMask({\n        mask,\n        definitions: getDefinitions(formatChars),\n        lazy: false,\n        placeholderChar: getMaskChar(maskChar),\n      });\n      return maskPattern.appendTail('').inserted;\n    }\n  },\n);\n"]}

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

@@ -0,0 +1,7 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    container(): string;
+    inputMask(t: Theme): string;
+    inputMaskLeft(): string;
+};

package/cjs/internal/MaskedInputElement/MaskedInputElement.styles.js

@@ -0,0 +1,32 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      container: function container() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        position: relative;\n        font-size: inherit;\n        flex: 100% 1 1;\n      "])));
+
+
+
+
+
+      },
+      inputMask: function inputMask(t) {
+        return 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 emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n      "])));
+
+
+
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskedInputElement.styles.ts"],"names":["getStyles","emotion","container","css","inputMask","t","placeholderColor","inputMaskLeft"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,SADW,uBACC;AACV,eAAOD,OAAO,CAACE,GAAf;;;;;;AAMD,OARU;AASXC,MAAAA,SATW,qBASDC,CATC,EASS;AAClB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,OAjBU;AAkBXC,MAAAA,aAlBW,2BAkBK;AACd,eAAON,OAAO,CAACE,GAAf;;;;;;AAMD,OAzBU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    container() {\n      return emotion.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 emotion.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 emotion.css`\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n      `;\n    },\n  });\n"]}

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

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

package/cjs/internal/MaskedInputElement/index.js

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

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

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

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

@@ -1,31 +1,69 @@
-import React from 'react';
-export interface MenuProps {
+import React, { HTMLAttributes } from 'react';
+import { ScrollContainerScrollState } from '../../components/ScrollContainer';
+export interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     children: React.ReactNode;
     hasShadow?: boolean;
+    /**
+     * Максимальная высота применяется только для скролл контейнера
+     *
+     * Высота `header` и `footer` в нее не включены
+     */
     maxHeight?: number | string;
-    onItemClick?: () => void;
+    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
     width?: number | string;
     preventWindowScroll?: boolean;
+    /**
+     * Отключение кастомного скролла контейнера
+     */
+    disableScrollContainer?: boolean;
+    align?: 'left' | 'right';
+    /**
+     * Предотвращает выравнивание текста всех пунктов меню относительно друг друга.
+     * Так, если хотя бы у одного пункта меню есть иконка, текст в  остальных пунктах меню будет выровнен относительно пункта меню с иконкой
+     */
+    preventIconsOffset?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    /**
+     * Циклический перебор айтемов меню (по-дефолтну включен)
+     */
+    cyclicSelection?: boolean;
+    initialSelectedItemIndex?: number;
 }
 export interface MenuState {
     highlightedIndex: number;
+    maxHeight: number | string;
+    scrollState: ScrollContainerScrollState;
+    enableIconPadding: boolean;
 }
-export declare class Menu extends React.Component<MenuProps, MenuState> {
+export declare const MenuDataTids: {
+    readonly root: "Menu__root";
+};
+declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll' | 'cyclicSelection' | 'initialSelectedItemIndex'>>;
+export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-    };
-    state: {
-        highlightedIndex: number;
-    };
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: MenuState;
     private theme;
+    private emotion;
     private scrollContainer;
+    private isMobileLayout;
     private highlighted;
     private unmounted;
+    private setRootNode;
+    private header;
+    private footer;
+    private contentRef;
+    private menuNavigation;
+    private menuItemsAtAnyLevel?;
     componentWillUnmount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: MenuProps): void;
+    focus(): void;
+    private focusOnRootElement;
     render(): JSX.Element;
     /**
      * @public
@@ -49,14 +87,27 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
     hasHighlightedItem(): boolean;
     highlightItem(index: number): void;
     private renderMain;
+    private renderHeader;
+    private renderFooter;
+    private renderMenuSeparatorWithNoMargin;
+    private getChildList;
+    private setInitialSelection;
+    private shouldRecalculateMaxHeight;
+    private calculateMaxHeight;
     private refScrollContainer;
     private refHighlighted;
     private scrollToSelected;
     private scrollToTop;
     private scrollToBottom;
+    private scroll;
     private select;
     private highlight;
     private unhighlight;
     private move;
     private isEmpty;
+    private handleKeyDown;
+    private getStyle;
+    private handleScrollStateChange;
+    private setEnableIconPadding;
 }
+export {};