@skbkontur/react-ui 4.6.1 → 4.7.0-revert-datatids

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.tsx"],"names":["React","isNonNullable","ScrollContainer","ThemeContext","cx","getRootNode","rootNode","addIconPaddingIfPartOfMenu","isIE11","createPropsGetter","styles","isActiveElement","MenuDataTids","root","Menu","getProps","defaultProps","state","highlightedIndex","unmounted","getChildList","enableIconPadding","Children","toArray","props","children","some","x","isValidElement","icon","map","child","index","modifiedChild","highlight","ref","refHighlighted","bind","cloneElement","onClick","select","onMouseEnter","onMouseLeave","unhighlight","refScrollContainer","scrollContainer","scrollToSelected","highlighted","HTMLElement","scrollTo","scrollToTop","scrollToBottom","setState","componentWillUnmount","render","theme","renderMain","up","move","down","enter","event","reset","hasHighlightedItem","highlightItem","isEmpty","hasShadow","maxHeight","preventWindowScroll","getAlignRightClass","shadow","getStyle","setRootNode","disableScrollContainer","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","window","open","location","onItemClick","step","activeElements","filter","length","indexOf","Component","__KONTUR_REACT_UI__","align","width","ret","forEach","push","maxWidth","minWidth","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"mappings":"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","sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { addIconPaddingIfPartOfMenu } from '../InternalMenu/addIconPaddingIfPartOfMenu';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  hasShadow?: boolean;\n  maxHeight?: number | string;\n  onItemClick?: () => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n}\n\nexport interface MenuState {\n  highlightedIndex: number;\n}\n\nexport const MenuDataTids = {\n  root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;\n\n@rootNode\nexport class Menu extends React.Component<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state = {\n    highlightedIndex: -1,\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private unmounted = false;\n  private setRootNode!: TSetRootNode;\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    return this.select(this.state.highlightedIndex, true, event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.setState({ highlightedIndex: -1 });\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return this.state.highlightedIndex !== -1;\n  }\n\n  public highlightItem(index: number) {\n    this.highlight(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasShadow, maxHeight, preventWindowScroll } = this.getProps();\n\n    return (\n      <div\n        data-tid={MenuDataTids.root}\n        className={cx(getAlignRightClass(this.props), {\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: hasShadow,\n        })}\n        style={getStyle(this.props)}\n        ref={this.setRootNode}\n      >\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={maxHeight}\n          preventWindowScroll={preventWindowScroll}\n          disabled={this.props.disableScrollContainer}\n        >\n          <div className={styles.scrollContainer(this.theme)}>{this.getChildList()}</div>\n        </ScrollContainer>\n      </div>\n    );\n  }\n\n  private getChildList = () => {\n    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    return React.Children.map(this.props.children, (child, index) => {\n      if (!child) {\n        return child;\n      }\n\n      if (typeof child === 'string' || typeof child === 'number') {\n        return child;\n      }\n\n      const modifiedChild = addIconPaddingIfPartOfMenu(child, enableIconPadding);\n\n      if (isActiveElement(modifiedChild)) {\n        const highlight = this.state.highlightedIndex === index;\n\n        let ref = modifiedChild.ref;\n        if (highlight && typeof modifiedChild.ref !== 'string') {\n          ref = this.refHighlighted.bind(this, modifiedChild.ref);\n        }\n\n        return React.cloneElement<MenuItemProps, MenuItem>(modifiedChild, {\n          ref,\n          state: highlight ? 'hover' : modifiedChild.props.state,\n          onClick: this.select.bind(this, index, false),\n          onMouseEnter: this.highlight.bind(this, index),\n          onMouseLeave: this.unhighlight,\n        });\n      }\n\n      return modifiedChild;\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private refHighlighted(\n    originalRef: ((menuItem: MenuItem | null) => any) | React.RefObject<MenuItem> | null | undefined,\n    menuItem: MenuItem | null,\n  ) {\n    this.highlighted = menuItem;\n\n    if (typeof originalRef === 'function') {\n      originalRef(menuItem);\n    }\n  }\n\n  private scrollToSelected = () => {\n    if (this.scrollContainer && this.highlighted) {\n      const rootNode = getRootNode(this.highlighted);\n      // TODO: Remove this check once IF-647 is resolved\n      if (rootNode instanceof 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 select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n    const item = childrenToArray(this.props.children)[index];\n    if (isActiveElement(item)) {\n      if (shouldHandleHref && item.props.href) {\n        if (item.props.target) {\n          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event);\n      }\n      if (this.props.onItemClick) {\n        this.props.onItemClick();\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private highlight = (index: number) => {\n    this.setState({ highlightedIndex: index });\n  };\n\n  private unhighlight = () => {\n    this.setState({ highlightedIndex: -1 });\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\n    const children = childrenToArray(this.props.children);\n    const activeElements = children.filter(isActiveElement);\n    if (!activeElements.length) {\n      return;\n    }\n    let index = this.state.highlightedIndex;\n    do {\n      index += step;\n      if (index < 0) {\n        index = children.length - 1;\n      } else if (index > children.length) {\n        index = 0;\n      }\n\n      const child = children[index];\n      if (isActiveElement(child)) {\n        this.setState({ highlightedIndex: index }, () => {\n          switch (activeElements.indexOf(child)) {\n            case 0:\n              this.scrollToTop();\n              break;\n            case activeElements.length - 1:\n              this.scrollToBottom();\n              break;\n            default:\n              this.scrollToSelected();\n          }\n        });\n        return;\n      }\n    } while (index !== this.state.highlightedIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\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 getStyle = (props: MenuProps): CSSProperties => {\n  if (props.align === 'right') {\n    return {\n      maxWidth: props.width,\n      minWidth: props.width,\n      maxHeight: props.maxHeight,\n    };\n  }\n\n  return {\n    width: props.width,\n    maxHeight: props.maxHeight,\n  };\n};\n\nconst getAlignRightClass = (props: MenuProps) => {\n  if (props.align === 'right') {\n    return cx({\n      [styles.alignRight()]: !isIE11,\n      [styles.alignRightIE11()]: isIE11,\n      [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n    });\n  }\n\n  return null;\n};\n"]}
+{"version":3,"sources":["Menu.tsx"],"names":["React","isNonNullable","ScrollContainer","ThemeContext","cx","getRootNode","rootNode","addIconPaddingIfPartOfMenu","isIE11","createPropsGetter","styles","isActiveElement","Menu","getProps","defaultProps","state","highlightedIndex","unmounted","getChildList","enableIconPadding","Children","toArray","props","children","some","x","isValidElement","icon","map","child","index","modifiedChild","highlight","ref","refHighlighted","bind","cloneElement","onClick","select","onMouseEnter","onMouseLeave","unhighlight","refScrollContainer","scrollContainer","scrollToSelected","highlighted","HTMLElement","scrollTo","scrollToTop","scrollToBottom","setState","componentWillUnmount","render","theme","renderMain","up","move","down","enter","event","reset","hasHighlightedItem","highlightItem","isEmpty","hasShadow","maxHeight","preventWindowScroll","getAlignRightClass","root","shadow","getStyle","setRootNode","disableScrollContainer","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","window","open","location","onItemClick","step","activeElements","filter","length","indexOf","Component","__KONTUR_REACT_UI__","align","width","ret","forEach","push","maxWidth","minWidth","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"mappings":"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","sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { addIconPaddingIfPartOfMenu } from '../InternalMenu/addIconPaddingIfPartOfMenu';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Menu.styles';\nimport { isActiveElement } from './isActiveElement';\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  hasShadow?: boolean;\n  maxHeight?: number | string;\n  onItemClick?: () => void;\n  width?: number | string;\n  preventWindowScroll?: boolean;\n  /**\n   * Отключение кастомного скролла контейнера\n   */\n  disableScrollContainer?: boolean;\n  align?: 'left' | 'right';\n}\n\nexport interface MenuState {\n  highlightedIndex: number;\n}\n\ntype DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;\n\n@rootNode\nexport class Menu extends React.Component<MenuProps, MenuState> {\n  public static __KONTUR_REACT_UI__ = 'Menu';\n\n  public static defaultProps: DefaultProps = {\n    align: 'left',\n    width: 'auto',\n    maxHeight: 300,\n    hasShadow: true,\n    preventWindowScroll: true,\n  };\n\n  private getProps = createPropsGetter(Menu.defaultProps);\n\n  public state = {\n    highlightedIndex: -1,\n  };\n\n  private theme!: Theme;\n  private scrollContainer: Nullable<ScrollContainer>;\n  private highlighted: Nullable<MenuItem>;\n  private unmounted = false;\n  private setRootNode!: TSetRootNode;\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public up() {\n    this.move(-1);\n  }\n\n  /**\n   * @public\n   */\n  public down() {\n    this.move(1);\n  }\n\n  /**\n   * @public\n   */\n  public enter(event: React.SyntheticEvent<HTMLElement>) {\n    return this.select(this.state.highlightedIndex, true, event);\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.setState({ highlightedIndex: -1 });\n  }\n\n  /**\n   * @public\n   */\n  public hasHighlightedItem() {\n    return this.state.highlightedIndex !== -1;\n  }\n\n  public highlightItem(index: number) {\n    this.highlight(index);\n  }\n\n  private renderMain() {\n    if (this.isEmpty()) {\n      return null;\n    }\n    const { hasShadow, maxHeight, preventWindowScroll } = this.getProps();\n\n    return (\n      <div\n        className={cx(getAlignRightClass(this.props), {\n          [styles.root(this.theme)]: true,\n          [styles.shadow(this.theme)]: hasShadow,\n        })}\n        style={getStyle(this.props)}\n        ref={this.setRootNode}\n      >\n        <ScrollContainer\n          ref={this.refScrollContainer}\n          maxHeight={maxHeight}\n          preventWindowScroll={preventWindowScroll}\n          disabled={this.props.disableScrollContainer}\n        >\n          <div className={styles.scrollContainer(this.theme)}>{this.getChildList()}</div>\n        </ScrollContainer>\n      </div>\n    );\n  }\n\n  private getChildList = () => {\n    const enableIconPadding = React.Children.toArray(this.props.children).some(\n      (x) => React.isValidElement(x) && x.props.icon,\n    );\n\n    return React.Children.map(this.props.children, (child, index) => {\n      if (!child) {\n        return child;\n      }\n\n      if (typeof child === 'string' || typeof child === 'number') {\n        return child;\n      }\n\n      const modifiedChild = addIconPaddingIfPartOfMenu(child, enableIconPadding);\n\n      if (isActiveElement(modifiedChild)) {\n        const highlight = this.state.highlightedIndex === index;\n\n        let ref = modifiedChild.ref;\n        if (highlight && typeof modifiedChild.ref !== 'string') {\n          ref = this.refHighlighted.bind(this, modifiedChild.ref);\n        }\n\n        return React.cloneElement<MenuItemProps, MenuItem>(modifiedChild, {\n          ref,\n          state: highlight ? 'hover' : modifiedChild.props.state,\n          onClick: this.select.bind(this, index, false),\n          onMouseEnter: this.highlight.bind(this, index),\n          onMouseLeave: this.unhighlight,\n        });\n      }\n\n      return modifiedChild;\n    });\n  };\n\n  private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n    this.scrollContainer = scrollContainer;\n  };\n\n  private refHighlighted(\n    originalRef: ((menuItem: MenuItem | null) => any) | React.RefObject<MenuItem> | null | undefined,\n    menuItem: MenuItem | null,\n  ) {\n    this.highlighted = menuItem;\n\n    if (typeof originalRef === 'function') {\n      originalRef(menuItem);\n    }\n  }\n\n  private scrollToSelected = () => {\n    if (this.scrollContainer && this.highlighted) {\n      const rootNode = getRootNode(this.highlighted);\n      // TODO: Remove this check once IF-647 is resolved\n      if (rootNode instanceof 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 select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\n    const item = childrenToArray(this.props.children)[index];\n    if (isActiveElement(item)) {\n      if (shouldHandleHref && item.props.href) {\n        if (item.props.target) {\n          window.open(item.props.href, item.props.target);\n        } else {\n          location.href = item.props.href;\n        }\n      }\n      if (item.props.onClick) {\n        item.props.onClick(event);\n      }\n      if (this.props.onItemClick) {\n        this.props.onItemClick();\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private highlight = (index: number) => {\n    this.setState({ highlightedIndex: index });\n  };\n\n  private unhighlight = () => {\n    this.setState({ highlightedIndex: -1 });\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\n    const children = childrenToArray(this.props.children);\n    const activeElements = children.filter(isActiveElement);\n    if (!activeElements.length) {\n      return;\n    }\n    let index = this.state.highlightedIndex;\n    do {\n      index += step;\n      if (index < 0) {\n        index = children.length - 1;\n      } else if (index > children.length) {\n        index = 0;\n      }\n\n      const child = children[index];\n      if (isActiveElement(child)) {\n        this.setState({ highlightedIndex: index }, () => {\n          switch (activeElements.indexOf(child)) {\n            case 0:\n              this.scrollToTop();\n              break;\n            case activeElements.length - 1:\n              this.scrollToBottom();\n              break;\n            default:\n              this.scrollToSelected();\n          }\n        });\n        return;\n      }\n    } while (index !== this.state.highlightedIndex);\n  }\n\n  private isEmpty() {\n    const { children } = this.props;\n    return !children || !childrenToArray(children).filter(isNonNullable).length;\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 getStyle = (props: MenuProps): CSSProperties => {\n  if (props.align === 'right') {\n    return {\n      maxWidth: props.width,\n      minWidth: props.width,\n      maxHeight: props.maxHeight,\n    };\n  }\n\n  return {\n    width: props.width,\n    maxHeight: props.maxHeight,\n  };\n};\n\nconst getAlignRightClass = (props: MenuProps) => {\n  if (props.align === 'right') {\n    return cx({\n      [styles.alignRight()]: !isIE11,\n      [styles.alignRightIE11()]: isIE11,\n      [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n    });\n  }\n\n  return null;\n};\n"]}

package/internal/Menu/Menu.d.ts

@@ -1,70 +1,67 @@
-import React from 'react';
-export interface MenuProps {
-    children: React.ReactNode;
-    hasShadow?: boolean;
-    maxHeight?: number | string;
-    onItemClick?: () => void;
-    width?: number | string;
-    preventWindowScroll?: boolean;
-    /**
-     * Отключение кастомного скролла контейнера
-     */
-    disableScrollContainer?: boolean;
-    align?: 'left' | 'right';
-}
-export interface MenuState {
-    highlightedIndex: number;
-}
-export declare const MenuDataTids: {
-    readonly root: "Menu__root";
-};
-declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;
-export declare class Menu extends React.Component<MenuProps, MenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        highlightedIndex: number;
-    };
-    private theme;
-    private scrollContainer;
-    private highlighted;
-    private unmounted;
-    private setRootNode;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    up(): void;
-    /**
-     * @public
-     */
-    down(): void;
-    /**
-     * @public
-     */
-    enter(event: React.SyntheticEvent<HTMLElement>): boolean;
-    /**
-     * @public
-     */
-    reset(): void;
-    /**
-     * @public
-     */
-    hasHighlightedItem(): boolean;
-    highlightItem(index: number): void;
-    private renderMain;
-    private getChildList;
-    private refScrollContainer;
-    private refHighlighted;
-    private scrollToSelected;
-    private scrollToTop;
-    private scrollToBottom;
-    private select;
-    private highlight;
-    private unhighlight;
-    private move;
-    private isEmpty;
-}
-export {};
+import React from 'react';
+export interface MenuProps {
+    children: React.ReactNode;
+    hasShadow?: boolean;
+    maxHeight?: number | string;
+    onItemClick?: () => void;
+    width?: number | string;
+    preventWindowScroll?: boolean;
+    /**
+     * Отключение кастомного скролла контейнера
+     */
+    disableScrollContainer?: boolean;
+    align?: 'left' | 'right';
+}
+export interface MenuState {
+    highlightedIndex: number;
+}
+declare type DefaultProps = Required<Pick<MenuProps, 'align' | 'width' | 'maxHeight' | 'hasShadow' | 'preventWindowScroll'>>;
+export declare class Menu extends React.Component<MenuProps, MenuState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        highlightedIndex: number;
+    };
+    private theme;
+    private scrollContainer;
+    private highlighted;
+    private unmounted;
+    private setRootNode;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    up(): void;
+    /**
+     * @public
+     */
+    down(): void;
+    /**
+     * @public
+     */
+    enter(event: React.SyntheticEvent<HTMLElement>): boolean;
+    /**
+     * @public
+     */
+    reset(): void;
+    /**
+     * @public
+     */
+    hasHighlightedItem(): boolean;
+    highlightItem(index: number): void;
+    private renderMain;
+    private getChildList;
+    private refScrollContainer;
+    private refHighlighted;
+    private scrollToSelected;
+    private scrollToTop;
+    private scrollToBottom;
+    private select;
+    private highlight;
+    private unhighlight;
+    private move;
+    private isEmpty;
+}
+export {};

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

