@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","getRandomID","isNonNullable","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowChevronDownIcon","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","createPropsGetter","isTheme2022","LoadingIcon","ThemeConsumer","ThemeProvider","EmotionConsumer","ArrowDownIcon","ComboBoxMenu","ComboBoxRequestStatus","getStyles","CustomComboBoxDataTids","getComboBoxTheme","ComboBoxViewIds","menu","ComboBoxView","getProps","defaultProps","mobileInput","dropdownContainerRef","createRef","menuId","getComboBoxMenu","props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","repeatRequest","requestStatus","renderItem","itemWrapper","handleItemSelect","renderAddButton","isMobileLayout","renderMenu","menuAlign","menuPos","getParent","disablePortal","renderMobileMenu","rightIcon","onFocus","onInputValueChange","placeholder","textValue","length","renderSpinner","inputProps","autoFocus","width","onValueChange","value","refMobileInput","onMobileClose","handleMobileFocus","onInputClick","focus","item","refInput","input","styles","emotion","spinnerWrapper","getRightIcon","drawArrow","theme","rightIconWrapper","componentDidMount","current","position","componentDidUpdate","prevProps","editing","render","renderMain","onMouseEnter","onMouseLeave","onMouseOver","onClickOutside","onFocusOutside","isMobile","renderInput","comboBoxView","root","setRootNode","align","borderless","disabled","error","onInputBlur","onInputFocus","onInputKeyDown","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","renderValue","maxLength","undefined","Component","__KONTUR_REACT_UI__","displayName","Unknown"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { DropdownContainer, DropdownContainerProps } from '../DropdownContainer';\nimport { Input, InputIconType, InputProps } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { getStyles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<DropdownContainerProps, 'menuPos'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType<unknown>;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<DropdownContainer>();\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n    this.props.opened && this.dropdownContainerRef.current?.position();\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = getComboBoxTheme(theme);\n                return <ThemeProvider value={this.theme}>{this.renderMain()}</ThemeProvider>;\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n    const styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { menuAlign, opened, menuPos } = this.props;\n\n    return (\n      opened && (\n        <DropdownContainer\n          menuPos={menuPos}\n          align={menuAlign}\n          getParent={this.getParent}\n          disablePortal={this.props.disablePortal}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </DropdownContainer>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n\n    const { renderValue } = this.getProps();\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={isMobile ? undefined : onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={isMobile ? this.handleMobileFocus : onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n          aria-describedby={ariaDescribedby}\n          aria-controls={this.menuId}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => {\n    const styles = getStyles(this.emotion);\n    return (\n      <span className={styles.spinnerWrapper()}>\n        <Spinner type=\"mini\" caption=\"\" dimmed />\n      </span>\n    );\n  };\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      if (isTheme2022(this.theme)) {\n        return <LoadingIcon size={size} />;\n      }\n      return this.renderSpinner();\n    }\n\n    if (rightIcon || drawArrow) {\n      if (isTheme2022(this.theme)) {\n        return rightIcon || <ArrowDownIcon size={size} />;\n      }\n      const styles = getStyles(this.emotion);\n      return <span className={styles.rightIconWrapper()}>{rightIcon ?? <ArrowChevronDownIcon />}</span>;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"]}
+{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","getRandomID","isNonNullable","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowChevronDownIcon","CommonWrapper","MobilePopup","responsiveLayout","rootNode","getRootNode","createPropsGetter","isTheme2022","ThemeContext","LoadingIcon","ArrowDownIcon","ComboBoxMenu","ComboBoxRequestStatus","styles","CustomComboBoxDataTids","getComboBoxTheme","ComboBoxViewIds","menu","ComboBoxView","getProps","defaultProps","mobileInput","dropdownContainerRef","createRef","menuId","getComboBoxMenu","props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","repeatRequest","requestStatus","renderItem","itemWrapper","handleItemSelect","renderAddButton","isMobileLayout","renderMenu","menuAlign","menuPos","getParent","disablePortal","renderMobileMenu","rightIcon","onFocus","onInputValueChange","placeholder","textValue","length","renderSpinner","inputProps","autoComplete","autoFocus","width","onValueChange","value","refMobileInput","onMobileClose","handleMobileFocus","onInputClick","focus","item","refInput","input","spinnerWrapper","getRightIcon","drawArrow","theme","rightIconWrapper","componentDidMount","current","position","componentDidUpdate","prevProps","editing","render","renderMain","onMouseEnter","onMouseLeave","onMouseOver","onClickOutside","onFocusOutside","isMobile","renderInput","comboBoxView","root","setRootNode","align","borderless","disabled","error","onInputBlur","onInputFocus","onInputKeyDown","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","renderValue","maxLength","undefined","Component","__KONTUR_REACT_UI__","displayName","Unknown"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { DropdownContainer, DropdownContainerProps } from '../DropdownContainer';\nimport { Input, InputIconType, InputProps } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, getRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<DropdownContainerProps, 'menuPos'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType<unknown>;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<DropdownContainer>();\n  private theme!: Theme;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n    this.props.opened && this.dropdownContainerRef.current?.position();\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { menuAlign, opened, menuPos } = this.props;\n\n    return (\n      opened && (\n        <DropdownContainer\n          menuPos={menuPos}\n          align={menuAlign}\n          getParent={this.getParent}\n          disablePortal={this.props.disablePortal}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </DropdownContainer>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n\n    const { renderValue } = this.getProps();\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={isMobile ? undefined : onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={isMobile ? this.handleMobileFocus : onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n          autoComplete=\"off\"\n          aria-describedby={ariaDescribedby}\n          aria-controls={this.menuId}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      if (isTheme2022(this.theme)) {\n        return <LoadingIcon size={size} />;\n      }\n      return this.renderSpinner();\n    }\n\n    if (rightIcon || drawArrow) {\n      if (isTheme2022(this.theme)) {\n        return rightIcon || <ArrowDownIcon size={size} />;\n      }\n      return <span className={styles.rightIconWrapper()}>{rightIcon ?? <ArrowChevronDownIcon />}</span>;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"]}

