@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/cjs/components/Group/Group.js

@@ -1,206 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonCorners = exports.GroupDataTids = exports.Group = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
-
-
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _rootNode = require("../../lib/rootNode");
-var _utils = require("../../lib/utils");
-
-
-
-
-
-
-
-
-
-
-
-
-var _renderEnvironment = require("../../lib/renderEnvironment");
-
-var _Group2 = require("./Group.styles");var _class, _Group;
-
-
-
-
-
-
-
-
-
-
-
-var getFirstChild = function getFirstChild(children) {
-  if (!Array.isArray(children)) {
-    return children;
-  }
-
-  return children == null ? void 0 : children[0];
-};
-
-var getLastChild = function getLastChild(children) {
-  if (!Array.isArray(children)) {
-    return children;
-  }
-
-  var numberOfChildren = _react.default.Children.count(children);
-
-  return children == null ? void 0 : children[numberOfChildren - 1];
-};
-
-var getButtonCorners = exports.getButtonCorners = function getButtonCorners(isFirstChild, isLastChild) {
-  if (isFirstChild && isLastChild) {
-    return {};
-  }
-
-  if (isFirstChild) {
-    return {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    };
-  }
-
-  if (isLastChild) {
-    return {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0
-    };
-  }
-
-  return {
-    borderRadius: 0
-  };
-};
-
-var tryPassCorners = function tryPassCorners(child, isFirstChild, isLastChild) {
-  var corners = getButtonCorners(isFirstChild, isLastChild);
-
-  if (
-  (0, _utils.isButton)(child) ||
-  (0, _utils.isInput)(child) ||
-  (0, _utils.isFxInput)(child) ||
-  (0, _utils.isAutocomplete)(child) ||
-  (0, _utils.isPasswordInput)(child) ||
-  (0, _utils.isCurrencyInput)(child) ||
-  (0, _utils.isSelect)(child) ||
-  (0, _utils.isDropdown)(child) ||
-  (0, _utils.isDropdownMenu)(child))
-  {
-    return /*#__PURE__*/_react.default.cloneElement(child, { corners: (0, _extends2.default)({}, corners, child.props.corners) });
-  }
-
-  return child;
-};
-
-var hasWidthInPercent = function hasWidthInPercent(child) {return String(child.props.width).includes('%');};
-
-var GroupDataTids = exports.GroupDataTids = {
-  root: 'Group__root'
-};
-
-/**
- *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
- *
- *  Длина контейнера настраивается с помощью пропа `width`.
- */var
-
-
-Group = exports.Group = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Group = /*#__PURE__*/function (_React$Component) {function Group() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderChild = function (
-    child,
-    isFirstChild,
-    isLastChild,
-    isWidthInPercent) {var _this$cx, _this$cx2;return /*#__PURE__*/(
-
-        _react.default.createElement("div", {
-          className: _this.cx((_this$cx = {}, _this$cx[
-          _this.styles.fixed()] = !isWidthInPercent, _this$cx[
-          _this.styles.stretch()] = isWidthInPercent, _this$cx)
-          ) }, /*#__PURE__*/
-
-        _react.default.createElement("div", {
-          className: _this.cx((_this$cx2 = {}, _this$cx2[
-          _this.styles.item()] = true, _this$cx2[
-          _this.styles.itemFirst()] = isFirstChild, _this$cx2)
-          ) },
-
-        tryPassCorners(child, isFirstChild, isLastChild)
-        )
-        ));};return _this;}(0, _inheritsLoose2.default)(Group, _React$Component);var _proto = Group.prototype;_proto.render = function render() {var _this2 = this;var style = { width: this.props.width };var childrenArray = _react.default.Children.toArray(this.props.children);var firstChild = getFirstChild(childrenArray);var lastChild = getLastChild(childrenArray);this.styles = (0, _Group2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", { "data-tid": GroupDataTids.root, className: this.styles.root(), style: style }, _react.default.Children.map(childrenArray, function (child) {if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) {return null;}var isFirstChild = child === firstChild;var isLastChild = child === lastChild;if ((0, _utils.isHint)(child) || (0, _utils.isTooltip)(child)) {return _this2.renderWrappedChildren(child, isFirstChild, isLastChild);}return _this2.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));})));};_proto.
-
-
-  renderWrappedChildren = function renderWrappedChildren(
-  parent,
-  isParentFirst,
-  isParentLast)
-  {var _this3 = this,_this$cx3;
-    var shouldStretchParent = false;
-    var nestedChildren = _react.default.Children.toArray(parent.props.children);
-
-    var modifiedChildren = nestedChildren.map(function (nestedChild, index) {
-      if (!nestedChild || ! /*#__PURE__*/_react.default.isValidElement(nestedChild)) {
-        return null;
-      }
-
-      var isFirstChild = isParentFirst && index === 0;
-      var isLastChild = isParentLast && index === nestedChildren.length - 1;
-      if (hasWidthInPercent(nestedChild)) {
-        shouldStretchParent = true;
-      }
-
-      return _this3.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));
-    });
-
-    var wrappedChildren = /*#__PURE__*/
-    _react.default.createElement("div", { className: this.cx(this.styles.wrappedChildren(), (_this$cx3 = {}, _this$cx3[this.styles.stretch()] = shouldStretchParent, _this$cx3)) },
-    modifiedChildren
-    );
-
-
-    return /*#__PURE__*/_react.default.cloneElement(parent, {
-      children: wrappedChildren
-    });
-  };return Group;}(_react.default.Component), _Group.__KONTUR_REACT_UI__ = 'Group', _Group.displayName = 'Group', _Group)) || _class) || _class;