@@ -1,9 +1,9 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    alignRight(): string;
-    alignRightIE11(): string;
-    alignRightIE11FixAutoWidth(): string;
-    scrollContainer(t: Theme): string;
-    shadow(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    alignRight(): string;
+    alignRightIE11(): string;
+    alignRightIE11FixAutoWidth(): string;
+    scrollContainer(t: Theme): string;
+    shadow(t: Theme): string;
+};

package/internal/Menu/index.d.ts

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

package/internal/Menu/isActiveElement.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuItem, MenuItemProps } from '../../components/MenuItem';
-export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;
+import React from 'react';
+import { MenuItem, MenuItemProps } from '../../components/MenuItem';
+export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -8,10 +8,6 @@ import { ZIndex } from "../../ZIndex";
 import { cx } from "../../../lib/theming/Emotion";
 import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
-export var MobilePopupDataTids = {
-  root: 'MobilePopup__root',
-  container: 'MobilePopup__container'
-};
 export var MobilePopup = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(MobilePopup, _React$Component);
 
@@ -82,10 +78,8 @@ export var MobilePopup = /*#__PURE__*/function (_React$Component) {
       var _cx, _cx2, _cx3;
 
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        "data-tid": MobilePopupDataTids.container,
         className: cx((_cx = {}, _cx[jsStyles.container(_this3.theme)] = true, _cx[jsStyles.containerOpened()] = state === 'entered', _cx))
       }, /*#__PURE__*/React.createElement("div", {
-        "data-tid": MobilePopupDataTids.root,
         className: cx((_cx2 = {}, _cx2[jsStyles.root(_this3.theme)] = true, _cx2[jsStyles.rootFullHeight(_this3.theme)] = _this3.props.useFullHeight, _cx2)),
         onClick: _this3.props.useFullHeight ? undefined : _this3.close
       }, /*#__PURE__*/React.createElement(MobilePopupHeader, {

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","cx","jsStyles","MobilePopupHeader","MobilePopupDataTids","root","container","MobilePopup","state","isScrolled","close","props","onCloseRequest","refContent","contentDiv","handleScrollMenu","scrollTop","setState","render","theme","renderMain","content","opened","onClose","appear","exit","containerOpened","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","e","stopPropagation","children","bg","bgShowed","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  /**\n   * Хэндлер, вызываемый при закрытии меню\n   */\n  onClose?: () => void;\n  caption?: string;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n  withoutRenderContainer?: boolean;\n  /**\n   * Хэндлер, вызываемый при клике по вуали или заголовку\n   */\n  onCloseRequest?: () => void;\n  opened: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          appear\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                data-tid={MobilePopupDataTids.container}\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\n                })}\n              >\n                <div\n                  data-tid={MobilePopupDataTids.root}\n                  className={cx({\n                    [jsStyles.root(this.theme)]: true,\n                    [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n                  })}\n                  onClick={this.props.useFullHeight ? undefined : this.close}\n                >\n                  <MobilePopupHeader\n                    caption={this.props.caption}\n                    onClose={this.close}\n                    withShadow={this.state.isScrolled}\n                  >\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div\n                    onClick={(e) => e.stopPropagation()}\n                    className={jsStyles.content(this.theme)}\n                    onScroll={this.handleScrollMenu}\n                    ref={this.refContent}\n                  >\n                    {this.props.children}\n                  </div>\n                </div>\n              </div>\n              <div\n                onClick={this.close}\n                className={cx({\n                  [jsStyles.bg()]: true,\n                  [jsStyles.bgShowed()]: state === 'entered',\n                })}\n              />\n              <HideBodyVerticalScroll />\n            </>\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 = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = () => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","cx","jsStyles","MobilePopupHeader","MobilePopup","state","isScrolled","close","props","onCloseRequest","refContent","contentDiv","handleScrollMenu","scrollTop","setState","render","theme","renderMain","content","opened","onClose","appear","exit","container","containerOpened","root","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","e","stopPropagation","children","bg","bgShowed","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  /**\n   * Хэндлер, вызываемый при закрытии меню\n   */\n  onClose?: () => void;\n  caption?: string;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n  withoutRenderContainer?: boolean;\n  /**\n   * Хэндлер, вызываемый при клике по вуали или заголовку\n   */\n  onCloseRequest?: () => void;\n  opened: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n}\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          appear\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\n                })}\n              >\n                <div\n                  className={cx({\n                    [jsStyles.root(this.theme)]: true,\n                    [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n                  })}\n                  onClick={this.props.useFullHeight ? undefined : this.close}\n                >\n                  <MobilePopupHeader\n                    caption={this.props.caption}\n                    onClose={this.close}\n                    withShadow={this.state.isScrolled}\n                  >\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div\n                    onClick={(e) => e.stopPropagation()}\n                    className={jsStyles.content(this.theme)}\n                    onScroll={this.handleScrollMenu}\n                    ref={this.refContent}\n                  >\n                    {this.props.children}\n                  </div>\n                </div>\n              </div>\n              <div\n                onClick={this.close}\n                className={cx({\n                  [jsStyles.bg()]: true,\n                  [jsStyles.bgShowed()]: state === 'entered',\n                })}\n              />\n              <HideBodyVerticalScroll />\n            </>\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 = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = () => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -1,38 +1,34 @@
-import React from 'react';
-interface MobilePopupProps {
-    /**
-     * Хэндлер, вызываемый при закрытии меню
-     */
-    onClose?: () => void;
-    caption?: string;
-    /**
-     * Компонент, закрепленный сверху меню (под холдером)
-     */
-    headerChildComponent?: React.ReactNode;
-    useFullHeight?: boolean;
-    withoutRenderContainer?: boolean;
-    /**
-     * Хэндлер, вызываемый при клике по вуали или заголовку
-     */
-    onCloseRequest?: () => void;
-    opened: boolean;
-}
-interface MobilePopupState {
-    isScrolled: boolean;
-}
-export declare const MobilePopupDataTids: {
-    readonly root: "MobilePopup__root";
-    readonly container: "MobilePopup__container";
-};
-export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
-    static __KONTUR_REACT_UI__: string;
-    private contentDiv;
-    private theme;
-    state: MobilePopupState;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    close: () => void;
-    private refContent;
-    private handleScrollMenu;
-}
-export {};
+import React from 'react';
+interface MobilePopupProps {
+    /**
+     * Хэндлер, вызываемый при закрытии меню
+     */
+    onClose?: () => void;
+    caption?: string;
+    /**
+     * Компонент, закрепленный сверху меню (под холдером)
+     */
+    headerChildComponent?: React.ReactNode;
+    useFullHeight?: boolean;
+    withoutRenderContainer?: boolean;
+    /**
+     * Хэндлер, вызываемый при клике по вуали или заголовку
+     */
+    onCloseRequest?: () => void;
+    opened: boolean;
+}
+interface MobilePopupState {
+    isScrolled: boolean;
+}
+export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
+    static __KONTUR_REACT_UI__: string;
+    private contentDiv;
+    private theme;
+    state: MobilePopupState;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    close: () => void;
+    private refContent;
+    private handleScrollMenu;
+}
+export {};