package/internal/CustomComboBox/ComboBoxView.d.ts

@@ -80,7 +80,6 @@ export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T
     private isMobileLayout;
     private dropdownContainerRef;
     private theme;
-    private emotion;
     private menuId;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;

package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js

@@ -2,17 +2,15 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        position: relative;\n        line-height: normal;\n      "])));
-    },
-    spinnerWrapper: function spinnerWrapper() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        margin-right: -5px;\n      "])));
-    },
-    rightIconWrapper: function rightIconWrapper() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        margin-right: -3px;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
+  },
+  spinnerWrapper: function spinnerWrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: -5px;\n    "])));
+  },
+  rightIconWrapper: function rightIconWrapper() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: -3px;\n    "])));
+  }
+});

package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBox.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","css","spinnerWrapper","rightIconWrapper"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU;;AASXC,MAAAA,cATW,4BASM;AACf,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAdU;;AAgBXE,MAAAA,gBAhBW,8BAgBQ;AACjB,eAAOJ,OAAO,CAACE,GAAf;;;;AAID,OArBU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        position: relative;\n        line-height: normal;\n      `;\n    },\n\n    spinnerWrapper() {\n      return emotion.css`\n        display: inline-block;\n        margin-right: -5px;\n      `;\n    },\n\n    rightIconWrapper() {\n      return emotion.css`\n        display: inline-block;\n        margin-right: -3px;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["CustomComboBox.styles.ts"],"names":["css","memoizeStyle","styles","root","spinnerWrapper","rightIconWrapper"],"mappings":"wJAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;;AASjCI,EAAAA,cATiC,4BAShB;AACf,WAAOJ,GAAP;;;;AAID,GAdgC;;AAgBjCK,EAAAA,gBAhBiC,8BAgBd;AACjB,WAAOL,GAAP;;;;AAID,GArBgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  spinnerWrapper() {\n    return css`\n      display: inline-block;\n      margin-right: -5px;\n    `;\n  },\n\n  rightIconWrapper() {\n    return css`\n      display: inline-block;\n      margin-right: -3px;\n    `;\n  },\n});\n"]}

package/internal/CustomComboBox/CustomComboBox.styles.d.ts

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

