@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/internal/NativeDateInput/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getMonthInHumanFormat","getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends","getShapeFromNativeDate","Number"],"sources":["utils.ts"],"sourcesContent":["import { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: getMonthInHumanFormat(DateShape.month) };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"],"mappings":"0DAAA,SAASA,qBAAqB,QAAQ,yCAAyC;;;;AAI/E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,aAA+B,EAAK;EACnE,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;;EAE7C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAED,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA4B,EAAK;EACnE,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,EAAE;EACX;;EAEA,IAAMH,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC;;EAE1C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAED,OAAO,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIN,aAAmD,EAAK;EAC7F,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;EACA,IAAAM,IAAA,GAA4B,CAACP,aAAa,CAACQ,IAAI,EAAER,aAAa,CAACS,KAAK,EAAET,aAAa,CAACU,IAAI,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,UAAKA,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAC,CAA3GL,IAAI,GAAAD,IAAA,IAAEE,KAAK,GAAAF,IAAA,IAAEG,IAAI,GAAAH,IAAA;;EAExB,OAAUG,IAAI,CAACI,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIL,KAAK,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIN,IAAI,CAACM,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpF,CAAC;;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,OAAAgB,QAAA,KAAYD,SAAS,IAAEP,KAAK,EAAEX,qBAAqB,CAACkB,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAED,OAAO,IAAMS,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIb,UAA4B,EAAoC;EACrG,IAAI,CAACA,UAAU,EAAE;IACf,OAAOJ,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC,CAACQ,GAAG,CAAC,UAACH,IAAI,UAAKW,MAAM,CAACX,IAAI,CAAC,GAAC;;EAEtE,OAAO,EAAEE,IAAI,EAAER,YAAY,CAAC,CAAC,CAAC,EAAEO,KAAK,EAAEP,YAAY,CAAC,CAAC,CAAC,EAAEM,IAAI,EAAEN,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}
+{"version":3,"names":["getMonthInHumanFormat","getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends","getShapeFromNativeDate","Number"],"sources":["utils.ts"],"sourcesContent":["import { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: getMonthInHumanFormat(DateShape.month) };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"],"mappings":"0DAAA,SAASA,qBAAqB,QAAQ,yCAAyC;;;;AAI/E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,aAA+B,EAAK;EACnE,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;;EAE7C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAED,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA4B,EAAK;EACnE,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,EAAE;EACX;;EAEA,IAAMH,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC;;EAE1C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAED,OAAO,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIN,aAAmD,EAAK;EAC7F,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;EACA,IAAAM,IAAA,GAA4B,CAACP,aAAa,CAACQ,IAAI,EAAER,aAAa,CAACS,KAAK,EAAET,aAAa,CAACU,IAAI,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,UAAKA,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAC,CAA3GL,IAAI,GAAAD,IAAA,IAAEE,KAAK,GAAAF,IAAA,IAAEG,IAAI,GAAAH,IAAA;;EAExB,OAAUG,IAAI,CAACI,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIL,KAAK,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIN,IAAI,CAACM,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpF,CAAC;;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,OAAAgB,QAAA,KAAYD,SAAS,IAAEP,KAAK,EAAEX,qBAAqB,CAACkB,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAED,OAAO,IAAMS,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIb,UAA4B,EAAoC;EACrG,IAAI,CAACA,UAAU,EAAE;IACf,OAAOJ,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC,CAACQ,GAAG,CAAC,UAACH,IAAI,UAAKW,MAAM,CAACX,IAAI,CAAC,GAAC;;EAEtE,OAAO,EAAEE,IAAI,EAAER,YAAY,CAAC,CAAC,CAAC,EAAEO,KAAK,EAAEP,YAAY,CAAC,CAAC,CAAC,EAAEM,IAAI,EAAEN,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}

package/internal/NativeDateInput/utils.d.ts

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

package/internal/Popup/Popup/Popup.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Popup;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import warning from 'warning';
 import { globalObject } from '@skbkontur/global-object';
@@ -11,25 +10,22 @@ import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ZIndex } from "../../ZIndex";
 import { RenderContainer } from "../../RenderContainer";