package/internal/MobilePopup/MobilePopup.styles.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    rootFullHeight(t: Theme): string;
-    content(t: Theme): string;
-    container(t: Theme): string;
-    containerOpened(): string;
-    bg(): string;
-    bgShowed(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const jsStyles: {
+    root(t: Theme): string;
+    rootFullHeight(t: Theme): string;
+    content(t: Theme): string;
+    container(t: Theme): string;
+    containerOpened(): string;
+    bg(): string;
+    bgShowed(): string;
+};

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-interface MobilePopupHeaderProps {
-    caption?: string;
-    onClose: () => void;
-    withShadow?: boolean;
-}
-export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private rootClickHandler;
-    private wrapperClickHandler;
-}
-export {};
+import React from 'react';
+interface MobilePopupHeaderProps {
+    caption?: string;
+    onClose: () => void;
+    withShadow?: boolean;
+}
+export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private rootClickHandler;
+    private wrapperClickHandler;
+}
+export {};

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    withShadow(t: Theme): string;
-    container(): string;
-    caption(t: Theme): string;
-    childrenWithoutCaption(): string;
-    closeWrapper(): string;
-    closeHolder(): string;
-};
+import { Theme } from '../../../lib/theming/Theme';
+export declare const jsStyles: {
+    root(t: Theme): string;
+    withShadow(t: Theme): string;
+    container(): string;
+    caption(t: Theme): string;
+    childrenWithoutCaption(): string;
+    closeWrapper(): string;
+    closeHolder(): string;
+};