package/internal/DataTids/DataTids/DataTids.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { Select } from "../../../components/Select";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../DataTids.styles";
+import { styles } from "../DataTids.styles";
 import { componentsDataTids } from "../componentsDataTids";
 export var DataTids = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DataTids, _React$Component);
@@ -35,38 +34,35 @@ export var DataTids = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/React.createElement(Select, {
-        items: _this2.items,
-        value: _this2.state.selectedValue,
-        onValueChange: _this2.setValue,
-        search: true
-      }), Object.entries(componentsDataTids).map(function (_ref, index) {
-        var componentName = _ref[0],
-            dataTids = _ref[1];
+    return /*#__PURE__*/React.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/React.createElement(Select, {
+      items: this.items,
+      value: this.state.selectedValue,
+      onValueChange: this.setValue,
+      search: true
+    }), Object.entries(componentsDataTids).map(function (_ref, index) {
+      var componentName = _ref[0],
+          dataTids = _ref[1];
 
-        if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
+      if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
+        return /*#__PURE__*/React.createElement("div", {
+          key: index,
+          className: styles.wrapper()
+        }, /*#__PURE__*/React.createElement("div", {
+          className: styles.componentName()
+        }, componentName), Object.values(dataTids).map(function (value, i) {
           return /*#__PURE__*/React.createElement("div", {
-            key: index,
-            className: styles.wrapper()
+            key: i,
+            className: styles.row()
           }, /*#__PURE__*/React.createElement("div", {
-            className: styles.componentName()
-          }, componentName), Object.values(dataTids).map(function (value, i) {
-            return /*#__PURE__*/React.createElement("div", {
-              key: i,
-              className: styles.row()
-            }, /*#__PURE__*/React.createElement("div", {
-              className: styles.leftCell()
-            }, componentName + "DataTids." + value[0]), /*#__PURE__*/React.createElement("div", {
-              className: styles.rightCell()
-            }, "'" + value[1] + "'"));
-          }));
-        }
+            className: styles.leftCell()
+          }, componentName + "DataTids." + value[0]), /*#__PURE__*/React.createElement("div", {
+            className: styles.rightCell()
+          }, "'" + value[1] + "'"));
+        }));
+      }
 
-        return null;
-      }));
-    });
+      return null;
+    }));
   };
 
   return DataTids;

