@skbkontur/react-ui 0.0.0-66a28a30fb → 0.0.0-68e286f9fe

package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -0,0 +1,233 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InternalTextareaWithLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _InputLayout = require("../../components/Input/InputLayout/InputLayout");
+var _Textarea = require("../../components/Textarea");
+
+var _Textarea2 = require("../../components/Textarea/Textarea.styles");
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+var _rootNode = require("../../lib/rootNode");
+
+var _Input = require("../../components/Input/Input.styles");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _currentEnvironment = require("../../lib/currentEnvironment");
+var _Input2 = require("../../components/Input");
+var _ClearCrossIcon = require("../ClearCrossIcon/ClearCrossIcon");
+
+var _InternalTextareaWithLayout2 = require("./InternalTextareaWithLayout.styles");var _excluded = ["leftIcon", "rightIcon", "borderless"];var _class, _InternalTextareaWithLayout;var
+
+
+
+
+
+
+
+
+
+
+
+
+InternalTextareaWithLayout = exports.InternalTextareaWithLayout = (0, _rootNode.rootNode)(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {function InternalTextareaWithLayout() {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.
+
+
+
+
+    wrappedComponentRef = /*#__PURE__*/_react.default.createRef();_this.
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(_Textarea.Textarea.defaultProps);_this.
+
+
+
+
+
+
+
+
+    getClearCrossShowed = function (_ref) {var focused = _ref.focused,hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return (0, _Input2.calculateClearCrossShowedState)({
+        showClearIcon: _this.getProps().showClearIcon || 'never',
+        notEmptyValue: Boolean(_this.props.value),
+        focused: focused,
+        hovered: hovered
+      });
+    };_this.
+
+    state = {
+      focused: false,
+      hovered: false,
+      clearCrossShowed: _this.getClearCrossShowed({ focused: false })
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleClearInput = function () {
+      if (_this.wrappedComponentRef.current) {
+        _this.wrappedComponentRef.current.clear();
+
+        if (!_this.state.focused) {
+          _this.wrappedComponentRef.current.focus();
+        }
+      }
+
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange('');
+      }
+    };_this.
+
+    getRightIcon = function () {
+      var _this$props = _this.props,size = _this$props.size,rightIcon = _this$props.rightIcon;
+
+      return _this.state.clearCrossShowed ? /*#__PURE__*/
+      _react.default.createElement(_ClearCrossIcon.ClearCrossIcon, { "data-tid": _Input2.InputDataTids.clearCross, size: size, onClick: _this.handleClearInput }) :
+
+      rightIcon;
+
+    };_this.
+
+    handleMouseEnter = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: true }) });
+    };_this.
+
+    handleMouseOut = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: false }) });
+    };_this.
+
+    renderLayout = function () {var _cx;
+      var labelProps = {
+        className: (0, _Emotion.cx)(
+          _InternalTextareaWithLayout2.styles.contentWrapper(),
+          _Textarea2.styles.textarea(_this.theme),
+          _this.getTextareaSizeClassName(),
+          _this.getRootSizeClassName(), (_cx = {}, _cx[
+
+          _Input.styles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _cx[
+          _Input.styles.borderless()] = _this.props.borderless && !_this.state.focused, _cx[
+          _Textarea2.styles.disabled(_this.theme)] = _this.props.disabled, _cx[
+          _Textarea2.styles.warning(_this.theme)] = _this.props.warning, _cx[
+          _Textarea2.styles.error(_this.theme)] = _this.props.error, _cx)
+
+        ),
+        style: { width: _this.props.width || _Textarea.DEFAULT_WIDTH, minWidth: '0', position: 'relative' },
+        onMouseEnter: _this.handleMouseEnter,
+        onMouseLeave: _this.handleMouseOut,
+        onClick: _this.handleLayoutClick
+      };
+      return /*#__PURE__*/(
+        _react.default.createElement(_InputLayout.InputLayout, {
+          leftIcon: _this.props.leftIcon,
+          rightIcon: _this.getRightIcon(),
+          labelProps: labelProps,
+          context: { disabled: _this.props.disabled, focused: _this.state.focused, size: _this.getProps().size },
+          tag: "span" },
+
+        _this.renderTextarea()
+        ));
+
+    };_this.
+
+    renderTextarea = function () {
+      var _this$props2 = _this.props,leftIcon = _this$props2.leftIcon,rightIcon = _this$props2.rightIcon,borderless = _this$props2.borderless,textareaProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, _excluded);
+      return /*#__PURE__*/(
+        _react.default.createElement(_ThemeContext.ThemeContext.Provider, {
+          value: _ThemeFactory.ThemeFactory.create(
+            {
+              textareaWidth: 'auto',
+              textareaBorderWidth: '0px',
+              textareaPaddingXSmall: '0px',
+              textareaPaddingXMedium: '0px',
+              textareaPaddingXLarge: '0px',
+              textareaPaddingYSmall: '0px',
+              textareaPaddingYMedium: '0px',
+              textareaPaddingYLarge: '0px',
+              textareaOutlineWidth: '0px',
+              textareaShadow: 'none',
+              textareaDisabledBg: 'transparent',
+              textareaBg: 'transparent'
+            },
+            _this.theme
+          ) }, /*#__PURE__*/
+
+        _react.default.createElement(_Textarea.Textarea, (0, _extends2.default)({},
+        _currentEnvironment.isTestEnv ? { spellCheck: false } : {},
+        textareaProps, {
+          width: '100%',
+          ref: _this.wrappedComponentRef,
+          onFocus: _this.handleFocus,
+          onBlur: _this.handleBlur })
+        )
+        ));
+
+    };_this.
+
+    handleLayoutClick = function () {var _this$wrappedComponen;
+      (_this$wrappedComponen = _this.wrappedComponentRef.current) == null || _this$wrappedComponen.focus();
+    };_this.
+    handleBlur = function (event) {var _getRootNode;
+      if ((_getRootNode = (0, _rootNode.getRootNode)(_this)) != null && _getRootNode.contains(event.relatedTarget)) {
+        _this.setState({ focused: false });
+      } else {
+        _this.setState({
+          focused: false,
+          clearCrossShowed: _this.getClearCrossShowed({ focused: false, hovered: _this.state.hovered })
+        });
+        _this.props.onBlur == null || _this.props.onBlur(event);
+      }
+    };_this.
+    handleFocus = function (event) {
+      _this.setState({
+        focused: true,
+        clearCrossShowed: _this.getClearCrossShowed({ focused: true, hovered: _this.state.hovered })
+      });
+      _this.props.onFocus == null || _this.props.onFocus(event);
+    };return _this;}(0, _inheritsLoose2.default)(InternalTextareaWithLayout, _React$Component);var _proto = InternalTextareaWithLayout.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$state = this.state,focused = _this$state.focused,hovered = _this$state.hovered;if (Boolean(prevProps.value) !== Boolean(this.props.value)) {this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: focused, hovered: hovered }) });}};_proto.focus = function focus() {var _this$wrappedComponen2;(_this$wrappedComponen2 = this.wrappedComponentRef.current) == null || _this$wrappedComponen2.focus();};_proto.blur = function blur() {var _this$wrappedComponen3;(_this$wrappedComponen3 = this.wrappedComponentRef.current) == null || _this$wrappedComponen3.blur();};_proto.setSelectionRange = function setSelectionRange(start, end) {var _this$wrappedComponen4;(_this$wrappedComponen4 = this.wrappedComponentRef.current) == null || _this$wrappedComponen4.setSelectionRange(start, end);};_proto.selectAll = function selectAll() {var _this$wrappedComponen5;(_this$wrappedComponen5 = this.wrappedComponentRef.current) == null || _this$wrappedComponen5.selectAll();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement("span", { "data-tid": 'InternalTextareaWithLayout' }, _this2.renderLayout());});};_proto.getTextareaSizeClassName = function getTextareaSizeClassName() {switch (this.getProps().size) {case 'large':return _Textarea2.styles.textareaLarge(this.theme);case 'medium':return _Textarea2.styles.textareaMedium(this.theme);case 'small':default:return _Textarea2.styles.textareaSmall(this.theme);}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.getProps().size) {case 'large':return _Textarea2.styles.rootLarge(this.theme);case 'medium':return _Textarea2.styles.rootMedium(this.theme);case 'small':default:return _Textarea2.styles.rootSmall(this.theme);}};return InternalTextareaWithLayout;}(_react.default.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class;

package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_Textarea","_Textarea2","_Emotion","_ThemeContext","_ThemeFactory","_rootNode","_Input","_createPropsGetter","_currentEnvironment","_Input2","_ClearCrossIcon","_InternalTextareaWithLayout2","_excluded","_class","_InternalTextareaWithLayout","InternalTextareaWithLayout","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","React","createRef","getProps","createPropsGetter","Textarea","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","calculateClearCrossShowedState","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","default","createElement","ClearCrossIcon","InputDataTids","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_cx","labelProps","className","cx","styles","contentWrapper","textareaStyles","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","inputStyles","warning","error","borderless","style","width","DEFAULT_WIDTH","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","InputLayout","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose2","ThemeContext","Provider","ThemeFactory","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","_extends2","isTestEnv","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","getRootNode","contains","relatedTarget","_inheritsLoose2","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider\n        value={ThemeFactory.create(\n          {\n            textareaWidth: 'auto',\n            textareaBorderWidth: '0px',\n            textareaPaddingXSmall: '0px',\n            textareaPaddingXMedium: '0px',\n            textareaPaddingXLarge: '0px',\n            textareaPaddingYSmall: '0px',\n            textareaPaddingYMedium: '0px',\n            textareaPaddingYLarge: '0px',\n            textareaOutlineWidth: '0px',\n            textareaShadow: 'none',\n            textareaDisabledBg: 'transparent',\n            textareaBg: 'transparent',\n          },\n          this.theme,\n        )}\n      >\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: {
+    contentWrapper(): string;
+};

package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js

@@ -0,0 +1,10 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  contentWrapper: function contentWrapper() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+
+
+
+  }
+});