package/internal/MobilePopup/MobilePopupHeader/index.d.ts

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

package/internal/MobilePopup/index.d.ts

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

package/internal/NativeDateInput/NativeDateInput.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface NativeDateInputProps {
-    onValueChange?: (value: string) => void;
-    value: Nullable<string>;
-    minDate?: Nullable<string>;
-    maxDate?: Nullable<string>;
-    disabled?: boolean;
-}
-export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    private input;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    click: () => void;
-    private refInput;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface NativeDateInputProps {
+    onValueChange?: (value: string) => void;
+    value: Nullable<string>;
+    minDate?: Nullable<string>;
+    maxDate?: Nullable<string>;
+    disabled?: boolean;
+}
+export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    private input;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    click: () => void;
+    private refInput;
+}

package/internal/NativeDateInput/NativeDateInput.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
-    inputTypeDate(): string;
-};
+export declare const jsStyles: {
+    inputTypeDate(): string;
+};

package/internal/NativeDateInput/index.d.ts

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

package/internal/NativeDateInput/utils.d.ts

@@ -1,7 +1,7 @@
-import { Nullable } from '../../typings/utility-types';
-import { CalendarDateShape } from '../Calendar';
-export declare const getDateForNative: (componentDate: Nullable<string>) => string | undefined;
-export declare const getDateForComponent: (nativeDate: Nullable<string>) => string;
-export declare const getNativeDateFromShape: (componentDate: CalendarDateShape | undefined | null) => string | undefined;
-export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
-export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;
+import { Nullable } from '../../typings/utility-types';
+import { CalendarDateShape } from '../Calendar';
+export declare const getDateForNative: (componentDate: Nullable<string>) => string | undefined;
+export declare const getDateForComponent: (nativeDate: Nullable<string>) => string;
+export declare const getNativeDateFromShape: (componentDate: CalendarDateShape | undefined | null) => string | undefined;
+export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
+export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;