package/internal/DataTids/DataTids/DataTids.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DataTids.tsx"],"names":["React","Select","EmotionConsumer","getStyles","componentsDataTids","DataTids","state","selectedValue","components","Object","keys","items","setValue","value","setState","render","emotion","styles","entries","map","index","componentName","dataTids","wrapper","values","i","row","leftCell","rightCell","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,SAAT,QAA0B,mBAA1B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;;;;;;AAMA,WAAaC,QAAb;AACSC,IAAAA,KADT,GACgC;AAC5BC,MAAAA,aAAa,EAAE,KADa,EADhC;;;AAKUC,IAAAA,UALV,GAKuBC,MAAM,CAACC,IAAP,CAAYN,kBAAZ,CALvB;;AAOUO,IAAAA,KAPV,IAOmB,KAPnB,SAO6B,MAAKH,UAPlC;;AASUI,IAAAA,QATV,GASqB,UAACC,KAAD,EAAmB;AACpC,YAAKC,QAAL,CAAc,EAAEP,aAAa,EAAEM,KAAjB,EAAd;AACD,KAXH;;AAaSE,EAAAA,MAbT,GAaE,kBAAgB;AACd;AACE,0BAAC,eAAD;AACG,gBAACC,OAAD,EAAa;AACZ,YAAMC,MAAM,GAAGd,SAAS,CAACa,OAAD,CAAxB;AACA;AACE;;AAEE,8BAAC,MAAD;AACE,YAAA,KAAK,EAAE,MAAI,CAACL,KADd;AAEE,YAAA,KAAK,EAAE,MAAI,CAACL,KAAL,CAAWC,aAFpB;AAGE,YAAA,aAAa,EAAE,MAAI,CAACK,QAHtB;AAIE,YAAA,MAAM,MAJR,GAFF;;AAQGH,UAAAA,MAAM,CAACS,OAAP,CAAed,kBAAf,EAAmCe,GAAnC,CAAuC,gBAA4BC,KAA5B,EAAsC,KAApCC,aAAoC,WAArBC,QAAqB;AAC5E,gBAAID,aAAa,KAAK,MAAI,CAACf,KAAL,CAAWC,aAA7B,IAA8C,MAAI,CAACD,KAAL,CAAWC,aAAX,KAA6B,KAA/E,EAAsF;AACpF;AACE,6CAAK,GAAG,EAAEa,KAAV,EAAiB,SAAS,EAAEH,MAAM,CAACM,OAAP,EAA5B;AACE,6CAAK,SAAS,EAAEN,MAAM,CAACI,aAAP,EAAhB,IAAyCA,aAAzC,CADF;AAEGZ,gBAAAA,MAAM,CAACe,MAAP,CAAcF,QAAd,EAAwBH,GAAxB,CAA4B,UAACN,KAAD,EAAQY,CAAR,EAAc;AACzC;AACE,iDAAK,GAAG,EAAEA,CAAV,EAAa,SAAS,EAAER,MAAM,CAACS,GAAP,EAAxB;AACE,iDAAK,SAAS,EAAET,MAAM,CAACU,QAAP,EAAhB,IAAuCN,aAAvC,iBAAgER,KAAK,CAAC,CAAD,CAArE,CADF;AAEE,iDAAK,SAAS,EAAEI,MAAM,CAACW,SAAP,EAAhB,UAAyCf,KAAK,CAAC,CAAD,CAA9C,OAFF,CADF;;;AAMD,iBAPA,CAFH,CADF;;;AAaD;AACD,mBAAO,IAAP;AACD,WAjBA,CARH,CADF;;;AA6BD,OAhCH,CADF;;;AAoCD,GAlDH,mBAA8Bb,KAAK,CAAC6B,SAApC","sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './DataTids.styles';\nimport { componentsDataTids } from './componentsDataTids';\n\ninterface DataTidsState {\n  selectedValue: string;\n}\n\nexport class DataTids extends React.Component {\n  public state: DataTidsState = {\n    selectedValue: 'все',\n  };\n\n  private components = Object.keys(componentsDataTids);\n\n  private items = ['все', ...this.components];\n\n  private setValue = (value: string) => {\n    this.setState({ selectedValue: value });\n  };\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div>\n              Выбрать компонент:\n              <Select<string>\n                items={this.items}\n                value={this.state.selectedValue}\n                onValueChange={this.setValue}\n                search\n              />\n              {Object.entries(componentsDataTids).map(([componentName, dataTids], index) => {\n                if (componentName === this.state.selectedValue || this.state.selectedValue === 'все') {\n                  return (\n                    <div key={index} className={styles.wrapper()}>\n                      <div className={styles.componentName()}>{componentName}</div>\n                      {Object.values(dataTids).map((value, i) => {\n                        return (\n                          <div key={i} className={styles.row()}>\n                            <div className={styles.leftCell()}>{`${componentName}DataTids.${value[0]}`}</div>\n                            <div className={styles.rightCell()}>{`'${value[1]}'`}</div>\n                          </div>\n                        );\n                      })}\n                    </div>\n                  );\n                }\n                return null;\n              })}\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["DataTids.tsx"],"names":["React","Select","styles","componentsDataTids","DataTids","state","selectedValue","components","Object","keys","items","setValue","value","setState","render","entries","map","index","componentName","dataTids","wrapper","values","i","row","leftCell","rightCell","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;;;;;;AAMA,WAAaC,QAAb;AACSC,IAAAA,KADT,GACgC;AAC5BC,MAAAA,aAAa,EAAE,KADa,EADhC;;;AAKUC,IAAAA,UALV,GAKuBC,MAAM,CAACC,IAAP,CAAYN,kBAAZ,CALvB;;AAOUO,IAAAA,KAPV,IAOmB,KAPnB,SAO6B,MAAKH,UAPlC;;AASUI,IAAAA,QATV,GASqB,UAACC,KAAD,EAAmB;AACpC,YAAKC,QAAL,CAAc,EAAEP,aAAa,EAAEM,KAAjB,EAAd;AACD,KAXH;;AAaSE,EAAAA,MAbT,GAaE,kBAAgB;AACd;AACE;;AAEE,0BAAC,MAAD,IAAgB,KAAK,EAAE,KAAKJ,KAA5B,EAAmC,KAAK,EAAE,KAAKL,KAAL,CAAWC,aAArD,EAAoE,aAAa,EAAE,KAAKK,QAAxF,EAAkG,MAAM,MAAxG,GAFF;AAGGH,MAAAA,MAAM,CAACO,OAAP,CAAeZ,kBAAf,EAAmCa,GAAnC,CAAuC,gBAA4BC,KAA5B,EAAsC,KAApCC,aAAoC,WAArBC,QAAqB;AAC5E,YAAID,aAAa,KAAK,MAAI,CAACb,KAAL,CAAWC,aAA7B,IAA8C,MAAI,CAACD,KAAL,CAAWC,aAAX,KAA6B,KAA/E,EAAsF;AACpF;AACE,yCAAK,GAAG,EAAEW,KAAV,EAAiB,SAAS,EAAEf,MAAM,CAACkB,OAAP,EAA5B;AACE,yCAAK,SAAS,EAAElB,MAAM,CAACgB,aAAP,EAAhB,IAAyCA,aAAzC,CADF;AAEGV,YAAAA,MAAM,CAACa,MAAP,CAAcF,QAAd,EAAwBH,GAAxB,CAA4B,UAACJ,KAAD,EAAQU,CAAR,EAAc;AACzC;AACE,6CAAK,GAAG,EAAEA,CAAV,EAAa,SAAS,EAAEpB,MAAM,CAACqB,GAAP,EAAxB;AACE,6CAAK,SAAS,EAAErB,MAAM,CAACsB,QAAP,EAAhB,IAAuCN,aAAvC,iBAAgEN,KAAK,CAAC,CAAD,CAArE,CADF;AAEE,6CAAK,SAAS,EAAEV,MAAM,CAACuB,SAAP,EAAhB,UAAyCb,KAAK,CAAC,CAAD,CAA9C,OAFF,CADF;;;AAMD,aAPA,CAFH,CADF;;;AAaD;AACD,eAAO,IAAP;AACD,OAjBA,CAHH,CADF;;;AAwBD,GAtCH,mBAA8BZ,KAAK,CAAC0B,SAApC","sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\n\nimport { styles } from './DataTids.styles';\nimport { componentsDataTids } from './componentsDataTids';\n\ninterface DataTidsState {\n  selectedValue: string;\n}\n\nexport class DataTids extends React.Component {\n  public state: DataTidsState = {\n    selectedValue: 'все',\n  };\n\n  private components = Object.keys(componentsDataTids);\n\n  private items = ['все', ...this.components];\n\n  private setValue = (value: string) => {\n    this.setState({ selectedValue: value });\n  };\n\n  public render() {\n    return (\n      <div>\n        Выбрать компонент:\n        <Select<string> items={this.items} value={this.state.selectedValue} onValueChange={this.setValue} search />\n        {Object.entries(componentsDataTids).map(([componentName, dataTids], index) => {\n          if (componentName === this.state.selectedValue || this.state.selectedValue === 'все') {\n            return (\n              <div key={index} className={styles.wrapper()}>\n                <div className={styles.componentName()}>{componentName}</div>\n                {Object.values(dataTids).map((value, i) => {\n                  return (\n                    <div key={i} className={styles.row()}>\n                      <div className={styles.leftCell()}>{`${componentName}DataTids.${value[0]}`}</div>\n                      <div className={styles.rightCell()}>{`'${value[1]}'`}</div>\n                    </div>\n                  );\n                })}\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n    );\n  }\n}\n"]}

