@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactInputMask","_RenderEnvironmentContext","_utils","_ThemeContext","_MaskCharLowLine","_createPropsGetter","_InternalMaskedInput2","_excluded","MaskedInputDataTids","exports","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","createPropsGetter","defaultProps","input","reactInputMask","getValue","isNonNullable","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose2","default","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","cx","styles","getStyles","ThemeContext","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose2","_this$state","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","MaskCharLowLine","key","className","container","_extends2","beforeMaskedValueChange","inputRef","ref","inputMask","translate","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputState } from 'react-input-mask';\nimport ReactInputMask from 'react-input-mask';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getStyles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && this.styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={this.styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={this.cx(this.styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactInputMask","_utils","_ThemeContext","_MaskCharLowLine","_Emotion","_createPropsGetter","_InternalMaskedInput2","_excluded","MaskedInputDataTids","exports","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","createPropsGetter","defaultProps","input","reactInputMask","getValue","isNonNullable","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose2","default","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose2","_this$state","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","MaskCharLowLine","key","className","container","_extends2","beforeMaskedValueChange","inputRef","ref","cx","inputMask","translate","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputState } from 'react-input-mask';\nimport ReactInputMask from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js

@@ -1,33 +1,30 @@
-"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"));
+"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 _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    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      container: function container() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        position: relative;\n        font-size: inherit;\n        flex: 100% 1 1;\n      "])));
 
 
 
 
+  },
+  inputMask: function inputMask(t) {
+    return (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);
 
-      },
-      inputMask: function inputMask(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        pointer-events: none;\n        font-size: inherit;\n        z-index: 5;\n        user-select: none;\n      "])),
-        t.placeholderColor);
 
 
 
 
+  },
+  inputMaskLeft: function inputMaskLeft() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
 
-      },
-      inputMaskLeft: function inputMaskLeft() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n      "])));
 
 
 
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","getStyles","exports","emotion","memoizeStyle","container","css","_taggedTemplateLiteralLoose2","default","inputMask","t","placeholderColor","inputMaskLeft"],"sources":["InternalMaskedInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    container() {\n      return emotion.css`\n        display: inline-flex;\n        position: relative;\n        font-size: inherit;\n        flex: 100% 1 1;\n      `;\n    },\n    inputMask(t: Theme) {\n      return emotion.css`\n        color: ${t.placeholderColor};\n        pointer-events: none;\n        font-size: inherit;\n        z-index: 5;\n        user-select: none;\n      `;\n    },\n    inputMaskLeft() {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGlD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOF,OAAO,CAACG,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;MAMpB,CAAC;MACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;QAClB,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACPE,CAAC,CAACC,gBAAgB;;;;;;MAM/B,CAAC;MACDC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOT,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;MAMpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","styles","exports","memoizeStyle","container","css","_taggedTemplateLiteralLoose2","default","inputMask","t","placeholderColor","inputMaskLeft"],"sources":["InternalMaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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/MaskCharLowLine/MaskCharLowLine.js

@@ -1,7 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MaskCharLowLine = exports.MASK_CHAR_EXEMPLAR = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-
 var _MaskCharLowLine = require("./MaskCharLowLine.styles");
 
 /**
@@ -13,7 +11,4 @@ var _MaskCharLowLine = require("./MaskCharLowLine.styles");
  */
 var MASK_CHAR_EXEMPLAR = exports.MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);
 
