@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/cjs/components/Loader/__stories__/LoaderAndButton.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LoaderAndButton = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.LoaderAndButton = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
 
 var _Tooltip = require("../../Tooltip");
 var _Button = require("../../Button");
-var _Loader = require("../Loader");var
+var _Loader = require("../Loader");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
 
 
 
@@ -10,47 +10,47 @@ var _Loader = require("../Loader");var
 
 
 
-LoaderAndButton = exports.LoaderAndButton = /*#__PURE__*/function (_React$Component) {function LoaderAndButton() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+LoaderAndButton = exports.LoaderAndButton = /*#__PURE__*/function (_React$Component) {function LoaderAndButton() {var _this;(0, _classCallCheck2.default)(this, LoaderAndButton);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, LoaderAndButton, [].concat(args));_this.
     state = {
       isTooltipOpened: false
-    };return _this;}(0, _inheritsLoose2.default)(LoaderAndButton, _React$Component);var _proto = LoaderAndButton.prototype;_proto.
+    };return _this;}(0, _inherits2.default)(LoaderAndButton, _React$Component);return (0, _createClass2.default)(LoaderAndButton, [{ key: "render", value:
 
-  render = function render() {var _this2 = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_Loader.Loader, { active: this.props.active, type: 'big' }, /*#__PURE__*/
-      _react.default.createElement("h1", null, "Yeah, and if you were the pope they'd be all, \"Straighten your pope hat.\" And \"Put on your good vestments.\""
+    function render() {var _this2 = this;
+      return /*#__PURE__*/(
+        _react.default.createElement(_Loader.Loader, { active: this.props.active, type: 'big' }, /*#__PURE__*/
+        _react.default.createElement("h1", null, "Yeah, and if you were the pope they'd be all, \"Straighten your pope hat.\" And \"Put on your good vestments.\""
 
 
-      ), /*#__PURE__*/
-      _react.default.createElement(_Tooltip.Tooltip, { render: function render() {return 'Yes, you can!';}, trigger: this.state.isTooltipOpened ? 'opened' : 'closed' }, /*#__PURE__*/
-      _react.default.createElement(_Button.Button, {
-        onClick: function onClick() {
-          _this2.setState({ isActive: true, isTooltipOpened: true });
-        } },
-      "Can you click me?"
+        ), /*#__PURE__*/
+        _react.default.createElement(_Tooltip.Tooltip, { render: function render() {return 'Yes, you can!';}, trigger: this.state.isTooltipOpened ? 'opened' : 'closed' }, /*#__PURE__*/
+        _react.default.createElement(_Button.Button, {
+          onClick: function onClick() {
+            _this2.setState({ isActive: true, isTooltipOpened: true });
+          } },
+        "Can you click me?"
 
-      )
-      ), /*#__PURE__*/
-      _react.default.createElement("p", null, "No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela, Bender, we're going grave robbing."
+        )
+        ), /*#__PURE__*/
+        _react.default.createElement("p", null, "No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela, Bender, we're going grave robbing."
 
 
-      ), /*#__PURE__*/
-      _react.default.createElement("p", null, "Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?",
-      ' ', /*#__PURE__*/
-      _react.default.createElement("strong", null, " Moving along\u2026 I guess if you want children beaten, you have to do it yourself."), /*#__PURE__*/
-      _react.default.createElement("em", null, "It's okay, Bender."), " I like cooking too."
-      ), /*#__PURE__*/
-      _react.default.createElement("h2", null, "Oh, I think we should just stay friends."), /*#__PURE__*/
-      _react.default.createElement("p", null, "No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go\u2026 look for more stuff to steal! Oh, how awful. Did he at least die painlessly? \u2026To shreds, you say. Well, how is his wife holding up? \u2026To shreds, you say."
+        ), /*#__PURE__*/
+        _react.default.createElement("p", null, "Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?",
+        ' ', /*#__PURE__*/
+        _react.default.createElement("strong", null, " Moving along\u2026 I guess if you want children beaten, you have to do it yourself."), /*#__PURE__*/
+        _react.default.createElement("em", null, "It's okay, Bender."), " I like cooking too."
+        ), /*#__PURE__*/
+        _react.default.createElement("h2", null, "Oh, I think we should just stay friends."), /*#__PURE__*/
+        _react.default.createElement("p", null, "No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go\u2026 look for more stuff to steal! Oh, how awful. Did he at least die painlessly? \u2026To shreds, you say. Well, how is his wife holding up? \u2026To shreds, you say."
 
 
 
-      ), /*#__PURE__*/
-      _react.default.createElement("ol", null, /*#__PURE__*/
-      _react.default.createElement("li", null, "No! The kind with looting and maybe starting a few fires!"), /*#__PURE__*/
-      _react.default.createElement("li", null, "You are the last hope of the universe."), /*#__PURE__*/
-      _react.default.createElement("li", null, "Hey, guess what you're accessories to.")
-      )
-      ));
+        ), /*#__PURE__*/
+        _react.default.createElement("ol", null, /*#__PURE__*/
+        _react.default.createElement("li", null, "No! The kind with looting and maybe starting a few fires!"), /*#__PURE__*/
+        _react.default.createElement("li", null, "You are the last hope of the universe."), /*#__PURE__*/
+        _react.default.createElement("li", null, "Hey, guess what you're accessories to.")
+        )
+        ));
 
-  };return LoaderAndButton;}(_react.default.Component);
+    } }]);}(_react.default.Component);