package/cjs/components/Group/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_rootNode","_utils","_renderEnvironment","_Group2","_class","_Group","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","exports","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","corners","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","cloneElement","_extends2","default","props","hasWidthInPercent","String","width","includes","GroupDataTids","root","Group","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","_key","call","apply","concat","renderChild","isWidthInPercent","_this$cx","_this$cx2","createElement","className","cx","styles","fixed","stretch","item","itemFirst","_inheritsLoose2","_proto","prototype","render","_this2","style","childrenArray","toArray","firstChild","lastChild","getStyles","emotion","CommonWrapper","rootNodeRef","setRootNode","map","isValidElement","isHint","isTooltip","renderWrappedChildren","parent","isParentFirst","isParentLast","_this3","_this$cx3","shouldStretchParent","nestedChildren","modifiedChildren","nestedChild","index","wrappedChildren","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n  isButton,\n  isAutocomplete,\n  isCurrencyInput,\n  isDropdown,\n  isDropdownMenu,\n  isFxInput,\n  isInput,\n  isPasswordInput,\n  isSelect,\n  isTooltip,\n  isHint,\n} from '../../lib/utils';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  /** Задает длину компонента Group. */\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst tryPassCorners = (child: React.ReactNode, isFirstChild: boolean, isLastChild: boolean) => {\n  const corners = getButtonCorners(isFirstChild, isLastChild);\n\n  if (\n    isButton(child) ||\n    isInput(child) ||\n    isFxInput(child) ||\n    isAutocomplete(child) ||\n    isPasswordInput(child) ||\n    isCurrencyInput(child) ||\n    isSelect(child) ||\n    isDropdown(child) ||\n    isDropdownMenu(child)\n  ) {\n    return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nconst hasWidthInPercent = (child: React.ReactElement<GroupChildProps>) => String(child.props.width).includes('%');\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n/**\n *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n *\n *  Длина контейнера настраивается с помощью пропа `width`.\n */\n@withRenderEnvironment\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render(): React.JSX.Element {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={this.styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isFirstChild = child === firstChild;\n            const isLastChild = child === lastChild;\n\n            if (isHint(child) || isTooltip(child)) {\n              return this.renderWrappedChildren(child, isFirstChild, isLastChild);\n            }\n\n            return this.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderChild = (\n    child: React.ReactNode,\n    isFirstChild: boolean,\n    isLastChild: boolean,\n    isWidthInPercent: boolean,\n  ) => (\n    <div\n      className={this.cx({\n        [this.styles.fixed()]: !isWidthInPercent,\n        [this.styles.stretch()]: isWidthInPercent,\n      })}\n    >\n      <div\n        className={this.cx({\n          [this.styles.item()]: true,\n          [this.styles.itemFirst()]: isFirstChild,\n        })}\n      >\n        {tryPassCorners(child, isFirstChild, isLastChild)}\n      </div>\n    </div>\n  );\n\n  private renderWrappedChildren(\n    parent: React.ReactElement<GroupChildProps>,\n    isParentFirst: boolean,\n    isParentLast: boolean,\n  ): React.ReactNode {\n    let shouldStretchParent = false;\n    const nestedChildren = React.Children.toArray(parent.props.children);\n\n    const modifiedChildren = nestedChildren.map((nestedChild, index) => {\n      if (!nestedChild || !React.isValidElement<GroupChildProps>(nestedChild)) {\n        return null;\n      }\n\n      const isFirstChild = isParentFirst && index === 0;\n      const isLastChild = isParentLast && index === nestedChildren.length - 1;\n      if (hasWidthInPercent(nestedChild)) {\n        shouldStretchParent = true;\n      }\n\n      return this.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));\n    });\n\n    const wrappedChildren = (\n      <div className={this.cx(this.styles.wrappedChildren(), { [this.styles.stretch()]: shouldStretchParent })}>\n        {modifiedChildren}\n      </div>\n    );\n\n    return React.cloneElement<GroupChildProps>(parent, {\n      children: wrappedChildren,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +0,0 @@
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
-    root(): string;
-    wrappedChildren(): string;
-    fixed(): string;
-    stretch(): string;
-    item(): string;
-    itemFirst(): string;
-}>;

package/cjs/components/Group/Group.styles.js

@@ -1,44 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      line-height: normal;\n    "])));
-
-
-
-    },
-
-    wrappedChildren: function wrappedChildren() {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
-
-
-    },
-
-    fixed: function fixed() {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      display: inline-block;\n    "])));
-
-
-
-    },
-
-    stretch: function stretch() {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-grow: 1;\n      flex-shrink: 1;\n    "])));
-
-
-
-    },
-
-    item: function item() {
-      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: -1px;\n    "])));
-
-
-    },
-
-    itemFirst: function itemFirst() {
-      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 0;\n    "])));
-
-
-    }
-  };});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","wrappedChildren","fixed","stretch","item","itemFirst"],"sources":["Group.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-flex;\n      line-height: normal;\n    `;\n  },\n\n  wrappedChildren() {\n    return css`\n      display: flex;\n    `;\n  },\n\n  fixed() {\n    return css`\n      flex-shrink: 0;\n      display: inline-block;\n    `;\n  },\n\n  stretch() {\n    return css`\n      flex-grow: 1;\n      flex-shrink: 1;\n    `;\n  },\n\n  item() {\n    return css`\n      margin-left: -1px;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-left: 0;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDC,eAAe,WAAAA,gBAAA,EAAG;MAChB,OAAOJ,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDE,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOL,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDG,OAAO,WAAAA,QAAA,EAAG;MACR,OAAON,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDI,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOP,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDK,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOR,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-export * from './Group';