package/internal/DataTids/DataTids.styles/DataTids.styles.js

@@ -2,23 +2,21 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        &:not(:first-child) {\n          margin-top: 20px;\n        }\n      "])));
-    },
-    componentName: function componentName() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        font-weight: 700;\n        font-size: 1.25em;\n        margin: 0 5px 5px;\n      "])));
-    },
-    row: function row() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        width: 100%;\n        font-size: 16px;\n      "])));
-    },
-    leftCell: function leftCell() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        padding: 5px;\n        border-right: 1px solid #dadada;\n        border-bottom: 1px solid #dadada;\n        width: 30%;\n        overflow-wrap: anywhere;\n      "])));
-    },
-    rightCell: function rightCell() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        padding: 5px;\n        border-bottom: 1px solid #dadada;\n        width: 70%;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
+  },
+  componentName: function componentName() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
+  },
+  row: function row() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
+  },
+  leftCell: function leftCell() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    "])));
+  },
+  rightCell: function rightCell() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
+  }
+});

package/internal/DataTids/DataTids.styles/DataTids.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DataTids.styles.ts"],"names":["memoizeStyle","getStyles","emotion","wrapper","css","componentName","row","leftCell","rightCell"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU;AAQXC,MAAAA,aARW,2BAQK;AACd,eAAOH,OAAO,CAACE,GAAf;;;;;AAKD,OAdU;AAeXE,MAAAA,GAfW,iBAeL;AACJ,eAAOJ,OAAO,CAACE,GAAf;;;;;AAKD,OArBU;;AAuBXG,MAAAA,QAvBW,sBAuBA;AACT,eAAOL,OAAO,CAACE,GAAf;;;;;;;AAOD,OA/BU;AAgCXI,MAAAA,SAhCW,uBAgCC;AACV,eAAON,OAAO,CAACE,GAAf;;;;;AAKD,OAtCU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.css`\n        &:not(:first-child) {\n          margin-top: 20px;\n        }\n      `;\n    },\n    componentName() {\n      return emotion.css`\n        font-weight: 700;\n        font-size: 1.25em;\n        margin: 0 5px 5px;\n      `;\n    },\n    row() {\n      return emotion.css`\n        display: flex;\n        width: 100%;\n        font-size: 16px;\n      `;\n    },\n\n    leftCell() {\n      return emotion.css`\n        padding: 5px;\n        border-right: 1px solid #dadada;\n        border-bottom: 1px solid #dadada;\n        width: 30%;\n        overflow-wrap: anywhere;\n      `;\n    },\n    rightCell() {\n      return emotion.css`\n        padding: 5px;\n        border-bottom: 1px solid #dadada;\n        width: 70%;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["DataTids.styles.ts"],"names":["css","memoizeStyle","styles","wrapper","componentName","row","leftCell","rightCell"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,aARiC,2BAQjB;AACd,WAAOJ,GAAP;;;;;AAKD,GAdgC;AAejCK,EAAAA,GAfiC,iBAe3B;AACJ,WAAOL,GAAP;;;;;AAKD,GArBgC;;AAuBjCM,EAAAA,QAvBiC,sBAuBtB;AACT,WAAON,GAAP;;;;;;;AAOD,GA/BgC;AAgCjCO,EAAAA,SAhCiC,uBAgCrB;AACV,WAAOP,GAAP;;;;;AAKD,GAtCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"]}

