@skbkontur/react-ui 6.1.0 → 6.1.1

package/internal/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../internal/Menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { MenuItem } from '../../components/MenuItem/index.js';\nimport { MenuItemDataTids } from '../../components/MenuItem/index.js';\nimport { MenuSeparator } from '../../components/MenuSeparator/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { ScrollContainer } from '../../components/ScrollContainer/index.js';\nimport type { ScrollContainerScrollStateY } from '../../components/ScrollContainer/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { getStyles } from './Menu.styles.js';\nimport { MenuContext } from './MenuContext.js';\nimport { MenuNavigation } from './MenuNavigation.js';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: boolean;\n  /**\n   * Максимальная высота применяется только для скролл контейнера\n   *\n   * Высота `header` и `footer` в нее не включены\n   */\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n  /**\n   * Отключает выравнивание текста пунктов меню относительно иконок в других пунктах.\n   */\n  preventIconsOffset?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  /**\n   * Циклический перебор айтемов меню (по-дефолтну включен)\n   */\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollStateY;\n  enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n  root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    MenuProps,\n    | 'align'\n    | 'width'\n    | 'hasMargin'\n    | 'maxHeight'\n    | 'preventWindowScroll'\n    | 'cyclicSelection'\n    | 'initialSelectedItemIndex'\n  >\n>;\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n  public static displayName = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasMargin: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state: MenuState = {\n    maxHeight: this.getProps().maxHeight || 'none',\n    scrollState: 'top',\n    enableIconPadding: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private isMobileLayout!: boolean;\n  private unmounted = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private contentRef = React.createRef<HTMLDivElement>();\n  private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n  public componentWillUnmount(): void {\n    this.unmounted = true;\n  }\n\n  public componentDidMount(): void {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\n  }\n\n  public componentDidUpdate(prevProps: MenuProps): void {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n\n    if (prevProps.maxHeight !== this.getProps().maxHeight) {\n      this.setState({\n        maxHeight: this.props.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus(): void {\n    this.focusOnRootElement();\n  }\n\n  private focusOnRootElement = (): void => {\n    const rootNode = getRootNode(this);\n    if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n      rootNode?.focus();\n    }\n  };\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset(): void {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n    };\n\n    const isMobile = this.isMobileLayout;\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={MenuDataTids.root}\n          className={this.cx(getAlignRightClass(this.props, this.cx, this.styles), {\n            [this.styles.root(this.theme)]: true,\n            [this.styles.hasMargin(this.theme)]: hasMargin,\n            [this.styles.mobileRoot(this.theme)]: isMobile,\n            [this.styles.mobileRoot6_1()]: themeGTE6_1 && isMobile,\n            [this.styles.shadow(this.theme)]: !isMobile,\n          })}\n          style={this.getStyle(this.props)}\n          id={this.props.id}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n        >\n          {this.props.header && this.renderHeader()}\n          <ScrollContainer\n            ref={this.refScrollContainer}\n            maxHeight={maxHeight}\n            preventWindowScroll={preventWindowScroll}\n            onScrollStateChangeY={this.handleScrollStateChange}\n            disabled={this.props.disableScrollContainer}\n            offsetY={offsetY}\n          >\n            <div\n              className={this.cx({\n                [this.styles.scrollContainer(this.theme)]: true,\n                [this.styles.scrollContainerMobile(this.theme)]: isMobile,\n              })}\n              ref={this.contentRef}\n            >\n              <MenuContext.Provider\n                value={{\n                  navigation: this.menuNavigation,\n                  onItemClick: this.props.onItemClick,\n                  enableIconPadding: this.state.enableIconPadding,\n                  setEnableIconPadding: this.setEnableIconPadding,\n                }}\n              >\n                {this.props.children}\n              </MenuContext.Provider>\n            </div>\n          </ScrollContainer>\n          {this.props.footer && this.renderFooter()}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.headerWrapper()]: true,\n        })}\n        ref={(el) => {\n          this.header = el;\n        }}\n      >\n        <div className={this.styles.contentWrapper()}>{this.props.header}</div>\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.footerWrapper()]: true,\n        })}\n        ref={(el) => {\n          this.footer = el;\n        }}\n      >\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n        <div className={this.styles.contentWrapper()}>{this.props.footer}</div>\n      </div>\n    );\n  };\n\n  private renderMenuSeparatorWithNoMargin = () => {\n    return (\n      <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n        <MenuSeparator />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.down();\n    }\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { header, footer, children } = this.props;\n    const maxHeight = this.getProps().maxHeight;\n    const prevMaxHeight = prevProps.maxHeight;\n    const prevHeader = prevProps.header;\n    const prevFooter = prevProps.footer;\n    const prevChildrenCount = React.Children.count(prevProps.children);\n\n    return (\n      maxHeight !== prevMaxHeight ||\n      footer !== prevFooter ||\n      header !== prevHeader ||\n      React.Children.count(children) !== prevChildrenCount\n    );\n  };\n\n  private calculateMaxHeight = () => {\n    const maxHeight = this.getProps().maxHeight;\n    let parsedMaxHeight = maxHeight;\n    const rootNode = getRootNode(this);\n\n    if (typeof maxHeight === 'string' && isBrowser(this.globalObject) && rootNode) {\n      const rootElementMaxHeight = this.globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n      if (rootElementMaxHeight) {\n        parsedMaxHeight = parseFloat(rootElementMaxHeight);\n      }\n    }\n\n    const calculatedMaxHeight =\n      typeof parsedMaxHeight === 'number'\n        ? parsedMaxHeight +\n          ((this.header && getDOMRect(this.header).height) || 0) +\n          ((this.footer && getDOMRect(this.footer).height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\n    if (this.scrollContainer && highlightedItem) {\n      const rootNode = getRootNode(highlightedItem);\n      // TODO: Remove this check once IF-647 is resolved\n      if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n        this.scrollContainer.scrollTo(rootNode);\n      }\n    }\n  };\n\n  private scrollToTop = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToTop();\n    }\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToBottom();\n    }\n  };\n\n  private scroll = (nextIndex: number) => {\n    switch (nextIndex) {\n      case 0:\n        this.scrollToTop?.();\n        break;\n      case this.menuNavigation.items.length - 1:\n        this.scrollToBottom?.();\n        break;\n      default:\n        this.scrollToSelected?.();\n    }\n  };\n\n  private move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\n  }\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(event)) {\n      event.preventDefault();\n      this.up();\n    } else if (isKeyArrowDown(event)) {\n      event.preventDefault();\n      this.down();\n    } else if (isKeyEnter(event)) {\n      this.menuNavigation.select(event);\n    }\n  };\n\n  private getStyle = (props: MenuProps): CSSProperties => {\n    if (props.align === 'right') {\n      return {\n        maxWidth: props.width,\n        minWidth: props.width,\n        maxHeight: this.state.maxHeight,\n      };\n    }\n\n    return {\n      width: props.width,\n      maxHeight: this.state.maxHeight,\n    };\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollStateY) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n\n  private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n    !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n  };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps, cx: Emotion['cx'], styles: ReturnType<typeof getStyles>) => {\n  if (props.align === 'right') {\n    return cx(styles.alignRight());\n  }\n\n  return null;\n};\n"]}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { MenuItem } from '../../components/MenuItem/index.js';\nimport { MenuItemDataTids } from '../../components/MenuItem/index.js';\nimport { MenuSeparator } from '../../components/MenuSeparator/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { ScrollContainer } from '../../components/ScrollContainer/index.js';\nimport type { ScrollContainerScrollStateY } from '../../components/ScrollContainer/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { getStyles } from './Menu.styles.js';\nimport { MenuContext } from './MenuContext.js';\nimport { MenuNavigation } from './MenuNavigation.js';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  children: React.ReactNode;\n  hasMargin?: boolean;\n  /**\n   * Максимальная высота применяется только для скролл контейнера\n   *\n   * Высота `header` и `footer` в нее не включены\n   */\n  maxHeight?: number | string;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n  /**\n   * Отключает выравнивание текста пунктов меню относительно иконок в других пунктах.\n   */\n  preventIconsOffset?: boolean;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  /**\n   * Циклический перебор айтемов меню (по-дефолтну включен)\n   */\n  cyclicSelection?: boolean;\n  initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n  maxHeight: number | string;\n  scrollState: ScrollContainerScrollStateY;\n  enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n  root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    MenuProps,\n    | 'align'\n    | 'width'\n    | 'hasMargin'\n    | 'maxHeight'\n    | 'preventWindowScroll'\n    | 'cyclicSelection'\n    | 'initialSelectedItemIndex'\n  >\n>;\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n  public static displayName = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasMargin: true,\n    preventWindowScroll: true,\n    cyclicSelection: true,\n    initialSelectedItemIndex: -1,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state: MenuState = {\n    maxHeight: this.getProps().maxHeight || 'none',\n    scrollState: 'top',\n    enableIconPadding: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private isMobileLayout!: boolean;\n  private unmounted = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private header: Nullable<HTMLDivElement>;\n  private footer: Nullable<HTMLDivElement>;\n  private contentRef = React.createRef<HTMLDivElement>();\n  private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n  public componentWillUnmount(): void {\n    this.unmounted = true;\n  }\n\n  public componentDidMount(): void {\n    this.setInitialSelection();\n    this.calculateMaxHeight();\n    this.unmounted = false;\n  }\n\n  public componentDidUpdate(prevProps: MenuProps): void {\n    if (this.shouldRecalculateMaxHeight(prevProps)) {\n      this.calculateMaxHeight();\n    }\n\n    if (prevProps.maxHeight !== this.getProps().maxHeight) {\n      this.setState({\n        maxHeight: this.props.maxHeight || 'none',\n      });\n    }\n  }\n\n  public focus(): void {\n    this.focusOnRootElement();\n  }\n\n  private focusOnRootElement = (): void => {\n    const rootNode = getRootNode(this);\n    if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n      rootNode?.focus();\n    }\n  };\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    this.menuNavigation.highlightedItem?.navigate();\n    return this.menuNavigation.select(event);\n  }\n\n  /**\n   * @public\n   */\n  public reset(): void {\n    this.menuNavigation.reset();\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return !!this.menuNavigation.highlightedItem;\n  }\n\n  public highlightItem(index: number) {\n    this.menuNavigation.highlightByIndex(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n    const offsetY = {\n      top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n      right: 0,\n      bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n    };\n\n    const isMobile = this.isMobileLayout;\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={MenuDataTids.root}\n          className={this.cx(getAlignRightClass(this.props, this.cx, this.styles), {\n            [this.styles.root(this.theme)]: true,\n            [this.styles.hasMargin(this.theme)]: hasMargin,\n            [this.styles.mobileRoot(this.theme)]: isMobile,\n            [this.styles.mobileRoot6_1()]: themeGTE6_1 && isMobile,\n            [this.styles.shadow(this.theme)]: !isMobile,\n          })}\n          style={this.getStyle(this.props)}\n          id={this.props.id}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n        >\n          {this.props.header && this.renderHeader()}\n          <ScrollContainer\n            ref={this.refScrollContainer}\n            maxHeight={maxHeight}\n            preventWindowScroll={preventWindowScroll}\n            onScrollStateChangeY={this.handleScrollStateChange}\n            disabled={this.props.disableScrollContainer}\n            offsetY={offsetY}\n          >\n            <div\n              className={this.cx({\n                [this.styles.scrollContainer(this.theme)]: true,\n                [this.styles.scrollContainerMobile(this.theme)]: isMobile,\n              })}\n              ref={this.contentRef}\n            >\n              <MenuContext.Provider\n                value={{\n                  navigation: this.menuNavigation,\n                  onItemClick: this.props.onItemClick,\n                  enableIconPadding: this.state.enableIconPadding,\n                  setEnableIconPadding: this.setEnableIconPadding,\n                }}\n              >\n                {this.props.children}\n              </MenuContext.Provider>\n            </div>\n          </ScrollContainer>\n          {this.props.footer && this.renderFooter()}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.headerWrapper()]: true,\n        })}\n        ref={(el) => {\n          this.header = el;\n        }}\n      >\n        <div className={this.styles.contentWrapper()}>{this.props.header}</div>\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n      </div>\n    );\n  };\n\n  private renderFooter = () => {\n    return (\n      <div\n        className={this.cx({\n          [this.styles.wrapper()]: true,\n          [this.styles.footerWrapper()]: true,\n        })}\n        ref={(el) => {\n          this.footer = el;\n        }}\n      >\n        <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n          {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n        </div>\n        <div className={this.styles.contentWrapper()}>{this.props.footer}</div>\n      </div>\n    );\n  };\n\n  private renderMenuSeparatorWithNoMargin = () => {\n    return (\n      <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n        <MenuSeparator />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private setInitialSelection = () => {\n    for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n      this.down();\n    }\n  };\n\n  private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n    const { header, footer, children } = this.props;\n    const maxHeight = this.getProps().maxHeight;\n    const prevMaxHeight = prevProps.maxHeight;\n    const prevHeader = prevProps.header;\n    const prevFooter = prevProps.footer;\n    const prevChildrenCount = React.Children.count(prevProps.children);\n\n    return (\n      maxHeight !== prevMaxHeight ||\n      footer !== prevFooter ||\n      header !== prevHeader ||\n      React.Children.count(children) !== prevChildrenCount\n    );\n  };\n\n  private calculateMaxHeight = () => {\n    const maxHeight = this.getProps().maxHeight;\n    let parsedMaxHeight = maxHeight;\n    const rootNode = getRootNode(this);\n\n    if (typeof maxHeight === 'string' && isBrowser(this.globalObject) && rootNode) {\n      const rootElementMaxHeight = this.globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n      if (rootElementMaxHeight) {\n        parsedMaxHeight = parseFloat(rootElementMaxHeight);\n      }\n    }\n\n    const calculatedMaxHeight =\n      typeof parsedMaxHeight === 'number'\n        ? parsedMaxHeight +\n          ((this.header && getDOMRect(this.header).height) || 0) +\n          ((this.footer && getDOMRect(this.footer).height) || 0)\n        : maxHeight;\n\n    this.setState({\n      maxHeight: calculatedMaxHeight || 'none',\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private scrollToSelected = () => {\n    const highlightedItem = this.menuNavigation.highlightedItem;\n    if (this.scrollContainer && highlightedItem) {\n      const rootNode = getRootNode(highlightedItem);\n      // TODO: Remove this check once IF-647 is resolved\n      if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n        this.scrollContainer.scrollTo(rootNode);\n      }\n    }\n  };\n\n  private scrollToTop = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToTop();\n    }\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollToBottom();\n    }\n  };\n\n  private scroll = (nextIndex: number) => {\n    switch (nextIndex) {\n      case 0:\n        this.scrollToTop?.();\n        break;\n      case this.menuNavigation.items.length - 1:\n        this.scrollToBottom?.();\n        break;\n      default:\n        this.scrollToSelected?.();\n    }\n  };\n\n  private move(step: number) {\n    if (this.unmounted) {\n      // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n      return;\n    }\n    const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n    this.scroll(nextIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\n  }\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (typeof this.props.onKeyDown === 'function') {\n      this.props.onKeyDown(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (isKeyArrowUp(event)) {\n      event.preventDefault();\n      this.up();\n    } else if (isKeyArrowDown(event)) {\n      event.preventDefault();\n      this.down();\n    } else if (isKeyEnter(event)) {\n      this.menuNavigation.select(event);\n    }\n  };\n\n  private getStyle = (props: MenuProps): CSSProperties => {\n    if (props.align === 'right') {\n      return {\n        maxWidth: props.width,\n        minWidth: props.width,\n        maxHeight: this.state.maxHeight,\n      };\n    }\n\n    return {\n      width: props.width,\n      maxHeight: this.state.maxHeight,\n    };\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollContainerScrollStateY) => {\n    if (this.state.scrollState !== scrollState) {\n      this.setState({ scrollState });\n    }\n  };\n\n  private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n    !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n  };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n  const ret: React.ReactNode[] = [];\n  // Use forEach instead of map to avoid cloning for key unifying.\n  React.Children.forEach(children, (child) => {\n    ret.push(child);\n  });\n  return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps, cx: Emotion['cx'], styles: ReturnType<typeof getStyles>) => {\n  if (props.align === 'right') {\n    return cx(styles.alignRight());\n  }\n\n  return null;\n};\n"]}

package/internal/Menu/Menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../internal/Menu/Menu.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0MAAA,sBACM,EAAe,0BACZ,EAAkB,uBACrB,EAAe,0CAElB,EAAc,GAAI,EAAc,SAC5C,KALe,CAAC,CAAC,aAAa,EACZ,CAAC,CAAC,gBAAgB,EACrB,CAAC,CAAC,aAAa,EAElB,CAAC,CAAC,YAAY,EAAI,CAAC,CAAC,YAAY,EAC3C;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,kGAAA,kBACE,EAAa,WACxB,KADW,CAAC,CAAC,WAAW,EACvB;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,8IAAA,gEAGK,EAAoB,SAClC,KADc,CAAC,CAAC,kBAAkB,EACjC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,8FAAA,2BAET,KAAC;QACJ,CAAC;QAED,UAAU;YACR,OAAO,GAAG,kGAAA,+BAET,KAAC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mGAAA,mBACG,EAA2C,WACvD,KADY,CAAC,CAAC,yCAAyC,EACtD;QACJ,CAAC;QAED,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,mGAAA,mBACG,EAAiD,WAC7D,KADY,CAAC,CAAC,+CAA+C,EAC5D;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,yHAAA,kBACE,EAAY,uBACR,EAAY,SAC3B,KAFW,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,UAAU,EAC1B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,+NAAA,4JAOT,KAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,+FAAA,0BAET,KAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,kGAAA,6BAET,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,+GAAA,0CAET,KAAC;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,kGAAA,kBACE,EAA0B,SACrC,KADW,CAAC,CAAC,wBAAwB,EACpC;QACJ,CAAC;KACF,CAAC;AA1F8D,CA0F9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      outline: none;\n      padding: ${t.menuPaddingY} ${t.menuPaddingX};\n    `;\n  },\n\n  hasMargin(t: Theme) {\n    return css`\n      margin: ${t.menuOffsetY} 0;\n    `;\n  },\n\n  mobileRoot(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  mobileRoot6_1() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["Menu.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0MAAA,sBACM,EAAe,0BACZ,EAAkB,uBACrB,EAAe,0CAElB,EAAc,GAAI,EAAc,SAC5C,KALe,CAAC,CAAC,aAAa,EACZ,CAAC,CAAC,gBAAgB,EACrB,CAAC,CAAC,aAAa,EAElB,CAAC,CAAC,YAAY,EAAI,CAAC,CAAC,YAAY,EAC3C;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,kGAAA,kBACE,EAAa,WACxB,KADW,CAAC,CAAC,WAAW,EACvB;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,8IAAA,gEAGK,EAAoB,SAClC,KADc,CAAC,CAAC,kBAAkB,EACjC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,8FAAA,2BAET,KAAC;QACJ,CAAC;QAED,UAAU;YACR,OAAO,GAAG,kGAAA,+BAET,KAAC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mGAAA,mBACG,EAA2C,WACvD,KADY,CAAC,CAAC,yCAAyC,EACtD;QACJ,CAAC;QAED,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,mGAAA,mBACG,EAAiD,WAC7D,KADY,CAAC,CAAC,+CAA+C,EAC5D;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,yHAAA,kBACE,EAAY,uBACR,EAAY,SAC3B,KAFW,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,UAAU,EAC1B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,+NAAA,4JAOT,KAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,+FAAA,0BAET,KAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,GAAG,kGAAA,6BAET,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,+GAAA,0CAET,KAAC;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,kGAAA,kBACE,EAA0B,SACrC,KADW,CAAC,CAAC,wBAAwB,EACpC;QACJ,CAAC;KACF,CAAC;AA1F8D,CA0F9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      outline: none;\n      padding: ${t.menuPaddingY} ${t.menuPaddingX};\n    `;\n  },\n\n  hasMargin(t: Theme) {\n    return css`\n      margin: ${t.menuOffsetY} 0;\n    `;\n  },\n\n  mobileRoot(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  mobileRoot6_1() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n}));\n"]}

package/internal/Menu/MenuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../../internal/Menu/MenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC9D,UAAU,EAAE,IAAI;IAChB,iBAAiB,EAAE,KAAK;CACzB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { MenuItem } from '../../components/MenuItem/index.js';\nimport type { MenuNavigation } from './MenuNavigation.js';\n\nexport interface MenuContextType {\n  navigation: MenuNavigation<MenuItem> | null;\n  enableIconPadding: boolean;\n  setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextType>({\n  navigation: null,\n  enableIconPadding: false,\n});\n"]}
+{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["MenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC9D,UAAU,EAAE,IAAI;IAChB,iBAAiB,EAAE,KAAK;CACzB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { MenuItem } from '../../components/MenuItem/index.js';\nimport type { MenuNavigation } from './MenuNavigation.js';\n\nexport interface MenuContextType {\n  navigation: MenuNavigation<MenuItem> | null;\n  enableIconPadding: boolean;\n  setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextType>({\n  navigation: null,\n  enableIconPadding: false,\n});\n"]}

package/internal/Menu/MenuNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuNavigation.js","sourceRoot":"","sources":["../../../internal/Menu/MenuNavigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport type { RefObject } from 'react';\n\ninterface Highlightable {\n  highlight(): void;\n  unhighlight(): void;\n  select(...args: unknown[]): void;\n  isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n  private readonly root: RefObject<HTMLDivElement | null> | null;\n  private readonly itemsContentDataTid: string;\n  private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n  public highlightedItem: T | null = null;\n  public items: T[] = [];\n\n  constructor(root: RefObject<HTMLDivElement | null> | null, itemsContentDataTid: string) {\n    this.root = root;\n    this.itemsContentDataTid = itemsContentDataTid;\n  }\n\n  private update() {\n    if (this.root?.current) {\n      const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n      this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n    }\n  }\n\n  public add(tag: Element, item: T) {\n    this.tagsAndItems.set(tag, item);\n    if (this.root?.current) {\n      this.update();\n    } else {\n      this.items.push(item);\n    }\n  }\n\n  public remove(tag: HTMLElement) {\n    this.tagsAndItems.delete(tag);\n    this.update();\n  }\n\n  public move(step: number, isCyclic: boolean) {\n    const enabledItems = this.getEnabledItems();\n    const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n    const minIndex = 0;\n    const maxIndex = enabledItems.length - 1;\n    let nextIndex = currentIndex + step;\n    if (nextIndex < minIndex) {\n      nextIndex = isCyclic ? maxIndex : minIndex;\n    }\n    if (nextIndex > maxIndex) {\n      nextIndex = isCyclic ? minIndex : maxIndex;\n    }\n\n    const nextItem = enabledItems[nextIndex];\n\n    this.highlight(nextItem);\n\n    return nextIndex;\n  }\n\n  public highlight(item: T | null) {\n    const enabledItems = this.getEnabledItems();\n    enabledItems.forEach((_item) => {\n      if (item === _item) {\n        _item.highlight();\n        this.highlightedItem = item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public highlightByIndex(index: number) {\n    this.items.forEach((_item, i) => {\n      if (index === i && _item.isEnabled()) {\n        _item.highlight();\n        this.highlightedItem = _item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public unhighlight() {\n    this.highlightedItem?.unhighlight();\n    this.highlightedItem = null;\n  }\n\n  public select(event: React.SyntheticEvent<HTMLElement>) {\n    if (this.highlightedItem) {\n      this.highlightedItem.select(event);\n      return true;\n    }\n    return false;\n  }\n\n  public reset(): void {\n    this.highlight(null);\n    this.highlightedItem = null;\n  }\n\n  private getEnabledItems = () => {\n    return this.items.filter((item) => item.isEnabled());\n  };\n}\n"]}
+{"version":3,"file":"MenuNavigation.js","sourceRoot":"","sources":["MenuNavigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport type { RefObject } from 'react';\n\ninterface Highlightable {\n  highlight(): void;\n  unhighlight(): void;\n  select(...args: unknown[]): void;\n  isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n  private readonly root: RefObject<HTMLDivElement | null> | null;\n  private readonly itemsContentDataTid: string;\n  private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n  public highlightedItem: T | null = null;\n  public items: T[] = [];\n\n  constructor(root: RefObject<HTMLDivElement | null> | null, itemsContentDataTid: string) {\n    this.root = root;\n    this.itemsContentDataTid = itemsContentDataTid;\n  }\n\n  private update() {\n    if (this.root?.current) {\n      const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n      this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n    }\n  }\n\n  public add(tag: Element, item: T) {\n    this.tagsAndItems.set(tag, item);\n    if (this.root?.current) {\n      this.update();\n    } else {\n      this.items.push(item);\n    }\n  }\n\n  public remove(tag: HTMLElement) {\n    this.tagsAndItems.delete(tag);\n    this.update();\n  }\n\n  public move(step: number, isCyclic: boolean) {\n    const enabledItems = this.getEnabledItems();\n    const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n    const minIndex = 0;\n    const maxIndex = enabledItems.length - 1;\n    let nextIndex = currentIndex + step;\n    if (nextIndex < minIndex) {\n      nextIndex = isCyclic ? maxIndex : minIndex;\n    }\n    if (nextIndex > maxIndex) {\n      nextIndex = isCyclic ? minIndex : maxIndex;\n    }\n\n    const nextItem = enabledItems[nextIndex];\n\n    this.highlight(nextItem);\n\n    return nextIndex;\n  }\n\n  public highlight(item: T | null) {\n    const enabledItems = this.getEnabledItems();\n    enabledItems.forEach((_item) => {\n      if (item === _item) {\n        _item.highlight();\n        this.highlightedItem = item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public highlightByIndex(index: number) {\n    this.items.forEach((_item, i) => {\n      if (index === i && _item.isEnabled()) {\n        _item.highlight();\n        this.highlightedItem = _item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public unhighlight() {\n    this.highlightedItem?.unhighlight();\n    this.highlightedItem = null;\n  }\n\n  public select(event: React.SyntheticEvent<HTMLElement>) {\n    if (this.highlightedItem) {\n      this.highlightedItem.select(event);\n      return true;\n    }\n    return false;\n  }\n\n  public reset(): void {\n    this.highlight(null);\n    this.highlightedItem = null;\n  }\n\n  private getEnabledItems = () => {\n    return this.items.filter((item) => item.isEnabled());\n  };\n}\n"]}

package/internal/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Menu.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Menu.js';\n"]}

package/internal/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuMessage.js","sourceRoot":"","sources":["../../../internal/MenuMessage/MenuMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAQpD,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,mBAAmB;CACjB,CAAC;AAEX,MAAM,CAAC,IAAM,WAAW,GAAG,iBAAiB,CAC1C,aAAa,EACb,UAAC,EAA+D,EAAE,GAAG;;IAAlE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,UAAa,EAAT,GAAG,mBAAG,GAAG,KAAA,EAAK,IAAI,cAA7D,uCAA+D,CAAF;IACpD,IAAA,QAAQ,GAAK,mBAAmB,EAAE,SAA1B,CAA2B;IAEnC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,IAAM,2BAA2B,GAAG;QAClC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACrC,KAAK,QAAQ;gBACX,OAAO,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YACtC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iCAAiC,GAAG;QACxC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,CAAC;QACD,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;YAC5C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aACF,GAAG,EAAE,GAAG,cACE,mBAAmB,CAAC,IAAI,EAClC,SAAS,EAAE,EAAE,CACX,2BAA2B,EAAE;YAE3B,GAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;YAC1B,GAAC,iCAAiC,EAAE,IAAG,QAAQ;iBAEjD,SAAS,CACV,IACG,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { getStyles } from './MenuMessage.styles.js';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const theme = useContext(ThemeContext);\n    const themeGTE6_1 = isThemeGTE(theme, '6.1');\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    const getMenuMessageSizeMobileClassName = (): string => {\n      if (!themeGTE6_1) {\n        return cx(styles.rootMobile(theme));\n      }\n      switch (size) {\n        case 'large':\n          return cx(styles.rootMobileLarge(theme));\n        case 'medium':\n          return cx(styles.rootMobileMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootMobileSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [getMenuMessageSizeMobileClassName()]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}
+{"version":3,"file":"MenuMessage.js","sourceRoot":"","sources":["MenuMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAQpD,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,mBAAmB;CACjB,CAAC;AAEX,MAAM,CAAC,IAAM,WAAW,GAAG,iBAAiB,CAC1C,aAAa,EACb,UAAC,EAA+D,EAAE,GAAG;;IAAlE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,UAAa,EAAT,GAAG,mBAAG,GAAG,KAAA,EAAK,IAAI,cAA7D,uCAA+D,CAAF;IACpD,IAAA,QAAQ,GAAK,mBAAmB,EAAE,SAA1B,CAA2B;IAEnC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,IAAM,2BAA2B,GAAG;QAClC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACrC,KAAK,QAAQ;gBACX,OAAO,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YACtC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iCAAiC,GAAG;QACxC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,CAAC;QACD,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;YAC5C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aACF,GAAG,EAAE,GAAG,cACE,mBAAmB,CAAC,IAAI,EAClC,SAAS,EAAE,EAAE,CACX,2BAA2B,EAAE;YAE3B,GAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;YAC1B,GAAC,iCAAiC,EAAE,IAAG,QAAQ;iBAEjD,SAAS,CACV,IACG,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { getStyles } from './MenuMessage.styles.js';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const theme = useContext(ThemeContext);\n    const themeGTE6_1 = isThemeGTE(theme, '6.1');\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    const getMenuMessageSizeMobileClassName = (): string => {\n      if (!themeGTE6_1) {\n        return cx(styles.rootMobile(theme));\n      }\n      switch (size) {\n        case 'large':\n          return cx(styles.rootMobileLarge(theme));\n        case 'medium':\n          return cx(styles.rootMobileMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootMobileSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [getMenuMessageSizeMobileClassName()]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}

package/internal/MenuMessage/MenuMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuMessage.styles.js","sourceRoot":"","sources":["../../../internal/MenuMessage/MenuMessage.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACL,IAAA,KAAyB,mBAAmB,CAAC;gBACjD,gBAAgB,EAAE,CAAC,CAAC,mBAAmB;gBACvC,gBAAgB,EAAE,CAAC,CAAC,mBAAmB;aACxC,CAAC,EAHM,QAAQ,cAAA,EAAE,QAAQ,cAGxB,CAAC;YAEH,OAAO,GAAG,qMAAA,qCAEG,EAAoB,oBACpB,EAAqB,GAAI,EAAQ,GAAI,EAAQ,GAAI,EAAqB,kBACxE,EAAsB,uBACjB,EAAe,SAC9B,KAJY,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,mBAAmB,EAAI,QAAQ,EAAI,QAAQ,EAAI,CAAC,CAAC,mBAAmB,EACxE,CAAC,CAAC,oBAAoB,EACjB,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mJAAA,qBACK,EAA2B,wBACzB,EAA6B,oBACjC,EAA0B,SACtC,KAHc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EACjC,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mJAAA,qBACK,EAAgC,wBAC9B,EAAkC,oBACtC,EAA+B,SAC3C,KAHc,CAAC,CAAC,8BAA8B,EAC9B,CAAC,CAAC,gCAAgC,EACtC,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mJAAA,qBACK,EAAiC,wBAC/B,EAAmC,oBACvC,EAAgC,SAC5C,KAHc,CAAC,CAAC,+BAA+B,EAC/B,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mJAAA,qBACK,EAAgC,wBAC9B,EAAkC,oBACtC,EAA+B,SAC3C,KAHc,CAAC,CAAC,8BAA8B,EAC9B,CAAC,CAAC,gCAAgC,EACtC,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6HAAA,qBACK,EAA0B,wBACxB,EAA4B,SAC5C,KAFc,CAAC,CAAC,wBAAwB,EACxB,CAAC,CAAC,0BAA0B,EAC3C;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,6HAAA,qBACK,EAA2B,wBACzB,EAA6B,SAC7C,KAFc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC5C;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6HAAA,qBACK,EAA0B,wBACxB,EAA4B,SAC5C,KAFc,CAAC,CAAC,wBAAwB,EACxB,CAAC,CAAC,0BAA0B,EAC3C;QACJ,CAAC;KACF,CAAC;AAlE8D,CAkE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootMobileLarge(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeLarge};\n      line-height: ${t.mobileMenuMessageLineHeightLarge};\n      padding: ${t.mobileMenuMessagePaddingLarge};\n    `;\n  },\n\n  rootMobileMedium(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeMedium};\n      line-height: ${t.mobileMenuMessageLineHeightMedium};\n      padding: ${t.mobileMenuMessagePaddingMedium};\n    `;\n  },\n\n  rootMobileSmall(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeSmall};\n      line-height: ${t.mobileMenuMessageLineHeightSmall};\n      padding: ${t.mobileMenuMessagePaddingSmall};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"MenuMessage.styles.js","sourceRoot":"","sources":["MenuMessage.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACL,IAAA,KAAyB,mBAAmB,CAAC;gBACjD,gBAAgB,EAAE,CAAC,CAAC,mBAAmB;gBACvC,gBAAgB,EAAE,CAAC,CAAC,mBAAmB;aACxC,CAAC,EAHM,QAAQ,cAAA,EAAE,QAAQ,cAGxB,CAAC;YAEH,OAAO,GAAG,qMAAA,qCAEG,EAAoB,oBACpB,EAAqB,GAAI,EAAQ,GAAI,EAAQ,GAAI,EAAqB,kBACxE,EAAsB,uBACjB,EAAe,SAC9B,KAJY,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,mBAAmB,EAAI,QAAQ,EAAI,QAAQ,EAAI,CAAC,CAAC,mBAAmB,EACxE,CAAC,CAAC,oBAAoB,EACjB,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mJAAA,qBACK,EAA2B,wBACzB,EAA6B,oBACjC,EAA0B,SACtC,KAHc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EACjC,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mJAAA,qBACK,EAAgC,wBAC9B,EAAkC,oBACtC,EAA+B,SAC3C,KAHc,CAAC,CAAC,8BAA8B,EAC9B,CAAC,CAAC,gCAAgC,EACtC,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mJAAA,qBACK,EAAiC,wBAC/B,EAAmC,oBACvC,EAAgC,SAC5C,KAHc,CAAC,CAAC,+BAA+B,EAC/B,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mJAAA,qBACK,EAAgC,wBAC9B,EAAkC,oBACtC,EAA+B,SAC3C,KAHc,CAAC,CAAC,8BAA8B,EAC9B,CAAC,CAAC,gCAAgC,EACtC,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6HAAA,qBACK,EAA0B,wBACxB,EAA4B,SAC5C,KAFc,CAAC,CAAC,wBAAwB,EACxB,CAAC,CAAC,0BAA0B,EAC3C;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,6HAAA,qBACK,EAA2B,wBACzB,EAA6B,SAC7C,KAFc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC5C;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6HAAA,qBACK,EAA0B,wBACxB,EAA4B,SAC5C,KAFc,CAAC,CAAC,wBAAwB,EACxB,CAAC,CAAC,0BAA0B,EAC3C;QACJ,CAAC;KACF,CAAC;AAlE8D,CAkE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootMobileLarge(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeLarge};\n      line-height: ${t.mobileMenuMessageLineHeightLarge};\n      padding: ${t.mobileMenuMessagePaddingLarge};\n    `;\n  },\n\n  rootMobileMedium(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeMedium};\n      line-height: ${t.mobileMenuMessageLineHeightMedium};\n      padding: ${t.mobileMenuMessagePaddingMedium};\n    `;\n  },\n\n  rootMobileSmall(t: Theme) {\n    return css`\n      font-size: ${t.mobileMenuMessageFontSizeSmall};\n      line-height: ${t.mobileMenuMessageLineHeightSmall};\n      padding: ${t.mobileMenuMessagePaddingSmall};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n}));\n"]}

package/internal/MenuMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/MenuMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './MenuMessage.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './MenuMessage.js';\n"]}

package/internal/MobilePopup/MobilePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["../../../internal/MobilePopup/MobilePopup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAuCjE,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,wBAAwB;IACnC,QAAQ,EAAE,uBAAuB;CACzB,CAAC;AAIX;IAAiC,+BAAiC;IAAlE;;QAGU,sBAAgB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QA2GtD,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC9B,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAC9B,CAAC;QACH,CAAC,CAAC;QAEF;;;WAGG;QACK,6BAAuB,GAAG,UAAC,KAA2B;YAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,KAAuC;YAC9D,KAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;YACpC,KAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEM,4BAAsB,GAAG;YAC/B,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACnD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACpD,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACnD;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IA/HQ,4BAAM,GAAb;QAAA,iBAUC;QATC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEM,gCAAU,GAAjB;;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClD,IAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,aAAa,mCAAI,QAAQ,CAAC;QACnD,IAAM,OAAO,GAAG,CACd,oBAAC,MAAM,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa;YACnF,oBAAC,UAAU,IACT,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACrB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC5B,YAAY,QACZ,aAAa,QACb,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,IAAI,CAAC,gBAAgB,IAE7B,WAAW,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB;gBAC9E,oBAAC,WAAW,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK;oBACrC,6BACE,GAAG,EAAE,IAAI,CAAC,WAAW,cACX,mBAAmB,CAAC,SAAS,EACvC,SAAS,EAAE,IAAI,CAAC,EAAE,CAChB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAC1C,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CACnE;wBAED,yCAAe,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;4BACnF,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAClE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CACd;4BACpB,6BAAK,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;4BAC1E,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAqB,CAC3F,CACF,CACM;gBACd,yCACY,mBAAmB,CAAC,QAAQ,EACtC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAC7B,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,WAAW,EAAE,IAAI,CAAC,uBAAuB,EACzC,oBAAoB,EAAE,IAAI,CAAC,uBAAuB,EAClD,kBAAkB,EAAE,IAAI,CAAC,uBAAuB,GAChD;gBACF,oBAAC,sBAAsB,OAAG,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB;gBACjE,oBAAC,WAAW,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK;oBACrC,6BACE,GAAG,EAAE,IAAI,CAAC,WAAW,cACX,mBAAmB,CAAC,SAAS,EACvC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;wBAE9C,yCAAe,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;4BAChF,oBAAC,iBAAiB,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAC3C,IAAI,CAAC,KAAK,CAAC,oBAAoB,CACd;4BACpB,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;4BAC9E,oBAAC,iBAAiB,QAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAqB,CACpE;wBACN,6BAAK,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAI,CACjE,CACM;gBACd,yCACY,mBAAmB,CAAC,QAAQ,EACtC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAC7B,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,WAAW,EAAE,IAAI,CAAC,uBAAuB,EACzC,oBAAoB,EAAE,IAAI,CAAC,uBAAuB,EAClD,kBAAkB,EAAE,IAAI,CAAC,uBAAuB,GAChD;gBACF,oBAAC,sBAAsB,OAAG,CACtB,CACP,CACU,CACN,CACV,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;YACtC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,OAAO,oBAAC,eAAe,QAAE,OAAO,CAAmB,CAAC;IACtD,CAAC;IA3Ga,+BAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,uBAAW,GAAG,kBAAkB,AAArB,CAAsB;IAG/C,sBAAsB;IACC,2BAAe,GAAG,IAAI,AAAP,CAAQ;IANnC,WAAW;QAFvB,qBAAqB;QACrB,QAAQ;OACI,WAAW,CA8IvB;IAAD,kBAAC;CAAA,AA9ID,CAAiC,KAAK,CAAC,SAAS,GA8I/C;SA9IY,WAAW","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { getJsStyles } from './MobilePopup.styles.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  /**\n   * Позволяет отрисовать попап по центру экрана\n   */\n  verticalAlign?: 'center' | 'bottom';\n  size?: SizeProp;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n  backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const align = this.props.verticalAlign ?? 'bottom';\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          {themeGTE6_1 ? (\n            <div className={this.jsStyles.wrapper6_1(this.theme)} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.cx(\n                    this.jsStyles.containerBase6_1(this.theme),\n                    align === 'bottom' && this.jsStyles.containerBottom6_1(this.theme),\n                  )}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root6_1(this.theme)}>\n                    <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n                    <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          ) : (\n            <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.jsStyles.container(this.theme)}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                    <MobilePopupHeader caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                    <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                  <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n   *  В мобильных браузерах pointerup может породить click по нижележащему элементу.\n   *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n   */\n  private backdropStopPropagation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    this.backdropStopPropagation(event);\n    this.close();\n  };\n\n  private getContentClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'small':\n        return this.jsStyles.contentSmall6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.contentMedium6_1(this.theme);\n      case 'large':\n        return this.jsStyles.contentLarge6_1(this.theme);\n      default:\n        return this.jsStyles.contentSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["MobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { getJsStyles } from './MobilePopup.styles.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  /**\n   * Позволяет отрисовать попап по центру экрана\n   */\n  verticalAlign?: 'center' | 'bottom';\n  size?: SizeProp;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n  backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const align = this.props.verticalAlign ?? 'bottom';\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          {themeGTE6_1 ? (\n            <div className={this.jsStyles.wrapper6_1(this.theme)} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.cx(\n                    this.jsStyles.containerBase6_1(this.theme),\n                    align === 'bottom' && this.jsStyles.containerBottom6_1(this.theme),\n                  )}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root6_1(this.theme)}>\n                    <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n                    <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          ) : (\n            <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.jsStyles.container(this.theme)}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                    <MobilePopupHeader caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                    <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                  <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n   *  В мобильных браузерах pointerup может породить click по нижележащему элементу.\n   *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n   */\n  private backdropStopPropagation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    this.backdropStopPropagation(event);\n    this.close();\n  };\n\n  private getContentClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'small':\n        return this.jsStyles.contentSmall6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.contentMedium6_1(this.theme);\n      case 'large':\n        return this.jsStyles.contentLarge6_1(this.theme);\n      default:\n        return this.jsStyles.contentSmall6_1(this.theme);\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["../../../internal/MobilePopup/MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,UAAU,GAAG,UAAC,CAAQ;QAC1B,OAAO,GAAG,+LAAA,4BACY,EAAW,8FAKhC,KALqB,CAAC,CAAC,SAAS,EAK/B;IACJ,CAAC,CAAC;IACF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0UAAA,qKAMS,EAAkC,wDAEjC,EAAmC,yBACvC,EAAe,WAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,0MAAA,uIAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8GAAA,8BACY,EAAW,WAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,mMAAA,8CAED,EAAuB,mBACtB,EAAyB,oBACxB,EAAyB,qCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,4YAAA,qKAMS,EAAkC,oDAErC,EAAe,6CAEG,EAAsB,8CACrB,EAAsB,aACxD,KANkB,CAAC,CAAC,gCAAgC,EAErC,CAAC,CAAC,aAAa,EAEG,CAAC,CAAC,oBAAoB,EACrB,CAAC,CAAC,oBAAoB,EACvD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mPAAA,2CAED,EAAsB,qBACnB,EAAsB,oBACvB,EAAsB,mBACvB,EAAsB,iEAG/B,KANQ,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EAG9B;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAA0B,WACtC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,oLAAA,gGAGuB,EAAsB,aACtD,KADgC,CAAC,CAAC,oBAAoB,EACrD;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,kJAAA,8DAEwB,EAAsB,aACvD,KADiC,CAAC,CAAC,oBAAoB,EACtD;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,6RAAA,wNAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,4GAAA,uCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const content6_1 = (t: Theme) => {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    `;\n  };\n  return {\n    root(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        padding-bottom: ${t.mobilePopupContainerBottomPadding};\n        background: ${t.menuBgDefault};\n      `;\n    },\n\n    wrapper() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      `;\n    },\n\n    content(t: Theme) {\n      return css`\n        background-color: ${t.bgDefault};\n      `;\n    },\n\n    container(t: Theme) {\n      return css`\n        position: absolute;\n        top: ${t.mobilePopupTopPadding};\n        left: ${t.mobilePopupOuterIndentY};\n        right: ${t.mobilePopupOuterIndentY};\n        z-index: 100000;\n      `;\n    },\n\n    root6_1(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        background: ${t.menuBgDefault};\n\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n        max-height: calc(100dvh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    wrapper6_1(t: Theme) {\n      return css`\n        position: fixed;\n        top: ${t.mobilePopupPositionY};\n        bottom: ${t.mobilePopupPositionY};\n        right: ${t.mobilePopupPositionX};\n        left: ${t.mobilePopupPositionX};\n        display: flex;\n        align-items: center;\n      `;\n    },\n\n    contentSmall6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    contentMedium6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    contentLarge6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerBase6_1(t: Theme) {\n      return css`\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ${t.mobilePopupPositionX}));\n      `;\n    },\n\n    containerBottom6_1(t: Theme) {\n      return css`\n        bottom: 0;\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    bg() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      `;\n    },\n\n    bottomIndent() {\n      return css`\n        height: 80px;\n      `;\n    },\n\n    zIndex() {\n      return css`\n        position: relative;\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,UAAU,GAAG,UAAC,CAAQ;QAC1B,OAAO,GAAG,+LAAA,4BACY,EAAW,8FAKhC,KALqB,CAAC,CAAC,SAAS,EAK/B;IACJ,CAAC,CAAC;IACF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0UAAA,qKAMS,EAAkC,wDAEjC,EAAmC,yBACvC,EAAe,WAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,0MAAA,uIAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8GAAA,8BACY,EAAW,WAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,mMAAA,8CAED,EAAuB,mBACtB,EAAyB,oBACxB,EAAyB,qCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,4YAAA,qKAMS,EAAkC,oDAErC,EAAe,6CAEG,EAAsB,8CACrB,EAAsB,aACxD,KANkB,CAAC,CAAC,gCAAgC,EAErC,CAAC,CAAC,aAAa,EAEG,CAAC,CAAC,oBAAoB,EACrB,CAAC,CAAC,oBAAoB,EACvD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mPAAA,2CAED,EAAsB,qBACnB,EAAsB,oBACvB,EAAsB,mBACvB,EAAsB,iEAG/B,KANQ,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EAG9B;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAA0B,WACtC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,oLAAA,gGAGuB,EAAsB,aACtD,KADgC,CAAC,CAAC,oBAAoB,EACrD;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,kJAAA,8DAEwB,EAAsB,aACvD,KADiC,CAAC,CAAC,oBAAoB,EACtD;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,6RAAA,wNAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,4GAAA,uCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const content6_1 = (t: Theme) => {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    `;\n  };\n  return {\n    root(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        padding-bottom: ${t.mobilePopupContainerBottomPadding};\n        background: ${t.menuBgDefault};\n      `;\n    },\n\n    wrapper() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      `;\n    },\n\n    content(t: Theme) {\n      return css`\n        background-color: ${t.bgDefault};\n      `;\n    },\n\n    container(t: Theme) {\n      return css`\n        position: absolute;\n        top: ${t.mobilePopupTopPadding};\n        left: ${t.mobilePopupOuterIndentY};\n        right: ${t.mobilePopupOuterIndentY};\n        z-index: 100000;\n      `;\n    },\n\n    root6_1(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        background: ${t.menuBgDefault};\n\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n        max-height: calc(100dvh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    wrapper6_1(t: Theme) {\n      return css`\n        position: fixed;\n        top: ${t.mobilePopupPositionY};\n        bottom: ${t.mobilePopupPositionY};\n        right: ${t.mobilePopupPositionX};\n        left: ${t.mobilePopupPositionX};\n        display: flex;\n        align-items: center;\n      `;\n    },\n\n    contentSmall6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    contentMedium6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    contentLarge6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerBase6_1(t: Theme) {\n      return css`\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ${t.mobilePopupPositionX}));\n      `;\n    },\n\n    containerBottom6_1(t: Theme) {\n      return css`\n        bottom: 0;\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    bg() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      `;\n    },\n\n    bottomIndent() {\n      return css`\n        height: 80px;\n      `;\n    },\n\n    zIndex() {\n      return css`\n        position: relative;\n      `;\n    },\n  };\n});\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAmCU,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IAhCa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA8C7B;IAAD,wBAAC;CAAA,AA9CD,CAAuC,KAAK,CAAC,SAAS,GA8CrD;SA9CY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    if (themeGTE6_1) {\n      return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAmCU,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IAhCa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA8C7B;IAAD,wBAAC;CAAA,AA9CD,CAAuC,KAAK,CAAC,SAAS,GA8CrD;SA9CY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    if (themeGTE6_1) {\n      return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,uPAAA,8FAIrB,EAAe,oCACA,EAAkC,qCACjC,EAAkC,OACjE,KAHe,CAAC,CAAC,aAAa,EACA,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GANhC,CAOjC,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,8GAIM,EAAe,sBAClB,EAA0B,WACtC,KAFe,CAAC,CAAC,aAAa,EAClB,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAAgC,WAC5C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ${t.menuBgDefault};\n    border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ${t.menuBgDefault};\n        padding: ${t.mobilePopupFooterPadding};\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingSmall};\n      `;\n    },\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingMedium};\n      `;\n    },\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingLarge};\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,uPAAA,8FAIrB,EAAe,oCACA,EAAkC,qCACjC,EAAkC,OACjE,KAHe,CAAC,CAAC,aAAa,EACA,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GANhC,CAOjC,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,8GAIM,EAAe,sBAClB,EAA0B,WACtC,KAFe,CAAC,CAAC,aAAa,EAClB,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAAgC,WAC5C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ${t.menuBgDefault};\n    border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ${t.menuBgDefault};\n        padding: ${t.mobilePopupFooterPadding};\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingSmall};\n      `;\n    },\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingMedium};\n      `;\n    },\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingLarge};\n      `;\n    },\n  };\n});\n"]}

package/internal/MobilePopup/MobilePopupFooter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './MobilePopupFooter.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './MobilePopupFooter.js';\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAW5D;IAAuC,qCAAgE;IAAvG;;QA0EU,8BAAwB,GAAG;YACjC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACrD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACtD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACvD,CAAC;QACH,CAAC,CAAC;QAEM,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAxFQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5C,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QAEzC,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE;gBAC5C,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE;oBAC5C,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;4BAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;4BACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;gCAC9D,IAED,OAAO,CACJ,CACP;oBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;gBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBACtC,GAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;oBAC3D;YAEF,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;gBACtC,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;wBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;wBACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;4BAC9D,IAED,OAAO,CACJ,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;IACJ,CAAC;IAvEa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,6BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CAiG7B;IAAD,wBAAC;CAAA,AAjGD,CAAuC,KAAK,CAAC,SAAS,GAiGrD;SAjGY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain(): ReactElement | null {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { caption, children } = this.props;\n\n    if (themeGTE6_1) {\n      if (!caption && (!children || !React.isValidElement(children))) {\n        return null;\n      }\n\n      return (\n        <div className={this.getRootSizeClassName6_1()}>\n          <div className={this.getContainerClassName6_1()}>\n            {caption && (\n              <div\n                className={this.cx({\n                  [this.jsStyles.caption(this.theme)]: true,\n                  [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n                })}\n              >\n                {caption}\n              </div>\n            )}\n            {React.isValidElement(children) && <div>{children}</div>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getContainerClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.containerLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.containerMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.containerSmall6_1(this.theme);\n    }\n  };\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain(): ReactElement | null {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { caption, children } = this.props;\n\n    if (themeGTE6_1) {\n      if (!caption && (!children || !React.isValidElement(children))) {\n        return null;\n      }\n\n      return (\n        <div className={this.getRootSizeClassName6_1()}>\n          <div className={this.getContainerClassName6_1()}>\n            {caption && (\n              <div\n                className={this.cx({\n                  [this.jsStyles.caption(this.theme)]: true,\n                  [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n                })}\n              >\n                {caption}\n              </div>\n            )}\n            {React.isValidElement(children) && <div>{children}</div>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getContainerClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.containerLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.containerMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.containerSmall6_1(this.theme);\n    }\n  };\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,gMAAA,6CAErB,EAAe,iCACH,EAAkC,kCACjC,EAAkC,OAC9D,KAHe,CAAC,CAAC,aAAa,EACH,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAJ7B,CAKjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,0HAAA,uDAGjC,MAH8B,CAG9B,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kIAAA,kDAEG,EAA0B,WACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,0GAAA,uCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAA0B,WAC1C,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,wBAAwB,EACzC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,oHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAAgC,WAC5C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,uLAAA,uBACK,EAA2B,0BACzB,EAA6B,0BAC7B,EAA6B,oBACnC,EAAkB,WAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,6GAAA,wCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    background: ${t.menuBgDefault};\n    border-top-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-top-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  const containerBase6_1 = () => css`\n    display: flex;\n    flex-direction: column;\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        padding: ${t.mobilePopupHeaderPadding};\n      `;\n    },\n\n    rootWithoutContent() {\n      return css`\n        padding: 8px 0 0 0;\n      `;\n    },\n\n    container() {\n      return css`\n        display: flex;\n        flex-direction: column;\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerSmall6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingSmall};\n      `;\n    },\n\n    containerMedium6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingMedium};\n      `;\n    },\n\n    containerLarge6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingLarge};\n      `;\n    },\n\n    caption(t: Theme) {\n      return css`\n        font-size: ${t.mobilePopupHeaderFontSize};\n        line-height: ${t.mobilePopupHeaderLineHeight};\n        font-weight: ${t.mobilePopupHeaderFontWeight};\n        color: ${t.textColorDefault};\n      `;\n    },\n\n    captionWithChildren() {\n      return css`\n        padding-bottom: 8px;\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,gMAAA,6CAErB,EAAe,iCACH,EAAkC,kCACjC,EAAkC,OAC9D,KAHe,CAAC,CAAC,aAAa,EACH,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAJ7B,CAKjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,0HAAA,uDAGjC,MAH8B,CAG9B,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kIAAA,kDAEG,EAA0B,WACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,0GAAA,uCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAA0B,WAC1C,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,wBAAwB,EACzC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,oHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAAgC,WAC5C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,uLAAA,uBACK,EAA2B,0BACzB,EAA6B,0BAC7B,EAA6B,oBACnC,EAAkB,WAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,6GAAA,wCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    background: ${t.menuBgDefault};\n    border-top-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-top-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  const containerBase6_1 = () => css`\n    display: flex;\n    flex-direction: column;\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        padding: ${t.mobilePopupHeaderPadding};\n      `;\n    },\n\n    rootWithoutContent() {\n      return css`\n        padding: 8px 0 0 0;\n      `;\n    },\n\n    container() {\n      return css`\n        display: flex;\n        flex-direction: column;\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerSmall6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingSmall};\n      `;\n    },\n\n    containerMedium6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingMedium};\n      `;\n    },\n\n    containerLarge6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingLarge};\n      `;\n    },\n\n    caption(t: Theme) {\n      return css`\n        font-size: ${t.mobilePopupHeaderFontSize};\n        line-height: ${t.mobilePopupHeaderLineHeight};\n        font-weight: ${t.mobilePopupHeaderFontWeight};\n        color: ${t.textColorDefault};\n      `;\n    },\n\n    captionWithChildren() {\n      return css`\n        padding-bottom: 8px;\n      `;\n    },\n  };\n});\n"]}

package/internal/MobilePopup/MobilePopupHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './MobilePopupHeader.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './MobilePopupHeader.js';\n"]}

package/internal/MobilePopup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/MobilePopup/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './MobilePopup.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './MobilePopup.js';\n"]}

package/internal/NativeDateInput/NativeDateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeDateInput.js","sourceRoot":"","sources":["../../../internal/NativeDateInput/NativeDateInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnE,IAAM,gBAAgB,GAAG,YAAY,CAAC;AACtC,IAAM,gBAAgB,GAAG,YAAY,CAAC;AAGtC;IAAqC,mCAAqC;IAA1E;;QA8BE;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,OAAmC;YACrD,KAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACvB,CAAC,CAAC;;IACJ,CAAC;IA3CQ,gCAAM,GAAb;QAAA,iBAoBC;QAnBC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;oBAC7B,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,EACxC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;IACJ,CAAC;IA3Ba,mCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,2BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,eAAe;QAD3B,qBAAqB;OACT,eAAe,CAmD3B;IAAD,sBAAC;CAAA,AAnDD,CAAqC,KAAK,CAAC,SAAS,GAmDnD;SAnDY,eAAe","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeDateInput.styles.js';\nimport { getDateForComponent, getDateForNative } from './utils.js';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\n@withRenderEnvironment\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={this.jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = (): void => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}
+{"version":3,"file":"NativeDateInput.js","sourceRoot":"","sources":["NativeDateInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnE,IAAM,gBAAgB,GAAG,YAAY,CAAC;AACtC,IAAM,gBAAgB,GAAG,YAAY,CAAC;AAGtC;IAAqC,mCAAqC;IAA1E;;QA8BE;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,OAAmC;YACrD,KAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACvB,CAAC,CAAC;;IACJ,CAAC;IA3CQ,gCAAM,GAAb;QAAA,iBAoBC;QAnBC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;oBAC7B,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,EACxC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;IACJ,CAAC;IA3Ba,mCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,2BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,eAAe;QAD3B,qBAAqB;OACT,eAAe,CAmD3B;IAAD,sBAAC;CAAA,AAnDD,CAAqC,KAAK,CAAC,SAAS,GAmDnD;SAnDY,eAAe","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeDateInput.styles.js';\nimport { getDateForComponent, getDateForNative } from './utils.js';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\n@withRenderEnvironment\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={this.jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = (): void => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}

package/internal/NativeDateInput/NativeDateInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeDateInput.styles.js","sourceRoot":"","sources":["../../../internal/NativeDateInput/NativeDateInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,aAAa;YACX,OAAO,GAAG,iRAAA,8MAUT,KAAC;QACJ,CAAC;KACF,CAAC;AAdgE,CAchE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"NativeDateInput.styles.js","sourceRoot":"","sources":["NativeDateInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,aAAa;YACX,OAAO,GAAG,iRAAA,8MAUT,KAAC;QACJ,CAAC;KACF,CAAC;AAdgE,CAchE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n}));\n"]}

package/internal/NativeDateInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/NativeDateInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './NativeDateInput.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './NativeDateInput.js';\n"]}

package/internal/NativeDateInput/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../internal/NativeDateInput/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAGnF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,aAA+B;IAC9D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9C,OAAO,UAAG,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,CAAE,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAA4B;IAC9D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE3C,OAAO,UAAG,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,CAAE,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,aAAmD;IACxF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IACK,IAAA,KAAsB,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAZ,CAAY,CAAC,EAA3G,IAAI,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAA0F,CAAC;IAEnH,OAAO,UAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,cAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,cAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAE,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,SAAwC;IACrE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,6BAAY,SAAS,KAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,KAAK,CAAC,IAAG;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,UAA4B;IACjE,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAZ,CAAY,CAAC,CAAC;IAEvE,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;AAClF,CAAC,CAAC","sourcesContent":["import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape.js';\nimport { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: getMonthInHumanFormat(DateShape.month) };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAGnF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,aAA+B;IAC9D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9C,OAAO,UAAG,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,CAAE,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAA4B;IAC9D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE3C,OAAO,UAAG,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,cAAI,YAAY,CAAC,CAAC,CAAC,CAAE,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,aAAmD;IACxF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IACK,IAAA,KAAsB,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAZ,CAAY,CAAC,EAA3G,IAAI,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAA0F,CAAC;IAEnH,OAAO,UAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,cAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,cAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAE,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,SAAwC;IACrE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,6BAAY,SAAS,KAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,KAAK,CAAC,IAAG;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,UAA4B;IACjE,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAZ,CAAY,CAAC,CAAC;IAEvE,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;AAClF,CAAC,CAAC","sourcesContent":["import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape.js';\nimport { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: getMonthInHumanFormat(DateShape.month) };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"]}