@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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

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

package/cjs/internal/InternalMenu/isIconPaddingEnabled.js

@@ -1,9 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isIconPaddingEnabled = void 0;var _react = _interopRequireDefault(require("react"));
-
-
-
-var isIconPaddingEnabled = exports.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;})));};

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","isIconPaddingEnabled","exports","children","preventIconsOffset","Boolean","React","Children","toArray","some","x","isValidElement","props","icon"],"sources":["isIconPaddingEnabled.ts"],"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"],"mappings":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA;AAC/BE,QAAuC;AACvCC,kBAA2D;;IAE3DC,OAAO,CAAC,CAACD,kBAAkB,IAAIE,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CAAC,UAACC,CAAC,UAAK,aAAAJ,cAAK,CAACK,cAAc,CAACD,CAAC,CAAC,IAAIA,CAAC,CAACE,KAAK,CAACC,IAAI,GAAC,CAAC","ignoreList":[]}

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

@@ -1,14 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,52 +0,0 @@
-"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 = '_';
-var DEFINITIONS = exports.DEFINITIONS = { '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ };
-
-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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","DEFAULT_MASK_CHAR","exports","DEFINITIONS","a","getDefinitions","formatChars","isNonNullable","chars","key","RegExp","getMaskChar","maskChar","undefined","getFocusPrefix","emptyValue","slice","indexOf","getCurrentValue","values","focused","value","originValue","length","currentValue"],"sources":["MaskedInputElement.helpers.ts"],"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"],"mappings":"4PAAA,IAAAA,MAAA,GAAAC,OAAA;;AAEO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG;AAC7B,IAAME,WAAW,GAAAD,OAAA,CAAAC,WAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAEC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;;AAEvE,SAASC,cAAcA,CAACC,WAA+C,EAA0B;EACtG,IAAI,IAAAC,oBAAa,EAACD,WAAW,CAAC,EAAE;IAC9B,IAAME,KAA6B,GAAG,CAAC,CAAC;;IAExC,KAAK,IAAMC,GAAG,IAAIH,WAAW,EAAE;MAC7BE,KAAK,CAACC,GAAG,CAAC,GAAG,IAAIC,MAAM,CAACJ,WAAW,CAACG,GAAG,CAAC,CAAC;IAC3C;;IAEA,OAAOD,KAAK;EACd;;EAEA,OAAOL,WAAW;AACpB;;AAEO,SAASQ,WAAWA,CAACC,QAAmC,EAAU;EACvE,IAAIA,QAAQ,KAAK,IAAI,EAAE;IACrB,OAAO,EAAE;EACX;;EAEA,OAAOA,QAAQ,KAAKC,SAAS,GAAGZ,iBAAiB,GAAGW,QAAQ;AAC9D;;;;;;;;;AASO,SAASE,cAAcA,CAACC,UAAkB,EAAEH,QAAmC,EAAU;EAC9F,OAAOG,UAAU,CAACC,KAAK,CAAC,CAAC,EAAED,UAAU,CAACE,OAAO,CAACN,WAAW,CAACC,QAAQ,CAAC,CAAC,CAAC;AACvE;;AAEO,SAASM,eAAeA;AAC7BC,MAAyB;AACzBC,OAAgB;AAChBR,QAAmC;AACkB;EACrD,IAAQG,UAAU,GAAyBI,MAAM,CAAzCJ,UAAU,CAAEM,KAAK,GAAkBF,MAAM,CAA7BE,KAAK,CAAEC,WAAW,GAAKH,MAAM,CAAtBG,WAAW;;EAEtC,IAAIF,OAAO,IAAIE,WAAW,CAACC,MAAM,KAAK,CAAC,IAAIR,UAAU,CAACQ,MAAM,GAAG,CAAC,EAAE;IAChE,IAAMC,YAAY,GAAGV,cAAc,CAACC,UAAU,EAAEH,QAAQ,CAAC;IACzD,OAAO,CAACY,YAAY,EAAEA,YAAY,EAAET,UAAU,CAACC,KAAK,CAACQ,YAAY,CAACD,MAAM,CAAC,CAAC;EAC5E;;EAEA,OAAO,CAACF,KAAK,EAAEC,WAAW,EAAEP,UAAU,CAACC,KAAK,CAACM,WAAW,CAACC,MAAM,CAAC,CAAC;AACnE","ignoreList":[]}

package/cjs/internal/MaskedInputElement/MaskedInputElement.js

@@ -1,197 +0,0 @@
-"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 _ThemeContext = require("../../lib/theming/ThemeContext");
-var _MaskCharLowLine = require("../MaskCharLowLine");
-var _Emotion = require("../../lib/theming/Emotion");
-
-var _forwardRefAndName = require("../../lib/forwardRefAndName");
-
-var _MaskedInputElement = require("./MaskedInputElement.styles");
-var _MaskedInputElement2 = require("./MaskedInputElement.helpers");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "maxLength", "onUnexpectedInput", "defaultValue", "style"];
-
-
-
-
-
-
-
-
-
-var MaskedInputElementDataTids = exports.MaskedInputElementDataTids = {
-  root: 'MaskedInput__root'
-};
-
-var MaskedInputElement = exports.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, _react.useContext)(_ThemeContext.ThemeContext);
-    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' && _MaskedInputElement.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: _MaskedInputElement.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: (0, _Emotion.cx)(_MaskedInputElement.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;
-    }
-  }
-);

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactImask","_ThemeContext","_MaskCharLowLine","_Emotion","_forwardRefAndName","_MaskedInputElement","_MaskedInputElement2","_excluded","MaskedInputElementDataTids","exports","root","MaskedInputElement","forwardRefAndName","props","ref","_useState","useState","value","getValue","originValue","values","setValues","_useState2","emptyValue","setEmptyValue","_useState3","focused","setFocused","inputRef","useRef","rootNodeRef","React","theme","useContext","ThemeContext","expectedChangesRef","isFirstRender","useImperativeHandle","input","current","getRootNode","useEffect","getEmptyValue","mask","maskChar","formatChars","toString","_extends2","default","alwaysShowMask","maxLength","onUnexpectedInput","defaultValue","style","inputProps","_objectWithoutPropertiesLoose2","leftClass","textAlign","styles","inputMaskLeft","_getCurrentValue","getCurrentValue","currentValue","left","right","rightHelper","split","map","_char","i","createElement","MaskCharLowLine","key","leftHelper","color","isMaskVisible","className","container","IMaskInput","definitions","getDefinitions","eager","overwrite","onAccept","handleAccept","onInput","handleInput","onFocus","handleFocus","onBlur","handleBlur","cx","inputMask","_ref","_props$value","setTimeout","e","target","handleUnexpectedInput","event","getFocusPrefix","maskPattern","IMask","createMask","lazy","placeholderChar","getMaskChar","appendTail","inserted"],"sources":["MaskedInputElement.tsx"],"sourcesContent":["import React, { ForwardedRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { IMaskInput, IMask } from 'react-imask';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { InputElement, InputElementProps } from '../../components/Input';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } 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 = useContext(ThemeContext);\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={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"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    container(): string;
-    inputMask(t: Theme): string;
-    inputMaskLeft(): string;
-};

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