package/internal/DataTids/DataTids.styles.d.ts

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

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -13,9 +13,10 @@ import { locale } from "../../../lib/locale/decorators";
 import { RenderLayer } from "../../RenderLayer";
 import { DropdownContainer } from "../../DropdownContainer";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { ArrowChevronDownIcon, ArrowChevronUpIcon, ArrowTriangleUpDownIcon } from "../../icons/16px";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from "../../icons/16px";
 import { isMobile } from "../../../lib/client";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
@@ -23,8 +24,7 @@ import { ArrowCollapseCVOpenIcon16Regular } from "../../icons2022/ArrowCollapseC
 import { ArrowCUpIcon16Regular } from "../../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular";
 import { ArrowCDownIcon16Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
-import { getStyles, globalClasses } from "../DateSelect.styles";
+import { globalClasses, styles } from "../DateSelect.styles";
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
@@ -301,17 +301,14 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _this$emotion$cx, _this$emotion$cx2;
+    var _cx, _cx2;
 
     if (isTheme2022(this.theme)) {
       return this.renderMain2022();
@@ -321,9 +318,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     var width = this.getProps().width;
     var isInteractiveElement = !disabled;
     var Tag = isInteractiveElement ? 'button' : 'span';
-    var styles = getStyles(this.emotion);
     var rootProps = {
-      className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.root(this.theme)] = true, _this$emotion$cx[styles.disabled()] = Boolean(disabled), _this$emotion$cx)),
+      className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.disabled()] = Boolean(disabled), _cx)),
       style: {
         width: width
       },