package/cjs/components/Loader/__stories__/LoaderAndButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_Button","_Loader","LoaderAndButton","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","isTooltipOpened","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","Loader","active","props","type","Tooltip","trigger","Button","onClick","setState","isActive","React","Component"],"sources":["LoaderAndButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\nimport type { LoaderProps } from '..';\n\ntype LoaderAndButtonProps = Pick<LoaderProps, 'active'>;\ninterface LoaderAndButtonState {\n  isTooltipOpened: boolean;\n  isActive?: boolean;\n}\nexport class LoaderAndButton extends React.Component<LoaderAndButtonProps, LoaderAndButtonState> {\n  public state: LoaderAndButtonState = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA,cAAmC;;;;;;;;AAQtBI,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACnBU,KAAK,GAAyB;MACnCC,eAAe,EAAE;IACnB,CAAC,QAAAX,KAAA,MAAAY,eAAA,CAAAC,OAAA,EAAAhB,eAAA,EAAAE,gBAAA,MAAAe,MAAA,GAAAjB,eAAA,CAAAkB,SAAA,CAAAD,MAAA;;EAEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA;IACd;MACE1B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAACtB,OAAA,CAAAuB,MAAM,IAACC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAO,EAACE,IAAI,EAAE,KAAM;MAC7C/B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI;;;MAGA,CAAC;MACL3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAACxB,QAAA,CAAA6B,OAAO,IAACP,MAAM,EAAE,SAAAA,OAAA,UAAM,eAAe,EAAC,EAACQ,OAAO,EAAE,IAAI,CAACd,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,QAAS;MAChGpB,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAACvB,OAAA,CAAA8B,MAAM;QACLC,OAAO,EAAE,SAAAA,QAAA,EAAM;UACbT,MAAI,CAACU,QAAQ,CAAC,EAAEC,QAAQ,EAAE,IAAI,EAAEjB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAE;MACH;;MAEO;MACD,CAAC;MACVpB,MAAA,CAAAsB,OAAA,CAAAK,aAAA,YAAG;;;MAGA,CAAC;MACJ3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,YAAG,+FACiG;MAAC,GAAG;MACtG3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,iBAAQ,sFAAuF,CAAC;MAChG3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI,oBAA2B,CAAC;MAC/B,CAAC;MACJ3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI,0CAA4C,CAAC;MACjD3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,YAAG;;;;MAIA,CAAC;MACJ3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA;MACE3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI,2DAA6D,CAAC;MAClE3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI,wCAA0C,CAAC;MAC/C3B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,aAAI,wCAA+C;MACjD;MACE,CAAC;;EAEb,CAAC,QAAArB,eAAA,GA3CkCgC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_Button","_Loader","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","LoaderAndButton","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","state","isTooltipOpened","_inherits2","_createClass2","key","value","render","_this2","createElement","Loader","active","props","type","Tooltip","trigger","Button","onClick","setState","isActive","React","Component"],"sources":["LoaderAndButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\nimport type { LoaderProps } from '..';\n\ntype LoaderAndButtonProps = Pick<LoaderProps, 'active'>;\ninterface LoaderAndButtonState {\n  isTooltipOpened: boolean;\n  isActive?: boolean;\n}\nexport class LoaderAndButton extends React.Component<LoaderAndButtonProps, LoaderAndButtonState> {\n  public state: LoaderAndButtonState = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Loader/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Loader = require("./Loader");Object.keys(_Loader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Loader[key]) return;exports[key] = _Loader[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _Loader = require("./Loader");Object.keys(_Loader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Loader[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _Loader[key];} });});