package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","contentWrapper","css","_taggedTemplateLiteralLoose2","default"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/Popup/Popup.d.ts

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { Nullable } from '../../typings/utility-types';
 import type { Priority } from '../ZIndex';
 import type { FocusEventType, MouseEventType } from '../../typings/event-types';
@@ -24,21 +23,57 @@ export interface PopupHandlerProps {
     onClose?: () => void;
 }
 export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+    /**
+     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+     */
     anchorElement: React.ReactNode | Element;
+    /**
+     * Фон попапа и пина
+     */
     backgroundColor?: React.CSSProperties['backgroundColor'];
     borderColor?: React.CSSProperties['borderColor'];
     children: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Показывать ли пин
+     */
     hasPin?: boolean;
+    /**
+     * Применять ли box-shadow на попапе. При false отключает границу на пине
+     */
     hasShadow?: boolean;
     disableAnimations?: boolean;
+    /**
+     * Отступ попапа от элемента
+     */
     margin?: number;
     maxWidth?: number | string;
+    /**
+     * Показан или скрыт попап
+     */
     opened: boolean;
+    /**
+     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+     */
     pinOffset?: number;
+    /**
+     * Сторона пина без учёта границы.
+     * Пин представляет собой равносторонний треугольник, высота от попапа
+     * до "носика" пина будет соответствовать формуле (size* √3)/2
+     */
     pinSize?: number;