@@ -337,7 +333,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       "data-tid": DateSelectDataTids.caption,
       className: styles.caption()
     }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.arrow(this.theme)] = true, _this$emotion$cx2[styles.arrowDisabled()] = Boolean(disabled), _this$emotion$cx2))
+      className: cx((_cx2 = {}, _cx2[styles.arrow(this.theme)] = true, _cx2[styles.arrowDisabled()] = Boolean(disabled), _cx2))
     }, /*#__PURE__*/React.createElement(ArrowTriangleUpDownIcon, {
       size: 12
     }))), this.state.opened && this.renderMenu(this.menuId));
@@ -348,9 +344,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     var width = this.getProps().width;
     var isInteractiveElement = !disabled;
     var Tag = isInteractiveElement ? 'button' : 'span';
-    var styles = getStyles(this.emotion);
     var rootProps = {
-      className: this.emotion.cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),
+      className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),
       style: {
         width: width
       },
@@ -363,7 +358,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       "data-tid": DateSelectDataTids.caption,
       className: styles.caption()
     }, this.getItem(0)), isInteractiveElement && /*#__PURE__*/React.createElement(ArrowCollapseCVOpenIcon16Regular, {
-      className: this.emotion.cx(globalClasses.arrow),
+      className: cx(globalClasses.arrow),
       color: "#ADADAD"
     }), this.state.opened && this.renderMenu(this.menuId));
   };
@@ -386,7 +381,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
 
   _proto.renderMenu = function renderMenu(id) {
     var _this3 = this,
-        _this$emotion$cx3;
+        _cx3;
 
     var _this$state = this.state,
         top = _this$state.top,
@@ -401,15 +396,12 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     var from = (this.state.pos - shift + top) / itemHeight;
     var to = from + Math.ceil((height + shift) / itemHeight);
     var items = [];
-    var styles = getStyles(this.emotion);
 
     var _loop = function _loop(i) {
-      var _this3$emotion$cx;
+      var _cx4;
 
       var disableItems = _this3.disableItems(i) || false;
-
-      var className = _this3.emotion.cx((_this3$emotion$cx = {}, _this3$emotion$cx[styles.menuItem(_this3.theme)] = true, _this3$emotion$cx[styles.menuItemSelected(_this3.theme)] = i === 0, _this3$emotion$cx[styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _this3$emotion$cx[styles.menuItemDisabled(_this3.theme)] = disableItems, _this3$emotion$cx));
-
+      var className = cx((_cx4 = {}, _cx4[styles.menuItem(_this3.theme)] = true, _cx4[styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));
       var clickHandler = {
         onMouseDown: preventDefault,
         onClick: _this3.handleItemClick(i)
@@ -446,7 +438,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       position: 'relative',
       top: -shift
     };
-    var holderClass = this.emotion.cx((_this$emotion$cx3 = {}, _this$emotion$cx3[styles.menuHolder(this.theme)] = true, _this$emotion$cx3[styles.isTopCapped()] = this.state.topCapped, _this$emotion$cx3[styles.isBotCapped()] = this.state.botCapped, _this$emotion$cx3));
+    var holderClass = cx((_cx3 = {}, _cx3[styles.menuHolder(this.theme)] = true, _cx3[styles.isTopCapped()] = this.state.topCapped, _cx3[styles.isBotCapped()] = this.state.botCapped, _cx3));
     var dropdownOffset = -itemHeight;
 
     if (nodeTop < -top) {
@@ -474,7 +466,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       className: holderClass,
       style: style
     }, !this.state.topCapped && /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx(styles.menu(this.theme), styles.menuUp()),
+      className: cx(styles.menu(this.theme), styles.menuUp()),
       onClick: this.handleUp,
       onMouseDown: this.handleLongClickUp,
       onMouseUp: this.handleLongClickStop,
@@ -490,7 +482,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       ref: this.refItemsContainer,
       style: shiftStyle
     }, items)), !this.state.botCapped && /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx(styles.menu(this.theme), styles.menuDown()),
+      className: cx(styles.menu(this.theme), styles.menuDown()),
       onClick: this.handleDown,
       onMouseDown: this.handleLongClickDown,
       onMouseUp: this.handleLongClickStop,