package/internal/PerformanceMetrics/PerformanceMetrics.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface PerformanceMetricsProps {
-    componentsA: React.ReactElement<any>;
-    componentsB: React.ReactElement<any>;
-}
-export declare function PerformanceMetrics(props: PerformanceMetricsProps): JSX.Element;
-export {};
+import React from 'react';
+interface PerformanceMetricsProps {
+    componentsA: React.ReactElement<any>;
+    componentsB: React.ReactElement<any>;
+}
+export declare function PerformanceMetrics(props: PerformanceMetricsProps): JSX.Element;
+export {};

package/internal/Popup/Popup/Popup.js

@@ -75,18 +75,13 @@ var TRANSITION_TIMEOUT = {
 };
 export var PopupPositions = ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom right', 'bottom center', 'bottom left', 'left bottom', 'left middle', 'left top'];
 export var DefaultPosition = PopupPositions[0];
-var DUMMY_LOCATION = {
+export var DUMMY_LOCATION = {
   position: DefaultPosition,
   coordinates: {
     top: -9999,
     left: -9999
   }
 };
-export var PopupDataTids = {
-  content: 'PopupContent',
-  contentInner: 'PopupContentInner',
-  popupPin: 'PopupPin__root'
-};
 export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Popup, _React$Component);
 
@@ -165,7 +160,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
 
       return /*#__PURE__*/React.createElement("div", {
         className: styles.content(_this.theme),
-        "data-tid": PopupDataTids.content,
+        "data-tid": 'PopupContent',
         ref: _this.refForTransition
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.contentInner(_this.theme),
@@ -173,7 +168,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
           backgroundColor: backgroundColor,
           width: _this.calculateWidth(width)
         },
-        "data-tid": PopupDataTids.contentInner
+        "data-tid": 'PopupContentInner'
       }, children));
     };
 
@@ -206,6 +201,10 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
 
       var location = _this.getLocation(popupElement, _this.state.location);
 
+      if (location) {
+        _this.props.onPositionChange == null ? void 0 : _this.props.onPositionChange(location == null ? void 0 : location.position);
+      }
+
       if (!_this.locationEquals(_this.state.location, location)) {
         _this.setState({
           location: location