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

package/components/Loader/Loader.d.ts

@@ -1,117 +1,113 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { AnyObject } from '../../lib/utils';
-import { SpinnerProps } from '../Spinner';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface LoaderProps extends CommonProps {
-    children?: React.ReactNode;
-    /**
-     * Флаг переключения состояния лоадера
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Подпись под спиннером
-     */
-    caption?: SpinnerProps['caption'];
-    /**
-     * Компонент заменяющий спиннер.
-     */
-    component?: React.ReactNode;
-    /**
-     * Размер спиннера и текста
-     *
-     * @default normal
-     */
-    type?: 'mini' | 'normal' | 'big';
-    /**
-     * Время в миллисекундах для показа вуали без спиннера.
-     * @default 300
-     */
-    delayBeforeSpinnerShow?: number;
-    /**
-     * Минимальное время в миллисекундах для показа спиннера
-     * @default 1000
-     */
-    minimalDelayBeforeSpinnerHide?: number;
-}
-export interface LoaderState {
-    isStickySpinner: boolean;
-    isSpinnerVisible: boolean;
-    isLoaderActive: boolean;
-    spinnerStyle?: AnyObject;
-}
-export declare const LoaderDataTids: {
-    readonly veil: "Loader__Veil";
-    readonly spinner: "Loader__Spinner";
-};
-declare type DefaultProps = Required<Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>>;
-/**
- * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
- *
- * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
- */
-export declare class Loader extends React.Component<LoaderProps, LoaderState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    static propTypes: {
-        /**
-         * показываем лоадер или нет
-         */
-        active: PropTypes.Requireable<boolean>;
-        /**
-         * Текст рядом с лоадером.
-         *
-         * @default  "Загрузка"
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Класс для обертки
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * @default  normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<string>;
-        /**
-         * Время в миллисекундах для показа вуали без спиннера.
-         * @default 300
-         */
-        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
-        /**
-         * Минимальное время в миллисекундах для показа спиннера
-         * @default 1000
-         */
-        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
-    };
-    private theme;
-    private setRootNode;
-    private spinnerContainerNode;
-    private childrenContainerNode;
-    private spinnerNode;
-    private layoutEvents;
-    private spinnerTask;
-    private childrenObserver;
-    constructor(props: LoaderProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
-    componentWillUnmount(): void;
-    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
-    render(): JSX.Element;
-    private renderMain;
-    private childrenRef;
-    private spinnerRef;
-    private renderSpinner;
-    private checkSpinnerPosition;
-    private disableChildrenFocus;
-    private enableChildrenFocus;
-    private makeObservable;
-    private makeUnobservable;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { AnyObject } from '../../lib/utils';
+import { SpinnerProps } from '../Spinner';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface LoaderProps extends CommonProps {
+    children?: React.ReactNode;
+    /**
+     * Флаг переключения состояния лоадера
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Подпись под спиннером
+     */
+    caption?: SpinnerProps['caption'];
+    /**
+     * Компонент заменяющий спиннер.
+     */
+    component?: React.ReactNode;
+    /**
+     * Размер спиннера и текста
+     *
+     * @default normal
+     */
+    type?: 'mini' | 'normal' | 'big';
+    /**
+     * Время в миллисекундах для показа вуали без спиннера.
+     * @default 300
+     */
+    delayBeforeSpinnerShow?: number;
+    /**
+     * Минимальное время в миллисекундах для показа спиннера
+     * @default 1000
+     */
+    minimalDelayBeforeSpinnerHide?: number;
+}
+export interface LoaderState {
+    isStickySpinner: boolean;
+    isSpinnerVisible: boolean;
+    isLoaderActive: boolean;
+    spinnerStyle?: AnyObject;
+}
+declare type DefaultProps = Required<Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>>;
+/**
+ * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
+ *
+ * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
+ */
+export declare class Loader extends React.Component<LoaderProps, LoaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    static propTypes: {
+        /**
+         * показываем лоадер или нет
+         */
+        active: PropTypes.Requireable<boolean>;
+        /**
+         * Текст рядом с лоадером.
+         *
+         * @default  "Загрузка"
+         */
+        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Класс для обертки
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Тип спиннера: mini, normal, big
+         *
+         * @default  normal
+         *
+         * Spinner.types - все доступные типы
+         */
+        type: PropTypes.Requireable<string>;
+        /**
+         * Время в миллисекундах для показа вуали без спиннера.
+         * @default 300
+         */
+        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
+        /**
+         * Минимальное время в миллисекундах для показа спиннера
+         * @default 1000
+         */
+        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
+    };
+    private theme;
+    private setRootNode;
+    private spinnerContainerNode;
+    private childrenContainerNode;
+    private spinnerNode;
+    private layoutEvents;
+    private spinnerTask;
+    private childrenObserver;
+    constructor(props: LoaderProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
+    componentWillUnmount(): void;
+    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
+    render(): JSX.Element;
+    private renderMain;
+    private childrenRef;
+    private spinnerRef;
+    private renderSpinner;
+    private checkSpinnerPosition;
+    private disableChildrenFocus;
+    private enableChildrenFocus;
+    private makeObservable;
+    private makeUnobservable;
+}
+export {};

package/components/Loader/Loader.styles.d.ts

@@ -1,8 +1,8 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    active(t: Theme): string;
-    loader(): string;
-    spinnerContainer(): string;
-    spinnerContainerSticky(): string;
-    spinnerComponentWrapper(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    active(t: Theme): string;
+    loader(): string;
+    spinnerContainer(): string;
+    spinnerContainerSticky(): string;
+    spinnerComponentWrapper(): string;
+};

package/components/Loader/index.d.ts

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

package/components/MenuHeader/MenuHeader/MenuHeader.js

@@ -5,9 +5,6 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { styles } from "../MenuHeader.styles";
-export var MenuHeaderDataTids = {
-  root: 'MenuHeader__root'
-};
 /**
  * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
  *
@@ -26,7 +23,6 @@ function MenuHeader(_ref) {
 
   var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement(CommonWrapper, rest, /*#__PURE__*/React.createElement("div", {
-    "data-tid": MenuHeaderDataTids.root,
     className: cx((_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.withLeftPadding(theme)] = _enableIconPadding, _cx))
   }, children));
 }