@@ -1,30 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
-
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  container: function container() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "])));
-
-
-
-
-
-  },
-  inputMask: function inputMask(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "])),
-    t.placeholderColor);
-
-
-
-
-
-  },
-  inputMaskLeft: function inputMaskLeft() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
-
-
-
-
-
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","styles","exports","memoizeStyle","container","css","_taggedTemplateLiteralLoose2","default","inputMask","t","placeholderColor","inputMaskLeft"],"sources":["MaskedInputElement.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;EACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACC,gBAAgB;;;;;;EAM/B,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/cjs/internal/MaskedInputElement/index.js

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"names":["_MaskedInputElement","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './MaskedInputElement';\n"],"mappings":"uCAAA,IAAAA,mBAAA,GAAAC,OAAA,yBAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA","ignoreList":[]}

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

@@ -1 +0,0 @@
-export {};

package/cjs/internal/Menu/__creevey__/Menu.creevey.js

@@ -1,91 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
-
-(0, _creevey.kind)('Menu', function () {
-  (0, _creevey.story)('WithMaxHeight', function (_ref) {var setStoryParameters = _ref.setStoryParameters;
-    setStoryParameters({
-      captureElement: '[data-tid="menu-container"',
-      skip: {
-        flacky: { in: ['chrome2022'] }
-      }
-    });
-
-    (0, _creevey.test)('idle', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:_context.t0 =
-            this;_context.next = 3;return this.takeScreenshot();case 3:_context.t1 = _context.sent;_context.next = 6;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('idle');case 6:case "end":return _context.stop();}}, _callee, this);}))
-    );
-
-    (0, _creevey.test)('moved up from top to the last Item', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {return _regenerator.default.wrap(function _callee2$(_context2) {while (1) switch (_context2.prev = _context2.next) {case 0:_context2.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#move-up' })).
-              perform());case 2:_context2.t0 =
-            this;_context2.next = 5;return this.takeScreenshot();case 5:_context2.t1 = _context2.sent;_context2.next = 8;return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('moved up from top to the last Item');case 8:case "end":return _context2.stop();}}, _callee2, this);}))
-    );
-
-    (0, _creevey.test)('moved up from bottom to the first Item', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {return _regenerator.default.wrap(function _callee3$(_context3) {while (1) switch (_context3.prev = _context3.next) {case 0:_context3.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              perform());case 2:_context3.t0 =
-            this;_context3.next = 5;return this.takeScreenshot();case 5:_context3.t1 = _context3.sent;_context3.next = 8;return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('moved up from bottom to the first Item');case 8:case "end":return _context3.stop();}}, _callee3, this);}))
-    );
-
-    (0, _creevey.test)('moved down from top to the last Item', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {return _regenerator.default.wrap(function _callee4$(_context4) {while (1) switch (_context4.prev = _context4.next) {case 0:_context4.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-down' })).
-              click(this.browser.findElement({ css: '#move-down' })).
-              perform());case 2:_context4.t0 =
-            this;_context4.next = 5;return this.takeScreenshot();case 5:_context4.t1 = _context4.sent;_context4.next = 8;return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('moved down from top to the last Item');case 8:case "end":return _context4.stop();}}, _callee4, this);}))
-    );
-
-    (0, _creevey.test)('moved down from bottom to the first Item', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {return _regenerator.default.wrap(function _callee5$(_context5) {while (1) switch (_context5.prev = _context5.next) {case 0:_context5.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-up' })).
-              click(this.browser.findElement({ css: '#move-down' })).
-              click(this.browser.findElement({ css: '#move-down' })).
-              click(this.browser.findElement({ css: '#move-down' })).
-              perform());case 2:_context5.t0 =
-            this;_context5.next = 5;return this.takeScreenshot();case 5:_context5.t1 = _context5.sent;_context5.next = 8;return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('moved down from bottom to the first Item');case 8:case "end":return _context5.stop();}}, _callee5, this);}))
-    );
-  });
-
-  (0, _creevey.story)('WithDisabledMenuItem', function (_ref7) {var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        // TODO @Khlutkova fix after update browsers
-        'story-skip-0': { in: ['chrome8px', 'chromeFlat8px', 'chrome', 'chromeDark'], tests: ['mouseenter'] }
-      }
-    });
-
-    (0, _creevey.test)('mouseenter', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {return _regenerator.default.wrap(function _callee6$(_context6) {while (1) switch (_context6.prev = _context6.next) {case 0:_context6.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '[data-tid="menuitem-notdisabled"]' })).
-              perform());case 2:_context6.t0 =
-            this;_context6.next = 5;return this.takeScreenshot();case 5:_context6.t1 = _context6.sent;_context6.next = 8;return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('mouseenter');case 8:case "end":return _context6.stop();}}, _callee6, this);}))
-    );
-  });
-  (0, _creevey.story)('WithItemsWithIconsWithoutTextAlignment', function (_ref9) {var setStoryParameters = _ref9.setStoryParameters;
-    setStoryParameters({
-      skip: { 'themes dont affect logic': { in: /^(?!\bchrome\b)/ } }
-    });
-  });
-});