package/cjs/components/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Loader","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './Loader';\n"],"mappings":"uCAAA,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_Loader","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './Loader';\n"],"mappings":"2EAAA,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,OAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ColorableInputElement = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ColorableInputElement = void 0;var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
@@ -32,9 +32,9 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
     var _useState = (0, _react.useState)(
         Boolean(props.alwaysShowMask || !props.placeholder && (props.value || props.defaultValue))
-      ),active = _useState[0],setActive = _useState[1];
+      ),_useState2 = (0, _slicedToArray2.default)(_useState, 2),active = _useState2[0],setActive = _useState2[1];
 
-    var children = props.children,onInput = props.onInput,onFocus = props.onFocus,onBlur = props.onBlur,showOnFocus = props.showOnFocus,alwaysShowMask = props.alwaysShowMask,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var children = props.children,onInput = props.onInput,onFocus = props.onFocus,onBlur = props.onBlur,showOnFocus = props.showOnFocus,alwaysShowMask = props.alwaysShowMask,inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
     var stopUpdateActive = (0, _react.useCallback)(function () {
       clearTimeout(updateActiveTimer.current);
@@ -48,7 +48,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
           var _inputRef$current = inputRef.current,clientWidth = _inputRef$current.clientWidth,scrollWidth = _inputRef$current.scrollWidth;
           var scrollable = scrollWidth > clientWidth;
 
-          var placeholderShown = (_inputRef$current2 = inputRef.current) == null || (_inputRef$current2 = _inputRef$current2.parentElement) == null ? void 0 : _inputRef$current2.querySelector(':placeholder-shown');
+          var placeholderShown = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || (_inputRef$current2 = _inputRef$current2.parentElement) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.querySelector(':placeholder-shown');
 
           nextActive = !(scrollable || placeholderShown);
         }
@@ -56,21 +56,21 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
       }, 0);
     }, [stopUpdateActive]);
 