package/components/MenuHeader/MenuHeader/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","cx","styles","MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","rest","theme","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"uJAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,qBAAvB;;;;;;;AAOA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAGX,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBS,IAAnB;AACE;AACE,kBAAUL,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEH,EAAE;AACVC,MAAAA,MAAM,CAACE,IAAP,CAAYK,KAAZ,CADU,IACW,IADX;AAEVP,MAAAA,MAAM,CAACQ,eAAP,CAAuBD,KAAvB,CAFU,IAEsBH,kBAFtB,OAFf;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACM,mBAAX,GAAiC,YAAjC;AACAN,UAAU,CAACO,eAAX,GAA6B,IAA7B;;AAEA,SAASP,UAAT;;AAEA,OAAO,IAAMQ,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAAjB,KAAK,CAACkB,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuHeaderDataTids.root}\n        className={cx({\n          [styles.root(theme)]: true,\n          [styles.withLeftPadding(theme)]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}
+{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","cx","styles","MenuHeader","_enableIconPadding","children","rest","theme","root","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"uJAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,qBAAvB;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAGT,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBO,IAAnB;AACE;AACE,MAAA,SAAS,EAAEL,EAAE;AACVC,MAAAA,MAAM,CAACM,IAAP,CAAYD,KAAZ,CADU,IACW,IADX;AAEVL,MAAAA,MAAM,CAACO,eAAP,CAAuBF,KAAvB,CAFU,IAEsBH,kBAFtB,OADf;;;AAMGC,IAAAA,QANH,CADF,CADF;;;;AAYD;;AAEDF,UAAU,CAACO,mBAAX,GAAiC,YAAjC;AACAP,UAAU,CAACQ,eAAX,GAA6B,IAA7B;;AAEA,SAASR,UAAT;;AAEA,OAAO,IAAMS,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAAhB,KAAK,CAACiB,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n}\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        className={cx({\n          [styles.root(theme)]: true,\n          [styles.withLeftPadding(theme)]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}

package/components/MenuHeader/MenuHeader.d.ts

@@ -1,23 +1,20 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface MenuHeaderProps extends CommonProps {
-    _enableIconPadding?: boolean;
-    children: ReactNode;
-}
-export declare const MenuHeaderDataTids: {
-    readonly root: "MenuHeader__root";
-};
-/**
- * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
- *
- * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
- *
- * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
- */
-declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
-declare namespace MenuHeader {
-    var __KONTUR_REACT_UI__: string;
-    var __MENU_HEADER__: boolean;
-}
-export { MenuHeader };
-export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface MenuHeaderProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+}
+/**
+ * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ *
+ * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
+ */
+declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
+declare namespace MenuHeader {
+    var __KONTUR_REACT_UI__: string;
+    var __MENU_HEADER__: boolean;
+}
+export { MenuHeader };
+export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;

