@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_props$rel","rel","isExternalLink","isNotSelectable","rest","_objectWithoutPropertiesLoose2","default","iconElement","_cx","createElement","style","top","className","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","children","isFunction","Component","getComponent","_extends2","ref","setRootRef","activeState","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","getVisualStateDataAttributes","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","PropTypes","node","bool","string","func","contextType","MenuContext","isMenuItem","isReactUIComponent"],"sources":["MenuItem.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   * @deprecated\n   */\n  link?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n\n    size: PropTypes.string,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper\n              rootNodeRef={this.setRootNode}\n              {...getVisualStateDataAttributes({\n                hover: this.isHover,\n                selected: this.isSelected,\n              })}\n              {...this.props}\n            >\n              {this.renderMain(this.props)}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.iconLarge(this.theme);\n      case 'medium':\n        return styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.iconSmall(this.theme);\n    }\n  }\n\n  private getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      ...rest\n    } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        ref={this.setRootRef}\n        data-tid={MenuItemDataTids.root}\n        {...rest}\n        disabled={disabled}\n        state={this.activeState}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleClick}\n        className={className}\n        href={href}\n        rel={href ? rel : undefined}\n        tabIndex={-1}\n      >\n        {iconElement}\n        <span\n          className={cx({\n            [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n          })}\n          ref={this.contentRef}\n          data-tid={MenuItemDataTids.content}\n        >\n          {typeof content === 'function' ? content() : content}\n        </span>\n        {this.props.comment && (\n          <div\n            data-tid={MenuItemDataTids.comment}\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: this.isHover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","iconElement","_cx","createElement","top","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","isFunction","activeState","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","MenuContext","isMenuItem","isReactUIComponent"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MenuContextType } from '../../internal/Menu/MenuContext';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\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  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.iconLarge(this.theme);\n      case 'medium':\n        return styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.iconSmall(this.theme);\n    }\n  }\n\n  private getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.nonSelectable()]: !!isNotSelectable,\n      [styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.activeState);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={cx({\n              [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={cx({\n                [styles.comment(this.theme)]: true,\n                [styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MenuItem/MenuItem.mixins.d.ts

@@ -1,3 +1,3 @@
-export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
-export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
+export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuItem/MenuItem.styles.d.ts

@@ -1,27 +1,27 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
-    paddingX: string;
-    paddingY: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootMobile(t: Theme): string;
-    hover(t: Theme): string;
-    selected(t: Theme): string;
-    disabled(t: Theme): string;
-    link(t: Theme): string;
-    loose(): string;
-    withIconSmall(t: Theme): string;
-    withIconMedium(t: Theme): string;
-    withIconLarge(t: Theme): string;
-    comment(t: Theme): string;
-    commentHover(t: Theme): string;
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-    mobileContentWithIcon(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<"menuItemPaddingX" | "menuItemPaddingY", string>) => {
+    paddingX: string;
+    paddingY: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootMobile(t: Theme): string;
+    hover(t: Theme): string;
+    selected(t: Theme): string;
+    disabled(t: Theme): string;
+    nonSelectable(): string;
+    loose(): string;
+    withIconSmall(t: Theme): string;
+    withIconMedium(t: Theme): string;
+    withIconLarge(t: Theme): string;
+    comment(t: Theme): string;
+    commentHover(t: Theme): string;
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    mobileContentWithIcon(): string;
+};

package/cjs/components/MenuItem/MenuItem.styles.js

@@ -94,9 +94,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
   },
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.menuItemLinkColor);
+  nonSelectable: function nonSelectable() {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+
 
   },
   loose: function loose() {

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon() {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","nonSelectable","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  nonSelectable() {\n    return css`\n      cursor: default;\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon() {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './MenuItem';
+export * from './MenuItem';

package/cjs/components/MenuSeparator/MenuSeparator.d.ts

@@ -1,17 +1,12 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export type MenuSeparatorProps = CommonProps;
-export declare const MenuSeparatorDataTids: {
-    readonly root: "MenuSeparator__root";
-};
-/**
- * `MenuSeparator` добавляет разделительную линию между элементами меню.
- *
- * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
-declare namespace MenuSeparator {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
-export { MenuSeparator };
+import type { CommonProps } from '../../internal/CommonWrapper';
+export type MenuSeparatorProps = CommonProps;
+export declare const MenuSeparatorDataTids: {
+    readonly root: "MenuSeparator__root";
+};
+/**
+ * `MenuSeparator` добавляет разделительную линию между элементами меню.
+ *
+ * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare const MenuSeparator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
+export { MenuSeparator };

package/cjs/components/MenuSeparator/MenuSeparator.js

@@ -1,9 +1,11 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuSeparator = MenuSeparator;exports.MenuSeparatorDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuSeparatorDataTids = exports.MenuSeparator = void 0;var _react = _interopRequireWildcard(require("react"));
 
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _ResponsiveLayout = require("../ResponsiveLayout");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
 
 var _MenuSeparator = require("./MenuSeparator.styles");
 
@@ -18,24 +20,25 @@ var MenuSeparatorDataTids = exports.MenuSeparatorDataTids = {
  *
  * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
-function MenuSeparator(props) {
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-
-  return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
-    _react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null,
-    function (_ref) {var _cx;var isMobile = _ref.isMobile;
-      return /*#__PURE__*/(
-        _react.default.createElement("div", {
-          "data-tid": MenuSeparatorDataTids.root,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[_MenuSeparator.styles.root(theme)] = true, _cx[_MenuSeparator.styles.rootMobile(theme)] = isMobile, _cx)) }
-        ));
-
-    }
-    )
-    ));
-
-}
-
-MenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';
-MenuSeparator.displayName = 'MenuSeparator';
+var MenuSeparator = exports.MenuSeparator = (0, _forwardRefAndName.forwardRefAndName)(
+  'MenuSeparator',
+  function MenuSeparator(props, ref) {
+    var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+    return /*#__PURE__*/(
+      _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
+      _react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null,
+      function (_ref) {var _cx;var isMobile = _ref.isMobile;
+        return /*#__PURE__*/(
+          _react.default.createElement("div", {
+            ref: ref,
+            "data-tid": MenuSeparatorDataTids.root,
+            className: (0, _Emotion.cx)((_cx = {}, _cx[_MenuSeparator.styles.root(theme)] = true, _cx[_MenuSeparator.styles.rootMobile(theme)] = isMobile, _cx)) }
+          ));
+
+      }
+      )
+      ));
+
+  }
+);

package/cjs/components/MenuSeparator/MenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","props","theme","useContext","ThemeContext","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_cx","isMobile","className","cx","styles","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n\n/**\n * `MenuSeparator` добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"],"mappings":"mNAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIO,IAAMM,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAa,aAAa,EAAKN,KAAK;IACtBZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAa,gBAAgB;IACd,UAAAC,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;UACE,YAAUT,qBAAqB,CAACE,IAAK;UACrCa,SAAS,EAAE,IAAAC,WAAE,GAAAH,GAAA,OAAAA,GAAA,CAAII,qBAAM,CAACf,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAQ,GAAA,CAAGI,qBAAM,CAACC,UAAU,CAACb,KAAK,CAAC,IAAGS,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAV,aAAa,CAACgB,mBAAmB,GAAG,eAAe;AACnDhB,aAAa,CAACiB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_forwardRefAndName","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","forwardRefAndName","props","ref","theme","useContext","ThemeContext","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_cx","isMobile","className","cx","styles","rootMobile"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n\n/**\n * `MenuSeparator` добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nconst MenuSeparator = forwardRefAndName(\n  'MenuSeparator',\n  function MenuSeparator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <CommonWrapper {...props}>\n        <ResponsiveLayout>\n          {({ isMobile }) => {\n            return (\n              <div\n                ref={ref}\n                data-tid={MenuSeparatorDataTids.root}\n                className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n              />\n            );\n          }}\n        </ResponsiveLayout>\n      </CommonWrapper>\n    );\n  },\n);\n\nexport { MenuSeparator };\n"],"mappings":"qMAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;;;;AAIO,IAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAAC,oCAAiB;EACrC,eAAe;EACf,SAASD,aAAaA,CAACE,KAAyB,EAAEC,GAA8B,EAAE;IAChF,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAgB,aAAa,EAAKP,KAAK;MACtBd,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,iBAAA,CAAAgB,gBAAgB;MACd,UAAAC,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;QACV;UACEzB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;YACEL,GAAG,EAAEA,GAAI;YACT,YAAUN,qBAAqB,CAACE,IAAK;YACrCe,SAAS,EAAE,IAAAC,WAAE,GAAAH,GAAA,OAAAA,GAAA,CAAII,qBAAM,CAACjB,IAAI,CAACK,KAAK,CAAC,IAAG,IAAI,EAAAQ,GAAA,CAAGI,qBAAM,CAACC,UAAU,CAACb,KAAK,CAAC,IAAGS,QAAQ,EAAAD,GAAA,CAAE,CAAE;UACrF,CAAC;;MAEN;MACgB;MACL,CAAC;;EAEpB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    rootMobile(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+};

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;IAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;IAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './MenuSeparator';
+export * from './MenuSeparator';

package/cjs/components/MiniModal/MiniModal.d.ts

@@ -1,24 +1,25 @@
-import { Modal, ModalProps } from '../Modal';
-import { MiniModalFooter } from './MiniModalFooter';
-import { MiniModalHeader } from './MiniModalHeader';
-import { MiniModalBody } from './MiniModalBody';
-import { MiniModalIndent } from './MiniModalIndent';
-export declare const MiniModalDataTids: {
-    readonly icon: "MiniModal__icon";
-    readonly title: "MiniModal__title";
-    readonly description: "MiniModal__description";
-    readonly actions: "MiniModal__actions";
-    readonly indent: "MiniModal__indent";
-};
-/**
- * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
- * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
- *
- * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
- */
-export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
-    Header: typeof MiniModalHeader;
-    Indent: typeof MiniModalIndent;
-    Footer: typeof MiniModalFooter;
-    Body: typeof MiniModalBody;
-};
+import type { ModalProps } from '../Modal';
+import { Modal } from '../Modal';
+import { MiniModalFooter } from './MiniModalFooter';
+import { MiniModalHeader } from './MiniModalHeader';
+import { MiniModalBody } from './MiniModalBody';
+import { MiniModalIndent } from './MiniModalIndent';
+export declare const MiniModalDataTids: {
+    readonly icon: "MiniModal__icon";
+    readonly title: "MiniModal__title";
+    readonly description: "MiniModal__description";
+    readonly actions: "MiniModal__actions";
+    readonly indent: "MiniModal__indent";
+};
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
+export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
+    Header: typeof MiniModalHeader;
+    Indent: typeof MiniModalIndent;
+    Footer: typeof MiniModalFooter;
+    Body: typeof MiniModalBody;
+};

package/cjs/components/MiniModal/MiniModal.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalDataTids = exports.MiniModal = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+
 var _Modal = require("../Modal");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
@@ -8,7 +9,7 @@ var _getMiniModalTheme = require("./getMiniModalTheme");
 var _MiniModalFooter = require("./MiniModalFooter");
 var _MiniModalHeader = require("./MiniModalHeader");
 var _MiniModalBody = require("./MiniModalBody");
-var _MiniModalIndent = require("./MiniModalIndent");var _excluded = ["children", "theme"];
+var _MiniModalIndent = require("./MiniModalIndent");var _excluded = ["children", "theme", "mobileAppearance"];
 
 var MiniModalDataTids = exports.MiniModalDataTids = {
   icon: 'MiniModal__icon',
@@ -33,12 +34,12 @@ var MiniModal = exports.MiniModal = (0, _forwardRefAndName.forwardRefAndName)(
 
 
 
-  'MiniModal', function (_ref, ref) {var children = _ref.children,propsTheme = _ref.theme,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  'MiniModal', function (_ref, ref) {var children = _ref.children,propsTheme = _ref.theme,mobileAppearance = _ref.mobileAppearance,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var contextTheme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getMiniModalTheme.getMiniModalTheme)(contextTheme, propsTheme) }, /*#__PURE__*/
-      _react.default.createElement(_Modal.Modal, (0, _extends2.default)({ width: 400, noClose: true, ref: ref }, rest),
+      _react.default.createElement(_Modal.Modal, (0, _extends2.default)({ width: 400, mobileAppearance: mobileAppearance != null ? mobileAppearance : 'center', noClose: true, ref: ref }, rest),
       children
       )
       ));

package/cjs/components/MiniModal/MiniModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_ThemeContext","_forwardRefAndName","_getMiniModalTheme","_MiniModalFooter","_MiniModalHeader","_MiniModalBody","_MiniModalIndent","_excluded","MiniModalDataTids","exports","icon","title","description","actions","indent","MiniModal","forwardRefAndName","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose2","default","contextTheme","useContext","ThemeContext","createElement","Provider","value","getMiniModalTheme","Modal","_extends2","width","noClose","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\n/**\n * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.\n * Закрытие окна по клику на фон или \"крестик\" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие \"Сохранить\", \"Подтвердить\" и т.п.\n *\n * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.\n */\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"weAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA,sBAAoD,IAAAS,SAAA;;AAE7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,IAAAC,oCAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAV,SAAA;IACpD,IAAMkB,YAAY,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAE7C;MACE/B,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,aAAA,CAAA2B,YAAY,CAACE,QAAQ,IAACC,KAAK,EAAE,IAAAC,oCAAiB,EAACN,YAAY,EAAEL,UAAU,CAAE;MACxExB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC7B,MAAA,CAAAiC,KAAK,MAAAC,SAAA,CAAAT,OAAA,IAACU,KAAK,EAAE,GAAI,EAACC,OAAO,QAACjB,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFJ,SAAS,CAACqB,MAAM,GAAGC,gCAAe;AAClCtB,SAAS,CAACuB,MAAM,GAAGC,gCAAe;AAClCxB,SAAS,CAACyB,MAAM,GAAGC,gCAAe;AAClC1B,SAAS,CAAC2B,IAAI,GAAGC,4BAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_ThemeContext","_forwardRefAndName","_getMiniModalTheme","_MiniModalFooter","_MiniModalHeader","_MiniModalBody","_MiniModalIndent","_excluded","MiniModalDataTids","exports","icon","title","description","actions","indent","MiniModal","forwardRefAndName","_ref","ref","children","propsTheme","theme","mobileAppearance","rest","_objectWithoutPropertiesLoose2","default","contextTheme","useContext","ThemeContext","createElement","Provider","value","getMiniModalTheme","Modal","_extends2","width","noClose","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { ModalProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\n/**\n * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.\n * Закрытие окна по клику на фон или \"крестик\" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие \"Сохранить\", \"Подтвердить\" и т.п.\n *\n * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.\n */\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, mobileAppearance, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} mobileAppearance={mobileAppearance ?? 'center'} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"weAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA,sBAAoD,IAAAS,SAAA;;AAE7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,IAAAC,oCAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAC,IAAA,EAA6DC,GAAG,EAAK,KAAlEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAcC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAR,IAAA,EAAAV,SAAA;IACtE,IAAMmB,YAAY,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAE7C;MACEhC,MAAA,CAAA6B,OAAA,CAAAI,aAAA,CAAC7B,aAAA,CAAA4B,YAAY,CAACE,QAAQ,IAACC,KAAK,EAAE,IAAAC,oCAAiB,EAACN,YAAY,EAAEN,UAAU,CAAE;MACxExB,MAAA,CAAA6B,OAAA,CAAAI,aAAA,CAAC9B,MAAA,CAAAkC,KAAK,MAAAC,SAAA,CAAAT,OAAA,IAACU,KAAK,EAAE,GAAI,EAACb,gBAAgB,EAAEA,gBAAgB,WAAhBA,gBAAgB,GAAI,QAAS,EAACc,OAAO,QAAClB,GAAG,EAAEA,GAAI,IAAKK,IAAI;MAC1FJ;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFJ,SAAS,CAACsB,MAAM,GAAGC,gCAAe;AAClCvB,SAAS,CAACwB,MAAM,GAAGC,gCAAe;AAClCzB,SAAS,CAAC0B,MAAM,GAAGC,gCAAe;AAClC3B,SAAS,CAAC4B,IAAI,GAAGC,4BAAa","ignoreList":[]}

package/cjs/components/MiniModal/MiniModal.styles.d.ts

@@ -1,14 +1,11 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    icon(): string;
-    description(): string;
-    title(): string;
-    titleWithIcon(t: Theme): string;
-    actions(t: Theme): string;
-    actionsIndent(t: Theme): string;
-    actionsIndentIE11Fallback(t: Theme): string;
-    actionsRow(): string;
-    actionsColumn(): string;
-    actionsRowIE11Fallback(t: Theme): string;
-    actionsColumnIE11Fallback(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(): string;
+    description(t: Theme): string;
+    title(): string;
+    titleWithIcon(t: Theme): string;
+    actions(): string;
+    actionsIndent(t: Theme): string;
+    actionsRow(t: Theme): string;
+    actionsColumn(t: Theme): string;
+};