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

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","styles","textareaStyles","cx","ThemeContext","ThemeFactory","getRootNode","rootNode","inputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","labelProps","className","contentWrapper","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","_defineProperty","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutProperties","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_this$props$onBlur","_this$props3","call","_this$props$onFocus","_this$props4","_inherits","_createClass","key","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","getNode","_this$wrappedComponen6","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","styles","textareaStyles","cx","ThemeContext","ThemeFactory","getRootNode","rootNode","inputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_cx","labelProps","className","contentWrapper","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","getNode","_this$wrappedComponen6","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","_createClass","key","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js

@@ -1,8 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   contentWrapper: function contentWrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
   }
 });

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","contentWrapper","_templateObject","_taggedTemplateLiteral"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"0GAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"],"mappings":"0GAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;;;;;;;;;EAaZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;EAaZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/Menu/Menu/Menu.js

@@ -1,15 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Menu;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
@@ -36,11 +27,10 @@ export var MenuDataTids = {
 export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE__*/function (_React$PureComponent) {
   function Menu() {
     var _this;
-    _classCallCheck(this, Menu);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Menu, [].concat(args));
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Menu.defaultProps);
     _this.state = {
       highlightedIndex: -1,
@@ -54,13 +44,14 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
     _this.focusOnRootElement = function () {
       var rootNode = getRootNode(_this);
       if (isInstanceOf(rootNode, globalObject.HTMLElement)) {
-        rootNode === null || rootNode === void 0 || rootNode.focus();
+        rootNode == null || rootNode.focus();
       }
     };
     _this.renderHeader = function () {
+      var _cx;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty({}, styles.wrapper(), true), styles.headerWrapper(), true)),
+          className: cx((_cx = {}, _cx[styles.wrapper()] = true, _cx[styles.headerWrapper()] = true, _cx)),
           ref: function ref(el) {
             return _this.header = el;
           }
@@ -75,9 +66,10 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       );
     };
     _this.renderFooter = function () {
+      var _cx2;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty({}, styles.wrapper(), true), styles.footerWrapper(), true)),
+          className: cx((_cx2 = {}, _cx2[styles.wrapper()] = true, _cx2[styles.footerWrapper()] = true, _cx2)),
           ref: function ref(el) {
             return _this.footer = el;
           }