-    var paintText = (0, _react.useCallback)(function () {var _inputRef$current4, _shadow, _shadow2, _props$style, _props$style2;
+    var paintText = (0, _react.useCallback)(function () {var _inputRef$current4, _shadow, _shadow2, _inputRef$current$get, _inputRef$current$get2, _props$style, _props$style2;
       var win = (0, _utils.tryGetWindow)(inputRef.current);
       var doc = (0, _utils.tryGetDocument)(inputRef.current);
       if (!spanRef.current || !inputRef.current || !(0, _utils.isWindow)(win) || !(0, _utils.isDocument)(doc) || !active) {var _inputRef$current3;
         inputRef.current && (inputRef.current.style.backgroundImage = '');
-        (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.classList.remove(_ColorableInputElement.globalClasses.input);
+        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.classList.remove(_ColorableInputElement.globalClasses.input);
 
         return;
       }
 
-      (_inputRef$current4 = inputRef.current) == null || _inputRef$current4.classList.add(_ColorableInputElement.globalClasses.input);
+      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.classList.add(_ColorableInputElement.globalClasses.input);
 
       var shadow = spanRef.current.shadowRoot;
-      var typedValueElement = (_shadow = shadow) == null ? void 0 : _shadow.getElementById('typed-value');
-      var fullValueElement = (_shadow2 = shadow) == null ? void 0 : _shadow2.getElementById('full-value');
+      var typedValueElement = (_shadow = shadow) === null || _shadow === void 0 ? void 0 : _shadow.getElementById('typed-value');
+      var fullValueElement = (_shadow2 = shadow) === null || _shadow2 === void 0 ? void 0 : _shadow2.getElementById('full-value');
 
       if (!typedValueElement || !fullValueElement) {
         shadow = spanRef.current.attachShadow({ mode: 'open' });
@@ -85,12 +85,15 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
 
       var style = getComputedStyle(inputRef.current);
 
-      typedValueElement.textContent =
-      (inputRef.current.getAttribute('data-unmasked-value') || focused.current) &&
-      inputRef.current.getAttribute('data-typed-value') ||
-      '';
+      var inputValue = inputRef.current.value || inputRef.current.defaultValue || '';
+      var unmasked = (_inputRef$current$get = inputRef.current.getAttribute('data-unmasked-value')) !== null && _inputRef$current$get !== void 0 ? _inputRef$current$get : '';
+      var typedValue = (_inputRef$current$get2 = inputRef.current.getAttribute('data-typed-value')) !== null && _inputRef$current$get2 !== void 0 ? _inputRef$current$get2 : '';
+      // Рассинхрон: в инпуте пусто, а data-* ещё старые (например после undo/blur) — не показываем серый текст
+      var hasDesync = inputValue === '' && unmasked !== '';
 
-      fullValueElement.textContent = inputRef.current.value || inputRef.current.defaultValue || '';
+      typedValueElement.textContent = hasDesync ? '' : (unmasked || focused.current) && typedValue || '';
+
+      fullValueElement.textContent = inputValue;
 
       var inputRect = inputRef.current.getBoundingClientRect();
       var typedValueRect = typedValueElement.getBoundingClientRect();
@@ -111,18 +114,18 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
       if (props.showOnFocus) {
         maskColor = focused.current ? maskColor : 'transparent';
       }
-      if (((_props$style = props.style) == null ? void 0 : _props$style.textAlign) === 'right') {
+      if (((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.textAlign) === 'right') {
         indent = 100 * restValueWidth;
       }
-      if (((_props$style2 = props.style) == null ? void 0 : _props$style2.textAlign) === 'center') {
+      if (((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.textAlign) === 'center') {
         indent = 50 * restValueWidth;
       }
 
-      inputRef.current.style.backgroundImage = "\n      linear-gradient(\n          " +
+      inputRef.current.style.backgroundImage = "\n      linear-gradient(\n          ".concat(
 
-      degree + "deg,\n          " +
-      typedValueColor + " " + (threshold + indent) + "%,\n          " +
-      maskColor + " " + (threshold + indent) + "%\n      )";
+        degree, "deg,\n          ").concat(
+        typedValueColor, " ").concat(threshold + indent, "%,\n          ").concat(
+        maskColor, " ").concat(threshold + indent, "%\n      )");
 
     }, [
     active,
@@ -131,7 +134,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
     theme.inputTextColor,
     theme.inputPlaceholderColor,
     theme.inputTextColorDisabled, (_props$style3 =
-    props.style) == null ? void 0 : _props$style3.textAlign]
+    props.style) === null || _props$style3 === void 0 ? void 0 : _props$style3.textAlign]
     );
 
     var debouncedPaintText = (0, _react.useCallback)(function () {return (0, _lodash.default)(paintText);}, [paintText])();
@@ -140,7 +143,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
       function (e) {
         debouncedPaintText();
 
-        onInput == null || onInput(e);
+        onInput === null || onInput === void 0 || onInput(e);
       },
       [debouncedPaintText, onInput]
     );
@@ -151,7 +154,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
 
         focused.current = true;
 
-        onFocus == null || onFocus(e);
+        onFocus === null || onFocus === void 0 || onFocus(e);
       },
       [onFocus, updateActive]
     );
@@ -162,7 +165,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
 
         focused.current = false;
 
-        onBlur == null || onBlur(e);
+        onBlur === null || onBlur === void 0 || onBlur(e);
       },
       [onBlur, updateActive]
     );
@@ -185,8 +188,8 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
 
     return /*#__PURE__*/(
       _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-      _react.default.cloneElement(children, (0, _extends2.default)({},
-      inputProps, {
+      _react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({},
+      inputProps), {}, {
         onInput: handleInput,
         onFocus: handleFocus,
         onBlur: handleBlur,

package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_lodash","_interopRequireDefault","_ThemeContext","_forwardRefAndName","_Emotion","_utils","_ColorableInputElement","_excluded","ColorableInputElement","exports","forwardRefAndName","props","ref","_props$style3","inputRef","useRef","spanRef","focused","updateActiveTimer","theme","useContext","ThemeContext","_useState","useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutPropertiesLoose2","default","stopUpdateActive","useCallback","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_props$style","_props$style2","win","tryGetWindow","doc","tryGetDocument","isWindow","isDocument","_inputRef$current3","style","backgroundImage","classList","remove","globalClasses","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","createElement","setAttribute","append","getComputedStyle","textContent","getAttribute","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","debouncedPaintText","debounce","handleInput","e","handleFocus","handleBlur","useImperativeHandle","getRootNode","useEffect","Fragment","React","cloneElement","_extends2","className","cx","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 */\nimport type { ForwardedRef } from 'react';\nimport React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { isDocument, isWindow, tryGetDocument, tryGetWindow } from '../../../lib/utils';\n\nimport { globalClasses } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n  alwaysShowMask?: boolean;\n  showOnFocus?: boolean;\n  children: React.ReactElement;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n  'ColorableInputElement',\n  function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const spanRef = useRef<HTMLSpanElement | null>(null);\n    const focused = useRef(false);\n    const updateActiveTimer = useRef<ReturnType<typeof setTimeout>>();\n    const theme = useContext(ThemeContext);\n    const [active, setActive] = useState(\n      Boolean(props.alwaysShowMask || (!props.placeholder && (props.value || props.defaultValue))),\n    );\n\n    const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n    const stopUpdateActive = useCallback(() => {\n      clearTimeout(updateActiveTimer.current);\n    }, []);\n\n    const updateActive = useCallback(() => {\n      stopUpdateActive();\n      updateActiveTimer.current = setTimeout(() => {\n        let nextActive = true;\n        if (inputRef.current) {\n          const { clientWidth, scrollWidth } = inputRef.current;\n          const scrollable = scrollWidth > clientWidth;\n\n          const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n          nextActive = !(scrollable || placeholderShown);\n        }\n        setActive(nextActive);\n      }, 0);\n    }, [stopUpdateActive]);\n\n    const paintText = useCallback(() => {\n      const win = tryGetWindow(inputRef.current);\n      const doc = tryGetDocument(inputRef.current);\n      if (!spanRef.current || !inputRef.current || !isWindow(win) || !isDocument(doc) || !active) {\n        inputRef.current && (inputRef.current.style.backgroundImage = '');\n        inputRef.current?.classList.remove(globalClasses.input);\n\n        return;\n      }\n\n      inputRef.current?.classList.add(globalClasses.input);\n\n      let shadow = spanRef.current.shadowRoot;\n      let typedValueElement = shadow?.getElementById('typed-value');\n      let fullValueElement = shadow?.getElementById('full-value');\n\n      if (!typedValueElement || !fullValueElement) {\n        shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n        typedValueElement = doc.createElement('span');\n        fullValueElement = doc.createElement('span');\n        typedValueElement.setAttribute('id', 'typed-value');\n        fullValueElement.setAttribute('id', 'full-value');\n\n        shadow.append(typedValueElement, fullValueElement);\n      }\n\n      const style = getComputedStyle(inputRef.current);\n\n      typedValueElement.textContent =\n        ((inputRef.current.getAttribute('data-unmasked-value') || focused.current) &&\n          inputRef.current.getAttribute('data-typed-value')) ||\n        '';\n\n      fullValueElement.textContent = inputRef.current.value || inputRef.current.defaultValue || '';\n\n      const inputRect = inputRef.current.getBoundingClientRect();\n      const typedValueRect = typedValueElement.getBoundingClientRect();\n      const fullValueRect = fullValueElement.getBoundingClientRect();\n\n      const threshold = typedValueRect.width / (inputRect.width / 100);\n      const degree = style.fontStyle === 'italic' ? 100 : 90;\n      const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n      let typedValueColor = theme.inputTextColor;\n      let maskColor = theme.inputPlaceholderColor;\n      let indent = 0;\n\n      if (props.disabled) {\n        typedValueColor = theme.inputTextColorDisabled;\n        maskColor = theme.inputTextColorDisabled;\n      }\n      if (props.showOnFocus) {\n        maskColor = focused.current ? maskColor : 'transparent';\n      }\n      if (props.style?.textAlign === 'right') {\n        indent = 100 * restValueWidth;\n      }\n      if (props.style?.textAlign === 'center') {\n        indent = 50 * restValueWidth;\n      }\n\n      inputRef.current.style.backgroundImage = `\n      linear-gradient(\n          ${degree}deg,\n          ${typedValueColor} ${threshold + indent}%,\n          ${maskColor} ${threshold + indent}%\n      )`;\n    }, [\n      active,\n      props.showOnFocus,\n      props.disabled,\n      theme.inputTextColor,\n      theme.inputPlaceholderColor,\n      theme.inputTextColorDisabled,\n      props.style?.textAlign,\n    ]);\n\n    const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n    const handleInput = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        debouncedPaintText();\n\n        onInput?.(e);\n      },\n      [debouncedPaintText, onInput],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = true;\n\n        onFocus?.(e);\n      },\n      [onFocus, updateActive],\n    );\n\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = false;\n\n        onBlur?.(e);\n      },\n      [onBlur, updateActive],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: inputRef.current,\n        getRootNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      debouncedPaintText();\n      updateActive();\n\n      return stopUpdateActive;\n    }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n    return (\n      <>\n        {React.cloneElement(children, {\n          ...inputProps,\n          onInput: handleInput,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          inputRef,\n          className: cx(props.className, active && globalClasses.input),\n        })}\n        {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n      </>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_lodash","_interopRequireDefault","_ThemeContext","_forwardRefAndName","_Emotion","_utils","_ColorableInputElement","_excluded","ColorableInputElement","exports","forwardRefAndName","props","ref","_props$style3","inputRef","useRef","spanRef","focused","updateActiveTimer","theme","useContext","ThemeContext","_useState","useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","_useState2","_slicedToArray2","default","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutProperties2","stopUpdateActive","useCallback","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_inputRef$current$get","_inputRef$current$get2","_props$style","_props$style2","win","tryGetWindow","doc","tryGetDocument","isWindow","isDocument","_inputRef$current3","style","backgroundImage","classList","remove","globalClasses","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","createElement","setAttribute","append","getComputedStyle","inputValue","unmasked","getAttribute","typedValue","hasDesync","textContent","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","concat","debouncedPaintText","debounce","handleInput","e","handleFocus","handleBlur","useImperativeHandle","getRootNode","useEffect","Fragment","React","cloneElement","_objectSpread2","className","cx","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 */\nimport type { ForwardedRef } from 'react';\nimport React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { isDocument, isWindow, tryGetDocument, tryGetWindow } from '../../../lib/utils';\n\nimport { globalClasses } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n  alwaysShowMask?: boolean;\n  showOnFocus?: boolean;\n  children: React.ReactElement;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n  'ColorableInputElement',\n  function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const spanRef = useRef<HTMLSpanElement | null>(null);\n    const focused = useRef(false);\n    const updateActiveTimer = useRef<ReturnType<typeof setTimeout>>();\n    const theme = useContext(ThemeContext);\n    const [active, setActive] = useState(\n      Boolean(props.alwaysShowMask || (!props.placeholder && (props.value || props.defaultValue))),\n    );\n\n    const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n    const stopUpdateActive = useCallback(() => {\n      clearTimeout(updateActiveTimer.current);\n    }, []);\n\n    const updateActive = useCallback(() => {\n      stopUpdateActive();\n      updateActiveTimer.current = setTimeout(() => {\n        let nextActive = true;\n        if (inputRef.current) {\n          const { clientWidth, scrollWidth } = inputRef.current;\n          const scrollable = scrollWidth > clientWidth;\n\n          const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n          nextActive = !(scrollable || placeholderShown);\n        }\n        setActive(nextActive);\n      }, 0);\n    }, [stopUpdateActive]);\n\n    const paintText = useCallback(() => {\n      const win = tryGetWindow(inputRef.current);\n      const doc = tryGetDocument(inputRef.current);\n      if (!spanRef.current || !inputRef.current || !isWindow(win) || !isDocument(doc) || !active) {\n        inputRef.current && (inputRef.current.style.backgroundImage = '');\n        inputRef.current?.classList.remove(globalClasses.input);\n\n        return;\n      }\n\n      inputRef.current?.classList.add(globalClasses.input);\n\n      let shadow = spanRef.current.shadowRoot;\n      let typedValueElement = shadow?.getElementById('typed-value');\n      let fullValueElement = shadow?.getElementById('full-value');\n\n      if (!typedValueElement || !fullValueElement) {\n        shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n        typedValueElement = doc.createElement('span');\n        fullValueElement = doc.createElement('span');\n        typedValueElement.setAttribute('id', 'typed-value');\n        fullValueElement.setAttribute('id', 'full-value');\n\n        shadow.append(typedValueElement, fullValueElement);\n      }\n\n      const style = getComputedStyle(inputRef.current);\n\n      const inputValue = inputRef.current.value || inputRef.current.defaultValue || '';\n      const unmasked = inputRef.current.getAttribute('data-unmasked-value') ?? '';\n      const typedValue = inputRef.current.getAttribute('data-typed-value') ?? '';\n      // Рассинхрон: в инпуте пусто, а data-* ещё старые (например после undo/blur) — не показываем серый текст\n      const hasDesync = inputValue === '' && unmasked !== '';\n\n      typedValueElement.textContent = hasDesync ? '' : ((unmasked || focused.current) && typedValue) || '';\n\n      fullValueElement.textContent = inputValue;\n\n      const inputRect = inputRef.current.getBoundingClientRect();\n      const typedValueRect = typedValueElement.getBoundingClientRect();\n      const fullValueRect = fullValueElement.getBoundingClientRect();\n\n      const threshold = typedValueRect.width / (inputRect.width / 100);\n      const degree = style.fontStyle === 'italic' ? 100 : 90;\n      const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n      let typedValueColor = theme.inputTextColor;\n      let maskColor = theme.inputPlaceholderColor;\n      let indent = 0;\n\n      if (props.disabled) {\n        typedValueColor = theme.inputTextColorDisabled;\n        maskColor = theme.inputTextColorDisabled;\n      }\n      if (props.showOnFocus) {\n        maskColor = focused.current ? maskColor : 'transparent';\n      }\n      if (props.style?.textAlign === 'right') {\n        indent = 100 * restValueWidth;\n      }\n      if (props.style?.textAlign === 'center') {\n        indent = 50 * restValueWidth;\n      }\n\n      inputRef.current.style.backgroundImage = `\n      linear-gradient(\n          ${degree}deg,\n          ${typedValueColor} ${threshold + indent}%,\n          ${maskColor} ${threshold + indent}%\n      )`;\n    }, [\n      active,\n      props.showOnFocus,\n      props.disabled,\n      theme.inputTextColor,\n      theme.inputPlaceholderColor,\n      theme.inputTextColorDisabled,\n      props.style?.textAlign,\n    ]);\n\n    const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n    const handleInput = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        debouncedPaintText();\n\n        onInput?.(e);\n      },\n      [debouncedPaintText, onInput],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = true;\n\n        onFocus?.(e);\n      },\n      [onFocus, updateActive],\n    );\n\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = false;\n\n        onBlur?.(e);\n      },\n      [onBlur, updateActive],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: inputRef.current,\n        getRootNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      debouncedPaintText();\n      updateActive();\n\n      return stopUpdateActive;\n    }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n    return (\n      <>\n        {React.cloneElement(children, {\n          ...inputProps,\n          onInput: handleInput,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          inputRef,\n          className: cx(props.className, active && globalClasses.input),\n        })}\n        {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n      </>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js

@@ -1,8 +1,20 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('colorable')({
   input: 'input'
 });
 
-(0, _Emotion.injectGlobal)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  input.", " {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n"])),
+(0, _Emotion.injectGlobal)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input.", " {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  /* \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 \u0430\u0432\u0442\u043E\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0438 (:-webkit-autofill) \u043F\u044B\u0442\u0430\u0435\u0442\u0441\u044F \u0441\u0430\u043C \u0437\u0430\u0434\u0430\u0442\u044C \u0446\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430.\n     \u0414\u043B\u044F MaskedInput \u0442\u0435\u043A\u0441\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \xAB\u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u043C\xBB, \u0430 \u0446\u0432\u0435\u0442 \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430\u0448\u0438\u043C \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C.\n     \u041F\u043E\u044D\u0442\u043E\u043C\u0443 \u043F\u0440\u0438 \u0430\u0432\u0442\u043E\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0438 \u043F\u0440\u0438\u043D\u0443\u0434\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u043C \u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442. */\n  input.", ":-webkit-autofill {\n    -webkit-text-fill-color: transparent !important;\n  }\n"])),
+globalClasses.input,
+
+
+
+
+
+
+
+
+
+
+
 globalClasses.input);

package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","globalClasses","exports","prefix","input","injectGlobal","_taggedTemplateLiteralLoose2","default"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import { injectGlobal, prefix } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n  input: 'input',\n});\n\ninjectGlobal`\n  input.${globalClasses.input} {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`;\n"],"mappings":"2RAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAoE,IAAAC,eAAA;;AAE7D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,WAAW,CAAC,CAAC;EAC/CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,IAAAC,qBAAY,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;AACFN,aAAa,CAACG,KAAK","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","globalClasses","exports","prefix","input","injectGlobal","_taggedTemplateLiteral2","default"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import { injectGlobal, prefix } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n  input: 'input',\n});\n\ninjectGlobal`\n  input.${globalClasses.input} {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  /* Браузер при автозаполнении (:-webkit-autofill) пытается сам задать цвет текста.\n     Для MaskedInput текст всегда должен быть «прозрачным», а цвет задаётся только нашим градиентом.\n     Поэтому при автозаполнении принудительно оставляем прозрачный текст. */\n  input.${globalClasses.input}:-webkit-autofill {\n    -webkit-text-fill-color: transparent !important;\n  }\n`;\n"],"mappings":"qTAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAoE,IAAAC,eAAA;;AAE7D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,WAAW,CAAC,CAAC;EAC/CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,IAAAC,qBAAY,EAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,CAAAC,OAAA;AACFN,aAAa,CAACG,KAAK;;;;;;;;;;;;AAYnBH,aAAa,CAACG,KAAK","ignoreList":[]}

package/cjs/components/MaskedInput/ColorableInputElement/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _ColorableInputElement = require("./ColorableInputElement");Object.keys(_ColorableInputElement).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ColorableInputElement[key]) return;exports[key] = _ColorableInputElement[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _ColorableInputElement = require("./ColorableInputElement");Object.keys(_ColorableInputElement).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ColorableInputElement[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _ColorableInputElement[key];} });});

package/cjs/components/MaskedInput/ColorableInputElement/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ColorableInputElement","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './ColorableInputElement';\n"],"mappings":"uCAAA,IAAAA,sBAAA,GAAAC,OAAA,4BAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,sBAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_ColorableInputElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from './ColorableInputElement';\n"],"mappings":"2EAAA,IAAAA,sBAAA,GAAAC,OAAA,4BAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,sBAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/MaskedInput/FixedIMaskInput.d.ts

@@ -1,5 +1,5 @@
-import type { InputMask, MaskedPatternOptions } from '@skbkontur/imask';
-import type { IMaskInputProps } from '@skbkontur/react-imask';
+import type { IMaskInputProps } from './react-imask/mixin';
+import type { InputMask, MaskedPatternOptions } from './react-imask/imask';
 export type FixedIMaskInputProps = IMaskInputProps<HTMLInputElement>;
 interface IMaskRefType {
     maskRef: InputMask<MaskedPatternOptions>;