package/cjs/internal/Menu/__creevey__/Menu.creevey.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_creevey","require","kind","story","_ref","setStoryParameters","captureElement","skip","flacky","in","test","_asyncToGenerator2","default","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","browser","actions","bridge","click","findElement","css","perform","_callee3","_callee3$","_context3","_callee4","_callee4$","_context4","_callee5","_callee5$","_context5","_ref7","tests","_callee6","_callee6$","_context6","_ref9"],"sources":["Menu.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nkind('Menu', () => {\n  story('WithMaxHeight', ({ setStoryParameters }) => {\n    setStoryParameters({\n      captureElement: '[data-tid=\"menu-container\"',\n      skip: {\n        flacky: { in: ['chrome2022'] },\n      },\n    });\n\n    test('idle', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('idle');\n    });\n\n    test('moved up from top to the last Item', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('moved up from top to the last Item');\n    });\n\n    test('moved up from bottom to the first Item', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('moved up from bottom to the first Item');\n    });\n\n    test('moved down from top to the last Item', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-down' }))\n        .click(this.browser.findElement({ css: '#move-down' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('moved down from top to the last Item');\n    });\n\n    test('moved down from bottom to the first Item', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-up' }))\n        .click(this.browser.findElement({ css: '#move-down' }))\n        .click(this.browser.findElement({ css: '#move-down' }))\n        .click(this.browser.findElement({ css: '#move-down' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('moved down from bottom to the first Item');\n    });\n  });\n\n  story('WithDisabledMenuItem', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        // TODO @Khlutkova fix after update browsers\n        'story-skip-0': { in: ['chrome8px', 'chromeFlat8px', 'chrome', 'chromeDark'], tests: ['mouseenter'] },\n      },\n    });\n\n    test('mouseenter', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '[data-tid=\"menuitem-notdisabled\"]' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('mouseenter');\n    });\n  });\n  story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'themes dont affect logic': { in: /^(?!\\bchrome\\b)/ } },\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/PerformanceMetrics/PerformanceMetrics.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface PerformanceMetricsProps {
-    componentsA: React.ReactElement<any>;
-    componentsB: React.ReactElement<any>;
-}
-export declare function PerformanceMetrics(props: PerformanceMetricsProps): React.JSX.Element;
-export {};

package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js

@@ -1,89 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PerformanceMetrics = PerformanceMetrics;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-
-var _Button = require("../../components/Button");
-
-var _Spinner = require("../../components/Spinner");
-
-var PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };
-
-
-
-
-
-
-function PerformanceMetrics(props) {
-  return /*#__PURE__*/(
-    _react.default.createElement("div", { style: { padding: 10, width: 1200 } }, /*#__PURE__*/
-    _react.default.createElement("div", { style: { position: 'absolute' } }, /*#__PURE__*/
-    _react.default.createElement(_Spinner.Spinner, { type: 'mini', caption: '' })
-    ), /*#__PURE__*/
-    _react.default.createElement("div", { style: { padding: 10 } }, /*#__PURE__*/
-    _react.default.createElement("div", { style: PANEL_WRAPPER_STYLES }, /*#__PURE__*/
-    _react.default.createElement(PerformanceMetricsPanel, { title: 'Case A', component: props.componentsA })
-    ), /*#__PURE__*/
-    _react.default.createElement("div", { style: PANEL_WRAPPER_STYLES }, /*#__PURE__*/
-    _react.default.createElement(PerformanceMetricsPanel, { title: 'Case B', component: props.componentsB })
-    )
-    )
-    ));
-
-}var
-
-
-
-
-
-
-
-
-
-PerformanceMetricsPanel = /*#__PURE__*/function (_React$Component) {function PerformanceMetricsPanel() {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 = {
-      mounted: false
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    setContainerRef = function (element) {
-      _this.container = element;
-    };_this.
-
-    toggleMountedState = function () {
-      _this.setState({
-        mounted: !_this.state.mounted
-      });
-    };return _this;}(0, _inheritsLoose2.default)(PerformanceMetricsPanel, _React$Component);var _proto = PerformanceMetricsPanel.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", { style: { lineHeight: '2em' } }, this.props.title), /*#__PURE__*/_react.default.createElement("div", { style: { marginBottom: 10 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.toggleMountedState, size: 'small' }, this.state.mounted ? 'Unmount' : 'Mount')), /*#__PURE__*/_react.default.createElement("div", { ref: this.setContainerRef }));};_proto.componentDidMount = function componentDidMount() {if (this.state.mounted && this.container) {var root = (0, _client.createRoot)(this.container);root.render(this.props.component);}};_proto.componentDidUpdate = function componentDidUpdate() {if (!this.container) {return;}if (this.state.mounted) {var root = (0, _client.createRoot)(this.container);root.render(this.props.component);} else {var _root = (0, _client.createRoot)(this.container);_root.unmount();}};return PerformanceMetricsPanel;}(_react.default.Component);