package/cjs/components/Group/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _Group = require("./Group");Object.keys(_Group).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Group[key]) return;exports[key] = _Group[key];});

package/cjs/components/Group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Group","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './Group';\n"],"mappings":"uCAAA,IAAAA,MAAA,GAAAC,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/Hint/Hint.d.ts

@@ -1,72 +0,0 @@
-import React from 'react';
-import type { PopupPinnablePositionsType, ShortPopupPositionsType } from '../../internal/Popup';
-import type { Nullable } from '../../typings/utility-types';
-import type { MouseEventType } from '../../typings/event-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
-export interface HintProps extends CommonProps {
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Переводит отображение подсказки в _"ручной режим"_.
-     В _"ручном режиме"_ подсказку можно активировать только задав значение пропу `opened`. */
-    manual?: boolean;
-    /** Задает максимальную ширину подсказки. */
-    maxWidth?: React.CSSProperties['maxWidth'];
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
-    onMouseEnter?: (event: MouseEventType) => void;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: (event: MouseEventType) => void;
-    /** Открывает подсказку. Работает только при `manual=true`. */
-    opened?: boolean;
-    /** Задает приоритетное расположение подсказки относительно текста. */
-    pos?: ShortPopupPositionsType | PopupPinnablePositionsType;
-    /** Задает текст подсказки. */
-    text: React.ReactNode;
-    /** Задает список позиций, которые будет занимать хинт. Если положение хинта в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция. Обязательно должен включать позицию указанную в `pos`. */
-    allowedPositions?: PopupPinnablePositionsType[];
-    /** Отключает анимацию. */
-    disableAnimations?: boolean;
-    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
-     * Используется для корректного позиционирования хинта при двух и более вложенных элементах.
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
-    useWrapper?: boolean;
-}
-export interface HintState {
-    opened: boolean;
-    position: PopupPinnablePositionsType;
-}
-type DefaultProps = Required<Pick<HintProps, 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>>;
-/**
- * Всплывающая подсказка `Hint`.
- * По умолчанию отображается при наведении на элемент, но можно задать другие условия отображения.
- *
- * Для подсказки, всплывающей по клику используйте Tooltip.
- */
-export declare class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: HintState;
-    private timer;
-    private theme;
-    getRootNode: TGetRootNode;
-    private setRootNode;
-    private styles;
-    private emotion;
-    private cx;
-    private popupRef;
-    getAllowedPositions(): string[] | undefined;
-    componentDidUpdate(prevProps: HintProps): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    getAnchorElement: () => Nullable<Element>;
-    private renderContent;
-    private getPositions;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private open;
-}
-export {};