-var MaskCharLowLine = exports.MaskCharLowLine = function MaskCharLowLine() {
-  var styles = (0, _MaskCharLowLine.getStyles)((0, _RenderEnvironmentContext.useEmotion)());
-  return /*#__PURE__*/_react.default.createElement("span", { className: styles.root() }, MASK_CHAR_EXEMPLAR);
-};
+var MaskCharLowLine = exports.MaskCharLowLine = function MaskCharLowLine() {return /*#__PURE__*/_react.default.createElement("span", { className: _MaskCharLowLine.styles.root() }, MASK_CHAR_EXEMPLAR);};

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_MaskCharLowLine","MASK_CHAR_EXEMPLAR","exports","String","fromCharCode","MaskCharLowLine","styles","getStyles","useEmotion","default","createElement","className","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion } from '../../lib/theming/RenderEnvironmentContext';\n\nimport { getStyles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => {\n  const styles = getStyles(useEmotion());\n  return <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"],"mappings":"kMAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,yBAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAEtD,IAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,IAAMC,MAAM,GAAG,IAAAC,0BAAS,EAAC,IAAAC,oCAAU,EAAC,CAAC,CAAC;EACtC,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAEL,MAAM,CAACM,IAAI,CAAC,CAAE,IAAEX,kBAAyB,CAAC;AACpE,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_MaskCharLowLine","MASK_CHAR_EXEMPLAR","exports","String","fromCharCode","MaskCharLowLine","default","createElement","className","styles","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n"],"mappings":"kMAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,gBAAA,GAAAD,OAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAEtD,IAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,SAAlBA,eAAeA,CAAA,uBAASR,MAAA,CAAAS,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAEC,uBAAM,CAACC,IAAI,CAAC,CAAE,IAAET,kBAAyB,CAAC","ignoreList":[]}

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

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

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

@@ -1,11 +1,9 @@
-"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"));
+"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;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n\n        &:after {\n          content: '';\n          position: absolute;\n          width: calc(100% - 0.1em);\n          height: 1px;\n          left: 0.05em;\n          bottom: 0.11em;\n          border-bottom: solid 0.05em;\n        }\n      "])));
 
 
 
@@ -17,6 +15,5 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n\n        &:after {\n          content: '';\n          position: absolute;\n          width: calc(100% - 0.1em);\n          height: 1px;\n          left: 0.05em;\n          bottom: 0.11em;\n          border-bottom: solid 0.05em;\n        }\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;MAapB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default"],"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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;EAaZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -50,9 +50,6 @@ export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: MenuState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private scrollContainer;
     private isMobileLayout;

package/cjs/internal/Menu/Menu.js

@@ -1,10 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MenuDataTids = exports.Menu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-
-var _globalObject = require("../../lib/globalObject");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MenuSeparator = require("../../components/MenuSeparator");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
@@ -18,6 +15,7 @@ var _MenuItem = require("../../components/MenuItem");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode2 = require("../../lib/rootNode");
 var _client = require("../../lib/client");
@@ -115,9 +113,6 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
 
 
 
-
-
-
     unmounted = false;_this.
 
 
@@ -154,7 +149,7 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
 
     focusOnRootElement = function () {
       var rootNode = (0, _rootNode2.getRootNode)(_this);
-      if ((0, _isInstanceOf.isInstanceOf)(rootNode, _this.globalObject.HTMLElement)) {
+      if ((0, _isInstanceOf.isInstanceOf)(rootNode, _globalObject.globalObject.HTMLElement)) {
         rootNode == null || rootNode.focus();
       }
     };_this.
@@ -272,46 +267,36 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
 
 
 
-
-
-
-
-
-
-
-
-
-
-    renderHeader = function () {var _this$cx;
+    renderHeader = function () {var _cx;
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: _this.cx((_this$cx = {}, _this$cx[
-          _this.styles.wrapper()] = true, _this$cx[
-          _this.styles.headerWrapper()] = true, _this$cx)
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _Menu2.styles.wrapper()] = true, _cx[
+          _Menu2.styles.headerWrapper()] = true, _cx)
           ),
           ref: function ref(el) {return _this.header = el;} }, /*#__PURE__*/
 
-        _react.default.createElement("div", { className: _this.styles.contentWrapper() }, _this.props.header), /*#__PURE__*/
-        _react.default.createElement("div", { className: _this.styles.menuSeparatorWrapper(_this.theme) },
+        _react.default.createElement("div", { className: _Menu2.styles.contentWrapper() }, _this.props.header), /*#__PURE__*/
+        _react.default.createElement("div", { className: _Menu2.styles.menuSeparatorWrapper(_this.theme) },
         _this.state.scrollState !== 'top' && _this.renderMenuSeparatorWithNoMargin()
         )
         ));
 
     };_this.
 
