@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/cjs/components/Loader/Loader.styles.js

@@ -1,63 +0,0 @@
-"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, _templateObject4, _templateObject5;
-
-
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    active: function active(t) {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
-      t.loaderBorderRadius,
-
-
-
-
-
-
-      t.loaderBg);
-
-    },
-
-    loader: function loader() {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
-
-
-
-
-
-
-    },
-
-    spinnerContainer: function spinnerContainer() {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    },
-
-    spinnerContainerSticky: function spinnerContainerSticky() {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
-
-
-    },
-
-    spinnerComponentWrapper: function spinnerComponentWrapper() {
-      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-
-
-    }
-  };});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","active","t","_taggedTemplateLiteralLoose2","default","loaderBorderRadius","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,MAAM,WAAAA,OAACC,CAAQ,EAAE;MACf,OAAOF,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;MACSF,CAAC,CAACG,kBAAkB;;;;;;;MAOvBH,CAAC,CAACI,QAAQ;;IAE5B,CAAC;;IAEDC,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOP,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;;IAOZ,CAAC;;IAEDI,gBAAgB,WAAAA,iBAAA,EAAG;MACjB,OAAOR,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;IAmBZ,CAAC;;IAEDK,sBAAsB,WAAAA,uBAAA,EAAG;MACvB,OAAOT,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDM,uBAAuB,WAAAA,wBAAA,EAAG;MACxB,OAAOV,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,56 +0,0 @@
-"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"));
-
-var _Tooltip = require("../../Tooltip");
-var _Button = require("../../Button");
-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.
-    state = {
-      isTooltipOpened: false
-    };return _this;}(0, _inheritsLoose2.default)(LoaderAndButton, _React$Component);var _proto = LoaderAndButton.prototype;_proto.
-
-  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.\""
-
-
-      ), /*#__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, "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.")
-      )
-      ));
-
-  };return LoaderAndButton;}(_react.default.Component);

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

@@ -1 +0,0 @@
-{"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":[]}

package/cjs/components/Loader/index.d.ts

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

package/cjs/components/Loader/index.js

@@ -1 +0,0 @@
-"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];});

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

@@ -1 +0,0 @@
-{"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":[]}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { InputElement, InputElementProps } from '../../Input';
-export type ColorableInputElementProps = InputElementProps & {
-    alwaysShowMask?: boolean;
-    showOnFocus?: boolean;
-    children: React.ReactElement<any>;
-};
-export declare const ColorableInputElement: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<InputElement, ColorableInputElementProps> & Record<never, never>;

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

@@ -1,205 +0,0 @@
-"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"));
-
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
-
-var _renderEnvironment = require("../../../lib/renderEnvironment");
-var _globalObject = require("../../../lib/globalObject");
-var _ThemeContext = require("../../../lib/theming/ThemeContext");
-
-var _forwardRefAndName = require("../../../lib/forwardRefAndName");
-
-var _ColorableInputElement = require("./ColorableInputElement.styles");var _excluded = ["children", "onInput", "onFocus", "onBlur", "showOnFocus", "alwaysShowMask"]; /* eslint react-hooks/exhaustive-deps: 2 */
-
-
-
-
-
-
-
-// Возможно придётся включить.
-// Иногда, на тяжёлых страницах, текст рендерится итеративно.
-// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.
-// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);
-
-var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndName.forwardRefAndName)(
-  'ColorableInputElement',
-  function ColorableInputElement(props, ref) {var _props$style3, _cx;
-    var inputRef = (0, _react.useRef)(null);
-    var spanRef = (0, _react.useRef)(null);
-    var focused = (0, _react.useRef)(false);
-    var updateActiveTimer = (0, _react.useRef)(undefined);
-    var globalObject = (0, _renderEnvironment.useGlobal)();
-    var emotion = (0, _renderEnvironment.useEmotion)();
-    var cx = emotion.cx;
-    var styles = (0, _renderEnvironment.useStyles)(_ColorableInputElement.getStyles);
-    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];
-
-    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 stopUpdateActive = (0, _react.useCallback)(function () {
-      clearTimeout(updateActiveTimer.current);
-    }, []);
-
-    var updateActive = (0, _react.useCallback)(function () {
-      stopUpdateActive();
-      updateActiveTimer.current = setTimeout(function () {
-        var nextActive = true;
-        if (inputRef.current) {var _inputRef$current2;
-          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');
-
-          nextActive = !(scrollable || placeholderShown);
-        }
-        setActive(nextActive);
-      }, 0);
-    }, [stopUpdateActive]);
-
-    var paintText = (0, _react.useCallback)(function () {var _inputRef$current4, _shadow, _shadow2, _props$style, _props$style2;
-      if (!(0, _globalObject.isBrowser)(globalObject) || !spanRef.current || !inputRef.current || !active) {var _inputRef$current3;
-        inputRef.current && (inputRef.current.style.backgroundImage = '');
-        (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.classList.remove(_ColorableInputElement.globalClasses.input);
-
-        return;
-      }
-
-      (_inputRef$current4 = inputRef.current) == null || _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');
-
-      if (!typedValueElement || !fullValueElement) {
-        shadow = spanRef.current.attachShadow({ mode: 'open' });
-
-        typedValueElement = globalObject.document.createElement('span');
-        fullValueElement = globalObject.document.createElement('span');
-        typedValueElement.setAttribute('id', 'typed-value');
-        fullValueElement.setAttribute('id', 'full-value');
-
-        shadow.append(typedValueElement, fullValueElement);
-      }
-
-      var style = getComputedStyle(inputRef.current);
-
-      typedValueElement.textContent =
-      (inputRef.current.getAttribute('data-unmasked-value') || focused.current) &&
-      inputRef.current.getAttribute('data-typed-value') ||
-      '';
-
-      fullValueElement.textContent = inputRef.current.value || inputRef.current.defaultValue || '';
-
-      var inputRect = inputRef.current.getBoundingClientRect();
-      var typedValueRect = typedValueElement.getBoundingClientRect();
-      var fullValueRect = fullValueElement.getBoundingClientRect();
-
-      var threshold = typedValueRect.width / (inputRect.width / 100);
-      var degree = style.fontStyle === 'italic' ? 100 : 90;
-      var restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);
-
-      var typedValueColor = theme.inputTextColor;
-      var maskColor = theme.inputPlaceholderColor;
-      var indent = 0;
-
-      if (props.disabled) {
-        typedValueColor = theme.inputTextColorDisabled;
-        maskColor = theme.inputTextColorDisabled;
-      }
-      if (props.showOnFocus) {
-        maskColor = focused.current ? maskColor : 'transparent';
-      }
-      if (((_props$style = props.style) == null ? void 0 : _props$style.textAlign) === 'right') {
-        indent = 100 * restValueWidth;
-      }
-      if (((_props$style2 = props.style) == null ? void 0 : _props$style2.textAlign) === 'center') {
-        indent = 50 * restValueWidth;
-      }
-
-      inputRef.current.style.backgroundImage = "\n      linear-gradient(\n          " +
-
-      degree + "deg,\n          " +
-      typedValueColor + " " + (threshold + indent) + "%,\n          " +
-      maskColor + " " + (threshold + indent) + "%\n      )";
-
-    }, [
-    active,
-    props.showOnFocus,
-    props.disabled,
-    theme.inputTextColor,
-    theme.inputPlaceholderColor,
-    theme.inputTextColorDisabled,
-    globalObject, (_props$style3 =
-    props.style) == null ? void 0 : _props$style3.textAlign]
-    );
-
-    var debouncedPaintText = (0, _react.useCallback)(function () {return (0, _lodash.default)(paintText);}, [paintText])();
-
-    var handleInput = (0, _react.useCallback)(
-      function (e) {
-        debouncedPaintText();
-
-        onInput == null || onInput(e);
-      },
-      [debouncedPaintText, onInput]
-    );
-
-    var handleFocus = (0, _react.useCallback)(
-      function (e) {
-        updateActive();
-
-        focused.current = true;
-
-        onFocus == null || onFocus(e);
-      },
-      [onFocus, updateActive]
-    );
-
-    var handleBlur = (0, _react.useCallback)(
-      function (e) {
-        updateActive();
-
-        focused.current = false;
-
-        onBlur == null || onBlur(e);
-      },
-      [onBlur, updateActive]
-    );
-
-    (0, _react.useImperativeHandle)(
-      ref,
-      function () {return {
-          input: inputRef.current,
-          getRootNode: function getRootNode() {return inputRef.current;}
-        };},
-      []
-    );
-
-    (0, _react.useEffect)(function () {
-      debouncedPaintText();
-      updateActive();
-
-      return stopUpdateActive;
-    }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);
-
-    return /*#__PURE__*/(
-      _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-      _react.default.cloneElement(children, (0, _extends2.default)({},
-      inputProps, {
-        onInput: handleInput,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        inputRef: inputRef,
-        className: cx(props.className, styles.root(), (_cx = {}, _cx[
-        _ColorableInputElement.globalClasses.input] = active, _cx)
-        ) })
-      ),
-      active && /*#__PURE__*/_react.default.createElement("span", { style: { visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }, ref: spanRef })
-      ));
-
-  }
-);

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_lodash","_interopRequireDefault","_renderEnvironment","_globalObject","_ThemeContext","_forwardRefAndName","_ColorableInputElement","_excluded","ColorableInputElement","exports","forwardRefAndName","props","ref","_props$style3","_cx","inputRef","useRef","spanRef","focused","updateActiveTimer","undefined","globalObject","useGlobal","emotion","useEmotion","cx","styles","useStyles","getStyles","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","isBrowser","_inputRef$current3","style","backgroundImage","classList","remove","globalClasses","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","document","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","root","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 */\nimport type { ForwardedRef } from 'react';\nimport React, { useContext, useEffect, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { useGlobal, useEmotion, useStyles } from '../../../lib/renderEnvironment';\nimport { isBrowser } from '../../../lib/globalObject';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\n\nimport { globalClasses, getStyles } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n  alwaysShowMask?: boolean;\n  showOnFocus?: boolean;\n  children: React.ReactElement<any>;\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> | undefined>(undefined);\n    const globalObject = useGlobal();\n    const emotion = useEmotion();\n    const { cx } = emotion;\n    const styles = useStyles(getStyles);\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      if (!isBrowser(globalObject) || !spanRef.current || !inputRef.current || !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 = globalObject.document.createElement('span');\n        fullValueElement = globalObject.document.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      globalObject,\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, styles.root(), {\n            [globalClasses.input]: active,\n          }),\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.d.ts

@@ -1,6 +0,0 @@
-export declare const globalClasses: {
-    input: string;
-};
-export declare const getStyles: import("../../../lib/theming/Emotion").StylesGetter<{
-    root(): string;
-}>;

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

@@ -1,22 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
-
-var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('colorable')({
-  input: 'input'
-});
-
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      &.", " {\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    "])),
-      globalClasses.input);
-
-
-
-
-
-
-
-
-    }
-  };});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","globalClasses","exports","prefix","input","getStyles","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { prefix, memoizeGetStyles } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n  input: 'input',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      &.${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  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,iCAAwE,IAAAC,eAAA;;AAEjE,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,WAAW,CAAC,CAAC;EAC/CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAG,IAAAC,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;MACJV,aAAa,CAACG,KAAK;;;;;;;;;IAS3B;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/MaskedInput/ColorableInputElement/index.d.ts

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

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

@@ -1 +0,0 @@
-"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];});

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

@@ -1 +0,0 @@
-{"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":[]}

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

@@ -1,9 +0,0 @@
-import type { InputMask, MaskedPatternOptions } from '@skbkontur/imask';
-import type { IMaskInputProps } from '@skbkontur/react-imask';
-export type FixedIMaskInputProps = IMaskInputProps<HTMLInputElement>;
-interface IMaskRefType {
-    maskRef: InputMask<MaskedPatternOptions>;
-    element: HTMLInputElement;
-}
-export declare const FixedIMaskInput: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<IMaskRefType, FixedIMaskInputProps> & Record<never, never>;
-export {};