package/cjs/components/Hint/Hint.js

@@ -1,235 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Hint = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-
-
-var _Popup = require("../../internal/Popup");
-
-
-var _currentEnvironment = require("../../lib/currentEnvironment");
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _rootNode = require("../../lib/rootNode");
-
-var _createPropsGetter = require("../../lib/createPropsGetter");
-var _renderEnvironment = require("../../lib/renderEnvironment");
-
-var _Hint2 = require("./Hint.styles");var _class, _Hint;
-
-var HINT_BORDER_COLOR = 'transparent';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Всплывающая подсказка `Hint`.
- * По умолчанию отображается при наведении на элемент, но можно задать другие условия отображения.
- *
- * Для подсказки, всплывающей по клику используйте Tooltip.
- */var
-
-
-Hint = exports.Hint = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Hint = /*#__PURE__*/function (_React$PureComponent) {function Hint() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(Hint.defaultProps);_this.
-
-    state = {
-      opened: _this.getProps().manual ? !!_this.getProps().opened : false,
-      position: _Popup.DUMMY_LOCATION.position
-    };_this.
-
-
-
-
-
-
-
-
-
-    popupRef = /*#__PURE__*/_react.default.createRef();_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getAnchorElement = function () {var _this$popupRef$curren;
-      return (_this$popupRef$curren = _this.popupRef.current) == null ? void 0 : _this$popupRef$curren.anchorElement;
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getPositions = function () {
-      return _this.props.allowedPositions;
-    };_this.
-
-    handleMouseEnter = function (e) {
-      if (!_this.getProps().manual && !_this.timer) {
-        _this.timer = setTimeout(_this.open, 400);
-      }
-
-      if (_this.props.onMouseEnter) {
-        _this.props.onMouseEnter(e);
-      }
-    };_this.
-
-    handleMouseLeave = function (e) {
-      if (!_this.getProps().manual && _this.timer) {
-        clearTimeout(_this.timer);
-        _this.timer = null;
-        _this.setState({ opened: false });
-      }
-
-      if (_this.props.onMouseLeave) {
-        _this.props.onMouseLeave(e);
-      }
-    };_this.
-
-    open = function () {
-      _this.setState({ opened: true });
-    };return _this;}(0, _inheritsLoose2.default)(Hint, _React$PureComponent);var _proto = Hint.prototype;_proto.getAllowedPositions = function getAllowedPositions() {return this.props.allowedPositions;};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),opened = _this$getProps.opened,manual = _this$getProps.manual;if (!manual) {return;}if (this.timer) {clearTimeout(this.timer);this.timer = null;}if (opened !== prevProps.opened) {this.setState({ opened: !!opened });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.timer) {clearTimeout(this.timer);this.timer = null;}};_proto.render = function render() {var _this2 = this;this.styles = (0, _Hint2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: theme.hintMargin, popupBorder: theme.hintBorder, popupBorderRadius: theme.hintBorderRadius }, _this2.theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,useWrapper = _this$getProps2.useWrapper;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, { hasPin: false, opened: this.state.opened, anchorElement: this.props.children, positions: this.getPositions(), pos: this.props.pos, backgroundColor: this.theme.hintBgColor, borderColor: HINT_BORDER_COLOR, onPositionChange: function onPositionChange(position) {return _this3.setState({ position: position });}, disableAnimations: disableAnimations, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper, ref: this.popupRef, withoutMobile: true }, this.renderContent()));};_proto.renderContent = function renderContent() {var _this$cx;if (!this.props.text) {return null;}var _this$getProps3 = this.getProps(),maxWidth = _this$getProps3.maxWidth;var centerAlignPositions = ['top', 'top center', 'bottom', 'bottom center'];var className = this.cx((_this$cx = {}, _this$cx[this.styles.content(this.theme)] = true, _this$cx[this.styles.contentCenter(this.theme)] = centerAlignPositions.includes(this.state.position), _this$cx));return /*#__PURE__*/_react.default.createElement("div", { className: className, style: { maxWidth: maxWidth } }, this.props.text);};return Hint;}(_react.default.PureComponent), _Hint.__KONTUR_REACT_UI__ = 'Hint', _Hint.displayName = 'Hint', _Hint.defaultProps = { manual: false, opened: false, maxWidth: 200, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false }, _Hint)) || _class) || _class;