package/components/MenuHeader/MenuHeader.styles.d.ts

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

package/components/MenuHeader/index.d.ts

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

package/components/MenuItem/MenuItem/MenuItem.js

@@ -16,18 +16,14 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode/rootNodeDecorator";
 import { styles } from "../MenuItem.styles";
-export var MenuItemDataTids = {
-  root: 'MenuItem__root',
-  comment: 'MenuItem__comment'
-};
+export
 /**
- *
- * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
- *
- * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
- */
-
-export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+*
+* `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+*
+* Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
+*/
+var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(MenuItem, _React$Component);
 
   function MenuItem() {
@@ -77,9 +73,7 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
 
       var Component = _this.getComponent();
 
-      return /*#__PURE__*/React.createElement(Component, _extends({
-        "data-tid": MenuItemDataTids.root
-      }, rest, {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
         state: state,
         onMouseOver: _this.handleMouseEnterFix,
         onMouseLeave: _this.handleMouseLeave,
@@ -88,7 +82,7 @@ export var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         rel: href ? rel : undefined,
         tabIndex: -1
       }), iconElement, content, _this.props.comment && /*#__PURE__*/React.createElement("div", {
-        "data-tid": MenuItemDataTids.comment,
+        "data-tid": "MenuItem__comment",
         className: cx((_cx2 = {}, _cx2[styles.comment(_this.theme)] = true, _cx2[styles.commentHover(_this.theme)] = hover, _cx2))
       }, comment));
     };

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","isExternalLink","isFunction","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","styles","MenuItemDataTids","root","comment","MenuItem","mouseEntered","renderMain","props","link","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","href","rel","rest","hover","disabled","iconElement","theme","className","rootMobile","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","undefined","commentHover","e","render","setRootNode","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","node","bool","string","target","onClick","func","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isExternalLink, isFunction, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps extends CommonProps {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n\n  isMobile?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      ...rest\n    } = props;\n\n    const hover = state === 'hover' && !this.props.disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = <div className={styles.icon(this.theme)}>{icon}</div>;\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: hover,\n      [styles.selected(this.theme)]: state === 'selected',\n      [styles.link(this.theme)]: !!link,\n      [styles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        data-tid={MenuItemDataTids.root}\n        {...rest}\n        state={state}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        href={href}\n        rel={href ? rel : undefined}\n        tabIndex={-1}\n      >\n        {iconElement}\n        {content}\n        {this.props.comment && (\n          <div\n            data-tid={MenuItemDataTids.comment}\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered && this.props.onMouseEnter) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (component) {\n      return component;\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"]}
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","isExternalLink","isFunction","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","styles","MenuItem","mouseEntered","renderMain","props","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","href","rel","rest","hover","disabled","iconElement","theme","className","root","rootMobile","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","undefined","commentHover","e","render","setRootNode","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","node","bool","string","target","onClick","func","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isExternalLink, isFunction, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps extends CommonProps {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n\n  isMobile?: boolean;\n}\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      ...rest\n    } = props;\n\n    const hover = state === 'hover' && !this.props.disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = <div className={styles.icon(this.theme)}>{icon}</div>;\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: hover,\n      [styles.selected(this.theme)]: state === 'selected',\n      [styles.link(this.theme)]: !!link,\n      [styles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        {...rest}\n        state={state}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        href={href}\n        rel={href ? rel : undefined}\n        tabIndex={-1}\n      >\n        {iconElement}\n        {content}\n        {this.props.comment && (\n          <div\n            data-tid=\"MenuItem__comment\"\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered && this.props.onMouseEnter) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (component) {\n      return component;\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"]}