-import { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement, mergeRefs } from "../../../lib/utils";
-import { isIE11, isEdge } from "../../../lib/client";
+import { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement } from "../../../lib/utils";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
 import { MobilePopup } from "../../MobilePopup";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
-import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { isInstanceWithAnchorElement } from "../../../lib/InstanceWithAnchorElement";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
-import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
+import { mergeRefs } from "../../../lib/mergeRefs";
+import { getVisualStateDataAttributes } from "../../CommonWrapper/utils/getVisualStateDataAttributes";
 import { PopupPin } from "../PopupPin";
 import { PopupHelper } from "../PopupHelper";
 import { styles } from "../Popup.styles";
-var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = {
   enter: 0,
   exit: 200
@@ -43,7 +39,8 @@ export var DUMMY_LOCATION = {
   coordinates: {
     top: -9999,
     left: -9999
-  }
+  },
+  isFullyVisible: false
 };
 export var PopupDataTids = {
   root: 'Popup__root',
@@ -147,7 +144,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
         React.createElement("div", {
           className: styles.content(_this.theme),
           "data-tid": PopupDataTids.content,
-          ref: mergeRefs([_this.refForTransition, _this.refPopupContentElement])
+          ref: mergeRefs(_this.refForTransition, _this.refPopupContentElement)
         }, /*#__PURE__*/
 
         React.createElement("div", {
@@ -161,6 +158,16 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
         }, children))
       );
     };