@@ -123,8 +115,7 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       var parsedMaxHeight = maxHeight;
       var rootNode = getRootNode(_this);
       if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {
-        var _globalObject$getComp;
-        var rootElementMaxHeight = (_globalObject$getComp = globalObject.getComputedStyle) === null || _globalObject$getComp === void 0 ? void 0 : _globalObject$getComp.call(globalObject, rootNode).maxHeight;
+        var rootElementMaxHeight = globalObject.getComputedStyle == null ? void 0 : globalObject.getComputedStyle(rootNode).maxHeight;
         if (rootElementMaxHeight) {
           parsedMaxHeight = parseFloat(rootElementMaxHeight);
         }
@@ -158,16 +149,15 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
       }
     };
     _this.scroll = function (nextIndex) {
-      var _this$scrollToTop, _this2, _this$scrollToBottom, _this3, _this$scrollToSelecte, _this4;
       switch (nextIndex) {
         case 0:
-          (_this$scrollToTop = (_this2 = _this).scrollToTop) === null || _this$scrollToTop === void 0 || _this$scrollToTop.call(_this2);
+          _this.scrollToTop == null || _this.scrollToTop();
           break;
         case _this.menuNavigation.items.length - 1:
-          (_this$scrollToBottom = (_this3 = _this).scrollToBottom) === null || _this$scrollToBottom === void 0 || _this$scrollToBottom.call(_this3);
+          _this.scrollToBottom == null || _this.scrollToBottom();
           break;
         default:
-          (_this$scrollToSelecte = (_this4 = _this).scrollToSelected) === null || _this$scrollToSelecte === void 0 || _this$scrollToSelecte.call(_this4);
+          _this.scrollToSelected == null || _this.scrollToSelected();
       }
     };
     _this.handleKeyDown = function (event) {
@@ -214,148 +204,122 @@ export var Menu = responsiveLayout(_class = rootNode(_class = (_Menu = /*#__PURE
     };
     return _this;
   }
-  _inherits(Menu, _React$PureComponent);
-  return _createClass(Menu, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unmounted = true;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setInitialSelection();
+  _inheritsLoose(Menu, _React$PureComponent);
+  var _proto = Menu.prototype;
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.unmounted = true;
+  };
+  _proto.componentDidMount = function componentDidMount() {
+    this.setInitialSelection();
+    this.calculateMaxHeight();
+    this.unmounted = false;
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.shouldRecalculateMaxHeight(prevProps)) {
       this.calculateMaxHeight();
-      this.unmounted = false;
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.shouldRecalculateMaxHeight(prevProps)) {
-        this.calculateMaxHeight();
-      }
-      if (prevProps.maxHeight !== this.getProps().maxHeight) {
-        this.setState({
-          maxHeight: this.props.maxHeight || 'none'
-        });
-      }
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      this.focusOnRootElement();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this5 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this5.theme = theme;
-        return _this5.renderMain();
+    if (prevProps.maxHeight !== this.getProps().maxHeight) {
+      this.setState({
+        maxHeight: this.props.maxHeight || 'none'
       });
-    } /**
-      * @public
-      */
-  }, {
-    key: "up",
-    value: function up() {
-      this.move(-1);
-    } /**
-      * @public
-      */
-  }, {
-    key: "down",
-    value: function down() {
-      this.move(1);
-    } /**
-      * @public
-      */
-  }, {
-    key: "enter",
-    value: function enter(event) {
-      var _this$menuNavigation$;
-      (_this$menuNavigation$ = this.menuNavigation.highlightedItem) === null || _this$menuNavigation$ === void 0 || _this$menuNavigation$.navigate();
-      return this.menuNavigation.select(event);
-    } /**
-      * @public
-      */
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.menuNavigation.reset();
-    } /**
-      * @public
-      */
-  }, {
-    key: "hasHighlightedItem",
-    value: function hasHighlightedItem() {
-      return !!this.menuNavigation.highlightedItem;
     }
-  }, {
-    key: "highlightItem",
-    value: function highlightItem(index) {
-      this.menuNavigation.highlightByIndex(index);
+  };
+  _proto.focus = function focus() {
+    this.focusOnRootElement();
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  } /**
+    * @public
+    */;
+  _proto.up = function up() {
+    this.move(-1);
+  } /**
+    * @public
+    */;
+  _proto.down = function down() {
+    this.move(1);
+  } /**
+    * @public
+    */;
+  _proto.enter = function enter(event) {
+    var _this$menuNavigation$;
+    (_this$menuNavigation$ = this.menuNavigation.highlightedItem) == null || _this$menuNavigation$.navigate();
+    return this.menuNavigation.select(event);
+  } /**
+    * @public
+    */;
+  _proto.reset = function reset() {
+    this.menuNavigation.reset();
+  } /**
+    * @public
+    */;
+  _proto.hasHighlightedItem = function hasHighlightedItem() {
+    return !!this.menuNavigation.highlightedItem;
+  };
+  _proto.highlightItem = function highlightItem(index) {
+    this.menuNavigation.highlightByIndex(index);
+  };
+  _proto.renderMain = function renderMain() {
+    var _cx3, _cx4;
+    if (this.isEmpty()) {
+      return null;
     }
-  }, {
-    key: "renderMain",
-    value: function renderMain() {
-      if (this.isEmpty()) {
-        return null;
-      }
-      var _this$getProps = this.getProps(),
-        hasMargin = _this$getProps.hasMargin,
-        maxHeight = _this$getProps.maxHeight,
-        preventWindowScroll = _this$getProps.preventWindowScroll;
-      var offsetY = {
-        top: "".concat(this.theme.scrollContainerScrollBarOffsetY),
-        right: 0,
-        bottom: "".concat(this.theme.scrollContainerScrollBarOffsetY)
-      };
-      var isMobile = this.isMobileLayout;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: this.setRootNode
-      }, this.props), /*#__PURE__*/React.createElement("div", {
-        "data-tid": MenuDataTids.root,
-        className: cx(getAlignRightClass(this.props), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root(this.theme), true), styles.hasMargin(this.theme), hasMargin), styles.mobileRoot(this.theme), isMobile), styles.shadow(this.theme), !isMobile)),
-        style: this.getStyle(this.props),
-        id: this.props.id,
-        onKeyDown: this.handleKeyDown,
-        tabIndex: 0
-      }, this.props.header && this.renderHeader(), /*#__PURE__*/React.createElement(ScrollContainer, {
-        ref: this.refScrollContainer,
-        maxHeight: maxHeight,
-        preventWindowScroll: preventWindowScroll,
-        onScrollStateChange: this.handleScrollStateChange,
-        disabled: this.props.disableScrollContainer,
-        offsetY: offsetY
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cx(_defineProperty(_defineProperty({}, styles.scrollContainer(this.theme), true), styles.scrollContainerMobile(this.theme), isMobile)),
-        ref: this.contentRef
-      }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
-        value: {
-          navigation: this.menuNavigation,
-          onItemClick: this.props.onItemClick,
-          enableIconPadding: this.state.enableIconPadding,
-          setEnableIconPadding: this.setEnableIconPadding
-        }
-      }, this.props.children))), this.props.footer && this.renderFooter()));
-    }
-  }, {
-    key: "move",
-    value: function move(step) {
-      if (this.unmounted) {
-        // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
-        return;
+    var _this$getProps = this.getProps(),
+      hasMargin = _this$getProps.hasMargin,
+      maxHeight = _this$getProps.maxHeight,
+      preventWindowScroll = _this$getProps.preventWindowScroll;
+    var offsetY = {
+      top: "" + this.theme.scrollContainerScrollBarOffsetY,
+      right: 0,
+      bottom: "" + this.theme.scrollContainerScrollBarOffsetY
+    };
+    var isMobile = this.isMobileLayout;
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      "data-tid": MenuDataTids.root,
+      className: cx(getAlignRightClass(this.props), (_cx3 = {}, _cx3[styles.root(this.theme)] = true, _cx3[styles.hasMargin(this.theme)] = hasMargin, _cx3[styles.mobileRoot(this.theme)] = isMobile, _cx3[styles.shadow(this.theme)] = !isMobile, _cx3)),
+      style: this.getStyle(this.props),
+      id: this.props.id,
+      onKeyDown: this.handleKeyDown,
+      tabIndex: 0
+    }, this.props.header && this.renderHeader(), /*#__PURE__*/React.createElement(ScrollContainer, {
+      ref: this.refScrollContainer,
+      maxHeight: maxHeight,
+      preventWindowScroll: preventWindowScroll,
+      onScrollStateChange: this.handleScrollStateChange,
+      disabled: this.props.disableScrollContainer,
+      offsetY: offsetY
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx4 = {}, _cx4[styles.scrollContainer(this.theme)] = true, _cx4[styles.scrollContainerMobile(this.theme)] = isMobile, _cx4)),
+      ref: this.contentRef
+    }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
+      value: {
+        navigation: this.menuNavigation,
+        onItemClick: this.props.onItemClick,
+        enableIconPadding: this.state.enableIconPadding,
+        setEnableIconPadding: this.setEnableIconPadding
       }
-      var nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);
-      this.scroll(nextIndex);
-    }
-  }, {
-    key: "isEmpty",
-    value: function isEmpty() {
-      var children = this.props.children;
-      return !children || !childrenToArray(children).filter(isNonNullable).length;
+    }, this.props.children))), this.props.footer && this.renderFooter()));
+  };
+  _proto.move = function move(step) {
+    if (this.unmounted) {
+      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
+      return;
     }
-  }]);
+    var nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);
+    this.scroll(nextIndex);
+  };
+  _proto.isEmpty = function isEmpty() {
+    var children = this.props.children;
+    return !children || !childrenToArray(children).filter(isNonNullable).length;
+  };
+  return Menu;
 }(React.PureComponent), _Menu.__KONTUR_REACT_UI__ = 'Menu', _Menu.displayName = 'Menu', _Menu.defaultProps = {
   align: 'left',
   width: 'auto',
@@ -374,7 +338,8 @@ function childrenToArray(children) {
 }
 var getAlignRightClass = function getAlignRightClass(props) {
   if (props.align === 'right') {
-    return cx(_defineProperty(_defineProperty(_defineProperty({}, styles.alignRight(), !isIE11), styles.alignRightIE11(), isIE11), styles.alignRightIE11FixAutoWidth(), isIE11 && props.width === 'auto'));
+    var _cx5;
+    return cx((_cx5 = {}, _cx5[styles.alignRight()] = !isIE11, _cx5[styles.alignRightIE11()] = isIE11, _cx5[styles.alignRightIE11FixAutoWidth()] = isIE11 && props.width === 'auto', _cx5));
   }
   return null;
 };