-    renderFooter = function () {var _this$cx2;
+    renderFooter = function () {var _cx2;
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: _this.cx((_this$cx2 = {}, _this$cx2[
-          _this.styles.wrapper()] = true, _this$cx2[
-          _this.styles.footerWrapper()] = true, _this$cx2)
+          className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+          _Menu2.styles.wrapper()] = true, _cx2[
+          _Menu2.styles.footerWrapper()] = true, _cx2)
           ),
           ref: function ref(el) {return _this.footer = el;} }, /*#__PURE__*/
 
-        _react.default.createElement("div", { className: _this.styles.menuSeparatorWrapper(_this.theme) },
+        _react.default.createElement("div", { className: _Menu2.styles.menuSeparatorWrapper(_this.theme) },
         _this.state.scrollState !== 'bottom' && _this.renderMenuSeparatorWithNoMargin()
         ), /*#__PURE__*/
-        _react.default.createElement("div", { className: _this.styles.contentWrapper() }, _this.props.footer)
+        _react.default.createElement("div", { className: _Menu2.styles.contentWrapper() }, _this.props.footer)
         ));
 
     };_this.
@@ -351,8 +336,8 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
       var parsedMaxHeight = maxHeight;
       var rootNode = (0, _rootNode2.getRootNode)(_this);
 