+    _this.prepareDataVisualState = function () {
+      var _this$state$location;
+      var position = (_this$state$location = _this.state.location) == null ? void 0 : _this$state$location.position;
+      if (position) {
+        var _getVisualStateDataAt;
+        var attrName = "position-" + position.replace(' ', '-');
+        return getVisualStateDataAttributes((_getVisualStateDataAt = {}, _getVisualStateDataAt[attrName] = true, _getVisualStateDataAt));
+      }
+      return {};
+    };
     _this.resetLocation = function () {
       _this.cancelDelayedUpdateLocation();
       _this.state.location !== null && _this.setState({
@@ -183,7 +190,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       }
       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)) {
         _this.setState({
@@ -268,12 +275,9 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
   };
   _proto.render = function render() {
     var _this3 = this;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this3.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this3.theme = theme;
-        return _this3.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this3.theme = theme;
+      return _this3.renderMain();
     });
   };
   _proto.renderMobile = function renderMobile() {
@@ -288,7 +292,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     }, this.content(children))) : null;
   };
   _proto.renderMain = function renderMain() {
-    var _this4 = this;
+    var _anchor;
     var anchorElement = this.props.anchorElement;
     var useWrapper = this.getProps().useWrapper;
     var anchor = null;
@@ -300,12 +304,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       anchor = /*#__PURE__*/React.createElement("span", null, anchorElement);
     }
     var anchorWithRef = anchor && /*#__PURE__*/React.isValidElement(anchor) && isRefableElement(anchor) ? /*#__PURE__*/React.cloneElement(anchor, {
-      ref: function ref(instance) {
-        var _anchor;
-        _this4.updateAnchorElement(instance);
-        var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;
-        originalRef && callChildRef(originalRef, instance);
-      }
+      ref: mergeRefs((_anchor = anchor) == null ? void 0 : _anchor.ref, this.updateAnchorElement)
     }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
@@ -339,7 +338,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     }
   };
   _proto.renderContent = function renderContent(location) {
-    var _this5 = this;
+    var _this4 = this;
     var _this$props = this.props,
       maxWidth = _this$props.maxWidth,
       opened = _this$props.opened;
@@ -367,32 +366,28 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       onExited: this.resetLocation,
       nodeRef: this.refForTransition
     }, function (state) {
-      var _this5$props$id, _extends2, _ref;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({}, _this5.props, {
-        rootNodeRef: _this5.setRootNode
-      }), /*#__PURE__*/React.createElement(ZIndex, {
-        id: (_this5$props$id = _this5.props.id) != null ? _this5$props$id : _this5.rootId,
+      var _this4$props$id, _extends2, _ref;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({}, _this4.props, {
+        rootNodeRef: _this4.setRootNode
+      }, _this4.prepareDataVisualState()), /*#__PURE__*/React.createElement(ZIndex, {
+        id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId,
         "data-tid": PopupDataTids.root,
-        priority: _this5.props.priority,
-        className: cx(_extends((_extends2 = {}, _extends2[styles.popup(_this5.theme)] = true, _extends2[styles.shadow(_this5.theme)] = hasShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this5.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))),
+        priority: _this4.props.priority,
+        className: cx(_extends((_extends2 = {}, _extends2[styles.popup(_this4.theme)] = true, _extends2[styles.shadow(_this4.theme)] = hasShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this4.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))),
         style: rootStyle,
-        onMouseEnter: _this5.handleMouseEnter,
-        onMouseLeave: _this5.handleMouseLeave
-      }, _this5.content(children), (!_this5.isMobileLayout || _this5.props.withoutMobile) && _this5.renderPin(location.position)));
+        onMouseEnter: _this4.handleMouseEnter,
+        onMouseLeave: _this4.handleMouseLeave
+      }, _this4.content(children), (!_this4.isMobileLayout || _this4.props.withoutMobile) && _this4.renderPin(location.position)));
     });
   };
   _proto.renderChildren = function renderChildren() {
     return isFunction(this.props.children) ? this.props.children() : this.props.children;
   };
   _proto.renderPin = function renderPin(positionName) {
-    var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;
-    var pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;
     var _this$props2 = this.props,
       pinSize = _this$props2.pinSize,
-      backgroundColor = _this$props2.backgroundColor,
-      borderColor = _this$props2.borderColor;
+      backgroundColor = _this$props2.backgroundColor;
     var _this$getProps3 = this.getProps(),
-      hasShadow = _this$getProps3.hasShadow,
       hasPin = _this$getProps3.hasPin;
     var position = PopupHelper.getPositionObject(positionName);
     return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/React.createElement(PopupPin, {
@@ -400,9 +395,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       popupPosition: positionName,
       size: pinSize || parseInt(this.theme.popupPinSize),
       offset: this.getPinOffset(position.align),
-      borderWidth: hasShadow ? 1 : 0,
-      backgroundColor: backgroundColor || this.theme.popupBackground,
-      borderColor: borderColor || pinBorder
+      backgroundColor: backgroundColor || this.theme.popupBackground
     });
   };
   _proto.delayUpdateLocation = function delayUpdateLocation() {
@@ -422,11 +415,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     if (isNullable(x) || isNullable(y)) {
       return false;
     }
-    if (!isIE11 && !isEdge) {
-      return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;
-    } // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
-    // уйти в бесконечный ререндер
-    return x.position === y.position && Math.abs(x.coordinates.top - y.coordinates.top) <= 1 && Math.abs(x.coordinates.left - y.coordinates.left) <= 1;
+    return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;
   };
   _proto.reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {
     var positions = this.props.positions ? this.props.positions : PopupPinnablePositions;
@@ -473,7 +462,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
         // сохраняем текущую позицию
         return {
           coordinates: coordinates,
-          position: position
+          position: position,
+          isFullyVisible: true
         };
       }
     }
@@ -483,7 +473,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       if (PopupHelper.isFullyVisible(coordinates, popupRect)) {
         return {
           coordinates: coordinates,
-          position: position
+          position: position,
+          isFullyVisible: true
         };
       }
     }