+    /**
+     * смещение попапа относительно родительского элемента
+     */
     popupOffset?: number;
     priority?: Priority;
+    /**
+     * С какой стороны показывать попап и край попапа,
+     * на котором будет отображаться пин
+     */
     positions?: Readonly<PopupPositionsType[]>;
+    /**
+     * Приоритетная позиция попапа
+     */
     pos?: PopupPositionsType | ShortPopupPositionsType;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
@@ -46,6 +81,9 @@ export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerP
      * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
     useWrapper?: boolean;
+    /**
+     * Игнорировать ли события hover/click
+     */
     ignoreHover?: boolean;
     width?: React.CSSProperties['width'];
     minWidth?: React.CSSProperties['minWidth'];
@@ -64,7 +102,7 @@ export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerP
     /**
      * Возвращает текущую позицию попапа
      */
-    onPositionChange?: (pos: PopupPositionsType) => void;
+    onPositionChange?: (pos: PopupPositionsType, isFullyVisible: boolean) => void;
 }
 interface PopupLocation {
     coordinates: {
@@ -72,6 +110,7 @@ interface PopupLocation {
         top: number;
     };
     position: PopupPositionsType;
+    isFullyVisible: boolean;
 }
 export interface PopupState {
     location: Nullable<PopupLocation>;
@@ -89,64 +128,6 @@ type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasSha
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        /**
-         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-         */
-        anchorElement: PropTypes.Validator<NonNullable<NonNullable<HTMLElement | PropTypes.ReactNodeLike>>>;
-        /**
-         * Фон попапа и пина
-         */
-        backgroundColor: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-        /**
-         * Показывать ли пин
-         */
-        hasPin: PropTypes.Requireable<boolean>;
-        /**
-         * Применять ли box-shadow на попапе. При false отключает границу на пине
-         */
-        hasShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отступ попапа от элемента
-         */
-        margin: PropTypes.Requireable<number>;
-        /**
-         * Показан или скрыт попап
-         */
-        opened: PropTypes.Requireable<boolean>;
-        /**
-         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-         */
-        pinOffset: PropTypes.Requireable<number>;
-        /**
-         * Сторона пина без учёта границы.
-         * Пин представляет собой равносторонний треугольник, высота от попапа
-         * до "носика" пина будет соответствовать формуле (size* √3)/2
-         */
-        pinSize: PropTypes.Requireable<number>;
-        /**
-         * смещение попапа относительно родительского элемента
-         */
-        popupOffset: PropTypes.Requireable<number>;
-        /**
-         * С какой стороны показывать попап и край попапа,
-         * на котором будет отображаться пин
-         */
-        positions: PropTypes.Requireable<any[]>;
-        /**
-         * Приоритетная позиция попапа
-         */
-        pos: PropTypes.Requireable<string>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Игнорировать ли события hover/click
-         */
-        ignoreHover: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: DefaultProps;
     private getProps;
     static readonly defaultRootNode: null;

package/cjs/internal/Popup/Popup.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PopupPositions = exports.PopupPinnablePositions = exports.PopupNonPinnablePositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _warning = _interopRequireDefault(require("warning"));
 var _globalObject = require("@skbkontur/global-object");
@@ -16,7 +15,6 @@ var _utils = require("../../lib/utils");
 var _client = require("../../lib/client");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _SSRSafe = require("../../lib/SSRSafe");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _CommonWrapper = require("../CommonWrapper");
@@ -71,7 +69,8 @@ var DUMMY_LOCATION = exports.DUMMY_LOCATION = {
   coordinates: {
     top: -9999,
     left: -9999
-  }
+  },
+  isFullyVisible: false
 };
 
 
@@ -143,48 +142,6 @@ var DUMMY_LOCATION = exports.DUMMY_LOCATION = {
 
 
 
-var PopupDataTids = exports.PopupDataTids = {
-  root: 'Popup__root',
-  content: 'PopupContent',
-  contentInner: 'PopupContentInner',
-  popupPin: 'PopupPin__root'
-};
-
-var PopupIds = exports.PopupIds = {
-  root: PopupDataTids.root
-};var
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_Popup = /*#__PURE__*/function (_React$Component) {function Popup() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -225,7 +182,16 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
+var PopupDataTids = exports.PopupDataTids = {
+  root: 'Popup__root',
+  content: 'PopupContent',
+  contentInner: 'PopupContentInner',
+  popupPin: 'PopupPin__root'
+};
 
+var PopupIds = exports.PopupIds = {
+  root: PopupDataTids.root
+};var
 
 
 
@@ -244,6 +210,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
+Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_Popup = /*#__PURE__*/function (_React$Component) {function Popup() {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.
 
 
 
@@ -667,7 +634,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
       var location = _this.getLocation(popupContentElement, _this.state.location);
       if (location) {
-        _this.props.onPositionChange == null || _this.props.onPositionChange(location == null ? void 0 : location.position);
+        _this.props.onPositionChange == null || _this.props.onPositionChange(location.position, location.isFullyVisible);
       }
 
       if (!_this.locationEquals(_this.state.location, location)) {
@@ -784,6 +751,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
+
 
 
     getRelativeShift = function () {
@@ -822,7 +790,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible) || // если Попап целиком во вьюпорте и в самой приоритетной позиции
       // (иначе нужно попытаться позицию сменить)
       isFullyVisible && position === positions[0]) {// сохраняем текущую позицию
-        return { coordinates: coordinates, position: position };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect)) {return { coordinates: coordinates, position: position };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
+        return { coordinates: coordinates, position: position, isFullyVisible: true };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect)) {return { coordinates: coordinates, position: position, isFullyVisible: true };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position, isFullyVisible: false };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
         };
       case 'bottom':
         return {
@@ -886,34 +854,15 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       default:
         throw new Error("Unexpected align '" + align + "'");
     }
-  };return Popup;}(_react.default.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.propTypes = { /**
-   * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-   */anchorElement: _propTypes.default.oneOfType([(0, _SSRSafe.safePropTypesInstanceOf)(_globalObject.globalObject.HTMLElement), _propTypes.default.node]).isRequired, /**
-   * Фон попапа и пина
-   */backgroundColor: _propTypes.default.string, children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
-   * Показывать ли пин
-   */hasPin: _propTypes.default.bool, /**
-   * Применять ли box-shadow на попапе. При false отключает границу на пине
-   */hasShadow: _propTypes.default.bool, /**
-   * Отступ попапа от элемента
-   */margin: _propTypes.default.number, /**
-   * Показан или скрыт попап
-   */opened: _propTypes.default.bool, /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */pinOffset: _propTypes.default.number, /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
-   */pinSize: _propTypes.default.number, /**
-   * смещение попапа относительно родительского элемента
-   */popupOffset: _propTypes.default.number, /**
-   * С какой стороны показывать попап и край попапа,
-   * на котором будет отображаться пин
-   */positions: _propTypes.default.array, /**
-   * Приоритетная позиция попапа
-   */pos: _propTypes.default.string, /**
-   * Отключает использование портала
-   */disablePortal: _propTypes.default.bool, /**
-   * Игнорировать ли события hover/click
-   */ignoreHover: _propTypes.default.bool }, _Popup.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false, disablePortal: false, width: 'auto', priority: _ZIndex.ZIndex.priorities.Popup }, _Popup.defaultRootNode = null, _Popup)) || _class) || _class; // Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
-var EmptyWrapper = /*#__PURE__*/function (_React$Component2) {function EmptyWrapper() {return _React$Component2.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(EmptyWrapper, _React$Component2);var _proto2 = EmptyWrapper.prototype;_proto2.render = function render() {return this.props.children;};return EmptyWrapper;}(_react.default.Component);
+  };return Popup;}(_react.default.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false, disablePortal: false, width: 'auto', priority: _ZIndex.ZIndex.priorities.Popup }, _Popup.defaultRootNode = null, _Popup)) || _class) || _class;
+
+
+// Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
+var
+
+
+
+EmptyWrapper = /*#__PURE__*/function (_React$Component2) {function EmptyWrapper() {return _React$Component2.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(EmptyWrapper, _React$Component2);var _proto2 = EmptyWrapper.prototype;_proto2.
+  render = function render() {
+    return this.props.children;
+  };return EmptyWrapper;}(_react.default.Component);