-      if (typeof maxHeight === 'string' && (0, _globalObject.isBrowser)(_this.globalObject) && rootNode) {
-        var rootElementMaxHeight = _this.globalObject.getComputedStyle == null ? void 0 : _this.globalObject.getComputedStyle(rootNode).maxHeight;
+      if (typeof maxHeight === 'string' && (0, _globalObject.isBrowser)(_globalObject.globalObject) && rootNode) {
+        var rootElementMaxHeight = _globalObject.globalObject.getComputedStyle == null ? void 0 : _globalObject.globalObject.getComputedStyle(rootNode).maxHeight;
 
         if (rootElementMaxHeight) {
           parsedMaxHeight = parseFloat(rootElementMaxHeight);
@@ -380,7 +365,7 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
       if (_this.scrollContainer && highlightedItem) {
         var _rootNode = (0, _rootNode2.getRootNode)(highlightedItem);
         // TODO: Remove this check once IF-647 is resolved
-        if ((0, _isInstanceOf.isInstanceOf)(_rootNode, _this.globalObject.HTMLElement)) {
+        if ((0, _isInstanceOf.isInstanceOf)(_rootNode, _globalObject.globalObject.HTMLElement)) {
           _this.scrollContainer.scrollTo(_rootNode);
         }
       }
@@ -468,7 +453,7 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
 
     setEnableIconPadding = function (isIconPaddingEnabled) {
       !_this.getProps().preventIconsOffset && _this.setState({ enableIconPadding: isIconPaddingEnabled });
-    };return _this;}(0, _inheritsLoose2.default)(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();}if (prevProps.maxHeight !== this.getProps().maxHeight) {this.setState({ maxHeight: this.props.maxHeight || 'none' });}};_proto.focus = function focus() {this.focusOnRootElement();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var globalObject = _ref.globalObject,emotion = _ref.emotion;_this2.globalObject = globalObject;_this2.cx = emotion.cx;_this2.styles = (0, _Menu2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});} /**
+    };return _this;}(0, _inheritsLoose2.default)(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();}if (prevProps.maxHeight !== this.getProps().maxHeight) {this.setState({ maxHeight: this.props.maxHeight || 'none' });}};_proto.focus = function focus() {this.focusOnRootElement();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
    * @public
    */;_proto.up = function up() {this.move(-1);} /**
    * @public
@@ -478,14 +463,14 @@ Menu = exports.Menu = (0, _decorator.responsiveLayout)(_class = (0, _rootNode2.r
    * @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 _this$cx3, _this$cx4;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: "" + this.theme.scrollContainerScrollBarOffsetY, right: 0, bottom: "" + this.theme.scrollContainerScrollBarOffsetY };var isMobile = this.isMobileLayout;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": MenuDataTids.root, className: this.cx(getAlignRightClass(this.props, this.cx, this.styles), (_this$cx3 = {}, _this$cx3[this.styles.root(this.theme)] = true, _this$cx3[this.styles.hasMargin(this.theme)] = hasMargin, _this$cx3[this.styles.mobileRoot(this.theme)] = isMobile, _this$cx3[this.styles.shadow(this.theme)] = !isMobile, _this$cx3)), style: this.getStyle(this.props), id: this.props.id, onKeyDown: this.handleKeyDown, tabIndex: 0 }, this.props.header && this.renderHeader(), /*#__PURE__*/_react.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: maxHeight, preventWindowScroll: preventWindowScroll, onScrollStateChange: this.handleScrollStateChange, disabled: this.props.disableScrollContainer, offsetY: offsetY }, /*#__PURE__*/_react.default.createElement("div", { className: this.cx((_this$cx4 = {}, _this$cx4[this.styles.scrollContainer(this.theme)] = true, _this$cx4[this.styles.scrollContainerMobile(this.theme)] = isMobile, _this$cx4)), ref: this.contentRef }, /*#__PURE__*/_react.default.createElement(_MenuContext.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()));};_proto.move = function move(step) {if (this.unmounted) {// NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
+   */;_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;}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.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": MenuDataTids.root, className: (0, _Emotion.cx)(getAlignRightClass(this.props), (_cx3 = {}, _cx3[_Menu2.styles.root(this.theme)] = true, _cx3[_Menu2.styles.hasMargin(this.theme)] = hasMargin, _cx3[_Menu2.styles.mobileRoot(this.theme)] = isMobile, _cx3[_Menu2.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.default.createElement(_ScrollContainer.ScrollContainer, { ref: this.refScrollContainer, maxHeight: maxHeight, preventWindowScroll: preventWindowScroll, onScrollStateChange: this.handleScrollStateChange, disabled: this.props.disableScrollContainer, offsetY: offsetY }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Menu2.styles.scrollContainer(this.theme)] = true, _cx4[_Menu2.styles.scrollContainerMobile(this.theme)] = isMobile, _cx4)), ref: this.contentRef }, /*#__PURE__*/_react.default.createElement(_MenuContext.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()));};_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(_utils.isNonNullable).length;};return Menu;}(_react.default.PureComponent), _Menu.__KONTUR_REACT_UI__ = 'Menu', _Menu.displayName = 'Menu', _Menu.defaultProps = { align: 'left', width: 'auto', maxHeight: 300, hasMargin: true, preventWindowScroll: true, cyclicSelection: true, initialSelectedItemIndex: -1 }, _Menu)) || _class) || _class;function childrenToArray(children) {var ret = []; // Use forEach instead of map to avoid cloning for key unifying.
-  _react.default.Children.forEach(children, function (child) {ret.push(child);});return ret;}var getAlignRightClass = function getAlignRightClass(props, cx, styles) {
-  if (props.align === 'right') {var _cx;
-    return cx((_cx = {}, _cx[
-    styles.alignRight()] = !_client.isIE11, _cx[
-    styles.alignRightIE11()] = _client.isIE11, _cx[
-    styles.alignRightIE11FixAutoWidth()] = _client.isIE11 && props.width === 'auto', _cx)
+  _react.default.Children.forEach(children, function (child) {ret.push(child);});return ret;}var getAlignRightClass = function getAlignRightClass(props) {
+  if (props.align === 'right') {var _cx5;
+    return (0, _Emotion.cx)((_cx5 = {}, _cx5[
+    _Menu2.styles.alignRight()] = !_client.isIE11, _cx5[
+    _Menu2.styles.alignRightIE11()] = _client.isIE11, _cx5[
+    _Menu2.styles.alignRightIE11FixAutoWidth()] = _client.isIE11 && props.width === 'auto', _cx5)
     );
   }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_globalObject","_identifiers","_MenuSeparator","_ThemeFactory","_getDOMRect","_decorator","_utils","_ScrollContainer","_MenuItem","_ThemeContext","_rootNode2","_client","_createPropsGetter","_isInstanceOf","_CommonWrapper","_Menu2","_MenuNavigation","_MenuContext","_class","_Menu","MenuDataTids","exports","root","Menu","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","React","createRef","menuNavigation","MenuNavigation","MenuItemDataTids","content","focusOnRootElement","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","renderHeader","_this$cx","default","createElement","className","cx","styles","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_this$cx2","footerWrapper","footer","ThemeContext","Provider","value","ThemeFactory","create","menuSeparatorMarginY","MenuSeparator","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","isBrowser","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getDOMRect","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","isKeyArrowUp","preventDefault","up","isKeyArrowDown","isKeyEnter","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose2","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_this$cx3","_this$cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","CommonWrapper","_extends2","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","ScrollContainer","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","MenuContext","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","isNonNullable","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx","alignRight","isIE11","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable } from '../../lib/utils';\nimport type { ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport type { MenuItem } from '../../components/MenuItem';\nimport { MenuItemDataTids } from '../../components/MenuItem';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { getStyles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: boolean;\n  /**\n   * Максимальная высота применяется только для скролл контейнера\n   *\n   * Высота `header` и `footer` в нее не включены\n   */\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n  /**\n   * Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n   * Так, если хотя бы у одного пункта меню есть иконка, текст в  остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n   */\n  preventIconsOffset?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  /**\n   * Циклический перебор айтемов меню (по-дефолтну включен)\n   */\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n  highlightedIndex: number; // TODO unused variable, remove in next major release\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollState;\n  enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n  root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    MenuProps,\n    | 'align'\n    | 'width'\n    | 'hasMargin'\n    | 'maxHeight'\n    | 'preventWindowScroll'\n    | 'cyclicSelection'\n    | 'initialSelectedItemIndex'\n  >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n  public static displayName = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasMargin: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state: MenuState = {\n    highlightedIndex: -1,\n    maxHeight: this.getProps().maxHeight || 'none',\n    scrollState: 'top',\n    enableIconPadding: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private isMobileLayout!: boolean;\n  private unmounted = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private contentRef = React.createRef<HTMLDivElement>();\n  private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\n  }\n\n  public componentDidUpdate(prevProps: MenuProps) {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n\n    if (prevProps.maxHeight !== this.getProps().maxHeight) {\n      this.setState({\n        maxHeight: this.props.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus() {\n    this.focusOnRootElement();\n  }\n\n  private focusOnRootElement = (): void => {\n    const rootNode = getRootNode(this);\n    if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n      rootNode?.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n    };\n\n    const isMobile = this.isMobileLayout;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={MenuDataTids.root}\n          className={this.cx(getAlignRightClass(this.props, this.cx, this.styles), {\n            [this.styles.root(this.theme)]: true,\n            [this.styles.hasMargin(this.theme)]: hasMargin,\n            [this.styles.mobileRoot(this.theme)]: isMobile,\n            [this.styles.shadow(this.theme)]: !isMobile,\n          })}\n          style={this.getStyle(this.props)}\n          id={this.props.id}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n        >\n          {this.props.header && this.renderHeader()}\n          <ScrollContainer\n            ref={this.refScrollContainer}\n            maxHeight={maxHeight}\n            preventWindowScroll={preventWindowScroll}\n            onScrollStateChange={this.handleScrollStateChange}\n            disabled={this.props.disableScrollContainer}\n            offsetY={offsetY}\n          >\n            <div\n              className={this.cx({\n                [this.styles.scrollContainer(this.theme)]: true,\n                [this.styles.scrollContainerMobile(this.theme)]: isMobile,\n              })}\n              ref={this.contentRef}\n            >\n              <MenuContext.Provider\n                value={{\n                  navigation: this.menuNavigation,\n                  onItemClick: this.props.onItemClick,\n                  enableIconPadding: this.state.enableIconPadding,\n                  setEnableIconPadding: this.setEnableIconPadding,\n                }}\n              >\n                {this.props.children}\n              </MenuContext.Provider>\n            </div>\n          </ScrollContainer>\n          {this.props.footer && this.renderFooter()}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.headerWrapper()]: true,\n        })}\n        ref={(el) => (this.header = el)}\n      >\n        <div className={this.styles.contentWrapper()}>{this.props.header}</div>\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.footerWrapper()]: true,\n        })}\n        ref={(el) => (this.footer = el)}\n      >\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n        <div className={this.styles.contentWrapper()}>{this.props.footer}</div>\n      </div>\n    );\n  };\n\n  private renderMenuSeparatorWithNoMargin = () => {\n    return (\n      <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n        <MenuSeparator />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.down();\n    }\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { header, footer, children } = this.props;\n    const maxHeight = this.getProps().maxHeight;\n    const prevMaxHeight = prevProps.maxHeight;\n    const prevHeader = prevProps.header;\n    const prevFooter = prevProps.footer;\n    const prevChildrenCount = React.Children.count(prevProps.children);\n\n    return (\n      maxHeight !== prevMaxHeight ||\n      footer !== prevFooter ||\n      header !== prevHeader ||\n      React.Children.count(children) !== prevChildrenCount\n    );\n  };\n\n  private calculateMaxHeight = () => {\n    const maxHeight = this.getProps().maxHeight;\n    let parsedMaxHeight = maxHeight;\n    const rootNode = getRootNode(this);\n\n    if (typeof maxHeight === 'string' && isBrowser(this.globalObject) && rootNode) {\n      const rootElementMaxHeight = this.globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n      if (rootElementMaxHeight) {\n        parsedMaxHeight = parseFloat(rootElementMaxHeight);\n      }\n    }\n\n    const calculatedMaxHeight =\n      typeof parsedMaxHeight === 'number'\n        ? parsedMaxHeight +\n          ((this.header && getDOMRect(this.header).height) || 0) +\n          ((this.footer && getDOMRect(this.footer).height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\n    if (this.scrollContainer && highlightedItem) {\n      const rootNode = getRootNode(highlightedItem);\n      // TODO: Remove this check once IF-647 is resolved\n      if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n        this.scrollContainer.scrollTo(rootNode);\n      }\n    }\n  };\n\n  private scrollToTop = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToTop();\n    }\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToBottom();\n    }\n  };\n\n  private scroll = (nextIndex: number) => {\n    switch (nextIndex) {\n      case 0:\n        this.scrollToTop?.();\n        break;\n      case this.menuNavigation.items.length - 1:\n        this.scrollToBottom?.();\n        break;\n      default:\n        this.scrollToSelected?.();\n    }\n  };\n\n  private move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\n  }\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(event)) {\n      event.preventDefault();\n      this.up();\n    } else if (isKeyArrowDown(event)) {\n      event.preventDefault();\n      this.down();\n    } else if (isKeyEnter(event)) {\n      this.menuNavigation.select(event);\n    }\n  };\n\n  private getStyle = (props: MenuProps): CSSProperties => {\n    if (props.align === 'right') {\n      return {\n        maxWidth: props.width,\n        minWidth: props.width,\n        maxHeight: this.state.maxHeight,\n      };\n    }\n\n    return {\n      width: props.width,\n      maxHeight: this.state.maxHeight,\n    };\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n\n  private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n    !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n  };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps, cx: Emotion['cx'], styles: ReturnType<typeof getStyles>) => {\n  if (props.align === 'right') {\n    return cx({\n      [styles.alignRight()]: !isIE11,\n      [styles.alignRightIE11()]: isIE11,\n      [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n    });\n  }\n\n  return null;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_identifiers","_MenuSeparator","_ThemeFactory","_getDOMRect","_decorator","_utils","_ScrollContainer","_MenuItem","_ThemeContext","_Emotion","_rootNode2","_client","_createPropsGetter","_isInstanceOf","_CommonWrapper","_Menu2","_MenuNavigation","_MenuContext","_class","_Menu","MenuDataTids","exports","root","Menu","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","React","createRef","menuNavigation","MenuNavigation","MenuItemDataTids","content","focusOnRootElement","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","renderHeader","_cx","default","createElement","className","cx","styles","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_cx2","footerWrapper","footer","ThemeContext","Provider","value","ThemeFactory","create","menuSeparatorMarginY","MenuSeparator","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","isBrowser","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getDOMRect","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","isKeyArrowUp","preventDefault","up","isKeyArrowDown","isKeyEnter","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose2","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_cx3","_cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","CommonWrapper","_extends2","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","ScrollContainer","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","MenuContext","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","isNonNullable","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx5","alignRight","isIE11","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable } from '../../lib/utils';\nimport type { ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport type { MenuItem } from '../../components/MenuItem';\nimport { MenuItemDataTids } from '../../components/MenuItem';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: boolean;\n  /**\n   * Максимальная высота применяется только для скролл контейнера\n   *\n   * Высота `header` и `footer` в нее не включены\n   */\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n  /**\n   * Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n   * Так, если хотя бы у одного пункта меню есть иконка, текст в  остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n   */\n  preventIconsOffset?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  /**\n   * Циклический перебор айтемов меню (по-дефолтну включен)\n   */\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n  highlightedIndex: number; // TODO unused variable, remove in next major release\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollState;\n  enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n  root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    MenuProps,\n    | 'align'\n    | 'width'\n    | 'hasMargin'\n    | 'maxHeight'\n    | 'preventWindowScroll'\n    | 'cyclicSelection'\n    | 'initialSelectedItemIndex'\n  >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n  public static displayName = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasMargin: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state: MenuState = {\n    highlightedIndex: -1,\n    maxHeight: this.getProps().maxHeight || 'none',\n    scrollState: 'top',\n    enableIconPadding: false,\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private isMobileLayout!: boolean;\n  private unmounted = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private contentRef = React.createRef<HTMLDivElement>();\n  private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public componentDidMount() {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\n  }\n\n  public componentDidUpdate(prevProps: MenuProps) {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n\n    if (prevProps.maxHeight !== this.getProps().maxHeight) {\n      this.setState({\n        maxHeight: this.props.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus() {\n    this.focusOnRootElement();\n  }\n\n  private focusOnRootElement = (): void => {\n    const rootNode = getRootNode(this);\n    if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n      rootNode?.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n    };\n\n    const isMobile = this.isMobileLayout;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={MenuDataTids.root}\n          className={cx(getAlignRightClass(this.props), {\n            [styles.root(this.theme)]: true,\n            [styles.hasMargin(this.theme)]: hasMargin,\n            [styles.mobileRoot(this.theme)]: isMobile,\n            [styles.shadow(this.theme)]: !isMobile,\n          })}\n          style={this.getStyle(this.props)}\n          id={this.props.id}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n        >\n          {this.props.header && this.renderHeader()}\n          <ScrollContainer\n            ref={this.refScrollContainer}\n            maxHeight={maxHeight}\n            preventWindowScroll={preventWindowScroll}\n            onScrollStateChange={this.handleScrollStateChange}\n            disabled={this.props.disableScrollContainer}\n            offsetY={offsetY}\n          >\n            <div\n              className={cx({\n                [styles.scrollContainer(this.theme)]: true,\n                [styles.scrollContainerMobile(this.theme)]: isMobile,\n              })}\n              ref={this.contentRef}\n            >\n              <MenuContext.Provider\n                value={{\n                  navigation: this.menuNavigation,\n                  onItemClick: this.props.onItemClick,\n                  enableIconPadding: this.state.enableIconPadding,\n                  setEnableIconPadding: this.setEnableIconPadding,\n                }}\n              >\n                {this.props.children}\n              </MenuContext.Provider>\n            </div>\n          </ScrollContainer>\n          {this.props.footer && this.renderFooter()}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        className={cx({\n          [styles.wrapper()]: true,\n          [styles.headerWrapper()]: true,\n        })}\n        ref={(el) => (this.header = el)}\n      >\n        <div className={styles.contentWrapper()}>{this.props.header}</div>\n        <div className={styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        className={cx({\n          [styles.wrapper()]: true,\n          [styles.footerWrapper()]: true,\n        })}\n        ref={(el) => (this.footer = el)}\n      >\n        <div className={styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n        <div className={styles.contentWrapper()}>{this.props.footer}</div>\n      </div>\n    );\n  };\n\n  private renderMenuSeparatorWithNoMargin = () => {\n    return (\n      <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n        <MenuSeparator />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.down();\n    }\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { header, footer, children } = this.props;\n    const maxHeight = this.getProps().maxHeight;\n    const prevMaxHeight = prevProps.maxHeight;\n    const prevHeader = prevProps.header;\n    const prevFooter = prevProps.footer;\n    const prevChildrenCount = React.Children.count(prevProps.children);\n\n    return (\n      maxHeight !== prevMaxHeight ||\n      footer !== prevFooter ||\n      header !== prevHeader ||\n      React.Children.count(children) !== prevChildrenCount\n    );\n  };\n\n  private calculateMaxHeight = () => {\n    const maxHeight = this.getProps().maxHeight;\n    let parsedMaxHeight = maxHeight;\n    const rootNode = getRootNode(this);\n\n    if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {\n      const rootElementMaxHeight = globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n      if (rootElementMaxHeight) {\n        parsedMaxHeight = parseFloat(rootElementMaxHeight);\n      }\n    }\n\n    const calculatedMaxHeight =\n      typeof parsedMaxHeight === 'number'\n        ? parsedMaxHeight +\n          ((this.header && getDOMRect(this.header).height) || 0) +\n          ((this.footer && getDOMRect(this.footer).height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\n    if (this.scrollContainer && highlightedItem) {\n      const rootNode = getRootNode(highlightedItem);\n      // TODO: Remove this check once IF-647 is resolved\n      if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n        this.scrollContainer.scrollTo(rootNode);\n      }\n    }\n  };\n\n  private scrollToTop = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToTop();\n    }\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToBottom();\n    }\n  };\n\n  private scroll = (nextIndex: number) => {\n    switch (nextIndex) {\n      case 0:\n        this.scrollToTop?.();\n        break;\n      case this.menuNavigation.items.length - 1:\n        this.scrollToBottom?.();\n        break;\n      default:\n        this.scrollToSelected?.();\n    }\n  };\n\n  private move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\n  }\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(event)) {\n      event.preventDefault();\n      this.up();\n    } else if (isKeyArrowDown(event)) {\n      event.preventDefault();\n      this.down();\n    } else if (isKeyEnter(event)) {\n      this.menuNavigation.select(event);\n    }\n  };\n\n  private getStyle = (props: MenuProps): CSSProperties => {\n    if (props.align === 'right') {\n      return {\n        maxWidth: props.width,\n        minWidth: props.width,\n        maxHeight: this.state.maxHeight,\n      };\n    }\n\n    return {\n      width: props.width,\n      maxHeight: this.state.maxHeight,\n    };\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n\n  private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n    !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n  };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps) => {\n  if (props.align === 'right') {\n    return cx({\n      [styles.alignRight()]: !isIE11,\n      [styles.alignRightIE11()]: isIE11,\n      [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n    });\n  }\n\n  return null;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     hasMargin(t: Theme): string;
     mobileRoot(t: Theme): string;