package/cjs/components/Hint/Hint.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ThemeFactory","_Popup","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_renderEnvironment","_Hint2","_class","_Hint","HINT_BORDER_COLOR","Hint","exports","withRenderEnvironment","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","opened","manual","position","DUMMY_LOCATION","popupRef","React","createRef","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","props","allowedPositions","handleMouseEnter","e","timer","setTimeout","open","onMouseEnter","handleMouseLeave","clearTimeout","setState","onMouseLeave","_inheritsLoose2","default","_proto","prototype","getAllowedPositions","componentDidUpdate","prevProps","_this$getProps","componentWillUnmount","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","popupMargin","hintMargin","popupBorder","hintBorder","popupBorderRadius","hintBorderRadius","renderMain","_this3","_this$getProps2","disableAnimations","useWrapper","CommonWrapper","_extends2","rootNodeRef","setRootNode","Popup","hasPin","children","positions","pos","backgroundColor","hintBgColor","borderColor","onPositionChange","ref","withoutMobile","renderContent","_this$cx","text","_this$getProps3","maxWidth","centerAlignPositions","className","cx","content","contentCenter","includes","style","PureComponent","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Hint.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { SafeTimer } from '../../lib/globalObject';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { PopupPinnablePositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { DUMMY_LOCATION, Popup } from '../../internal/Popup';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MouseEventType } from '../../typings/event-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Hint.styles';\n\nconst HINT_BORDER_COLOR = 'transparent';\n\nexport interface HintProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Переводит отображение подсказки в _\"ручной режим\"_.\n   В _\"ручном режиме\"_ подсказку можно активировать только задав значение пропу `opened`. */\n  manual?: boolean;\n\n  /** Задает максимальную ширину подсказки. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: (event: MouseEventType) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (event: MouseEventType) => void;\n\n  /** Открывает подсказку. Работает только при `manual=true`. */\n  opened?: boolean;\n\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPinnablePositionsType;\n\n  /** Задает текст подсказки. */\n  text: React.ReactNode;\n\n  /** Задает список позиций, которые будет занимать хинт. Если положение хинта в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция. Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPinnablePositionsType[];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования хинта при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n}\n\nexport interface HintState {\n  opened: boolean;\n  position: PopupPinnablePositionsType;\n}\n\ntype DefaultProps = Required<Pick<HintProps, 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>>;\n\n/**\n * Всплывающая подсказка `Hint`.\n * По умолчанию отображается при наведении на элемент, но можно задать другие условия отображения.\n *\n * Для подсказки, всплывающей по клику используйте Tooltip.\n */\n@withRenderEnvironment\n@rootNode\nexport class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Hint';\n  public static displayName = 'Hint';\n\n  public static defaultProps: DefaultProps = {\n    manual: false,\n    opened: false,\n    maxWidth: 200,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n  };\n\n  private getProps = createPropsGetter(Hint.defaultProps);\n\n  public state: HintState = {\n    opened: this.getProps().manual ? !!this.getProps().opened : false,\n    position: DUMMY_LOCATION.position,\n  };\n\n  private timer: SafeTimer;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions(): string[] | undefined {\n    return this.props.allowedPositions;\n  }\n\n  public componentDidUpdate(prevProps: HintProps) {\n    const { opened, manual } = this.getProps();\n    if (!manual) {\n      return;\n    }\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n    if (opened !== prevProps.opened) {\n      this.setState({ opened: !!opened });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: theme.hintMargin,\n                  popupBorder: theme.hintBorder,\n                  popupBorderRadius: theme.hintBorderRadius,\n                },\n                this.theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): React.JSX.Element {\n    const { disableAnimations, useWrapper } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          hasPin={false}\n          opened={this.state.opened}\n          anchorElement={this.props.children}\n          positions={this.getPositions()}\n          pos={this.props.pos}\n          backgroundColor={this.theme.hintBgColor}\n          borderColor={HINT_BORDER_COLOR}\n          onPositionChange={(position) => this.setState({ position })}\n          disableAnimations={disableAnimations}\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          useWrapper={useWrapper}\n          ref={this.popupRef}\n          withoutMobile\n        >\n          {this.renderContent()}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  private renderContent() {\n    if (!this.props.text) {\n      return null;\n    }\n\n    const { maxWidth } = this.getProps();\n    const centerAlignPositions = ['top', 'top center', 'bottom', 'bottom center'];\n    const className = this.cx({\n      [this.styles.content(this.theme)]: true,\n      [this.styles.contentCenter(this.theme)]: centerAlignPositions.includes(this.state.position),\n    });\n    return (\n      <div className={className} style={{ maxWidth }}>\n        {this.props.text}\n      </div>\n    );\n  }\n\n  private getPositions = (): PopupPinnablePositionsType[] | undefined => {\n    return this.props.allowedPositions;\n  };\n\n  private handleMouseEnter = (e: MouseEventType) => {\n    if (!this.getProps().manual && !this.timer) {\n      this.timer = setTimeout(this.open, 400);\n    }\n\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: MouseEventType) => {\n    if (!this.getProps().manual && this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n      this.setState({ opened: false });\n    }\n\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private open = () => {\n    this.setState({ opened: true });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
-    content(t: Theme): string;
-    contentCenter(t: Theme): string;
-}>;