@@ -491,7 +482,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     coordinates = this.getCoordinates(anchorRect, popupRect, position);
     return {
       coordinates: coordinates,
-      position: position
+      position: position,
+      isFullyVisible: false
     };
   };
   _proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {
@@ -507,12 +499,13 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     var margin = isNonNullable(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;
     var position = PopupHelper.getPositionObject(positionName);
     var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);
+    var defaultCoordinates = {
+      top: anchorRect.top - popupRect.height - margin,
+      left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
+    };
     switch (position.direction) {
       case 'top':
-        return {
-          top: anchorRect.top - popupRect.height - margin,
-          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
-        };
+        return defaultCoordinates;
       case 'middle':
         return {
           top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2,
@@ -534,15 +527,17 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
           left: anchorRect.left + anchorRect.width + margin
         };
       default:
-        throw new Error("Unexpected direction '" + position.direction + "'");
+        warning(false, "Unexpected align '" + position.direction + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.");
+        return defaultCoordinates;
     }
   };
   _proto.getPinOffset = function getPinOffset(align) {
     var pinOffset = this.props.pinOffset;
+    var defaultPinOffset = pinOffset || parseInt(this.theme.popupPinOffsetY);
     switch (align) {
       case 'top':
       case 'bottom':
-        return pinOffset || parseInt(this.theme.popupPinOffsetY);
+        return defaultPinOffset;
       case 'left':
       case 'right':
         return pinOffset || parseInt(this.theme.popupPinOffsetX);
@@ -550,92 +545,40 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       case 'middle':
         return 0;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        warning(false, "Unexpected align '" + align + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.");
+        return defaultPinOffset;
     }
   };
   _proto.getHorizontalPosition = function getHorizontalPosition(anchorRect, popupRect, align, popupOffset) {
+    var defaultHorizontalPosition = anchorRect.left - (popupRect.width - anchorRect.width) / 2;
     switch (align) {
       case 'left':
         return anchorRect.left - popupOffset;
       case 'center':
-        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;
+        return defaultHorizontalPosition;
       case 'right':
         return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        warning(false, "Unexpected align '" + align + "'. Must be one of - 'left', 'center', 'right'. Returning default value.");
+        return defaultHorizontalPosition;
     }
   };
   _proto.getVerticalPosition = function getVerticalPosition(anchorRect, popupRect, align, popupOffset) {
+    var defaultVerticalPosition = anchorRect.top - popupOffset;
     switch (align) {
       case 'top':
-        return anchorRect.top - popupOffset;
+        return defaultVerticalPosition;
       case 'middle':
         return anchorRect.top - (popupRect.height - anchorRect.height) / 2;
       case 'bottom':
         return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        warning(false, "Unexpected align '" + align + "'. Must be one of - 'top', 'middle', 'bottom'. Returning default value.");
+        return defaultVerticalPosition;
     }
   };
   return Popup;
-}(React.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.propTypes = {
-  /**
-  * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-  */
-  anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,
-  /**
-  * Фон попапа и пина
-  */
-  backgroundColor: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  /**
-  * Показывать ли пин
-  */
-  hasPin: PropTypes.bool,
-  /**
-  * Применять ли box-shadow на попапе. При false отключает границу на пине
-  */
-  hasShadow: PropTypes.bool,
-  /**
-  * Отступ попапа от элемента
-  */
-  margin: PropTypes.number,
-  /**
-  * Показан или скрыт попап
-  */
-  opened: PropTypes.bool,
-  /**
-  * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-  */
-  pinOffset: PropTypes.number,
-  /**
-  * Сторона пина без учёта границы.
-  * Пин представляет собой равносторонний треугольник, высота от попапа
-  * до "носика" пина будет соответствовать формуле (size* √3)/2
-  */
-  pinSize: PropTypes.number,
-  /**
-  * смещение попапа относительно родительского элемента
-  */
-  popupOffset: PropTypes.number,
-  /**
-  * С какой стороны показывать попап и край попапа,
-  * на котором будет отображаться пин
-  */
-  positions: PropTypes.array,
-  /**
-  * Приоритетная позиция попапа
-  */
-  pos: PropTypes.string,
-  /**
-  * Отключает использование портала
-  */
-  disablePortal: PropTypes.bool,
-  /**
-  * Игнорировать ли события hover/click
-  */
-  ignoreHover: PropTypes.bool
-}, _Popup.defaultProps = {
+}(React.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.defaultProps = {
   popupOffset: 0,
   hasPin: false,
   hasShadow: false,
@@ -645,7 +588,9 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
   disablePortal: false,
   width: 'auto',
   priority: ZIndex.priorities.Popup
-}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class; // Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
+}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class;
+
+// Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
 var EmptyWrapper = /*#__PURE__*/function (_React$Component2) {
   function EmptyWrapper() {
     return _React$Component2.apply(this, arguments) || this;